1<!-- 2Theme Name: VASTA Super Theme 3Theme Version: 2.4 4Developed by: VASTA Inc. - https://vasta.me/ 5Description: Custom Shopify Theme by VASTA 6--> 7<!-- start theme.liquid (LAYOUT) --> 8<!doctype html> 9 <!-- [if (gt IE 9)|!(IE)]><! --> 10 <html lang="en"> 11 <!-- <![endif] --> 12 <head> 13
13<script> 14 (function () { 15 const oldCurrentPage = localStorage.getItem('currentPage'); 16 const currentPage = window.location.pathname; 17 18 const previousPage = localStorage.getItem('previousPage'); 19 if (previousPage) { 20 localStorage.setItem('previousPage', oldCurrentPage); 21 } else{ 22 localStorage.setItem('previousPage', currentPage); 23 } 24 localStorage.setItem('currentPage', currentPage); 25 })(); 26 </script>
26 27 <!-- BEGIN NOVEL SNIPPET --><link rel="preload" href="/a/novel/js/novel-storefront.js?shop=e1be38-2.myshopify.com" as="script">
28<script type="text/javascript" async fetchpriority="high" src="/a/novel/js/novel-storefront.js?shop=e1be38-2.myshopify.com"></script>
vendor: 1 bytes, line 28
28
29<script> 30 try { 31 32 33 localStorage.setItem("__novel-storefront-data__", JSON.stringify({ 34 validUntil: Date.now() + 1000 * 60 * 60, 35 value: {"version":1,"storefrontName":"UndrDog","shopifyDomain":"undrdog.com","storefrontAccessToken":null,"storefrontCustomerTokenProperty":null,"customerAccountsEnabled":true,"authenticateWithShopifyCustomerAccount":false,"integrations":["klaviyo","postscript"],"tokenProducts":[],"gatedExperiences":[],"novelPassUnauthedLink":"https://undrdog-1.novel.com"} 36 })); 37 } catch (e) {} 38</script>
38<!-- END NOVEL SNIPPET --> 39 <!-- Start of Shoplift scripts --> 40 41 <!-- End of Shoplift scripts --> 42 <!-- Start of TrueVault Code Block --> 43
43<script src="https://polaris.truevaultcdn.com/static/pc/PWLSX53A2/polaris.js"></script>
43 44 <!-- End of TrueVault Code Block --> 45
45<script> 46 window.Shopify = window.Shopify || {theme: {id: 182782656822, role: 'main' } }; 47 window._template = { 48 directory: "", 49 name: "collection", 50 suffix: "" 51 } 52 window.igSettings = { 53 hideBody: true 54 } 55 </script>
55 56 57
57<script type="module" blocking="render" async fetchpriority="high" src="https://cdn.intelligems.io/esm/507c844d9388/bundle.js"></script>
57 58 59 60 61 <meta name="theme-color" content="#160d09" /> 62
62<script type="text/javascript"> 63 (function(c,l,a,r,i,t,y){ 64 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 65 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 66 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 67 })(window, document, "clarity", "script", "kkcctlg0g6"); 68 </script>
68 69 70 <!-- Start Rumble Ad Tag --> 71
71<script async src="https://a.ads.rmbl.ws/ratag?id=AV-29150"></script>
71 72
72<script> 73 window._ratagData = window._ratagData || []; 74 function ratag() {_ratagData.push(arguments);} 75 </script>
75 76 77
77<script> 78 ratag('conversion', {to: 1049}) 79 </script>
79 80 <!-- End Start Rumble Ad Tag --> 81 82 83
83<script> 84 window.location.replace('/'); 85 </script>
85 86
87<script> 88 (() => { 89 try { 90 var e, 91 t = navigator.userAgent, 92 r = 0, 93 n = (e, t, r) => e.setAttribute(t, r), 94 s = (e, t) => e.removeAttribute(t), 95 d = "tagName", 96 o = "forEach", 97 a = "indexOf", 98 i = location.href.includes("nonopt=1") || (navigator.platform[a]("x86_64") > -1 && 0 > t[a]("CrOS")) || t[a]("power") > -1 || t[a]("rix") > -1; 99 !i && (document.documentElement.classList.add("mainopt")); 100 window.mainopt = i; 101 let c = new MutationObserver((e) => { 102 e[o](({ addedNodes: e }) => { 103 e[o]((e) => { 104 if ( 105 "SCRIPT" === e[d] && 106 ("web-pixels-manager-setup" === e.id || 107 e.innerHTML.includes('!window.ga') || e.innerHTML.includes('wishlist-plus') || e.src.includes('wishlist-plus') || e.src.includes('criteo-sales-') || e.src.includes('cincopa') || e.src.includes('smile-io') || 108 e.innerHTML.includes('cdn.aggle.net/oir') || (e.innerHTML.includes('_cpmp.push(cpo)') && i)) && 109 1 === e.nodeType 110 ) { 111 if (e.src) { 112 n(e, "data-src", e.src); 113 s(e, "src"); 114 } 115 if (e.type === 'module'){ 116 n(e, "data-w3-type", 'module'); 117 }; 118 e.type = "lazyload_int"; 119 } 120 }), 121 document.documentElement.classList.contains("w3_user") && c.disconnect(); 122 }); 123 }); 124 c.observe(document.documentElement, { childList: !0, subtree: !0 }); 125 } catch (i) { 126 console.error("An error occurred:", i); 127 } 128 })(); 129</script>
129 130<style id="w3_bg_load">div:not(.w3_bg), section:not(.w3_bg), iframelazy:not(.w3_bg){background-image:none !important;} html:not(.mainopt):not(.xh), html:not(.mainopt):not(.xh) *{font-family: unset !important;}</style>
131<script> 132 var w3_lazy_load_by_px = 200, 133 blank_image_webp_url = "//undrdog.com/cdn/shop/t/136/assets/blank_small.png?v=122170005867142422511769604906", 134 google_fonts_delay_load = 1e4, 135 w3_mousemoveloadimg = !1, 136 w3_page_is_scrolled = !1, 137 w3_lazy_load_js = 1, 138 w3_excluded_js = 0; 139 class w3_loadscripts { 140 constructor(e) { 141 this.triggerEvents = e, this.eventOptions = { 142 passive: !0 143 }, this.userEventListener = this.triggerListener.bind(this), this.lazy_trigger, this.style_load_fired, this.lazy_scripts_load_fired = 0, this.scripts_load_fired = 0, this.scripts_load_fire = 0, this.excluded_js = w3_excluded_js, this.w3_lazy_load_js = w3_lazy_load_js, this.w3_fonts = "undefined" != typeof w3_googlefont ? w3_googlefont : [], this.w3_styles = [], this.w3_scripts = { 144 normal: [], 145 async: [], 146 defer: [], 147 lazy: [] 148 }, this.allJQueries = [] 149 } 150 user_events_add(e) { 151 this.triggerEvents.forEach(t => window.addEventListener(t, e.userEventListener, e.eventOptions)) 152 } 153 user_events_remove(e) { 154 this.triggerEvents.forEach(t => window.removeEventListener(t, e.userEventListener, e.eventOptions)) 155 } 156 triggerListener_on_load() { 157 "loading" === document.readyState ? document.addEventListener("DOMContentLoaded", this.load_resources.bind(this)) : this.load_resources() 158 } 159 triggerListener() { 160 this.user_events_remove(this), this.lazy_scripts_load_fired = 1, this.add_html_class("w3_user"), "loading" === document.readyState ? (document.addEventListener("DOMContentLoaded", this.load_style_resources.bind(this)), this.scripts_load_fire || document.addEventListener("DOMContentLoaded", this.load_resources.bind(this))) : (this.load_style_resources(), this.scripts_load_fire || this.load_resources()) 161 } 162 async load_style_resources() { 163 this.style_load_fired || (this.style_load_fired = !0, this.register_styles(), document.getElementsByTagName("html")[0].setAttribute("data-css", this.w3_styles.length), document.getElementsByTagName("html")[0].setAttribute("data-css-loaded", 0), this.preload_scripts(this.w3_styles), this.load_styles_preloaded()) 164 } 165 async load_styles_preloaded() { 166 setTimeout(function(e) { 167 document.getElementsByTagName("html")[0].classList.contains("css-preloaded") ? e.load_styles(e.w3_styles) : e.load_styles_preloaded() 168 }, 200, this) 169 } 170 async load_resources() { 171 this.scripts_load_fired || (this.scripts_load_fired = !0, this.hold_event_listeners(), this.exe_document_write(), this.register_scripts(), this.add_html_class("w3_start"), "function" == typeof w3_events_on_start_js && w3_events_on_start_js(), this.preload_scripts(this.w3_scripts.normal), this.preload_scripts(this.w3_scripts.defer), this.preload_scripts(this.w3_scripts.async), this.wnwAnalytics(), this.wnwBoomerang(), await this.load_scripts(this.w3_scripts.normal), await this.load_scripts(this.w3_scripts.defer), await this.load_scripts(this.w3_scripts.async), await this.execute_domcontentloaded(), await this.execute_window_load(), window.dispatchEvent(new Event("w3-scripts-loaded")), this.add_html_class("w3_js"), "function" == typeof w3_events_on_end_js && w3_events_on_end_js(), this.lazy_trigger = setInterval(this.w3_trigger_lazy_script, 500, this)) 172 } 173 async w3_trigger_lazy_script(e) { 174 e.lazy_scripts_load_fired && (await e.load_scripts(e.w3_scripts.lazy), e.add_html_class("jsload"), clearInterval(e.lazy_trigger)) 175 } 176 add_html_class(e) { 177 document.getElementsByTagName("html")[0].classList.add(e) 178 } 179 register_scripts() { 180 document.querySelectorAll("script[type=lazyload_int]").forEach(e => { 181 e.hasAttribute("data-src") ? e.hasAttribute("async") && !1 !== e.async ? this.w3_scripts.async.push(e) : e.hasAttribute("defer") && !1 !== e.defer || "module" === e.getAttribute("data-w3-type") ? this.w3_scripts.defer.push(e) : this.w3_scripts.normal.push(e) : this.w3_scripts.normal.push(e) 182 }), document.querySelectorAll("script[type=lazyload_ext]").forEach(e => { 183 this.w3_scripts.lazy.push(e) 184 }) 185 } 186 register_styles() { 187 document.querySelectorAll("link[data-href]").forEach(e => { 188 this.w3_styles.push(e) 189 }) 190 } 191 async execute_script(e) { 192 return await this.repaint_frame(), new Promise(t => { 193 let s = document.createElement("script"), 194 a;
195 [...e.attributes].forEach(e => { 196 let t = e.nodeName; 197 "type" !== t && "data-src" !== t && ("data-w3-type" === t && (t = "type", a = e.nodeValue), s.setAttribute(t, e.nodeValue)) 198 }), e.hasAttribute("data-src") ? (s.setAttribute("src", e.getAttribute("data-src")), s.addEventListener("load", t), s.addEventListener("error", t)) : (s.text = e.text, t()), null !== e.parentNode && e.parentNode.replaceChild(s, e) 199 }) 200 } 201 async execute_styles(e) { 202 var t; 203 let s; 204 return t = e, void((s = document.createElement("link")).href = t.getAttribute("data-href"), s.rel = "stylesheet", document.head.appendChild(s), t.parentNode.removeChild(t)) 205 } 206 async load_scripts(e) { 207 let t = e.shift(); 208 return t ? (await this.execute_script(t), this.load_scripts(e)) : Promise.resolve() 209 } 210 async load_styles(e) { 211 let t = e.shift(); 212 return t ? (this.execute_styles(t), this.load_styles(e)) : "loaded" 213 } 214 async load_fonts(e) { 215 var t = document.createDocumentFragment(); 216 e.forEach(e => { 217 let s = document.createElement("link"); 218 s.href = e, s.rel = "stylesheet", t.appendChild(s) 219 }), setTimeout(function() { 220 document.head.appendChild(t) 221 }, google_fonts_delay_load) 222 } 223 preload_scripts(e) { 224 var t = document.createDocumentFragment(), 225 s = 0, 226 a = this; 227 [...e].forEach(i => { 228 let r = i.getAttribute("data-src"), 229 n = i.getAttribute("data-href"); 230 if (r) { 231 let d = document.createElement("link"); 232 d.href = r, d.rel = "preload", d.as = "script", t.appendChild(d) 233 } else if (n) { 234 let l = document.createElement("link"); 235 l.href = n, l.rel = "preload", l.as = "style", s++, e.length == s && (l.dataset.last = 1), t.appendChild(l), l.onload = function() { 236 fetch(this.href).then(e => e.blob()).then(e => { 237 a.update_css_loader() 238 }).catch(e => { 239 a.update_css_loader() 240 }) 241 }, l.onerror = function() { 242 a.update_css_loader() 243 } 244 } 245 }), document.head.appendChild(t) 246 } 247 update_css_loader() { 248 document.getElementsByTagName("html")[0].setAttribute("data-css-loaded", parseInt(document.getElementsByTagName("html")[0].getAttribute("data-css-loaded")) + 1), document.getElementsByTagName("html")[0].getAttribute("data-css") == document.getElementsByTagName("html")[0].getAttribute("data-css-loaded") && document.getElementsByTagName("html")[0].classList.add("css-preloaded") 249 } 250 hold_event_listeners() { 251 let e = {}; 252 253 function t(t, s) { 254 ! function(t) { 255 function s(s) { 256 return e[t].eventsToRewrite.indexOf(s) >= 0 ? "w3-" + s : s 257 } 258 e[t] || (e[t] = { 259 originalFunctions: { 260 add: t.addEventListener, 261 remove: t.removeEventListener 262 }, 263 eventsToRewrite: [] 264 }, t.addEventListener = function() { 265 arguments[0] = s(arguments[0]), e[t].originalFunctions.add.apply(t, arguments) 266 }, t.removeEventListener = function() { 267 arguments[0] = s(arguments[0]), e[t].originalFunctions.remove.apply(t, arguments) 268 }) 269 }(t), e[t].eventsToRewrite.push(s) 270 } 271 272 function s(e, t) { 273 let s = e[t]; 274 Object.defineProperty(e, t, { 275 get: () => s || function() {}, 276 set(a) { 277 e["w3" + t] = s = a 278 } 279 }) 280 } 281 t(document, "DOMContentLoaded"), t(window, "DOMContentLoaded"), t(window, "load"), t(window, "pageshow"), t(document, "readystatechange"), s(document, "onreadystatechange"), s(window, "onload"), s(window, "onpageshow") 282 } 283 hold_jquery(e) { 284 let t = window.jQuery; 285 Object.defineProperty(window, "jQuery", { 286 get: () => t, 287 set(s) { 288 if (s && s.fn && !e.allJQueries.includes(s)) { 289 s.fn.ready = s.fn.init.prototype.ready = function(t) { 290 if (void 0 !== t) return e.scripts_load_fired ? e.domReadyFired ? t.bind(document)(s) : document.addEventListener("w3-DOMContentLoaded", () => t.bind(document)(s)) : t.bind(document)(s), s(document) 291 }; 292 let a = s.fn.on; 293 s.fn.on = s.fn.init.prototype.on = function() { 294 if ("ready" == arguments[0]) { 295 if (this[0] !== document) return a.apply(this, arguments), this; 296 arguments[1].bind(document)(s) 297 } 298 if (this[0] === window) { 299 function e(e) { 300 return e.split(" ").map(e => "load" === e || 0 === e.indexOf("load.") ? "w3-jquery-load" : e).join(" ") 301 } 302 "string" == typeof arguments[0] || arguments[0] instanceof String ? arguments[0] = e(arguments[0]) : "object" == typeof arguments[0] && Object.keys(arguments[0]).forEac
302h(t => { 303 Object.assign(arguments[0], { 304 [e(t)]: arguments[0][t] 305 })[t] 306 }) 307 } 308 return a.apply(this, arguments), this 309 }, e.allJQueries.push(s) 310 } 311 t = s 312 } 313 }) 314 } 315 async execute_domcontentloaded() { 316 this.domReadyFired = !0, await this.repaint_frame(), document.dispatchEvent(new Event("w3-DOMContentLoaded")), await this.repaint_frame(), window.dispatchEvent(new Event("w3-DOMContentLoaded")), await this.repaint_frame(), document.dispatchEvent(new Event("w3-readystatechange")), await this.repaint_frame(), document.w3onreadystatechange && document.w3onreadystatechange() 317 } 318 async execute_window_load() { 319 await this.repaint_frame(), setTimeout(function() { 320 window.dispatchEvent(new Event("w3-load")) 321 }, 100), await this.repaint_frame(), window.w3onload && window.w3onload(), await this.repaint_frame(), this.allJQueries.forEach(e => e(window).trigger("w3-jquery-load")), window.dispatchEvent(new Event("w3-pageshow")), await this.repaint_frame(), window.w3onpageshow && window.w3onpageshow() 322 } 323 exe_document_write() { 324 let e = new Map; 325 document.write = document.writeln = function(t) { 326 let s = document.currentScript, 327 a = document.createRange(), 328 i = s.parentElement, 329 r = e.get(s); 330 void 0 === r && (r = s.nextSibling, e.set(s, r)); 331 let n = document.createDocumentFragment(); 332 a.setStart(n, 0), n.appendChild(a.createContextualFragment(t)), i.insertBefore(n, r) 333 } 334 } 335 async repaint_frame() { 336 return new Promise(e => requestAnimationFrame(e)) 337 } 338 static execute() { 339 let e = new w3_loadscripts(["keydown", "mousemove", "touchmove", "touchstart", "touchend", "wheel"]); 340 e.load_fonts(e.w3_fonts), e.user_events_add(e), e.excluded_js || e.hold_jquery(e), e.w3_lazy_load_js || (e.scripts_load_fire = 1, e.triggerListener_on_load()); 341 let t = setInterval(function e(s) { 342 null != document.body && (document.body.getBoundingClientRect().top < -30 && s.triggerListener(), clearInterval(t)) 343 }, 500, e) 344 } 345 wnwAnalytics() { 346 document.querySelectorAll(".analytics").forEach(function(e) { 347 trekkie.integrations = !1; 348 var t = document.createElement("script"); 349 t.innerHTML = e.innerHTML, e.parentNode.insertBefore(t, e.nextSibling), e.parentNode.removeChild(e) 350 }) 351 } 352 wnwBoomerang() { 353 document.querySelectorAll(".boomerang").forEach(function(e) { 354 window.BOOMR.version = !1; 355 var t = document.createElement("script"); 356 t.innerHTML = e.innerHTML, e.parentNode.insertBefore(t, e.nextSibling), e.parentNode.removeChild(e) 357 }) 358 } 359 } 360 setTimeout(function(){ 361 w3_loadscripts.execute(); 362 },1000); 363</script>
363<link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/splide.min.css?v=96280272462562602901769604975" as="script"> 364 <link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/splide.min.js?v=69269454072023320621770997358" as="script"> 365 <link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/splide-extension-auto-scroll.min.js?v=157408630528621081061769604975" as="script"> 366 367 <link rel="preconnect dns-prefetch" href="https://cdn.shopify.com"> 368 <link rel="prefetch" href="https://cdn.judge.me/"> 369 <link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/VastaShop.js?v=157113441304378571361769604930" as="script"> 370 <link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/jquery-3-7.min.js?v=158417595810649192771769604907" as="script"><link rel="preload" href="//undrdog.com/cdn/shop/t/136/assets/comp-logo.png?v=106646183102375327161770077083" as="image"> 371 <!-- Splide CSS --> 372 <link rel="stylesheet" href="//undrdog.com/cdn/shop/t/136/assets/splide.min.css?v=96280272462562602901769604975"> 373 <!-- Splide JS --> 374
374<script async src="//undrdog.com/cdn/shop/t/136/assets/splide.min.js?v=69269454072023320621770997358"></script>
374 375 <!-- Splide Auto Scroll Extension --> 376
376<script async src="//undrdog.com/cdn/shop/t/136/assets/splide-extension-auto-scroll.min.js?v=157408630528621081061769604975"></script>
376 377 378 <link rel="stylesheet" href="https://use.typekit.net/vly6nyo.css"> 379<link rel="preload" href="//undrdog.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2" as="font" crossorigin><link rel="preload" href="//undrdog.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" crossorigin><link rel="preload" href="//undrdog.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2" as="font" crossorigin><style scoped> @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: url("//undrdog.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"), url("//undrdog.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");} @font-face { font-family: Inter; font-weight: 400; font-style: normal; font-display: swap; src: url("//undrdog.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), url("//undrdog.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");} @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: url("//undrdog.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"), url("//undrdog.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");} :root { --color-link: #204a80; --color-sale: #838383; --color-price: #26b522; --color-secondary-buttons: #26b522; --color-secondary-buttons-text: #ffffff; --color-secondary-buttons-hover: #1A7117; --color-secondary-buttons-text-hover: #ffffff; --newsletter-submit-color: #26B522; --newsletter-submit-hover: #1d891a; --newsletter-submit-text-color: #fff; --newsletter-submit-text-color-hover: #fff; --size-chart-color: #006BA2; --color-disabled: #000000; --color-disabled-border: #000000; --color-error: #ff6d6d; --color-error-bg: #ffffff; --color-success: #000000; --color-success-bg: #000000; --transition-duration: 250ms; --transition-timing: ease-in-out; --grid-medium: 46.85rem; --grid-large: 61.85rem; --grid-widescreen: 87.5rem; --grid-max-width: 73.75rem; --grid-gutter: 30px; --small: 'small'; --medium: 'medium'; --medium-down: 'medium-down'; --medium-up: 'medium-up'; --large: 'large'; --large-down: 'large-down'; --large-up: 'large-up'; --widescreen: 'widescreen'; --breakpoints: ( --small '(max-width: #{--grid-medium - 1})', --medium '(min-width: #{--grid-medium}) and (max-width: #{--grid-large - 1})', --medium-down '(max-width: #{--grid-large - 1})', --medium-up '(min-width: #{--grid-medium})', --large '(min-width: #{--grid-large}) and (max-width: #{--grid-widescreen - 1})', --large-down '(max-width: #{--grid-widescreen - 1})', --large-up '(min-width: #{--grid-large})', --widescreen '(min-width: #{--grid-widescreen})' ); --headerFont: "DM Sans"; --copyBodyFont: Inter; --h1Size: 32px; --h1SizeTablet: 30px; --h1SizeMobile: 28px; --h1Color: #000; --h2Size: 38px; --h2SizeTablet: 22px; --h2SizeMobile: 20px; --h2Color: #000; --h3Size: 18px; --h3SizeTablet: 18px; --h3SizeMobile: 16px; --h3Color: #000; --h4Size: 20px; --h4SizeTablet: 18px; --h4SizeMobile: 13px; --h4Color: #000; --h5Size: 18px; --h5SizeTablet: 16px; --h5SizeMobile: 14px; --h5Color: #000; --h6Size: 16px; --h6SizeTablet: 16px; --h6SizeMobile: 14px; --h6Color: #000; --copy_body: 16px; --copy_body_tablet: 14px; --copy_body_mobile: 14px; --titleReview: 16; --titleReviewTablet: 16; --titleReviewMobile: 16; --smallFont: 16px; --wrapperWidth: 1220px;
379 --tagBadgeBackgroundColor : #005fff; --tagBadgeTextColor: #fff; --tagBadgePosition: ribbon-top-left; --tagBadgeTextSize: 10px; --tagBadgeTextSmallSize: 10px; --productTitleTransform: capitalize; --ProductComparePriceFontSize: 10px; --AddToCartFontSize: 16px; --AddToCartTextTransform: uppercase; --AddToCartBorderRadius: 10px; --AddToCartTextColor: #fff; --AddToCartTextColorHover: #fff; --ProductTitleFontSize: 27px; --ProductSubtitleFontSize: 16px; --ProductTitleFontSizeTablet: 30px; --ProductSubtitleFontSizeTablet: 14px; --ProductTitleFontSizeMobile: 20px; --ProductSubtitleFontSizeMobile: 12px; --ProductPriceFontSize: 28px; --ProductPriceFontSizeTablet: 24px; --ProductPriceFontSizeMobile: 16px; --product_info_mobile_direction: center; --AddToCartFontWeight: normal; --AddToCartBackground: #26b522; --AddToCartBackgroundHover: #45910d; --SocialShareTitleColor: #000000; --SocialShareColor: #000; --colorGiftBorder: #000; --color_out_of_stock_label: #767676; --select-icon: url(//undrdog.com/cdn/shop/t/136/assets/icon-arrow-down_30x.png?v=126378520099475741281769604906); --iconCheckmarkChecked: ; --SelectVariantButtonBackground: #ff0000; --SelectVariantButtonText: #fff;
379 --collectionListBackgroundColor: ; --collectionListFontColor: ; --collectionNoProductMessageFontSize: 18px; --colorCollectionSwatch: #26b522; --colorCollectionSwatchCheck: #fff; --collectionTitleTextTransform: uppercase; --colorSubCollection: #334F8D; --colorCollectionProductTitle: #000000; --sizeDescription: 125px; --collectionEnabledFilterSticky: true; --collectionProductPriceSize: 18px; --collectionProductComparePriceSize: 15px; --NoItemsFontSize: 18; --colorSeemore: 24px; --colorDescription: 24px; --colorFontButtonCart: #fff; --colorItemTitlecart: #000; --colorPhoneNumber: #000000; --blogTitleTransform: capitalize; --colorFontBlog: #333; --buttonBackgroundColorBlog: #26b522; --buttonBackgroundHoverColorBlog: #56aad7; --buttonBorderColorBlog: #56aad7; --buttonBorderHoverColorBlog: #56aad7; --buttonTextHoverColorBlog: #fff; --newsBackgroundColorBlog: #404040; --newsTextColorBlog: #fff; --newsButtonTextColorBlog: #fff; --buttonColortextBlog: #fff; --buttonTextColorHoverBlog: #fff; --ColorTexBartBlog: #595959; --backgroundTitleBlog: #333; --buttonColorBackgroundBlog: #58afea; --buttonHoverColorBackgroundBlog: #4386b3; --sidebarTextColor: #333; --breadcrumbFontSize: 14px; --breadcrumbFontSizeTablet: 12px; --breadcrumbFontSizeMobile: 10px; --breadcrumbtextcolor: #000000; --breadcrumbtextstyle: normal; --breadcrumbLinkColor: #4B4B4B; --progressATCBackgroundColor: #f00; --thankYouTextColor: #fff; --CouponTextColor: #cb0808; --thankYouBackground: #fff; --stock_warning_background_color: #252525; --stock_warning_text_color: ; --out_of_stock_text_color: #fff; --out_of_stock_background_color: #FF0000; --yousave-color: #000000; --product-slider-width: 50%;--product-info-alignment: center;--tooltip-size: 70px; --iconCheckmarkChecked: #fff; --colorTitleSearchSuggestion: #418bc3; --colorTextSearchSuggestion: #000; }</style><style> html { scroll-behavior: smooth; } * { margin: 0; padding: 0; outline: 0; box-sizing: border-box; font-family: var(--copyBodyFont), Arial, sans-serif; } body { font-size: var(--copy_body); line-height: 1.3; } .page-title, .title, h1 { font-size: var(--h1Size); color: var(--h1Color); } h2 { font-size: var(--h2Size); color: var(--h2Color); } .grid-product-title, .item-title, .item-title a, h3 { font-size: var(--h3Size); color: var(--h3Color); } h4 { font-size: var(--h4Size); color: var(--h4Color); } h5 { font-size: var(--h5Size); color: var(--h5Color); } h6 { font-size: var(--h6Size); color: var(--h6Color); } .drawer__title, .grid-product-title, .item-title, .item-title a, .page-title, .product-title, .section-title, .title, h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family:var(--headerFont), Arial, sans-serif; } .input- checkbox, input, input.text, input[type='button'], input[type='submit'], input[type='text'], textarea { -moz-appearance: none; appearance: none; -webkit-appearance: none; -webkit-border-radius: 0px; border-radius: 0; } input[type='checkbox'] { background-color: initial; cursor: default; -webkit-appearance: checkbox; box-sizing: border-box; margin: 3px 0.5ex; padding: initial; border: initial; } em, i { font-style: italic; } img { display: block; height: auto; } iframe, img, svg { max-width: 100%; } .responsive-image--no-image { background-color: #eee; } @-moz-document url-prefix() { img:-moz-loading { visibility: hidden; } } .price { color: var(--color-price); font-weight: 700; } .drawer__title, .item-title, .page-title, .product-title, .section-title, .title, b, h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, strong { font-weight: 700; width: 100%; } a { text-decoration: none; cursor: pointer; color: var(--color-link); } button { -webkit-appearance: none; border: none; cursor: pointer; } button[disabled]:after, button[disabled]:before { background-color: #bbb; color: #bbb; } button[disabled] svg { fill: #bbb; }</style><style class="critical2"> .visually-hidden { display: none; visibility: hidden; } .wrapper { width: 100%; max-width: var(--wrapperWidth); margin: 0 auto; clear: both; padding: 0 20px; } .btn { width: 100%; font-weight: 400; border: none; float: left; } .section-title { display: block; padding: 35px 0; text-align: center; width: 100%; } body .mobile { display: none; } .spr-badge-caption { color: #000; } .shopify-section { clear: both; float: left; display: block; width: 100%; } .fixed { position: fixed; top: 0; left: 0; z-index: 1; } body .hide { display: none; } body .underline { text-decoration: underline; } .prices-wrapper { text-align: center; } .overflow { overflow: hidden; } .bold { font-weight: 700; } .flex { display: flex; } .flex-row-reverse { flex-direction: row-reverse; } .flex-space-between { justify-content: space-between; } .flex-align-start { align-items: flex-start; } .full { width: 100%; } .msg { display: block; padding: 5px; background-color: transparent; border: 1px solid transparent; font-size: 14px; margin-top: 20px; } .msg.msg-error { background-color: #ffe6e6; border-color: #ffadad; } .choose-option { position: relative; outline: 2px solid rgba(255, 0, 0, 0.9); padding: 3px; } .choose-option:before { content: 'Choose an option'; position: absolute; line-height: 16px; top: -24px; left: 0; color: red; background-color: #fff; width: 202px; } @keyframes blink { 0% { opacity: 0; } to { opacity: 1; } } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .text-underline { text-decoration: underline; } .main-content { clear: both; transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); } .icon-loading { display: flex; justify-content: center; background: #fff; width: 100%; height: 200px; position: relative; } .icon-loading .lds-css.ng-scope { padding: 0; } .products-reviews-stars.no-mobile { text-align: left; margin: 0 auto; display: block; } @keyframes lds-spinner { 0% { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } to { opacity: 0; } } .rte { line-height: 1.6; } .rte ol, .rte ul { padding-left: 2rem; } .rte p, .rte ul, .rte ol { margin-bottom: 16px; } .rte a:hover, .rte a:active { text-decoration: underline; } .rte h2 { margin-bottom: 0.75rem; } .rte h3 { margin-bottom: 1rem; } .page-margin-bottom { display: table; margin-bottom: 50px; } .custom-html { margin-top: 5px; } body .jdgm-prev-badge__text { margin-left: 5px; font-size: 0.8rem; color: #000; font-weight: 400; display: block; } body .jdgm-widget.jdgm-widget, body .jdgm-prev-badge { width: 100%; display: flex !important; } body .collection-items .jdgm-prev-badge { display: flex; justify-content: left; } .jdgm-widget input:not([type='submit']), .jdgm-widget textarea { padding: 5px 10px; } .jdgm-widget textarea { resize: none; } .template-list-collections .rte-h1 { font-weight: 400; } .wrapper .rte-h1.below { padding-top: 20px; } .back-to-top { font-family: var(--copyBodyFont), Arial, sans-serif; } .coupon_text { text-align: left; color: var(--CouponTextColor);
379 background-color: var(--thankYouBackground); } .thank_you { text-align: left; } .thank_you strong { background-color: var(--thankYouBackground); } .template-index .shopify-section.banner ~ .banner { margin-bottom: 40px; } .template- .shopify-policy__container { max-width: 1280px; } .reset_password-title { text-transform: capitalize; font-size: 2.2rem; text-align: center; line-height: 1.3; } .form-reset-password > form { margin: 50px auto 80px !important; } @media (max-width: 1019px) { body * { font-size: var(--copy_body_tablet); } span, b, strong, em, i, u, a, option { font-family: inherit; font-size: inherit; } body h1, body .page-title, body .title { font-size: var(--h1SizeTablet); color: var(--h1Color); } body h2 { font-size: var(--h2SizeTablet); color: var(--h2Color); } body h3, body .grid-product-title, body .item-title a, body .item-title { font-size: var(--h3SizeTablet); color: var(--h3Color); } body h4 { font-size: var(--h4SizeTablet); color: var(--h4Color); } body h5 { font-size: var(--h5SizeTablet); color: var(--h5Color); } body h6 { font-size: var(--h6SizeTablet); color: var(--h6Color); } .section-title { padding: 20px 0; } } @media (max-width: 767px) { body * { font-size: var(--copy_body_mobile); } .jdgm-widget.jdgm-widget { align-items: center; } .jdgm-prev-badge__stars { margin: 0 !important; } .jdgm-rev-widg { display: block; clear: both; width: 100%; } span, b, strong, em, i, u, a, option { font-family: inherit; font-size: inherit; } body h1, body .page-title, body .title { font-size: var(--h1SizeMobile); color: var(--h1Color); } body h2 { font-size: var(--h2SizeMobile); color: var(--h2Color); } body h3, body .grid-product-title, body .item-title a, body .item-title { font-size: var(--h3SizeMobile); color: var(--h3Color); } body h4 { font-size: var(--h4SizeMobile); color: var(--h4Color); } body h5 { font-size: var(--h5SizeMobile); color: var(--h5Color); } body h6 { font-size: var(--h6SizeMobile); color: var(--h6Color); } body .product-half.half-img.flex-row-reverse { padding: 0; } .section-title { padding: 10px 0; } body .mobile { display: block; width: 100%; } body .no-mobile { display: none !important; } .btn-add-tocart { height: 43px; line-height: 43px; } .btn-add-tocart span { font: inherit; } .wrapper .rte-h1.below { padding-top: 0; } .template-cart .section-title { font-size: 18px; max-width: 200px; margin: 0 auto; } .slick-content { margin: 0 0 26px; } .wrapper { width: 100%; padding: 0 20px; } .credit_cards_page img { display: none; } } header, nav, section, article, aside, footer { display: block; } @media print { @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } html, body { background-color: #fff; } .giftcard-header { padding: 10px 0; } .giftcard__content, .giftcard__border { border: 0 none; } .giftcard__actions, .giftcard__wrap:before, .giftcard__wrap:after, .tooltip, .add-to-apple-wallet { display: none; } .giftcard__title { float: none; text-align: center; } .giftcard__code__text { color: #555; } .shop-url { display: block; } .logo { color: #58686f; } } @-webkit-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } to { -webkit-transform: translateY(0); } } @-ms-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } to { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } to { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(0deg); } } @-ms-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(0deg); } } @-webkit-keyframes fadein { 0% { opacity: 0; } to { opacity: 100; } } @-ms-keyframes fadein { 0% { opacity: 0; } to { opacity: 100; } } @keyframes fadein { 0% { opacity: 0; } to { opacity: 100; } } @keyframes spinner { 0% { transform: translate(-50%, -50%) rotate(0); } to { transform: translate(-50%, -50%) rotate(360deg); } }</style><style class="critical2"> .grid-uniform { display: flex; flex-wrap: wrap; width: 100%; gap: 8vh 2%; list-style: none; } .grid-uniform--s2 .grid__item { flex-basis: 48%; } .grid-uniform--s3 .grid__item { flex-basis: 32%; } .grid-uniform--s4 .grid__item { flex-basis: 23.5%; } .grid-uniform--s5 .grid__item { flex-basis: 18.4%; } .grid__item { position: relative; text-align: center; width: 325px; } .grid__item-title { margin: 10px 0 3px 0; } .grid__item-reviews-wrapper { text-align: left; } .grid__item-image-wrapper { position: relative; height: 0; padding-top: 100%; overflow: hidden; width: 259px; height: 350px; } .grid__item-image { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); } .grid__item-title { margin: 10px 0 3px 0; text-align: left; } .grid__item-title-link { color: var(--h3Color); } .grid__item-compare-at-price, .grid__item-price, .grid__item-sold-out { font-weight: bold; text-align: center; } .grid__item-compare-at-price { margin-right: 10px; color: var(--color-sale, #a00); text-decoration-line: line-through; font-size: var(--collectionProductComparePriceSize); } .grid__item-price-wrapper { margin: 5px 0 0; text-align: left; } .grid__item-price { color: var(--color-price, rgb(25, 156, 25)); } .grid__item-sold-out { display: block; color: var(--color_out_of_stock_label, #a00); margin-top: 6px; padding: 5px 0; background-color: var(--stock_warning_background_color); } .grid__item-swatch-wrapper { margin-top: 3px; } .grid__item--hidden-image img { opacity: 0; visibility: hidden; } .recently-viewed-products .grid-uniform { justify-content: center; } .recently-viewed-products .grid__item-price-wrapper { display: flex; }</style><style class="critical2"> .mobile-nav, .mobile-nav > .dinamic-item + .dinamic-item { border-top: 1px solid rgba(0, 0, 0, 0.1); } .shipping-text > .wrapper { justify-content: center; flex-wrap: wrap; } .shipping-text > .wrapper, .shipping-text .shipping-text-content { display: flex; } .shipping-text .shipping-text-content { flex-direction: column; align-items: center; flex: 0 0 23.5%; text-align: center; } .shipping-text .shipping-text-content .shipping-text-text { font-weight: bold; margin-bottom: 10px; max-width: 100%; } .shipping-text .shipping-text-content svg { height: 28px; width: auto; } .shipping-bar--fixed { position: sticky; top: 0; } .shipping-bar__section-item, .shipping-bar__wrapper { display: flex; align-items: center; } .shipping-bar__wrapper { height: 50px; justify-content: space-between; } .shipping-bar__section-item, .shipping-bar__item { flex: 1; } .shipping-bar__item { line-height: 1.15; } .shipping-bar__item:nth-of-type(1) { text-align: left; } .shipping-bar__item:nth-of-type(2) { text-align: center; } .shipping-bar--info-style .shipping-bar__item:nth-of-type(2) { text-transform: uppercase; } .shipping-bar__item:nth-of-type(3) { text-align: right; } .shipping-bar__item--small { max-width: 230px; } .shipping-bar__link { color: inherit; font: inherit; } .shipping-bar__section-item { justify-content: center;
379 height: calc(100% - 10px); width: 33%; } .shipping-bar__section-item + .shipping-bar__section-item { border-left: 1px solid var(--shipping-bar-items-line-color, #fff); } .shipping-bar__section-image { width: 100%; max-width: 25px; margin-right: 10px; } .shipping-bar--discount-style .shipping-bar__discount-value { background: var(--shipping-bar-price-background, rgb(28, 168, 28)); margin: 0 4px; display: inline-block; color: var(--shipping-bar-price-text-color, rgb(255, 255, 255)); } .shipping-bar--discount-style .shipping-bar__discount-value:not(:last-child) { margin-right: 4px; } .shipping-bar .shipping-bar__message { display: flex; justify-content: center; text-transform: uppercase; } @media (max-width: 1019px) { .shipping-bar__item--small { max-width: 190px; } } @media (max-width: 767px) { .shipping-text .shipping-text-content { flex-direction: column; align-items: center; flex: 0 0 48%; text-align: center; } .shipping-text .shipping-text-content p { font-weight: normal; } } @media (max-width: 479px) { .shipping-bar__item { font-size: 0.85rem; } .shipping-bar__section-item { font-size: 10px; } }</style><style class="critical2"> .header__sitewide__wrapper { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--vasta-border-color-on-mobile, black); min-height: 80px; } .header__logo { flex: 1; text-align: center; border-right: 1px solid var(--vasta-border-color-on-mobile, black); border-left: 1px solid var(--vasta-border-color-on-mobile, black); min-height: 80px; display: flex; align-items: center; justify-content: center; } .header__logo svg, .header__logo img { margin: 0 auto; } .header__search__form__wrapper { flex: 1; margin: 16px auto; max-width: 95%; } .header__search__form { display: flex; align-items: center; justify-content: center; max-width: 700px; } .header__search__form .button { background-color: var(--search-button-color,#fff); border-color: var(--search-button-color,#fff); color: var(--vasta-search-text-button-color,#fff); font-weight: 700; text-transform: uppercase; height: 37px; width: 20%; min-width: 90px; } .header__search__form .button:hover, .header__search__form .button:active { background-color: var(--vasta-search-button-hover-color,#000); border-color: var(--vasta-search-button-hover-color,#000); color: var(--vasta-search-text-button-hover-color,#e5e5e5); } .header__search__form .header__search__input { border: 1px solid var(--vasta-search-border-color,#ccc); border-radius: 3px 0 0 3px; color: #000; font-size: 1rem; padding: 6px 12px; margin: 0; height: 37px; width: 80%; } .header__icon__wrap { position: relative; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; text-transform: var(--header_fallback_text_transform); width: 20%; min-height: 80px; } .header__icon__count__wrap { display: flex; align-items: center; position: relative; } .header__icon__wrap svg { width: 30px; height: auto; } .header__icon__wrap.icon--menu { display: flex; } .header__cart__count::before { content: "(" } .header__cart__count:after { content: ")"; } .header__icon__wrap.icon--menu svg path { fill: var(--vasta_menu_color, black) } .header__icon__wrap.icon--menu { color: var(--vasta_menu_title_color, black) } .header__icon__wrap.icon--cart svg path{ fill: var(--vasta-cart-color, #fff); } .header__cart__text { color: var(--cart_title_color, black); font-size: var(--cart_title_font_size); } .header__menu { background-color: ; } .header__menu svg { width: 16px; margin: 0 12px; fill: var(--nav-text-color,#fff); } .header__menu .header__item__anchor > svg { margin: 0; margin-left: 10px; } .header__list { list-style: none; } .header__list.list--parent { display: flex; align-items: center; justify-content: center; } .header__list:not(.list--parent) { display: none; align-items: flex-start; position: absolute; top: 100%; left: 0; } .header__list.list--parent .header__list__item > a.header__item__anchor { font-size: var(--vasta_item_nav_menu_font_size); } .header__list.list--child { background: var(--vasta-dropdown-menu-color,#fff); display: none; z-index: 2; min-width: px; width: max-content; } .header__list.list--grandchild { background: var(--vasta-dropdown-menu-color,#fff); left: 100%; top: 0; } .header__list.list--child .header__list__item > a.header__item__anchor { font-size: var(--vasta_item_nav_menu_dropdown_font_size); } .header__list__item { display: flex; align-items: center; justify-content: space-between; position: relative; white-space: nowrap; } .header__list__item:hover, .header__list__item:active { background-color: var(--vasta-dropdown-menu-color,#fff); } .header__list__item:hover > a.header__item__anchor, .header__list__item:active > a.header__item__anchor { color: var(--vasta-menu-hover-text-color,#fff); } .header__list__item:hover > svg, .header__list__item:active > svg { fill: var(--vasta-menu-hover-text-color,#fff); } .header__list__item:hover > .header__list:not(.list--parent), .header__list__item:active > .header__list:not(.list--parent) { display: block; } .header__list.list--child .header__list__item, .header__list.list--child .header__list__item { background-color: var(--nav-
379drpback-color,#f9f9f9); border-bottom: 2px solid var(--vasta_dropdown_menu_border_color, #f9f9f9); } .header__list.list--child .header__list__item:hover, .header__list.list--child .header__list__item:active { background-color: var(--nav-drphover-color, #f9f9f9); } .header__list.list--child .header__list__item > a.header__item__anchor , .header__list.list--child .header__list__item > a.header__item__anchor { color: var(--vasta-dropdown-menu-text-color, #000); } .header__list.list--child .header__list__item > svg, .header__list.list--child .header__list__item > svg { fill: var(--vasta-dropdown-menu-text-color,#000); transform: rotate(-90deg); } .header__list.list--child .header__list__item:hover > a.header__item__anchor , .header__list.list--child .header__list__item:active > a.header__item__anchor { color: var(--vasta-dropdown-menu-hover-text-color, #000); } .header__list.list--child .header__list__item:hover > svg, .header__list.list--child .header__list__item:active > svg { fill: var(--vasta-dropdown-menu-hover-text-color,#000); } .header__item__anchor { display: flex; align-items: center; color: var(--nav-text-color,#fff); padding: 10px 16px; } .search-button-span svg { width: 20px; height: auto; } @media(min-width: 768px){ .header__wrapper { max-width: var(--wrapperWidth); padding: 14px 20px 15px; margin: 0 auto; width: 100%; } .header__logo svg, .header__logo img { padding: unset; } .header__logo img { margin: 15px 0; } .header__sitewide__wrapper { border-bottom: unset; min-height: unset; } .header__search__form__wrapper { margin: 0 10%; } .header__search__form .button { font-size: 1rem; } .header__logo { flex: unset; text-align: unset; border-right: unset; border-left: unset; min-height: unset; } .header__icon__wrap { width: unset; min-height: unset; } .header__icon__wrap.icon--menu { display: none; } .header__cart__count { position: absolute; padding: 0px; top: -12px; right: -17px; border-radius: 50%; color: var(--vasta-icon-color-text,#fff); background-color: var(--vasta-icon-color,#26b522); font-size: 14px; min-width: 20px; min-height: 20px; display: flex; align-items: center; justify-content: center; } .header__cart__count:hover { color: var(--vasta-icon-color-text-hover, #1A7117); background-color: var(--vasta-icon-color-hover, #1A7117); } .header__cart__count::before { content: unset; } .header__cart__count:after { content: unset; } .header__icon__count__wrap { right: 2px; } } @media(max-width: 767px) { .header__logo svg, .header__logo img { margin: 10px; } .header__cart__count { color: var(--vasta-icon-color, #26b522); } .header__cart__count:hover { color: var(--vasta-icon-color-text-hover, #1A7117) } .header__search__form .button { font-size: .8rem; } .header__icon__wrap.icon--cart svg { width: 25px; height: auto; } .header__icon__wrap.icon--menu svg { width: 21px; height: 21px; margin-bottom: 2px; } } @media only screen and (max-width: 1019px) and (min-width: 767px){ .header__list.list--parent .header__list__item > a.header__item__anchor { font-size: var(--vasta_item_nav_menu_font_size_tablet); } .header__list.list--child .header__list__item > a.header__item__anchor { font-size: var(--vasta_item_nav_menu_dropdown_font_size_tablet); } } .logo-image + .main-menu { margin: 0 1%; } .cart-icon-wrap { width: 15%; display: flex; justify-content: flex-end; } .cart-icon-wrapper { text-align: center; } .logo-image .main-logo-link { display: flex; align-content: center; flex-direction: column; justify-content: center; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .loaderIE.active { visibility: visible; opacity: 1; } } .loaderIE { position: fixed; background-color: #fff; top: 0; bottom: 0; right: 0; left: 0; z-index: 99999999999; display: flex; justify-content: center; flex-direction: column; align-items: center; transition: ease all 300ms; opacity: 0; visibility: hidden; } .loaderIE p, .loaderIE span { margin-top: 15px; color: #919191; width: 50px; height: 50px; display: flex; justify-content: space-between; } .loaderIE p span, .loaderIE span span { font-size: 35px; } .loader-bars:before, .loader-bars:after, .loader-bars span { content: ''; display: block; position: relative; left: 0; top: 0; width: 10px; height: 30px; background-color: #919191; -webkit-animation: grow 1.5s linear infinite; animation: grow 1.5s linear infinite; } .loader-bars:after { -webkit-animation: grow 1.5s linear -0.5s infinite; animation: grow 1.5s linear -0.5s infinite; } .loader-bars span { -webkit-animation: grow 1.5s linear -1s infinite; animation: grow 1.5s linear -1s infinite; } @-webkit-keyframes grow { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; } } @keyframes grow { 0% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; } 50% { -webkit-transform: scaleY(1); transform: scaleY(1); opacity: 1; } 100% { -webkit-transform: scaleY(0); transform: scaleY(0); opacity: 0; } } .wrapper-shipping-bar { max-width: 1280px; width: 100%; } header .wrap { display: flex; justify-content: space-between; align-items: center; transition: ease all 400ms; } .shippingbar_padding { padding-top: 45px; } .cart-title-desktop { display: none; } @media (max-width: 1019px) { .main-menu .main-menu-items { flex-wrap: wrap; } .main-menu .main-menu-items .menu-item > .menu-link { font-size: var(--vasta_item_nav_menu_font_size_tablet, 15px); } .main-menu .main-menu-items .menu-item .main-menu-items .menu-item svg { top: 36%; } section[data-section-id='header'] .header-desktop #search-form { padding: 0 3
3790px; max-width: 490px; margin: 0 1%; } section[data-section-id='header'] .header-desktop #search-form button { font-size: 0.8rem; padding: 0; } .style-wrapper { width: 100%; } } @media (max-width: 767px) { .template-cart section[data-section-id='header'] .header-mobile { border: none; } .main-logo { width: auto; display: flex; justify-content: center; align-items: center; } section.info-style div:nth-child(2) { width: auto; } .shipping-bar.shipping_1 .shipping-bar-text, .shipping-bar.shipping_1 .shipping-bar-text strong { font-size: 15px; } .fallback-text svg { fill: #fff; position: relative; width: 20px; } section[data-section-id='header'] .header-mobile { border-bottom: 1px solid var(--vasta-border-color-on-mobile, #000); padding: 0; } section[data-section-id='header'] .header-mobile .grid__item, section[data-section-id='header'] .header-mobile .cart-icon { display: flex; align-items: center; justify-content: center; } section[data-section-id='header'] .header-mobile .cart-icon-wrap { border-left: 1px solid var(--vasta-border-color-on-mobile, #000); align-items: center; display: flex; justify-content: center; } section[data-section-id='header'] .header-mobile .cart-icon-wrap .cart-icon { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; color: #000; } section[data-section-id='header'] .header-mobile .cart-icon-wrap .cart-icon span { position: relative; text-align: center; width: 100%; } .header-mobile .grid__item { border-right: 1px solid var(--vasta-border-color-on-mobile, #000); } .logo-image { padding: 5px 10px; width: 100%; } .template-cart .main-header .logo-image { justify-content: space-between; align-items: center; padding-left: 0; padding-right: 0; } .grid__item, .cart-icon-wrap { flex: 0 0 20%; } .cart-text { display: flex; justify-content: center; } section[data-section-id='header'] .header-mobile #cart-count span:before { content: '('; } section[data-section-id='header'] .header-mobile #cart-count span:after { content: ')'; } section[data-section-id='header'] .header-mobile #cart-count span { width: 15px; height: 15px; line-height: 16px; bottom: 7px; font-size: 15px; background-color: #fff; color: var(--vasta-icon-color, #fff); position: static; pointer-events: none; } section[data-section-id='header'] .header-mobile #cart-count span:hover, section[data-section-id='header'] .header-mobile #cart-count span:active { color: var(--vasta-icon-color-hover, #fff); } section[data-section-id='header'] .wrap { display: flex; padding: 0; align-items: initial; width: 100%; } section[data-section-id='header'] .header-mobile #cart-count svg { width: 25px; margin-right: 0; } section[data-section-id='header'] .header-mobile #cart-count svg path { fill: var(--vasta-cart-color, #fff); } .site-nav--mobile { display: flex; align-items: center; justify-content: center; } .site-nav--mobile button { color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 14px; width: 100%; height: 100%; } .site-nav--mobile button svg { width: 21px; } .site-nav--mobile button svg path { color: #000; } .site-nav--mobile .icon { width: 15px; height: 20px; } .site-nav--mobile, .cart-icon-wrap { width: 100%; } .site-nav--mobile { height: 100%; } body .search.mobile { display: flex; margin: 15px 0; justify-content: center; transition: all 400ms cubic-bezier(0.46, 0.01, 0.32, 1); } body .search.mobile button { text-transform: uppercase; font-size: 10px; background-color: var(--search-button-color, #000); color: var(--vasta-search-text-button-color, #fff); margin: 0px; border: none; } body .search.mobile button:hover, body .search.mobile button:active { background-color: var(--vasta-search-button-hover-color, #000); color: var(--vasta-search-text-button-hover-color, #e5e5e5); } body .search.mobile input { color: #000; border: 1px solid var(--vasta-search-border-color, #f6f6f6); } .search input { padding: 7px; width: 75%; height: 37px; margin-top: 0; border: 1px solid #e5e5e5; font-size: 14px; } .header-cart .info-header svg { width: 13px; margin-top: 0; top: 0; } .header-cart .info-header .phone-cart, .header-cart .info-header .email-cart, .header-cart .info-header .content-cart-text { font-size: 13px; display: flex; align-items: center; justify-content: flex-end; } .site-nav--mobile button svg path { fill: var(--vasta_menu_color, black); } } @media (max-width: 479px) { .shipping-bar-icons { font-size: 9px; } .logo-image { max-height: inherit; width: 100%; padding: 7px 10px; text-align: center; } .template-cart .logo-image img { margin: 0 auto; width: auto; }
379 .header-mobile .cart-icon-wrap .cart-icon { height: 69px; } section[data-section-id='header'] .header-mobile #cart-count svg, .site-nav--mobile button svg { width: 19px; } .site-nav--mobile button { color: var(--vasta_icon_title_color, black); } }</style><style class="critical2"> .cart-drawer .shipping-bar__message { color: var(--color-free-shipping-text-color); } .cart-open .DrawerOverlay, .js-drawer-open-left .DrawerOverlay { visibility: visible; opacity: 1; } .DrawerOverlay { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: block; position: fixed; top: 0; left: 0; z-index: 151; visibility: hidden; opacity: 0; transition: ease all 0.3s; } header { transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); } .js-drawer-open-left { overflow: hidden !important; } .js-drawer-open-left . { width: 100%; } .js-drawer-open-left .drawer--left { -ms-transform: translateX(400px); -webkit-transform: translateX(400px); transform: translateX(400px); overflow: auto; z-index: 99999; } .drawer--left { width: 400px; left: -400px; border-right: 1px solid var(--vasta-background-menu-mobile, #fff); max-width: 85%; } .drawer { display: flex; flex-direction: column; top: 0; bottom: 0; position: fixed; -webkit-overflow-scrolling: touch; padding: 0 15px 15px; color: var(--vasta-font-color-menu-mobile, #444); background-color: var(--vasta-background-menu-mobile, #fff); transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); z-index: 152; } .mobile-nav.static { margin-top: 0; } .mobile-nav.static a.item-link.uppercase { padding-bottom: 0; } .mobile-nav.static li.mobile-nav__item.dinamic-item a { padding: 10px 15px; text-decoration: none; word-break: break-word; width: 90%; font-size: 15px; display: flex; align-items: center; line-height: 21px; color: var(--vasta-font-color-menu-mobile, #444); } .mobile-nav { margin: 20px -15px 0 -15px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .mobile-nav .item-menu-mobile.mobile-nav__link img { width: 20px; margin-right: 10px; } .mobile-nav > .dinamic-item + .dinamic-item { border-top: 1px solid rgba(0, 0, 0, 0.1); } #Contact_menu-mobile .thank_you { color: red; } .drawer__header { position: relative; display: flex; padding: 12px 0; width: 100%; align-items: center; justify-content: space-between; } .drawer__close, .drawer__title { font-size: 1.4rem; } .drawer__close { cursor: pointer; } .drawer__close svg { width: 20px; height: 20px; } .drawer__close button { position: relative; right: 0; color: inherit; background-color: transparent; border: none; } .mobile-nav__item { position: relative; display: block; } .search-bar { display: flex; justify-content: flex-end; } .search-bar .input-group-field { border-radius: 3px 0 0 3px; width: 100%; height: 37px; border: none; padding: 0 10px; border: solid 1px var(--vasta-border-menu-mobile, #ccc); color: var(--vasta-search-text-color-mobile, #e25c63); font-size: 14px; } .search-bar .jq-icon-fallback-text { border-radius: 0 3px 3px 0; padding: 6px 10px 5px; background-color: var(--vasta-button-color-menu-mobile, #444); color: #fff; height: 37px; } .nav-icon { padding: 10px 15px; text-decoration: none; width: 100%; font-size: 15px; align-items: center; line-height: 21px; display: flex !important; flex-direction: inherit !important; } .nav-icon svg { width: 19px; height: 19px; fill: var(--vasta-font-color-menu-mobile, #444); margin: 0 7px 0 0; } .nav-icon a { padding: 0 !important; } .supports-fontface .jq-icon-fallback-text .icon { display: inline-block; } .mobile-nav .news_letter_title { font-weight: 700; text-align: center; font-size: 13px; width: 100%; margin: 0 auto 8px; } .mobile-nav .child .item-menu-mobile { font-size: 13px; } .mobile-nav .button-menu-item { display: flex; width: 100%; } .mobile-nav .item-menu-mobile, .mobile-nav .mobile-nav__item .item-text .item-link { display: flex; align-items: center; line-height: 21px; color: var(--vasta-font-color-menu-mobile, #444); padding: 10px 15px; text-decoration: none; width: 90%; font-size: 15px; } .mobile-nav .dinamic-item, .mobile-nav .mobile-nav__item { display: flex; flex-direction: column; } .mobile-nav .dinamic-item .mobile-nav__toggle-open, .mobile-nav .mobile-nav__item .mobile-nav__toggle-open { width: 40px; height: 40px; border: none; background: transparent; } .mobile-nav .dinamic-item .mobile-nav__toggle-open:before, .mobile-nav .mobile-nav__item .mobile-nav__toggle-open:before { height: 17px; content: ''; width: 2px; background-color: var(--vasta-font-color-menu-mobile, #444); top: 0; left: 13.5px; position: relative; display: block; } .mobile-nav .dinamic-item .mobile-nav__toggle-open:after, .mobile-nav .mobile-nav__item .mobile-nav__toggle-open:after { width: 17px; content: ''; height: 2px; background-color: var(--vasta-font-color-menu-mobile, #444); position: relative; display: block; top: -10px; left: 6px; transform: rotate(0); transition: ease all 0.6s; } .mobile-nav .dinamic-item .anime-plus-hor::after, .mobile-nav .mobile-nav__item .anime-plus-hor::after { transform: rotate(180deg); transition: ease all 0.6s; } .mobile-nav .dinamic-item .anime-plus-ver::before, .mobile-nav .mobile-nav__item .anime-plus-ver::before { transform: rotate(270deg); transition: ease all 0.6s; } .mobile-nav .dinamic-item a svg, .mobile-nav .mobile-nav__item a svg { width: 19px; height: 19px; fill: var(--vasta-font-color-menu-mobile, #444); margin: 0 7px 0 0; overflow: visible; } .mobile-nav .child { display: none; margin: 0 0 0 30px; } .mobile-nav .newsletter-opt .newsletter-form.full .contact-form .buttonControlNewsletterForm .buttonNewsletterForm { width: 100%; margin: 0; bottom: 0; border: 0; } .mobile-nav .newsletter-opt .newsletter-form.full .contact-form .inputControlNewsletter .emailNewsletterForm { font-size: 12px; } .mobile-nav .newsletter-opt { display: flex; justify-content: center; flex-direction: column; align-items: center; padding: 10px 15px; border-top: 1px solid rgba(0, 0, 0, 0.1); } .mobile-nav .newsletter-opt .newsletter-message, .mobile-nav .newsletter-opt .thank_you { display: block; text-align: center; margin: 0 0 0.5rem; text-transform: uppercase; line-height: 1.4; color: var(--thankYouTextColor); } .mobile-nav .newsletter-opt .klaviyo_condensed_styling { display: flex; justify-content: center; height: 36px; margin: 0 auto; max-width: 100%; flex-wrap: wrap; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling button input { font-size: 7px; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_messages .success_message .thank_you { c
379olor: var(--vasta-font-color-menu-mobile); display: inline; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_inputs_wrapper { width: 100%; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_form_actions { width: 40%; float: left; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_field_group { margin: 0; float: left; border: solid 1px #ccc; width: 60%; height: 100%; color: var(--vasta-font-color-menu-mobile, #444); line-height: 20px; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_field_group input { width: 100%; height: 100%; border: none; padding: 0 10px; } .mobile-nav .klaviyo_condensed_styling .klaviyo_submit_button, .mobile-nav .klaviyo_styling .klaviyo_submit_button { padding: 10px 4px; width: 100%; height: 36px; border-radius: 0; } .cart-drawer .btn-add-tocart { width: 100%; } .drawer-review_single + .drawer-review_single { margin-top: 20px; } .cart-drawer .btn-add-tocart.btn-add-tocart { margin-bottom: 10px; } .underline-link { text-decoration: underline; font-weight: 700; color: var(--color-continue-shopping-color, #43aecf); } .empty .cart-products-wrapper .list-products, .product-content.cart-products-wrapper .list-products { border: none; } span.free_shipping.money { width: 100%; font-weight: 700; font-size: inherit; } .shipping-drawer { text-align: center; background-color: var(--ship-back-color); padding: 10px 0; } body button[disabled='disabled'] { background-color: #eee !important; color: #bbb !important; } body button[disabled='disabled']:after, body button[disabled='disabled']:before { background-color: #bbb; color: #bbb; } body button[disabled='disabled'] svg { fill: #bbb !important; } body button[disabled='disabled'] svg:after, body button[disabled='disabled'] svg:before { background-color: #eee !important; color: #bbb !important; } span.shipping-discount-drawer { text-transform: uppercase; color: var(--ship-text-color, #fff); font-weight: 700; font-size: 1rem; } input[disabled='disabled'] { background-color: #eee; color: #bbb; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper input.disable { background-color: #eee; color: #bbb; } .template-cart .cart-products-wrapper .list-products { border: none; } strong em { font-weight: 700; } .cart_discount_price { font-size: 14px; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-1 { width: 100%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-2 { width: 47%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-3 { width: 31%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-4 { width: 22%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-5 { width: 17%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-6 { width: 14%; } .free-shipping-message { font-weight: 700; color: var(--color-price-cartDrawer, #b22222); margin-left: 5px; } .cart-products-wrapper { display: flex; align-items: flex-start; justify-content: space-between; width: 100%; flex-direction: column; } .cart-products-wrapper .cart__empty.text-center { width: 100%; display: flex; justify-content: center; flex-direction: column; } .cart-products-wrapper .cart__empty.text-center .btn { background-color: #000; color: #fff; border: none; padding: 10px 15px; margin-bottom: 50px; } .cart-products-wrapper .cart__empty.text-center .empty-cart { margin: 0 !important; text-align: center; } .cart-products-wrapper .cart__empty.text-center .empty-cart { text-align: center; margin: 50px 0 20px 0; font-size: 14px; } .cart-products-wrapper form.jq-qtd-item-cart { display: flex; background: #fff; } .cart-products-wrapper .list-products { width: 100%; border-top: 1px solid #dddcdc; } .cart-products-wrapper .cart-product { padding: 7px 0; display: flex; border-bottom: 1px solid #dddcdc; } .cart-products-wrapper .cart-product .cart-product-wrapper { width: 100%; padding: 8px 0 10px 0; display: flex; align-items: flex-start; justify-content: space-between; width: -webkit-fill-available; } .cart-products-wrapper .cart-product .cart-product-wrapper .product-info { width: auto; }
379 .cart-products-wrapper .cart-product .cart-product-wrapper .free-shipping-message, .cart-products-wrapper .cart-product .cart-product-wrapper .price, .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart { font-weight: 700; color: var(--color-cart-item-title, #000); line-height: 1.2; } .cart-products-wrapper .cart-product .cart-product-wrapper .price { display: flex; justify-content: flex-end; color: var(--color-price-cartDrawer, #b22222); font-size: 16px; } .cart-products-wrapper .cart-product .cart-product-wrapper small.product-variant { color: var(--color-font-cart-meta-product, grey); font-size: 12px; display: block; } .cart-products-wrapper .cart-product .cart-product-wrapper .bt-remove-cart { background-color: #fff; border: 1px solid #e4e4e4; padding: 5px 9px; font-size: 15px; } .cart-products-wrapper .cart-product .cart-product-wrapper .bt-remove-cart:hover, .cart-products-wrapper .cart-product .cart-product-wrapper .bt-remove-cart:active { border-color: #ccc; } .cart-products-wrapper .cart-product .cart-product-image-wrapper { padding-right: 10px; display: flex; align-items: baseline; margin-top: 8px; } .cart-products-wrapper .cart-product .cart-product-image-wrapper img { width: 100%; max-width: 100px; height: auto; object-fit: contain; } .cart-products-wrapper .cart-product .cart-product-image-wrapper a { width: 100%; position: relative; width: 90px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper { display: flex; margin-top: 15px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { background: #fff; border: 1px solid #dddcdc; width: 40px; text-align: center; margin: 0; position: relative; height: 31px; width: 33px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus:hover, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus:active, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus:hover, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus:active { background-color: #fbfbfb; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus:active, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus:active { background-color: #f0f0f0; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus svg, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus svg, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd svg { display: block; margin: 0 auto; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { border-left: 0 !important; border-right: 0 !important; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number'] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; margin: 0; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number']::-webkit-inner-spin-button, .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .cart-open { overflow: hidden !important; } .cart-container { padding: 0 15px 15px; } .cart-drawer-open .cart-drawer { right: 0; } .cart-drawer { position: fixed; width: 600px; overflow-y: auto; top: 0; bottom: 0; max-width: 90%; z-index: 152; color: var(--font-color-cartDrawer, #000); background-color: var(--background-color-cartDrawer, #fff); transition: all 0.4s cubic-bezier(0.46, 0.01, 0.32, 1); right: -100%; } .cart-container.empty .total-price { display: none; } .cart-container.empty .btn-add-tocart { display: none; } .cart_drawer__header { display: flex; align-items: center; justify-content: center; height: 64px; } .cart_drawer__header .cartrow { display: flex; width: 100%; padding: 0 15px; margin: 5px 0 0 0; align-items: center; } .cart_drawer__header .cartrow .fallback-text { cursor: pointer; } .cart_drawer__header .drawer-title { font-size: var(--copy_body); font-weight: 400; margin: 0; width: 100%; text-transform: uppercase; line-height: 1; justify-content: center; height: 30px; display: flex; align-items: center; }
379 .cart_drawer__header .drawer-title svg { width: 20px; fill: var(--background-color-button-proceed, #008000); height: 20px; margin: 0 5px 0 0; position: relative; } .cart-container .cart-bottom .paypal-div { margin: 7px 0 7px; } .cart-container .cart-product-btn-wrapper svg { fill: var(--font-color-cartDrawer, #000); width: 12px; } button.btn.btn-plus { font-size: 23px; line-height: 0; } .btn.icon-plus:before { content: ''; position: absolute; background-color: #000; width: 2px; height: 12px; top: 32%; right: 47%; } .btn.icon-minus:after, .btn.icon-plus:after { content: ''; position: absolute; background-color: #000; width: 12px; height: 2px; top: 49%; right: 31%; } .cart-container .cart-bottom .continue-shopping-div.bottom { margin: 10px 0 20px; display: flex; } .cart-container .cart-bottom .continue-shopping-div.top { display: flex; margin: 5px 0 9px; align-items: center; } .cart-container .continue-bellow-review { display: flex; } .continue-shopping-div.continue-bellow-review a { margin: 0 8px; } .cart-container .btn-add-tocart svg { width: 20px; max-height: 100%; fill: var(--font-color-button-proceed, #fff); margin-right: 4px; top: -1px; position: relative; } .cart-container .btn-add-tocart .cart-atc { color: var(--font-color-button-proceed, #fff); } .cart-container .btn-add-tocart:hover svg, .cart-container .btn-add-tocart:active svg { fill: var(--font-color-button-proceed_hover, #fff); } .cart-container .btn-add-tocart:hover .cart-atc, .cart-container .btn-add-tocart:active .cart-atc { color: var(--font-color-button-proceed_hover, #fff); } .cart-container .btn-add-tocart { display: flex; justify-content: center; align-items: center; font-weight: 700; text-transform: capitalize; font-size: 23px; background-color: var(--background-color-button-proceed, #45910d); } .cart-container .btn-add-tocart:hover, .cart-container .btn-add-tocart:active { background-color: var(--background-color-button-proceed-hover, #45910d); } .cart-container .product-content { display: flex; border-top: 1px solid #dddcdc; } .cart-container .product-content .product-start { width: 35%; } .cart-container .product-content .product-start img { width: 70%; margin: 0 15px; transition: ease all 0.2s; } .cart-container .product-content .product-start img:hover, .cart-container .product-content .product-start img:active { opacity: 0.5; } .cart-container .product-content .product-middle { display: flex; flex-direction: column; width: 50%; max-width: 180px; } .cart-container .product-content .product-middle .product-title { margin: 0 0 20px 0; font-weight: 700; transition: all ease 0.2s; } .cart-container .product-content .product-middle .product-title:hover, .cart-container .product-content .product-middle .product-title:active { opacity: 0.5; } .cart-container .product-content .product-middle .product-quantity { display: flex; height: 30px; margin: 20px 0 0; } .cart-container .product-content .product-middle .button-minus, .cart-container .product-content .product-middle .button-plus { width: 30px; transition: ease all 0.3s; } .cart-container .product-content .product-middle .button-minus:hover, .cart-container .product-content .product-middle .button-minus:active, .cart-container .product-content .product-middle .button-plus:hover, .cart-container .product-content .product-middle .button-plus:active { background: #dadada; } .cart-container .product-content .product-middle .button-minus, .cart-container .product-content .product-middle .button-plus { border: 1px solid #dadada; background: #fff; } .cart-container .product-content .product-middle .quantity { width: 30px; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: none; border-right: none; background: #fff; } .cart-container .product-content .product-middle .product-meta span { font-weight: 600; color: var(--color-font-cart-meta-product, #656565); padding: 0 15px 0 0; } .cart-container .product-content .product-end { margin: 0 0 100px 0; width: 30%; display: flex; flex-direction: column; align-items: flex-end; } .cart-container .product-content .product-end button { border: 1px solid #d9d9d9; background: #fff; padding: 10px 5px; margin: 20px 10px; } .cart-container .product-content .product-price { color: var(--color-price-cartDrawer, #b22222); text-align: center; margin-left: 10px; display: flex; flex-direction: column; } .cart-container .total-price { text-align: center; font-weight: 700; margin: 10px 0 10px 0; font-size: 20px; } .cart-container .total-price .price { color: var(--color-price-cartDrawer, #b22222); font-size: 20px; } .cart-container .cart-bottom .paypal { text-align: center; } .cart-container .cart-bottom .cupom-text { margin-bottom: 7px; text-transform: capitalize; font-size: 18px; } .cart-container .cart-bottom .cupom-code-drawer { font-weight: 700; text-align: center; margin: 5px 0 15px; } .cart-container .cart-bottom .cupom-code-drawer .cupom-spotlight { color: var(--counpon-text-color, #00f); } .cart-container .cart-bottom .reviews-cartDrawer { margin: 0 35px 22px 8px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user { display: flex; align-items: center; margin-bottom: 5px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user .user-img { width: 10%; height: 0; padding-top: 10%; overflow: hidden; border-radius: 100%; position: relative; top: 0; left: 0; margin-right: 8px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user .user-img .drawer-user_image { height: auto; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user .user-name { font-weight: 700; color: #3b5998; margin: 0; font-size: 17px; } .cart-container .cart-bottom .reviews-cartDrawer .stars-img { margin: 0 15px 0 0; } .cart-container .cart-bottom .reviews-cartDrawer .review-stars-verified { color: red; font-weight: 600; margin: 10px 0 10px 0; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_single p { font-weight: var(--review-style, 600); } .cart-container .paypal-div { width: 100%; text-align: center; margin: 15px 0; } .cart-container .cart-bottom { display: flex; flex-direction: column; } .cart_discount_price { margin-bottom: 4px; color: var(--color-price-cartDrawer, #b22222); } .bt-remove-cart { margin-top: 4px; } .max-msg { font-size: 12px; width: 125px; text-align: center; color: #fff; position: absolute; background-color: #757575; border-radius: 5px; bottom: -4px; left: 41px; pointer-events: none; line-height: 1.3; margin: 0; padding: 5px; display: none; z-index: 1; } .cart-product--max-items .btn-plus { pointer-events: none; background-color: #eee !important; color: #bbb !important; } .cart-product--max-items .btn-plus:before, .cart-product--max-items .btn-plus:after { background: #bbb; }
379 .cart-product--max-items .max-msg:before { content: ''; position: absolute; left: -13px; border: 7px solid transparent; border-right-color: #757575; top: 50%; transform: translatey(-50%); } .cart-product--max-items .max-msg { display: block; } .cart-drawer #ProceedToCheckoutTop.btn-add-tocart { margin-bottom: 20px; } .shipping-drawer { text-align: center; background-color: var(--ship-back-color); padding: 10px 0; } .shipping-discount-drawer { text-transform: uppercase; color: var(--ship-text-color, #fff); font-weight: 700; font-size: 1rem; } .cart-drawer strong em { font-weight: 700; } .cart_discount_price, .free-shipping-message { color: var(--color-price-cartDrawer, firebrick); } .cart_discount_price { font-size: 14px; margin-bottom: 4px; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-2 { width: 47%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-3 { width: 31%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-5 { width: 17%; } .cart-drawer .trust-badges-wrapper .trust-badges-img.col-6 { width: 14%; } .cart-products-wrapper .cart__empty.text-center .btn { background-color: #000; color: #fff; border: 0; padding: 10px 15px; margin-bottom: 50px; } .cart-products-wrapper form.jq-qtd-item-cart { display: flex; background: #fff; } .cart-products-wrapper .cart-product { display: flex; border-bottom: 1px solid #dddcdc; } .cart-products-wrapper .cart-product .cart-product-wrapper { width: 100%; padding: 8px 0 13px; display: flex; align-items: flex-start; justify-content: space-between; width: -webkit-fill-available; } .cart-products-wrapper .cart-product .cart-product-wrapper .product-info { width: auto; } .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart { font-weight: 700; color: var(--color-cart-item-title, #000); font-size: 17px; } .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart + .product-variant { margin-top: 2px; } .cart-products-wrapper .cart-product .cart-product-wrapper .price { font-weight: 700; color: var(--color-cart-item-title, #000); } .cart-products-wrapper .cart-product .cart-product-wrapper .free-shipping-message { font-weight: 700; color: var(--color-cart-item-title, #000); font-size: 17px; } .cart-products-wrapper .cart-product .cart-product-wrapper .price { display: flex; justify-content: flex-end; color: var(--color-price-cartDrawer, #b22222); font-size: 16px; } .cart-products-wrapper .cart-product .cart-product-wrapper small.product-variant { color: var(--color-font-cart-meta-product, gray); font-size: 12px; display: block; } .cart-products-wrapper .cart-product .cart-product-wrapper .js-cart__btn--remove { background-color: #fff; border: 1px solid #e4e4e4; padding: 5px 9px; font-size: 15px; position: relative; } .cart-products-wrapper .cart-product .cart-product-image-wrapper { padding-right: 10px; display: flex; align-items: baseline; margin: 4px 0; } .cart-products-wrapper .cart-product .cart-product-image-wrapper img { width: 100%; max-width: 100px; height: auto; object-fit: contain; } .cart-products-wrapper .cart-product .cart-product-image-wrapper a { position: relative; width: 75px; min-height: 75px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper { display: flex; margin-top: 10px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { background: 0 0; border: 1px solid #dddcdc; text-align: center; margin: 0; position: relative; height: 31px; width: 33px; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus svg, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus svg, .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd svg { display: block; margin: 0 auto; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { border-left: 0 !important; border-right: 0 !important; } .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number'] { -moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield; margin: 0; }
379 .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number']::-webkit-inner-spin-button, .cart-products-wrapper .cart-product .cart-product-btn-wrapper input[type='number']::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .js-cart__btn--plus[disabled='disabled'] .hide.max-msg { font-size: 12px; width: 155px; text-align: center; margin-top: 20px; color: #fff; position: absolute; background-color: #757575; padding: 0 5px; border-radius: 5px; bottom: -4px; left: 41px; display: block; pointer-events: none; } .hide.max-msg:before { content: ''; border-bottom: 8px solid transparent; border-right: 13px solid #757575; border-top: 8px solid #75757500; position: absolute; top: -4px; left: -2%; transform: translate(-50%, 100%); } .cart-open { overflow: hidden !important; } .cart-drawer-open .cart-drawer { right: 0; } .cart-container .cart-bottom .paypal-div { margin: 7px 0; } .cart-container .cart-product-btn-wrapper svg { fill: var(--font-color-cartDrawer, #000); width: 12px; } .btn.icon-minus:after, .btn.icon-plus:after, .btn.icon-plus:before { content: ''; position: absolute; background-color: #000; width: 2px; height: 12px; top: 32%; right: 47%; } .btn.icon-minus:after, .btn.icon-plus:after { width: 12px; height: 2px; top: 49%; right: 31%; } .cart-container .cart-bottom .continue-shopping-div.bottom { margin: 20px 0 0; } .cart-container .btn-add-tocart:hover svg, .cart-container .btn-add-tocart:active svg { fill: var(--font-color-button-proceed_hover, #fff); } .cart-container .btn-add-tocart:hover .cart-atc, .cart-container .btn-add-tocart:active .cart-atc { color: var(--font-color-button-proceed_hover, #fff); } .cart-container .btn-add-tocart:hover, .cart-container .btn-add-tocart:active { background-color: var(--background-color-button-proceed-hover, #45910d); } .cart-container .product-content .product-start { width: 35%; } .cart-container .product-content .product-start img { width: 70%; margin: 0 15px; transition: ease all 200ms; } .cart-container .product-content .product-middle { display: flex; flex-direction: column; width: 50%; max-width: 180px; } .cart-container .product-content .product-middle .product-title { margin: 0 0 20px; font-weight: 700; transition: all ease 200ms; } .cart-container .product-content .product-middle .product-quantity { display: flex; height: 30px; margin: 20px 0 0; } .cart-container .product-content .product-middle .button-minus, .cart-container .product-content .product-middle .button-plus { width: 30px; transition: ease all 300ms; border: 1px solid #dadada; background: #fff; } .cart-container .product-content .product-middle .button-minus:hover, .cart-container .product-content .product-middle .button-plus:hover, .cart-container .product-content .product-middle .button-minus:active, .cart-container .product-content .product-middle .button-plus:active { background: #dadada; } .cart-container .product-content .product-middle .quantity { width: 30px; text-align: center; -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; border-left: none; border-right: none; background: #fff; } .cart-container .product-content .product-middle .product-meta span { font-weight: 600; color: var(--color-font-cart-meta-product, #656565); padding: 0 15px 0 0; } .cart-container .product-content .product-end { margin: 0 0 100px; width: 30%; display: flex; flex-direction: column; align-items: flex-end; } .cart-container .product-content .product-end button { border: 1px solid #d9d9d9; background: #fff; padding: 10px 5px; margin: 20px 10px; } .cart-container .product-content .product-price { color: var(--color-price-cartDrawer, #b22222); text-align: center; margin: 0 0 0 13px; display: flex; flex-direction: column; } .cart-product .cart-product-wrapper .product-price { text-align: right; } .cart-product .cart-product-wrapper .product-price .compare-price { color: var(--color-sale); font-size: 14px; text-decoration: line-through; font-weight: 400; text-align: right; } .cart-container .cart-bottom .paypal { text-align: center; } .cart-container .cart-bottom .cupom-code-drawer .cupom-spotlight { color: var(--counpon-text-color, blue); } .cart-container .cart-bottom .reviews-cartDrawer .stars-img { margin: 0 15px 0 0; } .cart-container .cart-bottom .reviews-cartDrawer .review-stars-verified { color: red; font-weight: 600; margin: 10px 0; font-size: 13px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_single p { font-weight: var(--review-style, 600); } .js-cart__btn--remove { margin-top: 4px; } .cart-drawer .btn-add-tocart, .cart-drawer .trust-badges-wrapper .trust-badges-img.col-1 { width: 100%; } .empty .cart-products-wrapper .list-products, .product-content.cart-products-wrapper .list-products, .template-cart .cart-products-wrapper .list-products { border: 0; } body button[disabled='disabled'], body button[disabled='disabled'] svg:after, body button[disabled='disabled'] svg:before { background-color: #eee !important; color: #bbb !important; }
379 .cart-products-wrapper .cart-product .cart-product-btn-wrapper input.disable, input[disabled='disabled'] { background-color: #eee; color: #bbb; } .cart-container.empty .btn-add-tocart, .cart-container.empty .total-price { display: none; } .cart-container .product-content .product-middle .product-title:hover, .cart-container .product-content .product-start img:hover, .cart-container .product-content .product-middle .product-title:active, .cart-container .product-content .product-start img:active { opacity: 0.5; } .js-cart__btn--remove .spinner { display: none; width: 18px; height: 18px; border-width: 2px; border-style: solid; border-radius: 100%; border-color: #888 #888 #888 transparent; animation: linear 0.57s 0s infinite spinner; top: 50%; left: 50%; position: absolute; } .cart__btn--removing { color: transparent; } .cart__btn--removing .spinner { display: block; } .cart-drawer .shipping-bar--counter { width: 100%; background: #ddd; position: relative; margin: 4px auto 15px; min-height: 30px; padding: 0; } .cart-drawer .shipping-bar--counter > .shipping-bar__counter-fill { display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; background: var(--color-free-shipping-dynamic); pointer-events: none; z-index: -1; transition: linear all 0.2s; } .cart-drawer .shipping-bar .shipping-bar-text { color: var(--color-free-shipping-text-color); } .cart-drawer .shipping-bar__message { padding: 3px 0; text-align: center; position: relative; z-index: 2; height: 100%; margin-top: 2px; } .cart-drawer .shipping-bar__message-wrapper { display: block; height: 100%; padding: 2px 0; } .cart-drawer .shipping-bar--counter, .cart-drawer .shipping-bar--counter > .shipping-bar__counter-fill { border-radius: 50px; box-shadow: inset 0 3px 3px rgba(0, 0, 0, 0.12); z-index: 2; overflow: hidden; } .cart-container .btn-add-tocart { display: flex; justify-content: center; align-items: center; font-weight: 700; text-transform: capitalize; font-size: 23px; background-color: var(--background-color-button-proceed, #45910d); } .cart-drawer .btn-add-tocart.btn-add-tocart { margin-bottom: 10px; } .btn-add-tocart { background: var(--AddToCartBackground); color: var(--AddToCartTextColor); position: relative; } .trust-badges-wrapper, .trust-badges-wrapper .trust-badges-img { display: flex; align-items: flex-start; } .trust-badges-wrapper { justify-content: center; width: 88%; margin: 0 auto; } .cart-container .btn-add-tocart svg { height: 50px; } .paypal { font-size: 23px; } .template-cart .header-cart-wrapper { padding-bottom: 12px; } .cart-products-wrapper .cart-product .cart-product-wrapper small.product-variant { width: 100%; overflow: hidden; word-break: break-all; text-transform: capitalize; } .lds-dual-ring { display: inline-block; width: 55px; height: 19px; } .lds-dual-ring:after { content: ' '; display: block; width: 19px; height: 19px; margin: 0 auto; border-radius: 50%; border: 1px solid #000; border-color: #000 transparent #000 transparent; animation: lds-dual-ring 1.2s linear infinite; position: relative; top: 3px; } @keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .template-cart .half-content.shipwholetext1 img { max-width: 100%; } .template-cart .main-content .cart__empty.text-center { width: max-content; margin: 0 auto; text-align: center; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 form p { font-size: 17px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .product-info { width: 90%; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper small.product-variant { font-weight: 100; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 form p { text-align: center; } .template-cart .main-content .cart__empty.text-center .btn { background-color: #000; color: #fff; border: none; padding: 10px 15px; margin-bottom: 50px; max-width: 200px; } .template-cart .main-content .cart__empty.text-center p { margin: 30px 0px 30px 0; text-align: center; } .template-cart .main-content .cart__empty.text-center .empty-cart { text-align: center; margin: 56px 0 20px 0; } .template-cart .main-content .text_botom_button { width: 90%; text-align: center; margin: 0 auto; font-size: 18px; font-weight: 400; line-height: 1.5; text-transform: capitalize; } .template-cart .main-content .btn-wrapper.img-end { justify-content: flex-end; } .template-cart .main-content .btn-wrapper-no-content { border-bottom: none !important; padding: 0 !important; } .template-cart .main-content .btn-wrapper { display: flex; justify-content: space-between; padding: 5px 0 15px; border-bottom: 1px solid #dddcdc; align-items: center; } .template-cart .main-content .btn-wrapper .text_botom_button { width: 100%; margin-top: 10px; } .template-cart .main-content .btn-wrapper > img { max-width: 320px; } .template-cart .main-content .btn-wrapper .btn-add-tocart { padding: 0 20px; font-weight: 700; color: var(--color-font-button-cart, #fff); background-color: var(--color-background-button, #26b522); height: 43px; line-height: 43px; text-transform: capitalize; min-width: 372px; } .template-cart .main-content .btn-wrapper .btn-add-tocart svg { width: 16px; height: 28px; fill: var(--color-font-button-cart, white); margin-right: 3px; position: relative; top: -2px; } .template-cart .main-content .btn-wrapper .btn-add-tocart:hover, .template-cart .main-content .btn-wrapper .btn-add-tocart:active { color: var(--color-font-button-cart-hover, #fff); background-color: var(--color-background-button-hover, #1a7117); } .template-cart .main-content .btn-wrapper .btn-add-tocart:hover svg, .template-cart .main-content .btn-wrapper .btn-add-tocart:active svg { fill: var(--color-font-button-cart-hover, #fff); } .template-cart .main-content .btn-wrapper.btn-wrapper-2 { align-items: flex-start; border-bottom: none !important; text-align: center; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .form-cart-proceed-to-checkout { display: flex; flex-direction: column; align-items: flex-end; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .pull-right.cart
379-total-bottom { text-align: right; padding: 8px 0 12px; color: var(--color-price-cart-page, #b22222); } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .pull-right.cart-total-bottom .price-total { color: var(--color-price-cart-page, #b22222); } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .trust-badges { display: none; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .continue-shopping { align-items: flex-end; font-weight: 700; text-decoration: underline; font-size: 20px; color: var(--color-continue-shopping-color, #43aecf); margin-top: 50px; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style:hover, .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style:active { background-color: var(--color-continue-shopping-color, #2b80d8); color: #fff; } .template-cart .main-content .cart-products-wrapper { display: flex; align-items: center; justify-content: space-between; } .template-cart .main-content .cart-products-wrapper form.jq-qtd-item-cart { display: flex; } .template-cart .main-content .cart-products-wrapper .list-products { width: 100%; } .template-cart .main-content .cart-products-wrapper .cart-product { display: flex; border-bottom: 1px solid #dddcdc; min-height: 120px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper { display: flex; align-items: center; justify-content: space-between; width: -webkit-fill-available; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .price { font-weight: 700; color: var(--color-cart-item-title, #000); } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .price { display: flex; justify-content: flex-end; color: var(--color-price-cart-page, #b22222); } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .bt-remove-cart { background-color: transparent; border: 1px solid #e4e4e4; padding: 7px 20px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-image-wrapper { padding-right: 15px; display: flex; align-items: center; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper { display: flex; margin-top: 15px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { background: transparent; border: 1px solid #e5e5e5; width: 34px; text-align: center; margin: 0; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-plus svg, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .btn.btn-minus svg, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd svg { display: block; margin: 0 auto; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { border-left: 0 !important; border-right: 0 !important; } .great-reasons { float: left; margin-bottom: 30px; width: 100%; } .great-reasons .text-1 { font-size: 20px; float: left; margin-bottom: 10px; width: 100%; font-weight: bold; } .great-reasons img { max-width: 375px; width: 100%; } .text-columns .text-1 { font-size: 20px; margin-bottom: 7px; width: 100%; font-weight: bold; } .shipwholetext1 { width: 50%; } .text-collumn-image-wrapper img { width: 100%; height: auto; } hr { clear: both; border-top: solid; border-width: 1px 0 0; margin: 30px 0; height: 0; } .half-content.trust_badges { width: 50%; float: left; } .half-content.shipwholetext1 { width: 48%; float: left; } .text-column-wrapper .half-content p { margin: 0 0 15px 0; line-height: 30px; padding: 0 30px 0 0px; } .half-content.shipwholetext1 p { line-height: 1.6; margin-top: 10px; } .text-column-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 20px; } p.text_botom_button { max-width: 330px; } .text_botom_button strong { float: right; font-weight: 600; color: #000; max-width: 375px; text-align: center; font-size: 17px; width: 100%; text-transform: capitalize; } .text_botom_button.day-message span strong { display: none; } .text-reviews p { padding: 0% 3%; margin-bottom: 2%; max-width: 477px; margin: 0px auto; }
379 .btn-wrapper.btn-wrapper-2 .pull-right.cart-total-bottom { font-size: 18px; } .btn-wrapper.btn-wrapper-2 .pull-right.cart-total-bottom .price-total { font-weight: bold; font-size: 18px; } .text-column-wrapper .half-content p > strong { font-weight: bold; } .continue-shopping.no-mobile { display: flex; } .cart-continue-shopping-link { font-weight: 700; color: var(--color-continue-shopping-color, #43aecf); } .cart-continue-shopping-link:not(.cont-button-style):hover, .cart-continue-shopping-link:not(.cont-button-style):active { text-decoration: underline; } .cart-continue-shopping-link .btn { background-color: var(--color-background-button-continue-shopping, #000); color: var(--color-continue-shopping-color, #43aecf); text-decoration: underline; } .cart-continue-shopping-link .btn:hover, .cart-continue-shopping-link .btn:active { background-color: var(--color-continue-shopping-color, #2b80d8); color: #fff; } .cont-button-style { text-decoration: none; display: block; border: 2px solid; font-weight: bold; text-decoration: none; padding: 5px 20px; color: var(--color-continue-shopping-color, #43aecf); } .cont-button-style:hover, .cont-button-style:active { background-color: var(--color-continue-shopping-color, #2b80d8); color: #fff; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style { display: flex; vertical-align: top; border: 2px solid; font-weight: bold; text-decoration: none; font-size: 18px; padding: 0px 8px; height: 43px; text-align: center; align-items: center; margin: 39px 0; width: auto; } .header-cart { display: flex; justify-content: space-between; width: 100%; padding: 10px 0; } .header-cart .info-header { min-height: 100%; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; } .header-cart .info-header .phone-cart { font-weight: 700; color: var(--color-phone-number, #000); } .header-cart .info-header a.phone-cart svg { transform: rotate(270deg); } .header-cart .info-header .email-cart, .header-cart .info-header .phone-cart { display: flex; align-items: center; } .header-cart .info-header svg { width: 18px; position: unset; margin-right: 5px; fill: #6e797a; } .main-logo-link, .cart-text, .menu-text { font-size: var(--cart_title_font_size); } .cart-text { color: var(--cart_title_color); } .cart-text, .menu-text { text-transform: var(--header_fallback_text_transform); } .btn-add-tocart, .btn-choose-variant { text-transform: var(--AddToCartTextTransform); height: 50px; line-height: 50px; font-size: var(--AddToCartFontSize); text-align: center; } .btn-add-tocart { background: var(--AddToCartBackground); color: var(--AddToCartTextColor); position: relative; display: flex; justify-content: center; align-items: center; } .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart { font-size: 17px; } .main-content .cart-product-wrapper .product-price .price.discount-price, .main-content .cart-product-wrapper .product-price .discount-price__wrapper { font-size: 12px; color: var(--color-product-discount); } .discount-price__wrapper { display: flex; justify-content: flex-end; align-items: center; width: 100%; } .price-discount { display: flex; align-items: center; justify-content: flex-end; } .template-cart .main-content .cart-product-wrapper .price-discount { font-size: 12px; color: var(--color-product-discount); } @media (max-width: 1019px) { span.shipping-discount-drawer { font-size: 14px; } .template-cart .main-content .wrapper .cart__empty.text-center { margin: 20px auto; width: max-content; } .great-reasons .text-1 { float: left; margin-bottom: 15px; width: 100%; font-weight: bold; } .text-column-wrapper .half-content p { margin: 15px 0 5px 0; line-height: 28px; padding: 0 15px 0 0px; font-size: 16px; } .cartpaymenticon { margin-right: 0; max-width: 375px; } } @media (max-width: 767px) { .main-content .cart-product-wrapper .price-discount { font-size: 11px; } .template-cart .header-cart-wrapper { padding-top: 8px; padding-bottom: 10px; } .template-cart .half-content.shipwholetext1 p { margin-top: 14px; } .template-cart .main-content br { display: none; } .template-cart .main-content .continue-shopping.no-mobile { display: flex; } .template-cart .main-content .text-reviews p { font-size: 14px; } .template-cart .main-content .btn-wrapper { display: block; text-align: center; } .template-cart .main-content .btn-wrapper img { display: block; text-align: center; margin: auto; padding: 10px 0; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 { flex-direction: column-reverse; align-items: center; padding: 0px 0 0 0; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .pull-right.cart
379-total-bottom { text-align: center; } .template-cart .main-content .product-price { display: flex; flex-direction: column; align-items: center; } .template-cart .main-content p.text_botom_button { width: 100%; margin: 10px 0 15px 0; max-width: 100%; } .template-cart .main-content .btn-wrapper form { width: 100%; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .form-cart-proceed-to-checkout { align-items: center; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .trust-badges { width: 100%; margin: 0 auto; display: block; max-width: 375px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .price { line-height: 18px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart { font-size: 14px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper small { font-size: 14px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper button.btn.btn-plus, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper button.btn.btn-minus, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper input { padding: 5px; width: 30px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .btn.icon-plus:after, .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper .btn.icon-minus:after { right: 8px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-wrapper button.bt-remove-cart { padding: 5px 15px; font-size: 10px; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-image-wrapper { padding-right: 20px; } .cart-product-image-wrapper img { width: 100%; } .template-cart .main-content .btn-wrapper .btn-add-tocart { font-size: 17px; min-width: 0; width: 100%; padding: 0; } .template-cart .text_botom_button { display: flex; flex-direction: column; align-items: center; padding: 5px 0; } .template-cart .text_botom_button strong { float: none; } .template-cart .text_botom_button br { display: none; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .continue-shopping { font-size: 16px; margin: 19px 0 10px; padding-bottom: 0; text-align: center; width: auto; } .great-reasons .text-1 { float: left; margin-bottom: 15px; width: 100%; font-weight: bold; } .half-content.shipwholetext1 { padding: 0 0 0 0; } .half-content.trust_badges img { max-width: 50%; } .text-column-wrapper .half-content.shipwholetext1, .text-column-wrapper img { width: 100%; } .text-column-wrapper img { width: 100%; height: auto; margin: 8px; display: block; float: none; } .text-column-wrapper .half-content p { margin: 15px 0 5px 0; line-height: 28px; padding: 0 15px 0 0px; font-size: 16px; } .text-column-wrapper .half-content p > strong { font-weight: bold; } .template-cart .main-content .cart-products-wrapper .cart-product .cart-product-btn-wrapper .input-qtd { width: 30px; padding: 0; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style-mobile { align-items: center; border: 2px solid; display: block; font-size: 18px; font-weight: bold; margin: 20px 0; padding: 5px 8px; text-align: center; text-decoration: none; width: 100%; } .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style-mobile:hover, .template-cart .main-content .btn-wrapper.btn-wrapper-2 .cont-button-style-mobile:active { background-color: var(--color-continue-shopping-color, #2b80d8); color: #fff; } .template-cart .main-content .btn-wrapper { padding: 15px 0; } .cart-products-wrapper .cart-product .cart-product-image-wrapper a { width: 70px; } .shipping-bar .shipping-bar-text, .shipping-bar .shipping-bar-discount-disabled { line-height: 1.2; font-size: 12px; } .template-cart .header-mobile { border-bottom: none; } .template-cart ul.list-products { border-top: 1px solid #e4e4e4; }
379 .cart-products-wrapper .cart-product .cart-product-wrapper img.img-cart-drawer { width: 100%; } .cart-products-wrapper .cart-product .cart-product-image-wrapper { padding-right: 10px; flex: 0 0 85px; } .paypal { font-size: 18px; } .product-price { text-align: center; } .cart-product--max-items .max-msg { max-width: 105px; font-size: 0.7rem; } .cart-products-wrapper .cart-product .cart-product-wrapper .title-item-cart { font-size: 12px; } .cart-container .btn-add-tocart { font-size: 15px; } .cart_drawer__header .drawer-title { font-size: 14px; } #CartDrawer .max-msg:before { left: 50%; bottom: 60%; border-right-color: transparent; border-bottom-color: #757575; height: 0; transform: translatex(-50%); } #CartDrawer .max-msg { bottom: -100%; left: -100%; transform: translate(-40%, 50%); z-index: 999; } .cart-container .btn-add-tocart svg { width: 15px; } .cart-drawer .max-msg:before { top: -12px; left: 44%; bottom: initial; transform: translate(0, 0); } .cart-drawer .max-msg { bottom: -100%; left: -100%; transform: translate(-40%, 60%); z-index: 999; } .js-cart__btn--plus[disabled='disabled'] .hide.max-msg:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 12px solid #757575; } .cart-drawer .shipping-bar__message { margin-top: 4px; } } @media (max-width: 479px) { .template-cart .header-cart-wrapper { padding-top: 2px; padding-bottom: 10px; } .template-cart .half-content.shipwholetext1 p { line-height: 1.4; margin-top: 5px; } .cont-button-style-mobile { display: block; border: 2px solid; font-weight: bold; text-decoration: none; font-size: 22px; padding: 0px; padding-left: 20px; margin: 45px 0; } .cont-button-style-mobile:hover, .cont-button-style-mobile:active { background-color: var(--color-continue-shopping-color, #2b80d8); color: #fff; } .logo-link img { width: 100%; } .logo-link { width: 50%; } .template-cart .logo-image { width: 45%; } .template-cart .header-cart-wrapper { padding-bottom: 4px; } .cart-page-container .first-row .left img { max-width: 150px; } .cart-page-container .last-row .rigth .btn-add-tocart svg { width: 14px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user .user-name { font-size: 13px; } .cart-container .cart-bottom .cupom-text, .cart-products-wrapper .cart-product .cart-product-wrapper .price { margin-bottom: 2px; font-size: 15px; } .cart-container .cart-bottom .cupom-text { justify-content: flex-end; } .cart-container .total-price .price { font-size: 19px; } .cart-products-wrapper .cart-product .cart-product-wrapper .bt-remove-cart { color: #000; font-size: 12px; } .cart-container .cart-bottom .reviews-cartDrawer .drawer-review_user .user-img { width: 90px; padding-top: 90px; } .cart-container .btn-add-tocart svg { width: 16px; } .cart-product--max-items .max-msg { max-width: 100px; font-size: 0.65rem; } .mobile-nav .newsletter-opt .klaviyo_condensed_styling .klaviyo_form_actions { flex: 0 0 40%; } .js-drawer-open-left { overflow: hidden !important; } .js-drawer-open-left .is-moved-by-drawer { width: 100%; } span.shipping-discount-drawer { font-size: 13px; } .cart-products-wrapper .cart-product .cart-product-wrapper .price, .cart-container .cart-bottom .cupom-text { margin-bottom: 2px; font-size: 15px; } .cart-drawer .shipping-bar__message { font-size: 12px; margin-top: 5px; } .shipping-bar__counter-fill[style='width: 100%;'] + .shipping-bar__message { margin-top: 2px; } }</style><style class="critical2"> .mobile-menu { margin-top: 0; } .js-drawer-open-left .DrawerOverlay { visibility: visible; opacity: 1; } .js-drawer-open-left .sidenav--drawer-left { -ms-transform: translateX(400px); -webkit-transform: translateX(400px); transform: translateX(400px); overflow: auto; z-index: 999; } .toggle--plus:before, .toggle--minus:before { height: 17px; content: ''; width: 2px; background-color: var(--vasta-font-color-menu-mobile, rgb(0, 0, 0)); top: 0; left: 7px; position: relative; display: block; transition: 0.4s transform ease-out; } .toggle--plus:after, .toggle--minus:after { width: 17px; content: ''; height: 2px; background-color: var(--vasta-font-color-menu-mobile, rgb(0, 0, 0)); position: relative; display: block; top: -10px; left: 0; transform: rotate(0);
379 transition: 0.4s transform ease-out; } .rotateVerticalLine:before, .toggle--minus:before { transform: rotate(270deg); } .rotateHorizontalLine:after { transform: rotate(180deg); } .sidenav__icon { background-color: transparent; position: relative; width: 19px; height: 19px; display: flex; align-items: center; justify-content: center; } .sidenav { display: flex; flex-direction: column; top: 0; bottom: 0; position: fixed; -webkit-overflow-scrolling: touch; color: var(--vasta-font-color-menu-mobile, #444); background-color: var(--vasta-background-menu-mobile, #fff); transition: all 400ms cubic-bezier(0.46, 0.01, 0.32, 1); z-index: 99; } .sidenav svg { width: 19px; height: 19px; } .sidenav--drawer-left { width: 400px; left: -400px; border-right: 1px solid var(--vasta-background-menu-mobile, #fff); max-width: 85%; } .sidenav__header { padding: 0 15px 5px; } .sidenav__top__wrapper { position: relative; display: flex; padding: 12px 0; width: 100%; align-items: center; justify-content: space-between; } .sidenav__title, .sidenav__close { font-size: 1.4rem; color: var(--vasta-font-color-menu-mobile, #444); } .sidenav__close { cursor: pointer; } .sidenav__close { position: relative; right: 0; color: inherit; background-color: transparent; border: none; } .sidenav__close svg { width: 20px; height: 20px; } .sidenav__list { width: 100%; } .sidenav__list__item { width: 100%; border-top: 1px solid #ccc; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: 0 16px; } .sidenav__list--shop .sidenav__list__item:last-child { border-bottom: 1px solid #ccc; } .list--child .sidenav__list__item { border-top: unset; padding: 0; } .sidenav__item { display: flex; align-items: center; justify-content: space-between; width: 100%; } .sidenav__item__anchor, .sidenav__shop__text__wrapper { width: 100%; padding: 12px; display: flex; align-items: center; justify-content: flex-start; color: var(--vasta-font-color-menu-mobile, #444); } .sidenav__item__img { width: 20px; margin-right: 10px; } .sidenav .list--grandchild { height: 0; padding-left: 48px; transition: 0.4s height ease-in-out; overflow: hidden; } .sidenav .list--child { display: block; padding-left: 24px; height: 0; transition: 0.4s height ease-in-out; overflow: hidden; } .sidenav__item__anchor svg { margin-right: 7px; } .sidenav__footer { padding: 12px 15px 0; } .sidenav__footer .news_letter_title { text-align: center; margin-bottom: 12px; } .sidenav__footer input#k_id_email-menu-mobile { width: 100%; height: 44px; } .sidenav__footer .klaviyo_field_group { margin-right: 0; width: 60%; } .sidenav__footer .klaviyo_form_actions { width: 40%; } .sidenav__footer .klaviyo_field_group { width: 60%; padding: 0; } .sidenav__footer .klaviyo_condensed_float .klaviyo_field_group { margin-right: unset; }</style><style> /******************************************************************************* # STYLE SITEWIDE *******************************************************************************/ .drawer__title, .grid-product-title, .item-title, .item-title a, .page-title, .product-title, .section-title, .title,h1,h2,h3,h4,h5,h6,span,a,p,br,b,i,strong { -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; } .visually-hidden { display: none; visibility: hidden; } .wrapper { width: 100%; max-width: var(--wrapperWidth); margin: 0 auto; clear: both; padding: 0px 20px; } body .jdgm-prev-badge{ display: flex !important; width: 100%; justify-content: left; align-items: center; } .flow-hidden{ overflow: hidden; } .btn { width: 100%; font-weight: normal; border: none; float: left; } .section-title { display: block; padding: 35px 0; text-align: center; width: 100%; } body .mobile { display: none; } body .no-desktop { display: none; } .spr-badge-caption { color: #000; } .shopify-section { clear: both; float: left; display: block; width: 100%; } .fixed { position: fixed; top: 0; left: 0; z-index: 1; } body .hide { display: none; } body .underline { text-decoration: underline; } .prices-wrapper { text-align: center; } .overflow { overflow: hidden; } .bold { font-weight: bold; } .flex { display: flex; } .flex-row-reverse { flex-direction: row-reverse; } .flex-space-between { justify-content: space-between; } .flex-align-start { align-items: flex-start; } .full { width: 100%; } .msg { display: block; padding: 5px; background-color: transparent; border: 1px solid transparent; font-size: 14px; margin-top: 20px; } .msg.msg-error { background-color: #ffe6e6; border-color: #ffadad; } .choose-option { position: relative; outline: 2px solid rgba(255, 0, 0, 0.9); padding: 3px; } .choose-option:before { content: 'Choose an option'; position: absolute; line-height: 16px; top: -24px; left: 0;
379 color: #f00; background-color: #fff; width: 202px; } @keyframes blink { 0% { opacity: 0; } 100% { opacity: 1; } } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .capitalize { text-transform: capitalize; } .text-underline { text-decoration: underline; } .main-content { clear: both; transition: all 400ms cubic-bezier(0.46, 0.01, 0.32, 1); } .icon-loading { display: flex; justify-content: center; background: #fff; width: 100%; height: 200px; position: relative; } .icon-loading .lds-css.ng-scope { padding: 0; } .products-reviews-stars.no-mobile { text-align: left; margin: 0 auto; display: block; } @keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes lds-spinner { 0% { opacity: 1; } 100% { opacity: 0; } } .rte { line-height: 1.6; } .rte ol, .rte ul { padding-left: 2rem; } .rte p, .rte ul, .rte ol { margin-bottom: 16px; } .rte a:hover, .rte a:active { text-decoration: underline; } .rte h2 { margin-bottom: .75rem; } .rte h3 { margin-bottom: 1rem; } .page-margin-bottom { display: table; margin-bottom: 50px; } .custom-html { margin-top: 5px; } body .jdgm-prev-badge__text:after{ content: ")"; } body .jdgm-prev-badge__text:before{ content: " ( "; } body .jdgm-prev-badge__text { margin-left: 5px; font-size: 10px; color: #000; font-weight: normal; } body .jdgm-widget.jdgm-widget{ width: 100%; align-items: center; } body .collection-items .jdgm-prev-badge { justify-content: left; } .jdgm-widget input:not([type='submit']), .jdgm-widget textarea { padding: 5px 10px; } .jdgm-widget textarea { resize: none; } .template-list-collections .rte-h1 { font-weight: 400; } .wrapper .rte-h1.below { padding-top: 20px; } .back-to-top { font-family: var(--copyBodyFont), Arial, sans-serif; } .coupon_text { text-align: left; color: var(--CouponTextColor); background-color: var(--thankYouBackground); } .thank_you { text-align: left; } .thank_you strong { background-color: var(--thankYouBackground); } /* Used in Policy Page */ .template- .shopify-policy__container { max-width: 1280px; } .reset_password-title { text-transform: capitalize; font-size: 2.2rem; text-align: center; line-height: 1.3; } .form-reset-password > form { margin: 50px auto 80px !important; } /*RESPONSIVE STYLES*/ @media (max-width: 1019px) { body * { font-size: var(--copy_body_tablet); } span, b, strong, em, i, u, a, option { font-family: inherit; font-size: inherit; } body h1, body .page-title, body .title { font-size: var(--h1SizeTablet); color: var(--h1Color); } body h2 { font-size: var(--h2SizeTablet); color: var(--h2Color); } body h3, body .grid-product-title, body .item-title a, body .item-title { font-size: var(--h3SizeTablet); color: var(--h3Color); } body h4 { font-size: var(--h4SizeTablet); color: var(--h4Color); } body h5 { font-size: var(--h5SizeTablet); color: var(--h5Color); } body h6 { font-size: var(--h6SizeTablet); color: var(--h6Color); } body .desktop { display: none!important; } body .no-desktop { display: block; } .section-title { padding: 20px 0; } } @media (max-width: 767px) { body * { font-size: var(--copy_body_mobile); } body .jdgm-prev-badge{ flex-direction: column; align-items: flex-start; font-size: 9px; } .jdgm-widget.jdgm-widget, .jdgm-prev-badge { align-items: center; } .jdgm-prev-badge__stars, .jdgm-prev-badge__text { margin: 0 !important; } .jdgm-rev-widg { display: block; clear: both; width: 100%; } span, b, strong, em, i, u, a, option { font-family: inherit; font-size: inherit; } body h1, body .page-title, body .title { font-size: var(--h1SizeMobile); color: var(--h1Color); } body h2 { font-size: var(--h2SizeMobile); color: var(--h2Color); } body h3, body .grid-product-title, body .item-title a, body .item-title { font-size: var(--h3SizeMobile); color: var(--h3Color); } body h4 { font-size: var(--h4SizeMobile); color: var(--h4Color); } body h5 { font-size: var(--h5SizeMobile); color: var(--h5Color); } body h6 { font-size: var(--h6SizeMobile); color: var(--h6Color); } body .product-half.half-img.flex-row-reverse { padding: 0; } .section-title { padding: 10px 0; } body .mobile { display: block; width: 100%; } body .no-mobile { display: none !important; } .btn-add-tocart { height: 43px; line-height: 43px; } .btn-add-tocart span { font: inherit; } .wrapper .rte-h1.below { padding-top: 0; } .template-cart .section-title { font-size: 18px; max-width: 200px; margin: 0 auto; }
379 .slick-content { margin: 0 0 26px 0; } .wrapper { width: 100%; padding: 0 20px; } .credit_cards_page img { display: none; } } @media (max-width: 375px){ body .jdgm-prev-badge, body .jdgm-prev-badge__text{ font-size: 9px; } } /*============================================================================ #Base Styles ==============================================================================*/ header, nav, section, article, aside, footer { display: block; } /*============================================================================ #Print Styles ==============================================================================*/ @media print { @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } html, body { background-color: #fff; } .giftcard-header { padding: 10px 0; } .giftcard__content, .giftcard__border { border: 0 none; } .giftcard__actions, .giftcard__wrap:before, .giftcard__wrap:after, .tooltip, .add-to-apple-wallet { display: none; } .giftcard__title { float: none; text-align: center; } .giftcard__code__text { color: #555; } .shop-url { display: block; } .logo { color: #58686f; } } /*============================================================================ #Keyframe Animations ==============================================================================*/ @-webkit-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } 100% { -webkit-transform: translateY(0); } } @-ms-keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } 100% { -webkit-transform: translateY(0); } } @keyframes popup { 0% { opacity: 0; -webkit-transform: translateY(30px); } 60% { opacity: 1; -webkit-transform: translateY(-10px); } 80% { -webkit-transform: translateY(2px); } 100% { -webkit-transform: translateY(0); } } @-webkit-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @-ms-keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes container-slide { 0% { opacity: 0; -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(0deg); } } @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 100; } } @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes spinner { 0% { transform: translate(-50%,-50%) rotate(0deg) } to { transform: translate(-50%,-50%) rotate(360deg) } } /******************************************************************************* YOUTUBE CSS *******************************************************************************/ .youtube-player { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; background: #000; } .product-slider .youtube-player { padding-bottom: 100%; } body .youtube-player img { margin: auto; } .youtube-player iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background: transparent; } .youtube-player img { object-fit: cover; display: block; left: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; border: none; height: auto; cursor: pointer; -webkit-transition: 0.4s all; -moz-transition: 0.4s all; transition: 0.4s all; } .youtube-player img:hover { -webkit-filter: brightness(75%); } .youtube-player .play { align-items: center; display: flex; justify-content: center; height: 72px; left: 50%; top: 50%; margin-left: -77px; margin-top: -38px; position: absolute; cursor: pointer; } .youtube-player .play .play-background { background: #f4471f; border-radius: 50%; cursor: pointer; height: 100%; position: absolute; width: 50%; box-shadow:0 1px 2.2px rgba(0, 0, 0, 0.051), 0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06), 0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059), 0 35px 80px rgba(0, 0, 0, 0.07); } .youtube-player .play .play-icon { height: 150px; transform: rotate(-120deg); transition: transform 500ms; width: 150px; } .youtube-player .play-left-side, .youtube-player .play-right-side { background: white; height: 150px; position: absolute; width: 150px; } .youtube-player .play-left-side { clip-path: polygon( 43.77666% 99.85251%, 43.77874% 55.46331%, 43.7795% 55.09177%, 43.77934% 54.74844%, 43.77855% 54.44389%, 43.77741% 54.18863%, 43.77625% 53.99325%, 43.77533% 53.86828%, 43.77495% 53.82429%, 43.77518% 53.55329%, 43.7754% 53.2823%, 43.77563% 53.01131%, 43.77585% 52.74031%, 43.77608% 52.46932%, 43.7763% 52.19832%, 43.77653% 51.92733%, 43.77675% 51.65633%, 43.77653% 51.38533%, 43.7763% 51.11434%, 43.77608% 50.84334%, 43.77585% 50.57235%, 43.77563% 50.30136%, 43.7754% 50.03036%, 43.77518% 49.75936%, 43.77495% 49.48837%, 44.48391% 49.4885%, 45.19287% 49.48865%, 45.90183% 49.48878%, 46.61079% 49.48892%, 47.31975% 49.48906%, 48.0287% 49.4892%, 48.73766% 49.48934%, 49.44662% 49.48948%, 50.72252% 49.48934%, 51.99842% 49.4892%, 53.27432% 49.48906%, 54.55022% 49.48892%, 55.82611% 49.48878%, 57.10201% 49.48865%, 58.3779% 49.4885%, 59.6538% 49.48837%, 59.57598% 49.89151%, 59.3
3791883% 50.28598%, 58.84686% 50.70884%, 58.12456% 51.19714%, 57.11643% 51.78793%, 55.78697% 52.51828%, 54.10066% 53.42522%, 52.02202% 54.54581%, 49.96525% 55.66916%, 48.3319% 56.57212%, 47.06745% 57.27347%, 46.11739% 57.79191%, 45.42719% 58.14619%, 44.94235% 58.35507%, 44.60834% 58.43725%, 44.37066% 58.41149%, 44.15383% 58.27711%, 43.99617% 58.0603%, 43.88847% 57.77578%, 43.82151% 57.43825%, 43.78608% 57.06245%, 43.77304% 56.66309%, 43.773% 56.25486% ); transition: clip-path 500ms; } .youtube-player .play-right-side { clip-path: polygon( 43.77666% 43.83035%, 43.77874% 44.21955%, 43.7795% 44.59109%, 43.77934% 44.93442%, 43.77855% 45.23898%, 43.77741% 45.49423%, 43.77625% 45.68961%, 43.77533% 45.81458%, 43.77495% 45.85858%, 43.77518% 46.12957%, 43.7754% 46.40056%, 43.77563% 46.67156%, 43.77585% 46.94255%, 43.77608% 47.21355%, 43.7763% 47.48454%, 43.77653% 47.75554%, 43.77675% 48.02654%, 43.77653% 48.29753%, 43.7763% 48.56852%, 43.77608% 48.83952%, 43.77585% 49.11051%, 43.77563% 49.38151%, 43.7754% 49.65251%, 43.77518% 49.9235%, 43.77495% 50.1945%, 44.48391% 50.19436%, 45.19287% 50.19422%, 45.90183% 50.19408%, 46.61079% 50.19394%, 47.31975% 50.1938%, 48.0287% 50.19366%, 48.73766% 50.19353%, 49.44662% 50.19338%, 50.72252% 50.19353%, 51.99842% 50.19366%, 53.27432% 50.1938%, 54.55022% 50.19394%, 55.82611% 50.19408%, 57.10201% 50.19422%, 58.3779% 50.19436%, 59.6538% 50.1945%, 59.57598% 49.79136%, 59.31883% 49.39688%, 58.84686% 48.97402%, 58.12456% 48.48572%, 57.11643% 47.89493%, 55.78697% 47.16458%, 54.10066% 46.25764%, 52.02202% 45.13705%, 49.96525% 44.01371%, 48.3319% 43.11074%, 47.06745% 42.4094%, 46.11739% 41.89096%, 45.42719% 41.53667%, 44.94235% 41.3278%, 44.60834% 41.24561%, 44.37066% 41.27137%, 44.15383% 41.40575%, 43.99617% 41.62256%, 43.88847% 41.90709%, 43.82151% 42.24461%, 43.78608% 42.62041%, 43.77304% 43.01978%, 43.773% 43.428% ); transition: clip-path 500ms; }.product-card__grid-item:hover .grid__item-image{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%) scale(1.06); }/******************************************************************************* # CUSTOM STYLE SITEWIDE *******************************************************************************/ /******************************************************************************* # CUSTOM STYLE DESKTOP *******************************************************************************/ @media (min-width: 1020px) { } /******************************************************************************* # CUSTOM STYLE TABLET *******************************************************************************/ @media (max-width: 1019px) { } /******************************************************************************* # CUSTOM STYLE MOBILE *******************************************************************************/ @media (max-width: 767px) { } /******************************************************************************* # CUSTOM STYLE SMALL MOBILE *******************************************************************************/ @media (max-width: 479px) { }</style><style> body .shopify-challenge__container { width: 100%; max-width: 100%; margin: 60px auto; float: left; } body .shopify-challenge__container form { max-width: 100%; width: 440px; height: 100%; margin: 20px auto; padding: 20px; } body .shopify-challenge__container form .shopify-challenge__button { background: #1B4E9B; color: #FFF; width: 100%; padding: 10px 18px; display: flex; justify-content: center; align-items: center; font-size: 14px; margin: 20px auto; border-radius: 8px; border: 1px solid #1B4E9B; box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05); } body .shopify-challenge__container form .shopify-challenge__button:hover, body .shopify-challenge__container form .shopify-challenge__button:active { background: #0b2751; } @media (max-width: 767px) { body .shopify-challenge__container form .shopify-challenge__button { padding: 8px 14px; } }</style> 380 381 382 383 384 385 386 387 388 389<meta name="robots" content="noindex"><!-- Meta Tags --> 390 <meta name="theme-name" content="Super Theme BV"> 391 <meta name="theme-version" content="2.4"> 392 <meta name="theme-color" content="#000000"> 393 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 394 <meta charset="UTF-8"> 395 396 <!-- Global site tag (gtag.js) - Google Ads ENHANCED: 11467092048 -->
vendor: 70 bytes, lines 396-397
396 397 <script async src="https://www.googletagmanager.com/gtag/js?id=
397AW-11467092048
vendor: 18 bytes, lines 397-398
397"></script> 398
398<script> 399
vendor: 152 bytes, lines 399-403
399window.dataLayer = window.dataLayer || []; 400 function gtag(){dataLayer.push(arguments);} 401 gtag('js', new Date()); 402 403 gtag('config', '
403AW-11467092048
vendor: 48 bytes, lines 403-404
403', {'allow_enhanced_conversions': true}); 404
404</script>
404<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"><meta name="description" content="Shop men's hemp T-shirts, polos and boxer briefs made with hemp, bamboo and organic cotton. Breathable, PFAS-free and backed by a lifetime warranty."><link rel="canonical" href="https://undrdog.com/collections/all"> 405<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-Reg.woff?v=673630824217211875" as="font" crossorigin> 406<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-Reg.woff2?v=8885624920459855641" as="font" crossorigin> 407 408<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-Bol.woff?v=17862058843685248803" as="font" crossorigin> 409<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-Bol.woff2?v=3359396026905987927" as="font" crossorigin> 410 411<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-RegIta.woff?v=6784737591668542681" as="font" crossorigin> 412<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-RegIta.woff2?v=15224388251548266649" as="font" crossorigin> 413 414<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-BolIta.woff?v=2927910703161759146" as="font" crossorigin> 415<link rel="preload" href="//undrdog.com/cdn/shop/files/NimbusSanL-BolIta.woff2?v=10481653425222382257" as="font" crossorigin> 416 417 418<link rel="preload" href="//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBold.woff?v=17398136584365800764" as="font" crossorigin> 419<link rel="preload" href="//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBold.woff2?v=4961991986150215949" as="font" crossorigin> 420<link rel="preload" href="//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBlack.otf?v=13381428657031703010" as="font" crossorigin> 421 422 423 424<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Regular.woff?v=12098916401949976840" as="font" crossorigin> 425<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Regular.woff2?v=6041388864509196536" as="font" crossorigin> 426 427<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Medium.woff?v=14252720238749356341" as="font" crossorigin> 428<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Medium.woff2?v=13401429596531070664" as="font" crossorigin> 429 430<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-MediumItalic.woff?v=8051413966011491179" as="font" crossorigin> 431<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-MediumItalic.woff2?v=10666955170217957949" as="font" crossorigin> 432 433<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-SemiBold.woff?v=458366596758831149" as="font" crossorigin> 434<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-SemiBold.woff2?v=3164071149160080906" as="font" crossorigin> 435 436<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Bold.woff?v=13562829990676795964" as="font" crossorigin> 437<link rel="preload" href="//undrdog.com/cdn/shop/files/Barlow-Bold.woff2?v=9290860910445238125" as="font" crossorigin> 438 439 440<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Light.woff?v=9099710420671320986" as="font" crossorigin> 441<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Light.woff2?v=12308904856486374677" as="font" crossorigin> 442 443<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Regular.woff?v=17281318980167675272" as="font" crossorigin> 444<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Regular.woff2?v=18320782024769409947" as="font" crossorigin> 445 446<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Medium.woff?v=12661381206587816720" as="font" crossorigin> 447<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Medium.woff2?v=13604301951649321555" as="font" crossorigin> 448 449<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-SemiBold.woff?v=9368382102854840616" as="font" crossorigin> 450<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-SemiBold.woff2?v=4182141416115386203" as="font" crossorigin> 451 452<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-ExtraBold.woff?v=14884747497843717722" as="font" crossorigin> 453<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-ExtraBold.woff2?v=15498579950467883702" as="font" crossorigin> 454 455<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Bold.woff?v=2497365230178332397" as="font" crossorigin> 456<link rel="preload" href="//undrdog.com/cdn/shop/files/Inter-Bold.woff2?v=17769726244182177996" as="font" crossorigin> 457 458 459 460<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-Regular.woff?v=15539633005999862316" as="font" crossorigin> 461<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-Regular.woff2?v=13944474645140938852" as="font" crossorigin> 462 463<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-Bold.woff?v=1630340850251
463579334" as="font" crossorigin> 464<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-Bold.woff2?v=15004294665087090869" as="font" crossorigin> 465 466<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-ExtraBold.woff?v=17911534163937918191" as="font" crossorigin> 467<link rel="preload" href="//undrdog.com/cdn/shop/files/OpenSans-ExtraBold.woff2?v=15877760856315065922" as="font" crossorigin> 468 469 470 471 472<style> 473 @font-face { 474 font-family: 'Nimbus Sans L'; 475 src: url(//undrdog.com/cdn/shop/files/NimbusSanL-RegIta.woff2?v=15224388251548266649) format('woff2'), url(//undrdog.com/cdn/shop/files/NimbusSanL-RegIta.woff?v=6784737591668542681) format('woff'); 476 font-weight: normal; 477 font-style: italic; 478 font-display: swap; 479 } 480 @font-face { 481 font-family: 'Nimbus Sans L'; 482 src: url(//undrdog.com/cdn/shop/files/NimbusSanL-BolIta.woff2?v=10481653425222382257) format('woff2'), url(//undrdog.com/cdn/shop/files/NimbusSanL-BolIta.woff?v=2927910703161759146) format('woff'); 483 font-weight: bold; 484 font-style: italic; 485 font-display: swap; 486 } 487 @font-face { 488 font-family: 'Nimbus Sans L'; 489 src: url(//undrdog.com/cdn/shop/files/NimbusSanL-Reg.woff2?v=8885624920459855641) format('woff2'), url(//undrdog.com/cdn/shop/files/NimbusSanL-Reg.woff?v=673630824217211875) format('woff'); 490 font-weight: normal; 491 font-style: normal; 492 font-display: swap; 493 } 494 @font-face { 495 font-family: 'Nimbus Sans L'; 496 src: url(//undrdog.com/cdn/shop/files/NimbusSanL-Bol.woff2?v=3359396026905987927) format('woff2'), url(//undrdog.com/cdn/shop/files/NimbusSanL-Bol.woff?v=17862058843685248803) format('woff'); 497 font-weight: bold; 498 font-style: normal; 499 font-display: swap; 500 } 501 502 503 @font-face { 504 font-family: 'FONTSPRING DEMO - Obvia'; 505 src: url(//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBlack.otf?v=13381428657031703010) format('opentype'); 506 font-weight: 900; 507 font-style: normal; 508 font-display: swap; 509 } 510 @font-face { 511 font-family: 'FONTSPRING DEMO - Obvia'; 512 src: url(//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBold.woff2?v=4961991986150215949) format('woff2'), url(//undrdog.com/cdn/shop/files/FONTSPRINGDEMO-ObviaBold.woff?v=17398136584365800764) format('woff'); 513 font-weight: bold; 514 font-style: normal; 515 font-display: swap; 516 } 517 518 519 @font-face { 520 font-family: 'Barlow'; 521 src: url(//undrdog.com/cdn/shop/files/Barlow-Regular.woff2?v=6041388864509196536) format('woff2'), url(//undrdog.com/cdn/shop/files/Barlow-Regular.woff?v=12098916401949976840) format('woff'); 522 font-weight: normal; 523 font-style: normal; 524 font-display: swap; 525 } 526 @font-face { 527 font-family: 'Barlow'; 528 src: url(//undrdog.com/cdn/shop/files/Barlow-Medium.woff2?v=13401429596531070664) format('woff2'), url(//undrdog.com/cdn/shop/files/Barlow-Medium.woff?v=14252720238749356341) format('woff'); 529 font-weight: 500; 530 font-style: normal; 531 font-display: swap; 532 } 533 @font-face { 534 font-family: 'Barlow'; 535 src: url(//undrdog.com/cdn/shop/files/Barlow-MediumItalic.woff2?v=10666955170217957949) format('woff2'), url(//undrdog.com/cdn/shop/files/Barlow-MediumItalic.woff?v=8051413966011491179) format('woff'); 536 font-weight: normal; 537 font-style: italic; 538 font-display: swap; 539 } 540 @font-face { 541 font-family: 'Barlow'; 542 src: url(//undrdog.com/cdn/shop/files/Barlow-SemiBold.woff2?v=3164071149160080906) format('woff2'), url(//undrdog.com/cdn/shop/files/Barlow-SemiBold.woff?v=458366596758831149) format('woff'); 543 font-weight: 600; 544 font-style: normal; 545 font-display: swap; 546 } 547 @font-face { 548 font-family: 'Barlow'; 549 src: url(//undrdog.com/cdn/shop/files/Barlow-Bold.woff2?v=9290860910445238125) format('woff2'), url(//undrdog.com/cdn/shop/files/Barlow-Bold.woff?v=13562829990676795964) format('woff'); 550 font-weight: bold; 551 font-style: normal; 552 font-display: swap; 553 } 554 555 556 @font-face { 557 font-family: 'Inter'; 558 src: url(//undrdog.com/cdn/shop/files/Inter-Light.woff2?v=12308904856486374677) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-Light.woff?v=9099710420671320986) format('woff'); 559 font-weight: 300; 560 font-style: normal; 561 font-display: swap; 562 } 563 @font-face { 564 font-family: 'Inter'; 565 src: url(//undrdog.com/cdn/shop/files/Inter-Regular.woff2?v=18320782024769409947) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-Regular.woff?v=17281318980167675272) format('woff'); 566 font-weight: normal; 567 font-style: normal; 568 font-display: swap; 569 } 570 @font-face { 571 font-family: 'Inter'; 572 src: url(//undrdog.com/cdn/shop/files/Inter-Medium.woff2?v=13604301951649321555) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-Medium.woff?v=12661381206587816720) format('woff'); 573 font-weight: 500; 574 font-style: normal; 575 font-display: swap; 576 } 577 @font-face { 578 font-family: 'Inter'; 579 src: url(//undrdog.com/cdn/shop/files/Inter-SemiBold.woff2?v=4182141416115386203) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-SemiBold.woff?v=9368382102854840616) format('woff'); 580 font-weight: 600; 581 font-style: normal; 582 font-display: swap; 583 } 584 @font-face { 585 font-family: 'Inter'; 586 src: url(//undrdog.com/cdn/shop/files/Inter-Bold.woff2?v=17769726244182177996
586) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-Bold.woff?v=2497365230178332397) format('woff'); 587 font-weight: bold; 588 font-style: normal; 589 font-display: swap; 590 } 591 @font-face { 592 font-family: 'Inter'; 593 src: url(//undrdog.com/cdn/shop/files/Inter-ExtraBold.woff2?v=15498579950467883702) format('woff2'), url(//undrdog.com/cdn/shop/files/Inter-ExtraBold.woff?v=14884747497843717722) format('woff'); 594 font-weight: 800; 595 font-style: normal; 596 font-display: swap; 597 } 598 599 @font-face { 600 font-family: 'Open Sans'; 601 src: url(//undrdog.com/cdn/shop/files/OpenSans-Regular.woff2?v=13944474645140938852) format('woff2'), url(//undrdog.com/cdn/shop/files/OpenSans-Regular.woff?v=15539633005999862316) format('woff'); 602 font-weight: normal; 603 font-style: normal; 604 font-display: swap; 605 } 606 607 @font-face { 608 font-family: 'Open Sans'; 609 src: url(//undrdog.com/cdn/shop/files/OpenSans-Bold.woff2?v=15004294665087090869) format('woff2'), url(//undrdog.com/cdn/shop/files/OpenSans-Bold.woff?v=1630340850251579334) format('woff'); 610 font-weight: bold; 611 font-style: normal; 612 font-display: swap; 613 } 614 615 @font-face { 616 font-family: 'Open Sans'; 617 src: url(//undrdog.com/cdn/shop/files/OpenSans-ExtraBold.woff2?v=15877760856315065922) format('woff2'), url(//undrdog.com/cdn/shop/files/OpenSans-ExtraBold.woff?v=17911534163937918191) format('woff'); 618 font-weight: 800; 619 font-style: normal; 620 font-display: swap; 621 } 622 623</style> 624 625 626 627<style> 628 /* Progress Bar Style*/ 629 630 .custom-progress-bar__wrapper { 631 display: block; 632 } 633 .bar-check, 634 .bar { 635 animation: fadeInAnimation 1s forwards; 636 } 637 .custom-progress-bar circle, 638 .custom-progress-bar path{ 639 opacity: 0; 640 transition: background-color 1s ease; 641 animation: fadeInAnimation 1s forwards; 642 } 643 @keyframes fadeInAnimation { 644 to { 645 opacity: 1; 646 } 647 } 648 /* Generic styles */ 649 .container { 650 width: 1170px; 651 margin: 0 auto; 652 padding: 0; 653 position: relative; 654 } 655 656 button#easysize_button{ 657 text-decoration: underline !important; 658 } 659 660 /*==== Spinning Element ====*/ 661 .spinner__wrapper { 662 position: absolute; 663 display: none; 664 align-items: center; 665 justify-content: center; 666 background: #018d0b; 667 top: 0; 668 left: 0; 669 width: 100%; 670 height: 100%; 671 z-index: 1; 672 } 673 .spinner__wrapper.show { 674 display: flex; 675 } 676 677 .loader { 678 width: 30px; 679 height: 30px; 680 border: 5px solid #fff; 681 border-bottom-color: transparent; 682 border-radius: 50%; 683 display: inline-block; 684 box-sizing: border-box; 685 animation: rotation 1s linear infinite; 686 } 687 688 @keyframes rotation { 689 0% { 690 transform: rotate(0deg); 691 } 692 100% { 693 transform: rotate(360deg); 694 } 695 } 696 697 /* Stamped */ 698 #stamped-main-widget { 699 display: none; 700 } 701 702 .stamped_reviews_section #stamped-main-widget { 703 display: block; 704 } 705 /* Stamped */ 706 707 /* Sitewide - Header */ 708 709 710 .zpa-button--back-to-top { 711 display: none !important; 712 } 713 714 @media only screen and (max-width: 1200px) { 715 /* Generic styles */ 716 .container { 717 width: 1004px; 718 } 719 } 720 721 @media only screen and (max-width: 1200px) { 722 /* Generic styles */ 723 .container { 724 width: 1004px; 725 } 726 727 @media only screen and (max-width: 1021px) { 728 .container { 729 width: 750px; 730 } 731 } 732 733 @media only screen and (max-width: 767px) { 734 .container { 735 width: 100%; 736 max-width: 600px; 737 padding: 0 15px; 738 } 739 } 740</style> 741 742 743 744 745 746 747 748<!-- start meta-tags.liquid (SNIPPET) -->
748<script type="application/ld+json"> 749 { 750 "@context" : "http://schema.org", 751 "@type": "CollectionPage", 752 "name": "Products", 753 "url": "/collections/all", 754 "description": "", 755 "image": "Liquid error (snippets/meta-tags line 407): invalid url input" 756 } 757 </script>
vendor: 1 bytes, line 757
757
758<script type="application/ld+json"> 759 { 760 "@context": "http://schema.org", 761 "@type": "BreadcrumbList", 762 "itemListElement": [ 763 764 { 765 "@type": "ListItem", 766 "position": 1, 767 "item": { 768 "@id": "https://undrdog.com/collections", 769 "name": "Collections" 770 } 771 }, 772 { 773 "@type": "ListItem", 774 "position": 2, 775 "item": { 776 "@id": "https://undrdog.com/collections/all", 777 "name": "Products" 778 } 779 } 780 781 782 783 ] 784 } 785</script>
785 786
787<script type="application/ld+json"> 788 { 789 "@context": "http://schema.org", 790 "@type": "WebSite", 791 "name": "UndrDog", 792 "url": "https://undrdog.com" 793 } 794</script>
794 795 796<!-- start social-meta-tags.liquid (SNIPPET) --> 797 798<meta property="og:site_name" content="UndrDog"> 799<meta property="og:url" content="https://undrdog.com/collections/all"> 800<meta property="og:title" content="Products"> 801<meta property="og:type" content="product.group"> 802<meta property="og:description" content="Shop men's hemp T-shirts, polos and boxer briefs made with hemp, bamboo and organic cotton. Breathable, PFAS-free and backed by a lifetime warranty."> 803 <meta property="og:image" content="https://undrdog.com/cdn/shop/files/undrdog-preview_1200x630.png?v=15114409438829584307"> 804 <meta property="og:image:secure_url" content="https://undrdog.com/cdn/shop/files/undrdog-preview_1200x630.png?v=15114409438829584307"> 805 <meta property="og:image:width" content="1200"> 806 <meta property="og:image:height" content="630"> 807 <meta property="og:image:alt" content="UndrDog Hemp T-Shirt"> 808 <meta property="og:logo" content="//undrdog.com/cdn/shop/files/logo_400x176.png?v=14945513028116714134" /> 809 810 811 812<meta name="twitter:site" content="@"> 813<meta name="twitter:card" content="summary_large_image"> 814<meta name="twitter:title" content="Products"> 815<meta name="twitter:description" content="Shop men's hemp T-shirts, polos and boxer briefs made with hemp, bamboo and organic cotton. Breathable, PFAS-free and backed by a lifetime warranty."> 816 817<link rel="shortcut icon" href="//undrdog.com/cdn/shop/files/favicon.png?v=1713294025&width=32" type="image/png"><title> 818 Products 819 </title> 820 821 822
822<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
822<meta name="facebook-domain-verification" content="7m031ad2ezocro7gmpet4fip6yoywa"> 823<meta name="google-site-verification" content="uet5YPknCgTyF-s6nzmW_L5gtlxHdHqGAmcd6_fImY4"> 824<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/85219311926/digital_wallets/dialog"> 825<meta id="in-context-paypal-metadata" data-shop-id="85219311926" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 826<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/all.atom" /> 827<link rel="alternate" type="application/json+oembed" href="https://undrdog.com/collections/all.oembed">
828<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=861765942"></script>
828 829<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
830<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=861765942&shop_id=85219311926" crossorigin="anonymous"></script>
vendor: 1 bytes, line 830
830
831<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":85219311926,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/85219311926","merchantName":"UndrDog","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"UndrDog","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 831
831
832<script id="shopify-features" type="application/json">{"accessToken":"e117010b1e671a8b35ea36bbf787a4eb","betas":["rich-media-storefront-analytics"],"domain":"undrdog.com","predictiveSearch":true,"shopId":85219311926,"locale":"en"}</script>
vendor: 1 bytes, line 832
832
833<script>var Shopify = Shopify || {}; 834Shopify.shop = "e1be38-2.myshopify.com"; 835Shopify.locale = "en"; 836Shopify.currency = {"active":"USD","rate":"1.0"}; 837Shopify.country = "US"; 838Shopify.theme = {"name":"Dev by Vasta - Main","id":182782656822,"schema_name":"Super Theme BV","schema_version":"2.4","theme_store_id":null,"role":"main"}; 839Shopify.theme.handle = "null"; 840Shopify.theme.style = {"id":null,"handle":null}; 841Shopify.cdnHost = "undrdog.com/cdn"; 842Shopify.routes = Shopify.routes || {}; 843Shopify.routes.root = "/"; 844Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 845Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 846Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 847Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 847
847
848<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 848
848
849<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 849
849
850<script> 851 window.ShopifyPay = window.ShopifyPay || {}; 852 window.ShopifyPay.apiHost = "shop.app\/pay"; 853 window.ShopifyPay.redirectState = null; 854</script>
vendor: 1 bytes, line 854
854
855<script> 856 window.Shopify = window.Shopify || {}; 857 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 858 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 859 window.Shopify.SignInWithShop.eligible = true; 860</script>
vendor: 1 bytes, line 860
860
861<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 861
861
862<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 862
862
863<script type="module"> 864 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 865 866 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 867 868</script>
vendor: 1 bytes, line 868
868
869<script> 870 window.Shopify = window.Shopify || {}; 871 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 872 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 873</script>
vendor: 1 bytes, line 873
873
874<script>(function() { 875 var isLoaded = false; 876 function asyncLoad() { 877 if (isLoaded) return; 878 isLoaded = true; 879 var urls = ["https:\/\/cdn.richpanel.com\/js\/richpanel_shopify_script.js?appClientId=undrdoghemp7021\u0026tenantId=undrdoghemp702\u0026shop=e1be38-2.myshopify.com\u0026shop=e1be38-2.myshopify.com","https:\/\/sdk.postscript.io\/sdk-script-loader.bundle.js?shopId=331233\u0026shop=e1be38-2.myshopify.com","https:\/\/undrdog.com\/a\/novel\/js\/novel-storefront.js?shop=e1be38-2.myshopify.com"]; 880 for (var i = 0; i < urls.length; i++) { 881 var s = document.createElement('script'); 882 s.type = 'text/javascript'; 883 s.async = true; 884 s.src = urls[i]; 885 var x = document.getElementsByTagName('script')[0]; 886 x.parentNode.insertBefore(s, x); 887 } 888 }; 889 if(window.attachEvent) { 890 window.attachEvent('onload', asyncLoad); 891 } else { 892 window.addEventListener('load', asyncLoad, false); 893 } 894})();</script>
vendor: 1 bytes, line 894
894
895<script id="__st">var __st={"a":85219311926,"offset":-14400,"reqid":"55a317c0-1c8f-4cad-8736-aec5c8e3b305-1790577810","pageurl":"undrdog.com\/collections\/all","u":"35842090764e","p":"collection","rtyp":"collection","rid":469808185654};</script>
vendor: 1 bytes, line 895
895
896<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 896
896
897<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 897
897
898<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//undrdog.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 898
898
899<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//undrdog.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
899<script crossorigin="anonymous" defer="defer" src="//undrdog.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 899
899
900<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 900
900
901<script> 902 window.Shopify = window.Shopify || {}; 903 window.Shopify.MCP = window.Shopify.MCP || {}; 904 window.Shopify.MCP.enabled = true; 905 window.Shopify.MCP.shop = "e1be38-2.myshopify.com"; 906 window.Shopify.MCP.mcpEndpoint = "https:\/\/undrdog.com\/api\/mcp"; 907 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 908</script>
vendor: 1 bytes, line 908
908
909<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/undrdog.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 910</script>
vendor: 1 bytes, line 910
910
911<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://undrdog.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 912</script>
vendor: 1 bytes, line 912
912
913<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 914 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 915</script>
vendor: 1 bytes, line 915
915
916<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 917</script>
917 918<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://undrdog.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 919<style id="shopify-accelerated-checkout-cart"> 920 #shopify-buyer-consent { 921 margin-top: 1em; 922 display: inline-block; 923 width: 100%; 924} 925 926#shopify-buyer-consent.hidden { 927 display: none; 928} 929 930#shopify-subscription-policy-button { 931 background: none; 932 border: none; 933 padding: 0; 934 text-decoration: underline; 935 font-size: inherit; 936 cursor: pointer; 937} 938 939#shopify-subscription-policy-button::before { 940 box-shadow: none; 941} 942 943 </style> 944
945<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
945 946
946<script> 947 var trekkie = []; 948 trekkie.integrations = !0; 949 (window.BOOMR = {}), (window.BOOMR.version = true); 950 </script>
950 951<style> 952 .header-content, 953 .site-footer { 954 display: none; 955 } 956 957 #PBarNextFrameWrapper { 958 display: none !important; 959 } 960 </style> 961
961<script async src="https://a.ads.rmbl.ws/ratag?id=AV-29150"></script>
961 962
962<script> 963 window._ratagData = window._ratagData || []; 964 function ratag() {_ratagData.push(arguments);} 965 </script>
965 966 967 <meta name="google-site-verification" content="UdbjweWgk7AmeJkjie-B2zVFWBLH0gc4cGImq6RJL7o" /> 968 <meta name="facebook-domain-verification" content="n712q5nhwe037cy3wb604cp0q945jc"/> 969 <style> 970 .ocu-popup.v--modal-live * { 971 font-family: "Nimbus Sans L", sans-serif !important; 972 } 973 </style> 974 975 <!-- BEGIN app block: shopify://apps/visiopt/blocks/visiopt_integration/019e1bf5-e1b4-7307-9c7e-c6da4dd11f57 --> 976 977<link rel='preconnect' href='https://optimize.visiopt.com/'><link rel='dns-prefetch' href='https://optimize.visiopt.com/'>
977<script async type='text/javascript'>window.visiopt_code=window.visiopt_code||(function(){var visi_wid=1124,visi_flicker_time=4000,visi_flicker_element='html',c=false,d=document,visi_fn={begin:function(){var a=d.getElementById('visi_flicker');if(!a){var a=d.createElement('style'),b=visi_flicker_element?visi_flicker_element+'{opacity:0!important;background:none!important;}':'',h=d.getElementsByTagName('head')[0];a.setAttribute('id','visi_flicker');a.setAttribute('type','text/css');if(a.styleSheet){a.styleSheet.cssText=b;}else{a.appendChild(d.createTextNode(b));}h.appendChild(a);}},complete:function(){c=true;var a=d.getElementById('visi_flicker');if(a){a.parentNode.removeChild(a);}},completed:function(){return c;},pack:function(a){var b=d.createElement('script');b.src=a;b.type='text/javascript';b.innerText;b.onerror=function(){visi_fn.complete();};d.getElementsByTagName('head')[0].appendChild(b);},init:function(){visi_fn.begin();setTimeout(function(){visi_fn.complete()},visi_flicker_time);this.pack('https://optimize.visiopt.com/vt.'+visi_wid+'.js');return true;}};window.visiopt_code_status=visi_fn.init();return visi_fn;}());</script>
977 978 979 980 981 982<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 983 984 985 986 987 988 989 990 991 992 993 994 995
995<script async src="https://static.klaviyo.com/onsite/js/VHxdPg/klaviyo.js?company_id=VHxdPg"></script>
995 996
996<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
996 997 998 999 1000 1001 1002 1003
1003<script> 1004 window.klaviyoReviewsProductDesignMode = false 1005 </script>
1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 1016<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
1017<script> 1018/* >> TriplePixel :: start*/ 1019window.TriplePixelData={TripleName:"e1be38-2.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"469808185654",cart:"",template:"collection",curr:"USD" || "USD", market:"74706321718"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 1020/* << TriplePixel :: end*/ 1021</script>
1021 1022 1023 1024 1025<!-- END app block -->
1025<script src="https://cdn.shopify.com/extensions/01a0d970-0e98-7666-b1bc-fced162baa13/loop-returns-504/assets/onstore-block.js" type="text/javascript" defer="defer"></script>
1025 1026<link href="https://cdn.shopify.com/extensions/01a0d970-0e98-7666-b1bc-fced162baa13/loop-returns-504/assets/onstore-block.css" rel="stylesheet" type="text/css" media="all"> 1027<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1028<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 85219311926,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1028
1028
1029<script> 1030 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1031</script>
vendor: 1 bytes, line 1031
1031
1032<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1032).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 85219311926,storefrontBaseUrl: "https://undrdog.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://undrdog.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2871198006","configuration":"{\"pixel_id\":\"UFnJKQnYEiwpb93npg7Wpp\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"494c214c3e1e2dea2c94ffa97cf51a83","type":"APP","apiClientId":411130036225,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1032,{"id":"2863857974","configuration":"{\"advertiser\":\"ndrdog\",\"userId\":\"c2b8a3cd-9178-4a43-a255-5a61eba7bab1\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c19c52670ee3dad6480bef13cf6d1e03","type":"APP","apiClientId":39871250433,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2718400822","configuration":"{\"accountID\":\"e1be38-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ea1d2c6c3d7e2e209ed09c06ec613167","type":"APP","apiClientId":300808765441,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2699821366","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f92d7cfd1521456d481ee553d236893f","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2326233398","configuration":"{\"accountID\":\"3fa427f2-5283-4846-825e-7c71c3602f00\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31a2d548e70c3f0f271a3b3356ee9334","type":"APP","apiClientId":2415836,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2288189750","configuration":"{\"storeId\":\"cae6b6dc-9cc7-408a-9583-11da585f1c31\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9b5c7e9eba54366aed35e340586c8163","type":"APP","apiClientId":274629623809,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2223604022","configuration":"{\"Enabled\":\"true\",\"UpdatedAt\":\"2026-06-04T02:14:34.753Z\",\"DeveloperPreview\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7913f49eba866a6cbbe1bb85b5400251","type":"APP","apiClientId":34646425601,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2201878838","configuration":"{\"pixelCode\":\"D5P45RJC77U6K56B4HO0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2201813302","configuration":"{\"pixelId\":\"cdcd7ecb-d414-4610-b68e-f925c66909a0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c119f01612c13b62ab52809eb08154bb","type":"APP","apiClientId":2556259,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1032,{"id":"1802666294","configuration":"{\"accountID\":\"VHxdPg\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1062928694","configuration":"{\"shopId\":\"331233\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2eedfe5ca9c7d4954f200bfa1ffb380d","type":"APP","apiClientId":2328352,"privacyPurposes":["MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"931004726","configuration":"{\"shopDomain\":\"e1be38-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1cc50c06a2fd060c142979e7a3df92db","type":"APP","apiClientId":2436932,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"733086006","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\",\\\"GT-K46R42W3\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/rENYCMnHy_0aENDg99sq\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/nHdNCITE2_0aENDg99sq\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-KLD4RMQMV7\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/fWfSCIHE2_0aENDg99sq\\\",\\\"MC-ZHHEW93L2W\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-KLD4RMQMV7\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/J8DGCMbHy_0aENDg99sq\\\",\\\"MC-ZHHEW93L2W\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/eWsdCP7D2_0aENDg99sq\\\",\\\"MC-ZHHEW93L2W\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-KLD4RMQMV7\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/Vux-CIfE2_0aENDg99sq\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-KLD4RMQMV7\\\",\\\"AW-11467092048\\\/GBdaCPvD2_0aENDg99sq\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-KLD4RMQMV7\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"453411126","configuration":"{\"shopId\":\"e1be38-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"318243126","configuration":"{\"pixel_id\":\"2644977782340189\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1032,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"225116470","configuration":"{\"myshopifyDomain\":\"e1be38-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"212533558","configuration":"{\"shopId\":\"e1be38-2.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"209453366","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Purchase Bro"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"UndrDog","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"e1be38-2.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/undrdog.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8954634305846","handle":"001-midnight","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47689633759542","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10623403229494","handle":"project-008-the-polo","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"53773403586870","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10711999676726","handle":"project-010-navy","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54023157252406","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10826308944182","handle":"project-013","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54482428330294","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://undrdog.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"182782656822","themePublished":"true","eventMetadataId":"bd91fc18-aa74-4096-81f3-eac44c23e7f9","pageType":"collection","resourceId":"469808185654","shopId":"85219311926","storefrontBaseUrl":"https:\/\/undrdog.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"469808185654\",\"title\":\"Products\",\"productVariants\":[{\"price\":{\"amount\":41.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Project 001: Midnight\",\"vendor\":\"My Store\",\"
1032id\":\"8954634305846\",\"untranslatedTitle\":\"Project 001: Midnight\",\"url\":\"\/products\/001-midnight\",\"type\":\"\"},\"id\":\"47689633759542\",\"image\":{\"src\":\"\/\/undrdog.com\/cdn\/shop\/files\/Render001.png?v=1770139709\"},\"sku\":\"001-TEE-001-S\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":53.0,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Project 008: The Polo\",\"vendor\":\"UndrDog\",\"id\":\"10623403229494\",\"untranslatedTitle\":\"Project 008: The Polo\",\"url\":\"\/products\/project-008-the-polo\",\"type\":\"\"},\"id\":\"53773403586870\",\"image\":{\"src\":\"\/\/undrdog.com\/cdn\/shop\/files\/UD_008_Polo_Black_HeroGhostMannequin-SplitHem-ExtraTexture_71929365-40b3-4d37-b9ae-538c01a8ffe1.png?v=1773931468\"},\"sku\":\"008-PLO-001-S\",\"title\":\"Midnight \/ S\",\"untranslatedTitle\":\"Midnight \/ S\"},{\"price\":{\"amount\":41.5,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Project 010: Blue Legacy\",\"vendor\":\"UndrDog\",\"id\":\"10711999676726\",\"untranslatedTitle\":\"Project 010: Blue Legacy\",\"url\":\"\/products\/project-010-navy\",\"type\":\"\"},\"id\":\"54023157252406\",\"image\":{\"src\":\"\/\/undrdog.com\/cdn\/shop\/files\/UD010-DS.png?v=1780934866\"},\"sku\":\"010-TEE-009-S\",\"title\":\"S\",\"untranslatedTitle\":\"S\"},{\"price\":{\"amount\":41.65,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Project 013: Ancient Sage\",\"vendor\":\"UndrDog\",\"id\":\"10826308944182\",\"untranslatedTitle\":\"Project 013: Ancient Sage\",\"url\":\"\/products\/project-013\",\"type\":\"\"},\"id\":\"54482428330294\",\"image\":{\"src\":\"\/\/undrdog.com\/cdn\/shop\/files\/013_BLACK-FRONTAIR.png?v=1790110096\"},\"sku\":\"013-TEE-013-S\",\"title\":\"S\",\"untranslatedTitle\":\"S\"}]}}]]"});})();</script>
1032<script> 1033 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1034 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1035 window.ShopifyAnalytics.meta.currency = 'USD'; 1036 var meta = {"products":[{"id":8954634305846,"gid":"gid:\/\/shopify\/Product\/8954634305846","vendor":"My Store","type":"","handle":"001-midnight","variants":[{"id":47689633759542,"price":4150,"name":"Project 001: Midnight - S","public_title":"S","sku":"001-TEE-001-S"},{"id":47689633792310,"price":4150,"name":"Project 001: Midnight - M","public_title":"M","sku":"001-TEE-001-M"},{"id":47689633825078,"price":4150,"name":"Project 001: Midnight - L","public_title":"L","sku":"001-TEE-001-L"},{"id":47689633857846,"price":4150,"name":"Project 001: Midnight - XL","public_title":"XL","sku":"001-TEE-001-XL"},{"id":47689633890614,"price":4150,"name":"Project 001: Midnight - 2XL","public_title":"2XL","sku":"001-TEE-001-2XL"},{"id":47689633923382,"price":4150,"name":"Project 001: Midnight - 3XL","public_title":"3XL","sku":"001-TEE-001-3XL"}],"remote":false},{"id":10623403229494,"gid":"gid:\/\/shopify\/Product\/10623403229494","vendor":"UndrDog","type":"","handle":"project-008-the-polo","variants":[{"id":53773403586870,"price":5300,"name":"Project 008: The Polo - Midnight \/ S","public_title":"Midnight \/ S","sku":"008-PLO-001-S"},{"id":53773403619638,"price":5300,"name":"Project 008: The Polo - Midnight \/ M","public_title":"Midnight \/ M","sku":"008-PLO-001-M"},{"id":53773403652406,"price":5300,"name":"Project 008: The Polo - Midnight \/ L","public_title":"Midnight \/ L","sku":"008-PLO-001-L"},{"id":53773403685174,"price":5300,"name":"Project 008: The Polo - Midnight \/ XL","public_title":"Midnight \/ XL","sku":"008-PLO-001-XL"},{"id":53773403717942,"price":5300,"name":"Project 008: The Polo - Midnight \/ 2XL","public_title":"Midnight \/ 2XL","sku":"008-PLO-001-2XL"},{"id":53773403750710,"price":5300,"name":"Project 008: The Polo - Midnight \/ 3XL","public_title":"Midnight \/ 3XL","sku":"008-PLO-001-3XL"},{"id":53773403783478,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ S","public_title":"Clean Slate \/ S","sku":"008-PLO-000-S"},{"id":53773403816246,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ M","public_title":"Clean Slate \/ M","sku":"008-PLO-000-M"},{"id":53773403849014,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ L","public_title":"Clean Slate \/ L","sku":"008-PLO-000-L"},{"id":53773403881782,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ XL","public_title":"Clean Slate \/ XL","sku":"008-PLO-000-XL"},{"id":53773403914550,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ 2XL","public_title":"Clean Slate \/ 2XL","sku":"008-PLO-000-2XL"},{"id":53773403947318,"price":5300,"name":"Project 008: The Polo - Clean Slate \/ 3XL","public_title":"Clean Slate \/ 3XL","sku":"008-PLO-000-3XL"}],"remote":false},{"id":10711999676726,"gid":"gid:\/\/shopify\/Product\/10711999676726","vendor":"UndrDog","type":"","handle":"project-010-navy","variants":[{"id":54023157252406,"price":4150,"name":"Project 010: Blue Legacy - S","public_title":"S","sku":"010-TEE-009-S"},{"id":54023157285174,"price":4150,"name":"Project 010: Blue Legacy - M","public_title":"M","sku":"010-TEE-009-M"},{"id":54023157317942,"price":4150,"name":"Project 010: Blue Legacy - L","public_title":"L","sku":"010-TEE-009-L"},{"id":54023157350710,"price":4150,"name":"Project 010: Blue Legacy - XL","public_title":"XL","sku":"010-TEE-009-XL"},{"id":54023157383478,"price":4150,"name":"Project 010: Blue Legacy - 2XL","public_title":"2XL","sku":"010-TEE-009-2XL"},{"id":54023157416246,"price":4150,"name":"Project 010: Blue Legacy - 3XL","public_title":"3XL","sku":"010-TEE-009-3XL"}],"remote":false},{"id":10826308944182,"gid":"gid:\/\/shopify\/Product\/10826308944182","vendor":"UndrDog","type":"","handle":"project-013","variants":[{"id":54482428330294,"price":4165,"name":"Project 013: Ancient Sage - S","public_title":"S","sku":"013-TEE-013-S"},{"id":54482428363062,"price":4165,"name":"Project 013: Ancient Sage - M","public_title":"M","sku":"013-TEE-013-M"},{"id":54482428395830,"price":4165,"name":"Project 013: Ancient Sage - L","public_title":"L","sku":"013-TEE-013-L"},{"id":54482428428598,"price":4165,"name":"Project 013: Ancient Sage - XL","public_title":"XL","
1036sku":"013-TEE-013-XL"},{"id":54482428461366,"price":4165,"name":"Project 013: Ancient Sage - 2XL","public_title":"2XL","sku":"013-TEE-013-2XL"},{"id":54482428494134,"price":4165,"name":"Project 013: Ancient Sage - 3XL","public_title":"3XL","sku":"013-TEE-013-3XL"}],"remote":false}],"page":{"pageType":"collection","resourceType":"collection","resourceId":469808185654,"requestId":"55a317c0-1c8f-4cad-8736-aec5c8e3b305-1790577810"}}; 1037 for (var attr in meta) { 1038 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1039 } 1040</script>
vendor: 1 bytes, line 1040
1040
1041<script class="analytics"> 1042 (function () { 1043 var customDocumentWrite = function(content) { 1044 var jquery = null; 1045 1046 if (window.jQuery) { 1047 jquery = window.jQuery; 1048 } else if (window.Checkout && window.Checkout.$) { 1049 jquery = window.Checkout.$; 1050 } 1051 1052 if (jquery) { 1053 jquery('body').append(content); 1054 } 1055 }; 1056 1057 var hasLoggedConversion = function(token) { 1058 if (token) { 1059 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1060 } 1061 return false; 1062 } 1063 1064 var setCookieIfConversion = function(token) { 1065 if (token) { 1066 var twoMonthsFromNow = new Date(Date.now()); 1067 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1068 1069 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1070 } 1071 } 1072 1073 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1074 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1075 if (trekkie.integrations) { 1076 return; 1077 } 1078 trekkie.methods = [ 1079 'identify', 1080 'page', 1081 'ready', 1082 'track', 1083 'trackForm', 1084 'trackLink' 1085 ]; 1086 trekkie.factory = function(method) { 1087 return function() { 1088 var args = Array.prototype.slice.call(arguments); 1089 args.unshift(method); 1090 trekkie.push(args); 1091 if (method == 'track' || method == 'page') { 1092 var pageUrl; 1093 try { 1094 pageUrl = window.location.href; 1095 } catch (e) {} 1096 var pageReferrer; 1097 try { 1098 pageReferrer = document.referrer; 1099 } catch (e) {} 1100 try { 1101 if (window.__TREKKIE_SHIM_QUEUE == null) { 1102 window.__TREKKIE_SHIM_QUEUE = []; 1103 } 1104 window.__TREKKIE_SHIM_QUEUE.push({ 1105 from: 'trekkie-stub', 1106 method: method, 1107 args: args.slice(1), 1108 pageContext: { 1109 url: pageUrl, 1110 referrer: pageReferrer 1111 } 1112 }); 1113 } catch (e) { 1114 // no-op 1115 } 1116 } 1117 return trekkie; 1118 }; 1119 }; 1120 for (var i = 0; i < trekkie.methods.length; i++) { 1121 var key = trekkie.methods[i]; 1122 trekkie[key] = trekkie.factory(key); 1123 } 1124 trekkie.load = function(config) { 1125 trekkie.config = config || {}; 1126 trekkie.config.initialDocumentCookie = document.cookie; 1127 var first = document.getElementsByTagName('script')[0]; 1128var script = document.createElement('script'); 1129script.type = 'text/javascript'; 1130script.onerror = function(e) { 1131 var scriptFallback = document.createElement('script'); 1132 scriptFallback.type = 'text/javascript'; 1133 scriptFallback.onerror = function(error) { 1134 var Monorail = { 1135 produce: function produce(monorailDomain, schemaId, payload) { 1136 var currentMs = new Date().getTime(); 1137 var event = { 1138 schema_id: schemaId, 1139 payload: payload, 1140 metadata: { 1141 event_created_at_ms: currentMs, 1142 event_sent_at_ms: currentMs 1143 } 1144 }; 1145 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1146 }, 1147 sendRequest: function sendRequest(endpointUrl, payload) { 1148 // Try the sendBeacon API 1149 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1150 var blobData = new window.Blob([payload], { 1151 type: 'text/plain' 1152 }); 1153 1154 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1155 return true; 1156 } // sendBeacon was not successful 1157 1158 } // XHR beacon 1159 1160 var xhr = new XMLHttpRequest(); 1161 1162 try { 1163 xhr.open('POST', endpointUrl); 1164 xhr.setRequestHeader('Content-Type', 'text/plain'); 1165 xhr.send(payload); 1166 } catch (e) { 1167 console.log(e); 1168 } 1169 1170 return false; 1171 }, 1172 isIos12: function isIos12() { 1173 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1174 } 1175 }; 1176 Monorail.produce('monorail-edge.shopifysvc.com', 1177 'trekkie_storefront_load_errors/1.1', 1178 {shop_id: 85219311926, 1179 theme_id: 182782656822, 1180 app_name: "storefront", 1181 context_url: window.location.href, 1182 source_url: "//undrdog.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1183 1184 }; 1185 scriptFallback.async = true; 1186 scriptFallback.src = '//undrdog.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1187 first.parentNode.insertBefore(scriptFallback, first); 1188}; 1189script.async = true; 1190script.src = '//undrdog.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1191first.parentNode.insertBefore(script, first); 1192 1193 }; 1194 trekkie.load( 1195 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":85219311926,"isMerchantRequest":null,"themeId":182782656822,"themeCityHash":"3075688390400933094","contentLanguage":"en","currency":"USD","eventMetadataId":"bd91fc18-aa74-4096-81f3-eac44c23e7f9"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1196 ); 1197 1198 var loaded = false;
1199 trekkie.ready(function() { 1200 if (loaded) return; 1201 loaded = true; 1202 1203 window.ShopifyAnalytics.lib = window.trekkie; 1204 1205 var originalDocumentWrite = document.write; 1206 document.write = customDocumentWrite; 1207 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1208 document.write = originalDocumentWrite; 1209 1210 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1211 var token = match? match[1]: undefined; 1212 if (!hasLoggedConversion(token)) { 1213 setCookieIfConversion(token); 1214 window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: all","collectionName":"all","collectionId":469808185654,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true}); 1215 } 1216 }); 1217 1218 window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":469808185654,"requestId":"55a317c0-1c8f-4cad-8736-aec5c8e3b305-1790577810","shopifyEmitted":true}); 1219 1220 var eventsListenerScript = document.createElement('script'); 1221 eventsListenerScript.async = true; 1222 eventsListenerScript.src = "//undrdog.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1223 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1224})();</script>
vendor: 1 bytes, line 1224
1224
1225<script 1226 defer 1227 src="https://undrdog.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1228 data-application="storefront-renderer" 1229 data-shop-id="85219311926" 1230 data-render-region="gcp-us-central1" 1231 data-page-type="collection" 1232 data-theme-instance-id="182782656822" 1233 data-theme-name="Super Theme BV" 1234 data-theme-version="2.4" 1235 data-monorail-region="shop_domain" 1236 data-resource-timing-sampling-rate="10" 1237 data-shs="true" 1238 data-shs-beacon="true" 1239 data-shs-export-with-fetch="true" 1240 data-shs-logs-sample-rate="1" 1241 data-shs-beacon-endpoint="https://undrdog.com/api/collect" 1242></script>
1242 1243<meta name="shopify-y" content="b8b39d67-5239-4d55-8a5a-ba9eba38e47b" data-expiration="1822135411000"><meta name="shopify-s" content="775e2340-1b0a-4fc9-9c8b-c68199d8f37e" data-expiration="1790579611000"><meta name="new-cookie-storage-activated" content="t"> 1244</head> 1245 <body id="products" class="template-collection"> 1246 <h2 class="hide">Products</h2> 1247 1248 <header class="header-content"><div id="shopify-section-shipping_bar" class="shopify-section shipping-bar"><!-- start shipping_bar.liquid (SECTION) --> 1249 1250<style> 1251 :root{--shipping-bar-height: 20px;} 1252 1253 #shopify-section-shipping_bar{ 1254 background-color: #ec612a; 1255 color: #ffffff;} 1256 1257 #shopify-section-shipping_bar .shipping-bar__section-item, 1258 #shopify-section-shipping_bar .shipping-bar__item--small{ 1259 font-size: 20px; 1260 } 1261 1262 #shopify-section-shipping_bar .shipping-bar__message{ 1263 font-size: 17px; 1264 } 1265 1266 #shopify-section-shipping_bar .shipping-bar__item svg{ 1267 width: 20px; 1268 display: inline-block; 1269 } 1270 1271 #shopify-section-shipping_bar .shipping-bar__item svg path{ 1272 stroke: #ffffff; 1273 } 1274 1275 #shopify-section-shipping_bar .shipping-bar__section-item svg{ 1276 max-width: 25px; 1277 max-height: 25px; 1278 margin-right: 10px; 1279 } 1280 1281 .shipping-bar__wrapper{ 1282 height: 50px; 1283 justify-content: space-between; 1284 display: flex; 1285 align-items: center; 1286 padding: 0 20px; 1287 } 1288 1289 .shipping-bar .shipping-bar__message, 1290 .shipping-bar__section-item{ 1291 display: flex; 1292 justify-content: center; 1293 align-items: center; 1294 text-transform: uppercase; 1295 } 1296 1297 .shipping-bar .shipping-bar__message{ 1298 flex-wrap: wrap; 1299 } 1300 1301 .shipping-bar .shipping-bar__message > span{ 1302 letter-spacing: 0.5px; 1303 } 1304 1305 .shipping-bar .shipping-bar__message--before{ 1306 margin-left: 45px; 1307 } 1308 1309 .shipping-bar__section-item{ 1310 flex: 1; 1311 height: calc(100% - 10px); 1312 width: 33%; 1313 } 1314 1315 .shipping-bar__item{ 1316 flex: 1; 1317 line-height: 1.15; 1318 } 1319 1320 .shipping-bar__item:nth-of-type(1) .shipping-bar__item--wrapper{ 1321 justify-content: flex-start; 1322 } 1323 1324 .shipping-bar__item:nth-of-type(2){ 1325 text-align: center; 1326 } 1327 1328 .shipping-bar__item:nth-of-type(3) .shipping-bar__item--wrapper, 1329 .shipping-bar__item:nth-of-type(3) .shipping-bar__link{ 1330 justify-content: flex-end; 1331 } 1332 1333 .shipping-bar__item--small{ 1334 max-width: 230px; 1335 } 1336 1337 .shipping-bar__item span{ 1338 margin-left: 3px; 1339 } 1340 1341 .shipping-bar__item:nth-of-type(1) span{ 1342 1343 display: block; 1344 1345 } 1346 1347 .shipping-bar__item:nth-of-type(3) span{ 1348 1349 display: block; 1350 1351 } 1352 1353 .shipping-bar__link{ 1354 color: inherit; 1355 font: inherit; 1356 } 1357 1358 .shipping-bar__link, 1359 .shipping-bar__item--wrapper{ 1360 display: flex; 1361 align-items: center; 1362 } 1363 1364 .shipping-bar__section-item + .shipping-bar__section-item{ 1365 border-left: 1px solid var(--shipping-bar-items-line-color, #fff); 1366 } 1367 1368 .shipping-bar__section-image{ 1369 width: 100%; 1370 max-width: 25px; 1371 margin-right: 10px; 1372 } 1373 1374 .shipping-bar--discount-style .shipping-bar__discount-value{ 1375 background: var(--shipping-bar-price-background, rgb(28, 168, 28)); 1376 display: inline-block; 1377 color: var(--shipping-bar-price-text-color, rgb(255, 255, 255)); 1378 margin: 0 4px; 1379 } 1380 1381 @media (max-width: 1019px){ 1382 #shopify-section-shipping_bar .shipping-bar__section-item, 1383 #shopify-section-shipping_bar .shipping-bar__item--small{ 1384 font-size: 14px; 1385 } 1386 1387 #shopify-section-shipping_bar .shipping-bar__message{ 1388 font-size: 16px; 1389 } 1390 1391 #shopify-section-shipping_bar .shipping-bar__message--free-shipping{ 1392 font-size: 13px; 1393 } 1394 1395 #shopify-section-shipping_bar .shipping-bar__item svg{ 1396 width: 14px; 1397 } 1398 1399 .shipping-bar__wrapper{ 1400 height: 35px; 1401 padding: 0 20px; 1402 } 1403 1404 .shipping-bar__item--small{ 1405 max-width: 190px; 1406 } 1407 1408 .shipping-bar .shipping-bar__message{ 1409 letter-spacing: 0.5px; 1410 } 1411 1412 .shipping-bar .shipping-bar__item span:not(.shipping-bar__discount-value){ 1413 margin-left: 0; 1414 } 1415 1416 .shipping-bar__item:nth-of-type(1) span{ 1417 1418 display: block; 1419 1420 } 1421 1422 .shipping-bar__item:nth-of-type(3) span{ 1423 1424 display: block; 1425 1426 } 1427 } 1428 1429 @media (max-width: 767px){ 1430 #shopify-section-shipping_bar .shipping-bar__section-item, 1431 #shopify-section-shipping_bar .shipping-bar__item--small{ 1432 font-size: 14px; 1433 } 1434 1435 #shopify-section-shipping_bar .shipping-bar__message{ 1436 font-size: 13px; 1437 } 1438 1439 #shopify-section-shipping_bar .shipping-bar__message--free-shipping{ 1440 font-size: 12px; 1441 } 1442 1443 #shopify-section-shipping_bar .shipping-bar__item svg{ 1444 width: 14px; 1445 } 1446 1447 .shipping-bar__wrapper{ 1448 height: 34px; 1449 padding: 0 19px; 1450 } 1451 1452 .shipping-bar__item svg{ 1453 height: 10px; 1454 } 1455 1456 .shipping-bar__item--small{ 1457 max-width: 25px; 1458 } 1459 1460 .shipping-bar .shipping-bar__message{ 1461 letter-spacing: 0.5px; 1462 } 1463 1464 .shipping-bar .shipping-bar__message > span{ 1465 letter-spacing: 0; 1466 } 1467 1468 .shipping-bar .shipping-bar__message span.shipping-bar__message--before{ 1469 margin-left: 5px; 1470 } 1471 } 1472 1473 @media (max-width: 479px){ 1474 .shipping-bar__item{ 1475 font-size: .85rem; 1476 } 1477 1478 .shipping-bar__section-item{ 1479 font-size: 10px; 1480 } 1481 } 1482</style><div id="shipping-bar" class="shipping-bar shipping-bar--info-style lazybg" data-style="info_style"> 1483 <div class="shipping-bar__wrapper wrapper"> 1484 1485 1486<!-- start shipping-bar-informational (SNIPPET) --> 1487<!-- start shipping-bar-email.liquid (SNIPPET) --><div class="shipping-bar__item shipping-bar__item--small"><div class="shipping-bar__item--wrapper no-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12" fill="none"> 1488 <path d="M15 1.875C15 1.11875 14.37 0.5 13.6 0.5H2.4C1.63 0.5 1 1.11875 1 1.875M15 1.875V10.125C15 10.8813 14.37 11.5 13.6 11.5H2.4C1.63 11.5 1 10.8813 1 10.125V1.875M15 1.875L8 6.6875L1 1.875" stroke="white" stroke-width="0.866667" stroke-linecap="round" stroke-linejoin="round"/> 1489</svg><span>[email protected]</span> 1490 </div></div> 1491<div class="shipping-bar__item"> 1492 <div class="shipping-bar__message">GET 25% OFF • Code: HOLIDAY25</div> 1493 </div><!-- start shipping-bar-phone.liquid (SNIPPET) --><div class="shipping-bar__item shipping-bar__item--small"><div class="shipping-bar__item--wrapper no-mobile"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="12" viewBox="0 0 13 12" fill="none"> 1494<path d="M12.3153 8.72258V10.3706C12.316 10.5236 12.2826 10.675 12.2173 10.8152C12.1521 10.9554 12.0564 11.
14940812 11.9364 11.1846C11.8164 11.2881 11.6747 11.3668 11.5204 11.4158C11.3661 11.4648 11.2026 11.483 11.0404 11.4693C9.24074 11.2856 7.51207 10.708 5.99326 9.7828C4.5802 8.93938 3.38218 7.81406 2.48427 6.48676C1.49589 5.05364 0.880796 3.42199 0.688829 1.72398C0.674214 1.57207 0.693434 1.41897 0.745266 1.27442C0.797097 1.12986 0.880403 0.997034 0.989881 0.884382C1.09936 0.77173 1.23261 0.681724 1.38115 0.620095C1.52969 0.558466 1.69026 0.526564 1.85265 0.52642H3.60714C3.89097 0.523797 4.16612 0.618203 4.38132 0.792044C4.59652 0.965885 4.73709 1.2073 4.77681 1.47129C4.85086 1.99869 4.9882 2.51653 5.18619 3.01493C5.26488 3.21155 5.28191 3.42524 5.23526 3.63068C5.18862 3.83611 5.08026 4.02468 4.92302 4.17404L4.18028 4.8717C5.01282 6.247 6.22512 7.38573 7.68928 8.16774L8.43201 7.47008C8.59102 7.32238 8.79177 7.2206 9.01048 7.17678C9.22919 7.13297 9.45668 7.14897 9.66601 7.22288C10.1966 7.40886 10.7479 7.53786 11.3094 7.60742C11.5935 7.64506 11.8529 7.77947 12.0384 7.98508C12.2239 8.1907 12.3224 8.45317 12.3153 8.72258Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/> 1495</svg><span>(000)000-0000<span> 1496 </div></div> 1497</div> 1498</div>
1498<script> 1499 const shipping = new class{ 1500 constructor(){ 1501 1502 1503 if ('shipping_bar_free_qtd' == 'shipping_bar_free_price'){ 1504 this.discountValue = 9000; 1505 this.shippingBarTypeFreeShipping = 'shipping_bar_free_qtd'; 1506 }else{ 1507 1508 1509 this.discountValue = 2; 1510 this.shippingBarTypeFreeShipping = 'shipping_bar_free_qtd'; 1511 } 1512 this.textBeforeValue = 'We Pay Shipping On Orders Over'; 1513 this.textAfterValue = ''; 1514 this.discountText = 'Free Shipping Unlocked!'; 1515 } 1516 1517 set cart( cart ){ 1518 let cartItemCount = cart.item_count; 1519 var remainValue = 0, message = ''; 1520 const cashbackIds = ["9034509582646","9371192820022","9371193180470"].map(id => parseInt(id)); 1521 const shippingProtectionID = 0; 1522 const shippingProtectionItem = cart.items.filter(i => i.id === shippingProtectionID); 1523 let cashbackItem = cart.items.filter(i => cashbackIds.includes(i.product_id)); 1524 const bundleProductsIds = [ 9384863498550, 9384715977014, 9384717123894 ]; 1525 const bundleProducts = cart.items.filter(i => bundleProductsIds.includes(i.product_id)); 1526 const hasBundleVariant = cart.items.some(i => i.variant_title.includes('3-pack') || i.variant_title.includes('6-pack')); 1527 if(shippingProtectionItem.length > 0){ 1528 cartItemCount -= 1; 1529 } 1530 1531 if(cashbackItem.length > 0){ 1532 cartItemCount -= 1; 1533 } 1534 1535 if ('shipping_bar_free_qtd' == 'shipping_bar_free_price'){ 1536 remainValue = (this.discountValue - cart.total_price); 1537 }else{ 1538 remainValue = bundleProducts.length > 0 || hasBundleVariant ? 0 : (this.discountValue - cartItemCount); 1539 } 1540 1541 if (cartItemCount > 0){ 1542 if (remainValue > 0){ 1543 if ('shipping_bar_free_qtd' == 'shipping_bar_free_price'){ 1544 remainValue = Shopify.formatMoney(remainValue); 1545 const cents = parseInt(remainValue.split('.')[1]); 1546 if(cents === 0 ){remainValue = remainValue.split('.')[0];} 1547 } 1548 this.remainValue = remainValue; 1549 1550 message = '👉 Add'; 1551 message += '<span class="shipping-bar__discount-value">'; 1552 message += remainValue; 1553 message += '</span>'; 1554 message += 'more to get free shipping'; 1555 }else{ 1556 message += '🔥 '+this.discountText; 1557 $('.shipping__message--discount').addClass('shipping-bar__message--free-shipping'); 1558 } 1559 }else{ 1560 if ('shipping_bar_free_qtd' == 'shipping_bar_free_price'){ 1561 remainValue = Shopify.formatMoney(remainValue).split('.')[0]; 1562 } 1563 message += '<span class="shipping-bar__message--before">'+this.textBeforeValue+'</span>'; 1564 message += '<span class="shipping-bar__discount-value">'+remainValue+'</span>'; 1565 message += '<span class="shipping-bar__message--after">'+this.textAfterValue+'</span>'; 1566 } 1567 1568 $('.shipping__message--discount').html(message); 1569 } 1570 } 1571 </script>
1571 1572 1573 1574</div><div id="shopify-section-header" class="shopify-section main-header"><!-- start header.liquid (SECTION) --> 1575<h3 class="hide">Header</h3><!-- start header-new-layout (SNIPPET) --><style scoped> .header__menu-wrapper{background: #ffffff;width: 100%;margin: 0 auto;}.header, .header__section-wrapper, .header__item-wrapper{width: 100%;}.header__section-wrapper, .header__item-wrapper{display: flex;}.header__item-wrapper{align-items: center;padding-top: 15px;flex-direction: row;justify-content: space-between;}.header__section-wrapper{flex-direction: column;}.header__item-logo, .header__item-cart-wrapper{width: 25%;}/*logo*/ .header .header__logo-wrapper{width: fit-content;display: block;line-height: 1;}.header__logo-wrapper svg, .header__logo-wrapper img{width: 140px;height: auto;}/*search */ .header__search-form{border: 1px solid #252525;height: 38px;width: 450px;margin: auto;display: flex;justify-content: space-between;/* margin: 10px 89px 15px;*/ }.header__search-button{display: flex;align-items: center;justify-content: center;font-size: 15px;width: 26%;gap: 10px;border-radius: 17px;text-transform: capitalize;background: #ffffff;color: #000000;border-left: 1px solid #252525;}.header__search-button svg{width: 14px;height: 14px;}.header__search-button:hover{color: #000000;background: #f4f4f4;}.header__search-input, .header__search-form{border-radius: 18px;}.header__search-input{width: 70%;border: none;margin-left: 17px;font-style: italic;font-weight: 400;letter-spacing: 0;}.header__search-input::placeholder{color: #D9D9D9;font-style: italic;font-weight: 400;font-size: 12.5px;background: transparent;}.header__item-search{width: 50%;}/*cart */ .header__item-cart-text{color: #3c3c3c;text-transform: uppercase;font-size: 16px;font-weight: 300;line-height: 14px;padding-top: 3px;}.header__item-cart-number{position: absolute;top: -7%;right: 0;padding: 1px 5px;font-size: 11px;font-weight: 600;border-radius: 100%;color: #ffffff;background: #26b522;}.header__item-cart-number:hover{background: #1a7117;color: #ffffff;}.header .header__item-cart-svg{width: 37px;height: 37px;border: 1px solid #000000;border-radius: 100%;background: rgba(0,0,0,0);display: flex;justify-content: center;align-items: center;}.header__item-cart-svg:hover{background: #ffffff;}.header__item-cart-svg path{fill: #000000;}.header__item-cart-svg svg{width: 65%;height: 65%;}.header__item-cart{max-width: 60px;width:fit-content;cursor: pointer;display: flex;flex-direction: column;align-items: center;}.header__item-cart-wrapper{position: relative;display: flex;flex-direction: column;align-items: flex-end;}/* menu */ .main-menu__list.list--child .main-menu__list-item{background: #ffffff;}.main-menu__list.list--child:hover .main-menu__list-item:hover{background: #f4f4f4;}.main-menu__list.list--parent > .main-menu__list-item:hover{background: #f4f4f4;}.main-menu__list.list--parent > .main-menu__list-item:hover > .main-menu__item-anchor{color: #000000;}.main-menu__list.list--parent > .main-menu__list-item:hover > .main-menu__item-anchor > svg{fill: #000000;}.main-menu__list.list--child .main-menu__list-item .main-menu__item-anchor{color: #000000;}.main-menu__list.list--child .main-menu__list-item svg{fill: #000000;}.main-menu__list.list--child .main-menu__list-item:hover .main-menu__item-anchor{color: #000000;}.main-menu__list.list--child .main-menu__list-item:hover svg{fill: #000000;}.main-menu__list.list--child .main-menu__list-item{border-bottom: 1px solid #ffffff;}.main-menu__list.list--parent .main-menu__item-anchor{text-transform: capitalize;color: #000000;display: flex;align-items: center;justify-content: space-between;width: 100%;font-size: 16px;font-weight: 300;padding: 8px 12.2px;line-height: 1 }.main-menu__list.list--parent > .main-menu__list-item > .main-menu__item-anchor svg{fill: #000000;}.main-menu__list.list--child .main-menu__list-item svg{transform: rotate(-90deg);}.main-menu__list-item:hover > .main-menu__list:not(.list--parent), .main-menu__list-item:active > .main-menu__list:not(.list--parent){display: block;box-shadow: black 4px 6px 6px -4px;}.main-menu__list.list--grandchild{left:100%;}.main-menu__list.list--child{z-index: 2;display: none;min-width: 100px;width: max-content;}.main-menu__list:not(.list--parent){position: absolute;background: #fff;top: 100%;left: 0;}.main-menu__list{display: flex;justify-content: center;list-style: none;padding: 7px 0;}.main-menu__list-item{text-transform: uppercase;position: relative;display: flex;justify-content: space-between;z-index:2;white-space: nowrap;}.main-menu__item-anchor svg{width: 16px;margin-left: 10px;}.main-menu__list:not(.list--parent){position: absolute;top: 100%;left: 0;display: none;}.main-menu__list.list--child{display: none;z-index: 2;min-width: 100px;width: max-content;}.main-menu__list.list--child .main-menu__list-item:hover .main-menu__list.list--grandchild{left: 100%;top: 0;}@media(max-width: 1279px){body .wrapper{width: 100%;}}@media(max-width: 1019px){.header .header__item-wrapper{margin: 6px auto;}.header__logo-wrapper{padding-right: 0;margin: 0 auto;}.header .header__item-menu-mobile{margin-top: 6px;}.header__item-menu-mobile-wrapper{display:flex;width: fit-content;cursor: pointer;align-items: center;flex-direction: column;color: #3c3c3c;text-transform: uppercase;}
1575.header .header__item-menu-mobile-wrapper svg{width: 20px;height: 17px;}.header__item-menu-mobile-wrapper path{stroke: #3c3c3c;}.header__item-menu-mobile, .header__item-cart-wrapper{width: 25%!important;margin: 0;}.header .header__search-form, .header .header__item-search{margin: 0 auto 6px;}.header__item-search{width: 100%;margin: 10px 0;}.header .header__search-form{width: 314px;height: 26px;}.header .header__search-input{margin: 2px 0 2px 5px;padding: 0 0 3px;}.header .header__search-input::placeholder{font-size: 12px;}.header .header__search-button{font-size: 10px;padding-left: 4px;}.header .header__search-button svg{margin: 0 4px;width: 11px;height: 10px;}.header .header__item-cart-svg{width: 25px;height: 25px;}.header .header__item-cart-number{padding: 1px 4px;font-size: 9px;margin: -2px 3px 0 0;top: -2%;right: -1.4%;}.header .header__item-cart-text{font-size: 12px;padding: 0;}.header .header__item-menu-text{margin-top: 5px;font-size: 12px;}}@media(max-width: 767px){.header__item-wrapper{flex-wrap: nowrap;margin: 9px auto 0;}.header__item-logo{width: 50%;display: flex;flex-direction: column;align-items: center;}.header .header__logo-wrapper{margin: 0 auto;}.header__logo-wrapper svg, .header__logo-wrapper img{width: 140px;height: auto;}.header .header__search-form{width: 278px;height: 22px;margin: 7px auto 5px;}.header .header__search-button{width: 30%;font-size: 9px;padding-left: 7px;}.header .header__search-button svg{margin: 0 8px 0 4px;width: 8px;}.header .header__item-cart-wrapper{margin-right: 0;}.header .header__item-cart-text{padding-top: 0;font-size: 10px;}.header .header__item-cart-custom{margin: 0 5px 0 0;}.header__item-menu-mobile-wrapper{margin: 0 0 0 2px;}.header .header__item-cart-number{top: -2%;right: -3%;}.header .header__item-menu-text{margin-top: 2px;font-size: 10px;}}</style><section class="header "> 1576 <div class="header__section-wrapper"> 1577 <div class="header__item-wrapper wrapper"> 1578 <div class="header__item-menu-mobile no-desktop"> 1579 <div class="header__item-menu-mobile-wrapper"><!-- start icon-hamburger-new-layout.liquid (SNIPPET) --> 1580<svg width="20" height="15" viewBox="0 0 20 15" fill="none" xmlns="http://www.w3.org/2000/svg"> 1581 <path id="ICON. MENU" d="M1.32373 13.8559H18.5965M1.32373 7.37864H18.5965M1.32373 0.901367H18.5965" stroke="black" stroke-width="1.72727" stroke-linecap="round"/> 1582</svg> 1583 <span class="header__item-menu-text">Menu</span> 1584 </div> 1585 </div> 1586 1587 <div id="Header" class="header__item-logo"><!-- start header-logo-new-layout.liquid (SNIPPET) --> 1588<a class="header__logo-wrapper" title="UndrDog" href="/"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewbox="0 0 2847.8 811.1" style="enable-background:new 0 0 2847.8 811.1;" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"> 1589<style type="text/css"> 1590 .st0{fill:#211915;} 1591</style> 1592<path class="st0" d="M1887.8,71.5V143h-193.4c-127.1,0-196.9,0.4-203.7,1c-70.6,7.2-130.9,48.8-162.6,112.5 1593 c-18.9,37.9-24.9,85.7-16.2,129c6.4,31.6,22.1,63.8,43.8,89.6c26.7,32,66.3,56.3,106.8,65.8c21,4.9,24.7,5.1,108.8,5.1 1594 c43.5,0,82.7,0.4,87.2,1c27.5,3.1,49.4,21.9,55.9,48c1.2,4.8,1.5,9.3,1.2,17.5s-1,12.2-3.6,19c-7.6,19.1-23.9,33.4-43.8,38.5 1595 c-3.9,1.1-7.9,1.7-12,2c-4.1,0-4.3,0.2-4.7,3.2l-0.4,3.3v-3.3l-0.2-3.2h-378.1V143h-152v66.1l-10.7-7.4 1596 c-115.8-79.6-271-77.7-384.5,4.6c-7,5-16.1,12-20.3,15.5s-7.3,5.7-6.6,4s8.6-20.2,18-42.1s17.1-40.1,17.1-40.3s-39.3-0.4-87.4-0.4 1597 H559l-18,45.2c-9.8,24.9-53.2,134.3-96.2,243.1s-78.7,197.4-79.1,197S322.6,519,270.8,386.4s-94.5-241.6-94.9-242.3 1598 s-23.7-1-88.3-0.9L0,143.5L141.3,477l141.4,333.5h165.2l69.2-161.2l69.2-161.2l1.2,14.8c14.3,177.8,165.2,313.3,342.8,307.8 1599 c64.2-2,122.8-20.5,175.3-55.3l15.2-10.1V811l277.3-0.3c306.2-0.3,280.1,0.3,306.2-6.3c72-18.3,129.8-78,145.9-150.5 1600 c4-18.3,4.9-29,4.3-50.7c-0.7-25.7-3.8-42.1-12.3-64.9c-22.5-60.2-74.9-107.7-136.6-123.7c-23.7-6.2-19.6-5.9-116.3-6.6 1601 c-78-0.5-89.7-0.8-94.5-2.2c-28.2-8.4-46.3-30.1-47.8-57.4c-1.6-30.6,18-56.7,48.5-64.5c7.4-1.8,12.7-1.9,199.9-1.9h192.3l0.3,169.2 1602 l0.3,169.3l2.7,13.5c8.8,43.7,27.8,80.5,57.8,111.3c32.9,34,70,53.7,118,62.9c11.3,2.1,13.3,2.2,120.3,2.5l108.7,0.4V745l10.8,7.4 1603 c46,31.4,96.8,50.2,153.7,56.8c16.2,1.9,59.7,1.6,76-0.6c54.6-7.1,104.2-25.8,148.8-56.2l10.7-7.4v53h152V156h-152l-0.2,26.4 1604 l-0.3,26.3l-14.5-9.6c-46-30.5-93.1-47.4-150.5-54.3c-13.4-1.6-55.2-1.5-69.5,
16040.1c-78.3,8.8-146.5,41.5-201.6,96.5 1605 c-21.2,21.3-35.7,39.8-50.9,65.1c-51.5,85.5-61.2,191.7-26.3,286.5c8.6,23.4,26.2,56.8,40.4,76.8l1.6,2.2h-63.9 1606 c-54.4,0-64.8-0.2-69.8-1.5c-22-5.8-38-21.8-46.8-46.8l-3.2-9.2l-0.3-166.2l-0.2-166.3l73.7-0.2l73.8-0.3v-138l-73.7-0.3l-73.8-0.2 1607 V0h-152V71.5z M949.9,283.5c36.2,4.7,70.5,19.3,98.9,42.2c8.8,7.1,24.6,23.3,31.1,31.8c35.6,46.5,48.7,105.1,36.3,161.4 1608 c-8.2,37.4-27.3,71.6-55,98.1c-25.5,24.6-54.5,40.8-89,49.4c-66.8,16.9-139.6-4.2-187.5-54.1c-22.3-23.3-37.3-48.9-46.5-79.1 1609 c-6.2-20.4-7.7-31.7-7.7-56.2s1.5-35.8,7.7-56.2C758.7,353.2,814,302,882.9,286.6c6.3-1.4,15-2.9,19.4-3.4 1610 C914.8,281.8,938.2,281.9,949.9,283.5z M2521.6,283.1c101.7,11,178.4,100.1,173.9,201.9c-5.5,121.1-117,207.4-236.2,182.9 1611 c-28.5-5.9-60-21-83-39.9c-9.3-7.7-25.7-24.7-32.6-34c-59-78.6-50.1-188.8,20.7-257c26.1-25.2,56.4-41.7,91.9-50.1 1612 C2477.7,282.2,2499.8,280.9,2521.6,283.1L2521.6,283.1z"></path> 1613</svg> 1614</a> 1615</div> 1616 1617 <div class="header__item-search desktop"></div><div class="header__item-cart-wrapper"><div class="header__item-cart icon--cart" id="cart-count"> 1618 <span class="header__item-cart-number">0</span><!-- start header-icon-cart-new-layout.liquid (SNIPPETS) --><div class="header__item-cart-custom"> 1619 <svg width="31" height="30" viewbox="0 0 31 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 1620<path d="M0.756775 1.25457C0.756775 0.921834 0.888952 0.60273 1.12423 0.367453C1.3595 0.132177 1.67861 0 2.01134 0H2.94474C4.53385 0 5.48732 1.06889 6.03097 2.0625C6.39395 2.72492 6.65658 3.49271 6.86233 4.18857C6.91798 4.18418 6.97378 4.18195 7.0296 4.18188H27.9357C29.3241 4.18188 30.3277 5.51005 29.9463 6.84658L26.8885 17.5673C26.6144 18.5288 26.0344 19.3749 25.2363 19.9774C24.4383 20.5798 23.4657 20.9058 22.4658 20.9061H12.5162C11.5084 20.9061 10.5284 20.5752 9.72696 19.9641C8.92549 19.353 8.34689 18.4957 8.08009 17.5238L6.8088 12.8869L4.70113 5.78104L4.69945 5.76765C4.4385 4.8192 4.19428 3.93097 3.82962 3.26856C3.48002 2.62455 3.199 2.50913 2.94641 2.50913H2.01134C1.67861 2.50913 1.3595 2.37695 1.12423 2.14168C0.888952 1.9064 0.756775 1.5873 0.756775 1.25457ZM9.24265 12.278L10.4989 16.8597C10.7498 17.7663 11.5745 18.3969 12.5162 18.3969H22.4658C22.9203 18.3969 23.3624 18.2488 23.7252 17.9751C24.088 17.7013 24.3517 17.3168 24.4764 16.8798L27.382 6.69101H7.58997L9.21923 12.1894L9.24265 12.278Z" fill="#252525"></path> 1621<path d="M14.9751 25.9278C14.9751 26.8151 14.6227 27.666 13.9953 28.2934C13.3679 28.9208 12.5169 29.2733 11.6296 29.2733C10.7423 29.2733 9.8914 28.9208 9.26399 28.2934C8.63659 27.666 8.28412 26.8151 8.28412 25.9278C8.28412 25.0405 8.63659 24.1896 9.26399 23.5622C9.8914 22.9347 10.7423 22.5823 11.6296 22.5823C12.5169 22.5823 13.3679 22.9347 13.9953 23.5622C14.6227 24.1896 14.9751 25.0405 14.9751 25.9278ZM12.466 25.9278C12.466 25.706 12.3779 25.4932 12.221 25.3364C12.0642 25.1795 11.8514 25.0914 11.6296 25.0914C11.4078 25.0914 11.1951 25.1795 11.0382 25.3364C10.8814 25.4932 10.7932 25.706 10.7932 25.9278C10.7932 26.1496 10.8814 26.3623 11.0382 26.5192C11.1951 26.676 11.4078 26.7642 11.6296 26.7642C11.8514 26.7642 12.0642 26.676 12.221 26.5192C12.3779 26.3623 12.466 26.1496 12.466 25.9278Z" fill="#252525"></path> 1622<path d="M26.6851 25.9278C26.6851 26.8151 26.3326 27.666 25.7052 28.2934C25.0778 28.9208 24.2269 29.2733 23.3396 29.2733C22.4523 29.2733 21.6014 28.9208 20.974 28.2934C20.3466 27.666 19.9941 26.8151 19.9941 25.9278C19.9941 25.0405 20.3466 24.1896 20.974 23.5622C21.6014 22.9347 22.4523 22.5823 23.3396 22.5823C24.2269 22.5823 25.0778 22.9347 25.7052 23.5622C26.3326 24.1896 26.6851 25.0405 26.6851 25.9278ZM24.176 25.9278C24.176 25.706 24.0878 25.4932 23.931 25.3364C23.7741 25.1795 23.5614 25.0914 23.3396 25.0914C23.1178 25.0914 22.905 25.1795 22.7482 25.3364C22.5913 25.4932 22.5032 25.706 22.5032 25.9278C22.5032 26.1496 22.5913 26.3623 22.7482 26.5192C22.905 26.676 23.1178 26.7642 23.3396 26.7642C23.5614 26.7642 23.7741 26.676 23.931 26.5192C24.0878 26.3623 24.176 26.1496 24.176 25.9278Z" fill="#252525"></path> 1623</svg> 1624 </div><span class="header__item-cart-text">Cart</span></div> 1625</div> 1626 </div> 1627 1628 <div class="header__item-search no-desktop"></div><div class="header__menu-wrapper desktop"><!-- start main-menu-new-layout.liquid (SNIPPET) --> 1629<nav class="main-menu"> 1630 <h3 class="hide">Main Menu</h3> 1631 1632 <ul class="main-menu__list list--parent"><li class="main-menu__list-item"> 1633 <a 1634 id="hdr-nav-menu-1" 1635 href="/" 1636 class="main-menu__item-anchor" 1637 >Home 1638</a></li><li class="main-menu__list-item"> 1639 <a 1640 id="hdr-nav-menu-2" 1641 href="/collections/all" 1642 class="main-menu__item-anchor" 1643 >Catalog 1644</a></li><li class="main-menu__list-item"> 1645 <a 1646 id="hdr-nav-menu-3" 1647 href="/pages/contact" 1648 class="main-menu__item-anchor" 1649 >Contact 1650</a></li></ul> 1651</nav> 1652</div></div> 1653 </section></div>
1653<script> 1654 if ('serviceWorker' in navigator){ 1655 window.addEventListener('load', function(){ 1656 navigator.serviceWorker.register('//undrdog.com/cdn/shop/t/136/assets/sw.js?v=162992825094472359421769605010') 1657 .then(function(registration){ 1658 console.log('Cache Registration:', registration); 1659 }) 1660 .catch(function(error){ 1661 console.error('Service Worker Error:', error); 1662 }); 1663 }); 1664 1665 self.addEventListener('fetch', function(event){ 1666 var requestUrl = new URL(event.request.url); 1667 var desiredScope = '/cdn/'; 1668 if (requestUrl.pathname.startsWith(desiredScope)){ 1669 event.respondWith( 1670 caches.open('my-shopify-cache').then(function(cache){ 1671 return cache.match(event.request).then(function(response){ 1672 var fetchPromise = fetch(event.request).then(function(networkResponse){ 1673 if (networkResponse){ 1674 cache.put(event.request, networkResponse.clone()); 1675 } 1676 return networkResponse; 1677 }); 1678 return response || fetchPromise; 1679 }); 1680 }) 1681 ); 1682 }else if (!navigator.onLine){ 1683 event.respondWith( 1684 caches.match(event.request).then(function(response){ 1685 return response || new Response('You are offline and the resource is not available in the cache.'); 1686 }) 1687 ); 1688 }else{ 1689 event.respondWith(fetch(event.request)); 1690 } 1691 }); 1692 } 1693</script>
1693 1694</header> 1695 1696<div id="shopify-section-announcement-bar" class="shopify-section announcement-bar"><!-- START announcement-bar.liquid --> 1697<style> 1698 .gradient-text-announcement-bar{ 1699 background: #ebe4cf; 1700 -webkit-background-clip: text; 1701 -webkit-text-fill-color: transparent; 1702 background-clip: text; 1703 color: transparent; 1704 font-size: 18px; 1705 font-weight: 700; 1706 line-height: 100%; 1707 letter-spacing: 0.2px; 1708 text-decoration: underline; 1709 text-underline-offset: 4px; 1710 text-decoration-thickness: 1px; 1711 text-decoration-color: #ebd5ab; 1712 } 1713 1714 .announcement-bar__section{ 1715 background-size: cover; 1716 background-position: center; 1717 background-repeat: no-repeat; 1718 padding: 16px 64px; 1719 display: flex; 1720 justify-content: center; 1721 1722 background-color: #EC612A; 1723 1724 } 1725 .announcement-bar__container{ 1726 width: fit-content; 1727 display: flex; 1728 align-items: center; 1729 justify-content: center; 1730 position: relative; 1731 } 1732 .announcement-bar *{ 1733 color: #FFF; 1734 } 1735 .announcement-bar-text > *{ 1736 font-size: 16px; 1737 font-weight: 700; 1738 line-height: 120%; 1739 text-transform: uppercase; 1740 text-align: center; 1741 } 1742 1743 .announcement-bar-text-mobile, 1744 .announcement__mobile{ 1745 display: none; 1746 } 1747 1748 .announcement-bar__text{ 1749 color: #fff; 1750 text-align: center; 1751 -webkit-text-stroke-color: #fff; 1752 -webkit-text-stroke-width: 1px; 1753 font-size: 28px; 1754 font-style: normal; 1755 font-weight: 700; 1756 line-height: 100%; 1757 letter-spacing: 1.4px; 1758 margin-bottom: 4px; 1759 1760 } 1761 1762 .announcement-bar__30-off-icon{ 1763 position: absolute; 1764 top: -20px; 1765 } 1766 1767 .announcement-bar__30-off-icon--left{ 1768 left: 400px; 1769 } 1770 1771 .announcement-bar__30-off-icon--right{ 1772 right: 400px; 1773 } 1774 1775 .announcement-bar__text-container{ 1776 display: flex; 1777 flex-direction: column; 1778 align-items: center; 1779 justify-content: center; 1780 margin-right: 30px; 1781 } 1782 1783 .announcement-bar__text__special-offer{ 1784 color: #fff; 1785 text-align: center; 1786 font-size: 24px; 1787 font-style: italic; 1788 font-weight: 400; 1789 line-height: 100%; 1790 } 1791 1792 @media (max-width: 1023px){ 1793 .announcement-bar__section{ 1794 padding: 15px 0 10px; 1795 } 1796 } 1797 1798 @media (max-width: 767px){ 1799 .announcement-bar-text-mobile, 1800 .announcement__mobile{ 1801 display: block; 1802 } 1803 1804 .gradient-text-announcement-bar{ 1805 font-size: 13px; 1806 text-underline-offset: 2px; 1807 } 1808 .announcement-bar-text{ 1809 display: none; 1810 } 1811 .announcement-bar__section{ 1812 padding: 15px 0 10px; 1813 } 1814 .announcement-bar-text > *{ 1815 font-size: 12px; 1816 } 1817 .announcement-bar-text-mobile > *{ 1818 font-size: 12px; 1819 text-align: center; 1820 text-transform: uppercase; 1821 font-weight: 700; 1822 } 1823 1824 .announcement-bar__text-container{ 1825 margin-right: 15px; 1826 } 1827 1828 .announcement-bar__text{ 1829 font-size: 19px; 1830 letter-spacing: 1.2px; 1831 } 1832 1833 .announcement-bar__text__special-offer{ 1834 font-size: 18px; 1835 } 1836 1837 .announcement-bar__text-30-off svg{ 1838 width: 102px; 1839 height: 48px; 1840 } 1841 1842 .announcement-bar__30-off-icon{ 1843 top: -16px; 1844 } 1845 1846 .announcement-bar__30-off-icon--left{ 1847 left: -50px; 1848 } 1849 1850 .announcement-bar__30-off-icon--right{ 1851 right: -50px; 1852 } 1853 1854 .announcement-bar__30-off-icon{ 1855 max-width: 38px; 1856 } 1857 1858 .announcement-bar__text-30-off img{ 1859 max-width: 90px; 1860 } 1861 1862 .announcement__desktop{ 1863 display: none; 1864 } 1865 } 1866</style> 1867 1868 1869 1870<!-- END announcement-bar --></div> 1871 1872 1873 1874 <main id="MainContent" class="main-content"> 1875 <aside><div id="shopify-section-cart-drawer" class="shopify-section cart
1875-drawer"><!-- sections/cart-drawer --> 1876 1877 1878<style> 1879 /* #shopify-section-cart-drawer .cart-drawer__header{ 1880 background-color: #000000; 1881 }*/ 1882 1883 #shopify-section-cart-drawer .cart-items__item-discount-badge{ 1884 background-color: #EC612A; 1885 padding: 2px 4px; 1886 color: #fff; 1887 font-size: 14px; 1888 border-radius: 4px; 1889 } 1890 1891 1892 #shopify-section-cart-drawer .cart-drawer__title, 1893 #shopify-section-cart-drawer .cart-drawer__box:not(.cart-drawer--empty) .cart-drawer__title:before{ 1894 color: #ffffff; 1895 } 1896 1897 #shopify-section-cart-drawer .cart-drawer__box{ 1898 background: #ffffff; 1899 /* color: #ffffff;*/ 1900 } 1901 1902 #shopify-section-cart-drawer .cart-items__item-title{ 1903 color: #171520; 1904 } 1905 1906 #shopify-section-cart-drawer .cart__proceed-to-checkout{ 1907 background-color: #018d0b; 1908 color: #ffffff; 1909 } 1910 1911 #shopify-section-cart-drawer .cart__proceed-to-checkout svg{ 1912 stroke: #ffffff; 1913 } 1914 1915 #shopify-section-cart-drawer .cart__proceed-to-checkout:hover{ 1916 background-color: #04a10f; 1917 color: #ffffff; 1918 } 1919 1920 #shopify-section-cart-drawer.cart__proceed-to-checkout:hover svg{ 1921 stroke: #ffffff; 1922 } 1923 1924 #shopify-section-cart-drawer .cart__total-price, 1925 #shopify-section-cart-drawer .cart-items__item-price{ 1926 color: #018d0b; 1927 } 1928 1929 #shopify-section-cart-drawer .cart-drawer__shipping-fill{ 1930 background-color: #989898; 1931 } 1932 1933 #shopify-section-cart-drawer .cart-drawer__shipping-fill.full{ 1934 background-color: #ec612a; 1935 } 1936 1937 #shopify-section-cart-drawer .cart-drawer__shipping-text{ 1938 color: #444444; 1939 text-transform: initial; 1940 } 1941 1942 #shopify-section-cart-drawer .shipping-bar__discount-value{ 1943 background: rgba(0,0,0,0); 1944 color: #000000; 1945 } 1946 1947 #shopify-section-cart-drawer .cart-items__item-variant{ 1948 color: #656565 1949 } 1950 1951 #shopify-section-cart-drawer .cart-drawer__continue-shipping, 1952 #shopify-section-cart-drawer .cart-drawer__button-link{ 1953 color: #000000; 1954 } 1955 1956 #shopify-section-cart-drawer .cart-drawer__button-link{ 1957 border-color: #000000; 1958 } 1959 1960 #shopify-section-cart-drawer .cart-drawer__button-link:hover{ 1961 background-color: #000000; 1962 color: #fff; 1963 } 1964 1965 #shopify-section-cart-drawer .cart-drawer__box .drawer-review_single{ 1966 font-weight: 400; 1967 } 1968 1969 #shopify-section-cart-drawer .cart-drawer__review-content{ 1970 font-weight:400; 1971 } 1972</style><style> 1973 .cart-drawer__title-shipping-bar{ 1974 display: flex; 1975 align-items: center; 1976 justify-content: center; 1977 max-width: 260px; 1978 margin: 9px auto 10px; 1979 border: solid 1px #ededef; 1980 padding: 8px 0px; 1981 font-size: 14px; 1982 font-weight: 600; 1983 line-height: 16px; 1984 text-transform: uppercase; 1985 color: white; 1986 text-align: center; 1987 border-radius: 3px; 1988 background-color: #ec622a; 1989 } 1990 1991 .cart-drawer__header .new-buybox__product-swatch-option-offer{ 1992 border-radius: 0; 1993 } 1994 .cart-drawer__header .new-buybox__product-swatch-option-offer-text-container{ 1995 position: static; 1996 transform: none; 1997 } 1998 /* Zero-width space keeps the line box (and the header height) when the offer copy is empty */ 1999 .cart-drawer__header .new-buybox__product-swatch-option-offer-text-text:empty::before, 2000 .cart-drawer__header .new-buybox__product-swatch-option-offer-text-discount:empty::before{ 2001 content: '\200B'; 2002 } 2003 2004 .cart-drawer__overlay, 2005 .cart-drawer__box{ 2006 transition: ease 0.3s all; 2007 position: fixed; 2008 z-index: 100; 2009 height: 100%; 2010 top: 0; 2011 } 2012 2013 .cart-drawer__overlay{ 2014 width: 100%; 2015 left: 0; 2016 background-color: rgba(0, 0, 0, 0.8); 2017 justify-content: flex-end; 2018 opacity: 0; 2019 visibility: hidden; 2020 } 2021 2022 .cart-drawer__box-content{ 2023 padding: 0 46px 15px; 2024 } 2025 2026 .cart-drawer__box{ 2027 right: -100%; 2028 background-color: #fff; 2029 width: 90%; 2030 max-width: 538px; 2031 overflow: auto; 2032 } 2033 2034 body.cart-drawer--opened{ 2035 overflow: hidden; 2036 } 2037 2038 body.cart-drawer--opened .cart-drawer__overlay{ 2039 opacity: 1; 2040 visibility: visible; 2041 } 2042 2043 body.cart-drawer--opened .cart-drawer__box{ 2044 right: 0; 2045 } 2046 2047 .cart-drawer__header{ 2048 /* padding: 16px 0 16px 17px;*/ 2049 text-align: center; 2050 margin-bottom: 9px; 2051 letter-spacing: 0px; 2052 align-items: center; 2053 justify-content: center; 2054 2055 display: block; 2056 2057 } 2058 2059 .cart-drawer__added-bar{ 2060 background-color: #000; 2061 width: 100%; 2062 padding: 8px; 2063 height:36px; 2064 display: flex; 2065 align-items: center; 2066 justify-content: center; 2067 } 2068 2069 .cart-drawer__added-bar-text{ 2070 color: #fff; 2071 font-size: 18px; 2072 font-weight: 400; 2073 line-height: 16.43px; 2074 margin: 0; 2075 display: flex; 2076 align-items: center; 2077 justify-content: center; 2078 gap: 4px; 2079 text-align: center; 2080 letter-spacing: 0; 2081 text-transform: none; 2082 } 2083 2084 .cart-drawer__added-bar-icon{ 2085 flex-shrink: 0; 2086 display: block; 2087 } 2088 2089 .cart-drawer__added-bar-label{ 2090 display: inline; 2091 text-transform: none; 2092 } 2093 2094 .cart-drawer__added-bar, 2095 .cart-drawer__added-bar *{ 2096 text-transform: none; 2097 } 2098 2099 .cart-drawer__title{ 2100 display: inline; 2101 font-size: 14px; 2102 font-weight: normal; 2103 position: relative; 2104 } 2105 2106 .cart-drawer__box:not(.cart-drawer--empty) .cart-drawer__title:before{ 2107 content: 'L';
2108 width: 20px; 2109 height: 20px; 2110 position: absolute; 2111 left: 0; 2112 transform: translatex(-110%) scaleX(-1) rotate(-40deg); 2113 font-size: 16px; 2114 top: -2px; 2115 } 2116 2117 .cart-drawer__shipping{ 2118 margin-bottom: 7px; 2119 font-size: 0.9rem; 2120 } 2121 2122 .cart-drawer__shipping-bar{ 2123 position: relative; 2124 width: 100%; 2125 height: 30px; 2126 border-radius: 30px; 2127 align-items: center; 2128 justify-content: center; 2129 background: #eee; 2130 } 2131 2132 /* Confetti animation */ 2133 @keyframes bang{ 2134 from{ 2135 transform: translate3d(0,0,0); 2136 opacity: 1; 2137 } 2138 } 2139 2140 .cart-drawer__shipping-bar i{ 2141 position: absolute; 2142 display: block; 2143 left: 50%; 2144 bottom: 0px; 2145 width: 3px; 2146 height: 8px; 2147 background: red; 2148 opacity: 1; 2149 z-index: 5; 2150 } 2151 /* Confetti animation */ 2152 2153 .cart-drawer__shipping-fill{ 2154 height: 100%; 2155 border-radius: 30px; 2156 position: absolute; 2157 left: 0; 2158 top: 0; 2159 transition: ease-in 0.4s all; 2160 pointer-events: none; 2161 } 2162 2163 .cart-drawer__shipping-text, 2164 .cart-drawer__shipping-text .shipping-bar__discount-value{ 2165 font-size: 18px; 2166 font-weight: 700; 2167 } 2168 2169 .cart-drawer__shipping-text{ 2170 text-align: center; 2171 margin: 20px 0 10px; 2172 line-height: 18px; 2173 } 2174 2175 .cart-drawer__shipping-text .shipping-bar__discount-value{ 2176 margin: 0 3px; 2177 line-height: 18px; 2178 } 2179 2180 .cart-drawer__links{ 2181 justify-content: center; 2182 align-items: center; 2183 margin: 20px 0 5px; 2184 font-size: 14px; 2185 line-height: 24px; 2186 font-weight: 700; 2187 } 2188 2189 .cart-drawer__paypal+.cart-drawer__links{ 2190 margin: 30px 0 7px; 2191 } 2192 2193 .cart-drawer__links.cart-drawer__links--sb{ 2194 justify-content: space-between; 2195 } 2196 2197 .cart-drawer__continue-shipping{ 2198 text-decoration: underline; 2199 font-size: inherit; 2200 text-underline-offset: 2px; 2201 } 2202 2203 .cart-drawer__button-link{ 2204 padding: 7px 7px 6px; 2205 border-width: 1px; 2206 border-style: solid; 2207 line-height: 1; 2208 } 2209 2210 .cart-items__list, 2211 .cart-items__item-variant, 2212 .cart-items__item-price, 2213 .cart-items__item-discount, 2214 .cart__empty, 2215 .cart-drawer__review-title, 2216 .cart-drawer__review-subtitle, 2217 .cart-drawer__review-content, 2218 .cart-drawer__badge-title{ 2219 display: block; 2220 } 2221 2222 .cart-items__item-price{ 2223 font-size: 16px; 2224 font-weight: 500; 2225 line-height: 1.1; 2226 } 2227 2228 .cart-items__item-discount{ 2229 font-size: 0.85em; 2230 margin-bottom: 5px; 2231 } 2232 2233 .cart-drawert__items{ 2234 width: 100%; 2235 list-style: none; 2236 } 2237 2238 .cart-items__item-info-wrapper{ 2239 width: 100%; 2240 flex: 1; 2241 justify-content: space-between; 2242 } 2243 2244 .cart-items__item-info-wrapper, 2245 .cart-items__line-item, 2246 .cart-items__item-quantity-wrapper, 2247 .cart-drawer__paypal, 2248 .cart__proceed-to-checkout, 2249 .cart-drawer__badges-list, 2250 .cart-drawer__overlay, 2251 .cart-drawer__shipping-bar, 2252 .cart-drawer__links, 2253 .cart-drawer__review-item{ 2254 display: flex; 2255 } 2256 2257 .cart-items__line-item{ 2258 padding: 16px 0 23px; 2259 gap: 38px; 2260 border-bottom: 1px solid #e8e8e8; 2261 } 2262 2263 .cart-items__line-item.cart-items__line-item-bundle:nth-of-type(odd){ 2264 border-bottom: none; 2265 } 2266 2267 .cart-drawer__title:before, 2268 .cart-drawer__button-link{ 2269 display: inline-block; 2270 } 2271 2272 .cart-items__item-image-wrapper{ 2273 width: 100px; 2274 height: 128px; 2275 overflow: hidden; 2276 flex-shrink: 0; 2277 display: flex; 2278 align-items: center; 2279 justify-content: center; 2280 } 2281 2282 .cart-items__item-image-wrapper svg, 2283 img.cart-items__item-image{ 2284 width: 100%; 2285 height: auto; 2286 object-fit: contain; 2287 } 2288 2289 .cart-items__item-title{ 2290 line-height: 20px; 2291 font-size: 16px; 2292 margin-bottom: 8px; 2293 text-align: left; 2294 } 2295 2296 .cart-items__item-link{ 2297 font-weight: 500; 2298 font-size: 16px; 2299 color: #000; 2300 } 2301 2302 .cart-items__item-variant{ 2303 font-size: 1rem; 2304 margin-bottom: 7.4px; 2305 font-weight: 500; 2306 text-align: left; 2307 } 2308 2309 .cart-items__item-result{ 2310 display: flex; 2311 text-align: right; 2312 flex-direction: column-reverse; 2313 justify-content: space-between; 2314 align-items: flex-end; 2315 margin-right: 1px; 2316 } 2317 2318 .cart-items__item-quantity-wrapper{ 2319 width: 90px; 2320 height: 30px; 2321 overflow: hidden; 2322 margin-right: 1px; 2323 display: flex; 2324 align-items: center; 2325 border: 1px solid #d7d7d7; 2326 } 2327 2328 .cart-items__item-quantity-wrapper .cart-items__item-minus{ 2329 border-right: 1px solid #d7d7d7; 2330 } 2331 2332 .cart-items__item-quantity-wrapper .cart-items__item-plus{ 2333 border-left: 1px solid #d7d7d7; 2334 } 2335 2336 .cart-items__item-minus, 2337 .cart-items__item-quantity, 2338 .cart-items__item-plus, 2339 .cart__total-price-wrapper{ 2340 text-align: center; 2341 } 2342 .cart__total-price-wrapper, 2343 .cart__total-price-wrapper .strong{ 2344 font-weight: 700; 2345 } 2346 2347 .cart__total-price{ 2348 font-size: 20px; 2349 } 2350 2351 .cart-items__outstock-tooltip{ 2352 display: none; 2353 text-align: center; 2354 justify-content: center; 2355 margin-top: 4px; 2356 width: 100%; 2357 color: red; 2358 font-size: 14px; 2359 } 2360 2361 .cart-items__item-minus, 2362 .cart-items__item-plus, 2363 .cart-items__item-quantity{ 2364 border: 1px solid #ffffff; 2365 background: transparent; 2366 } 2367 2368 .cart-items__item-minus, 2369 .cart-items__item-plus{ 2370 flex: 0 0 32%; 2371 height: 100%; 2372 line-height: 0.5rem; 2373 font-size: 1rem; 2374 2375 display: flex; 2376 align-items: center; 2377 justify-content: center; 2378 2379 background-color: #fff; 2380 } 2381 2382 .cart-items__item-minus{ 2383 border-radius: 4px 0 0 4px; 2384 } 2385 2386 .cart-items__item-plus{ 2387 border-radius: 0 4px 4px 0; 2388 } 2389 2390 .cart-items__item-minus svg, 2391 .cart-items__item-plus svg{ 2392 width: 17px; 2393 height: 17px; 2394 } 2395 2396 .cart-items__item-minus svg path, 2397 .cart-items__item-plus svg path{ 2398 stroke: #161616 2399 }.cart-items__item-minus[disabled], 2400 .cart-items__item-plus[disabled]{ 2401 background: none;
2402 cursor: not-allowed; 2403 } 2404 2405 .cart-items__item-minus[disabled] svg path, 2406 .cart-items__item-plus[disabled] svg path{ 2407 stroke: #909090; 2408 } 2409 2410 .cart-items__item-quantity{ 2411 width: 36%; 2412 height: 100%; 2413 border-left: none; 2414 border-right: none; 2415 font-size: 14px; 2416 color: #000; 2417 } 2418 2419 .cart-items__item-remove{ 2420 font-size: 14px; 2421 display: inline-flex; 2422 align-items: center; 2423 justify-content: flex-end; 2424 margin-bottom: 8px; 2425 } 2426 2427 .cart-items__remove-text{ 2428 text-decoration: underline; 2429 color: #737373; 2430 font-weight: 400; 2431 } 2432 2433 .cart-items__item-details{ 2434 width: 62%; 2435 display: flex; 2436 flex-direction: column; 2437 justify-content: flex-start; 2438 gap: 6px; 2439 margin-top: 1px; 2440 } 2441 2442 .cart__total-price-wrapper strong{ 2443 text-align: left; 2444 margin-left: 6px; 2445 font-size: 20px; 2446 letter-spacing: -0.3px; 2447 font-weight: 350; 2448 } 2449 2450 .cart__total-price-wrapper{ 2451 margin: 21px 0 15px; 2452 width: 100%; 2453 font-size: 20px; 2454 display: flex; 2455 justify-content: space-between; 2456 align-items: center; 2457 } 2458 2459 .cart__price-container{ 2460 display: flex; 2461 flex-direction: column; 2462 align-items: end; 2463 justify-content: center; 2464 } 2465 2466 .cart__price-container-wrapper{ 2467 display: flex; 2468 align-items: center; 2469 } 2470 2471 .cart-items__item-price-wrapper{ 2472 display: flex; 2473 align-items: center; 2474 } 2475 2476 .cart__total-compare-price, 2477 .cart-items__item-compare-price{ 2478 text-decoration: line-through; 2479 margin-right: 8px; 2480 font-size: 13px; 2481 } 2482 2483 .cart__total-freeshipping-text{ 2484 font-size: 13px; 2485 display: none; 2486 white-space: nowrap; 2487 line-height: 1; 2488 } 2489 2490 .cart-items__form, 2491 .cart__proceed-to-checkout{ 2492 width: 100%; 2493 } 2494 2495 .cart__proceed-to-checkout{ 2496 align-items: center; 2497 justify-content: center; 2498 height: 49px; 2499 gap: 3px; 2500 font-size: 16px; 2501 padding: 10px 0; 2502 line-height: 1; 2503 letter-spacing: 0.1px; 2504 border-radius: 9px; 2505 text-transform: uppercase; 2506 font-weight: 700; 2507 } 2508 2509 .cart__proceed-to-checkout.cart__proceed-to-checkout--top{ 2510 margin: 15px 0; 2511 } 2512 2513 .cart__proceed-to-checkout svg{ 2514 height: 20px; 2515 width: 24px; 2516 padding-bottom: 1px; 2517 padding-right: 6px; 2518 } 2519 2520 .cart__item-count{ 2521 padding-left: 2px; 2522 letter-spacing: 0.2px; 2523 font-size: 15.8px; 2524 } 2525 2526 .cart__proceed-to-checkout-arrow{ 2527 padding-right: 5px; 2528 padding-left: 4px; 2529 font-size: 14px; 2530 height: 12px; 2531 } 2532 2533 .cart-drawer__box-content .shipping-calculate-date{ 2534 margin-top: 10px; 2535 } 2536 2537 .cart-drawer__coupon{ 2538 text-align: center; 2539 margin: 7px 0 0; 2540 } 2541 2542 .cart-drawer__badges-list{ 2543 margin-top: 8px; 2544 flex-wrap: wrap; 2545 justify-content: space-between; 2546 } 2547 2548 .cart-drawer__badge-wrapper{ 2549 display: flex; 2550 align-items: center; 2551 justify-content: flex-start; 2552 flex-direction: column; 2553 gap: 0; 2554 } 2555 2556 .cart-drawer__badges-list--s2 .cart-drawer__badge-wrapper{ 2557 width: 49%; 2558 } 2559 2560 .cart-drawer__badges-list--s3 .cart-drawer__badge-wrapper{ 2561 width: 32%; 2562 } 2563 2564 .cart-drawer__badges-list--s4 .cart-drawer__badge-wrapper{ 2565 width: 22.1%; 2566 } 2567 2568 .cart-drawer__badges-list--s5 .cart-drawer__badge-wrapper{ 2569 width: 18.4%; 2570 } 2571 2572 .cart-drawer__badges-list--s6 .cart-drawer__badge-wrapper{ 2573 width: 15%; 2574 } 2575 2576 .cart-drawer__badge-wrapper svg, 2577 .cart-drawer__badge-wrapper img{ 2578 width: 62%; 2579 } 2580 2581 .cart-drawer__badge-title{ 2582 width: 100%; 2583 font-size: 12px; 2584 letter-spacing: 0.3px; 2585 text-align: center; 2586 } 2587 2588 .cart-drawer__paypal{ 2589 align-items: center; 2590 flex-direction: row; 2591 justify-content: center; 2592 gap: 13px; 2593 width: 100%; 2594 margin-top: 10px; 2595 } 2596 2597 .cart-drawer__payment-icon{ 2598 height: 22px; 2599 width: auto; 2600 display: block; 2601 } 2602 2603 .cart-drawer__payment-paypal{ 2604 display: inline-flex; 2605 align-items: center; 2606 gap: 0; 2607 } 2608 2609 .cart-drawer__reviews-title{ 2610 text-align: center; 2611 font-size: 20px; 2612 margin-bottom: 8px; 2613 } 2614 2615 .cart-drawer__review-content-wrapper{ 2616 display: flex; 2617 flex-direction: column; 2618 gap: 3px; 2619 } 2620 2621 .cart-drawer__review-date{ 2622 color: #626262; 2623 font-size: 12px; 2624 letter-spacing: 0px; 2625 font-weight: 500; 2626 line-height: 16px; 2627 } 2628 2629 .cart-drawer__review-stars{ 2630 display: flex; 2631 align-items: center; 2632 margin-bottom: 0px;
2633 margin-top: 1px; 2634 } 2635 2636 .cart-drawer__review-stars svg{ 2637 width: 18.3px; 2638 height: 17px; 2639 } 2640 2641 .cart-reviews__reviews-stars-text{ 2642 color: #161616; 2643 font-size: 16px; 2644 margin-left: 5px; 2645 text-transform: capitalize; 2646 margin-top: 4px; 2647 } 2648 2649 .cart-drawer__review-headline{ 2650 font-size: 14px; 2651 font-weight: 500; 2652 line-height: 16px; 2653 color: #626262; 2654 margin-top: 4px; 2655 } 2656 2657 .cart-drawer__review-item:not(:last-of-type){ 2658 margin-bottom: 26px; 2659 margin-top: 20px; 2660 } 2661 2662 .cart-drawer__review-item:last-of-type{ 2663 margin-bottom: 20px; 2664 } 2665 2666 .cart-drawer__review-image-wrapper{ 2667 margin-right: 10px; 2668 flex: 0 0 50px; 2669 } 2670 2671 .cart-drawer__review-image{ 2672 width: 100%; 2673 } 2674 2675 .cart-drawer__review-title{ 2676 font-weight: bold; 2677 text-align: left; 2678 } 2679 2680 .cart-drawer__review-subtitle{ 2681 font-size: 0.8rem; 2682 color: #f00; 2683 } 2684 2685 .cart-drawer__review-content{ 2686 font-size: 14px; 2687 color: #000; 2688 line-height: 1.2; 2689 margin-top: 4px; 2690 } 2691 2692 .cart-drawer__review-content p{ 2693 font-size: inherit; 2694 color: #626262; 2695 text-align: left; 2696 } 2697 2698 .cart-drawer__review-content p strong{ 2699 float: left; 2700 line-height: 16px; 2701 font-weight: 500; 2702 } 2703 2704 .cart-drawer__review-content p span{ 2705 letter-spacing: 0.19px; 2706 display: block; 2707 line-height: 16px; 2708 } 2709 2710 .cart__empty{ 2711 margin: 30px auto 10px; 2712 text-align: center; 2713 } 2714 2715 .cart__empty-message{ 2716 font-size: 18px; 2717 } 2718 2719 .cart-drawer__upsell-alert{ 2720 display: none; 2721 color: red; 2722 margin-top: 10px; 2723 font-size: 14px; 2724 } 2725 2726 2727 @media (max-width: 1023px){ 2728 .cart-drawer__header .new-buybox__product-swatch-option-offer{ 2729 background-image: url('//undrdog.com/cdn/shop/files/buybox-tablet-oktoberfest.png?v=4597877941569862504'); 2730 } 2731 } 2732 @media (max-width: 1019px){ 2733 2734 .cart-drawer__box-content{ 2735 padding: 0 42px 15px; 2736 } 2737 2738 .cart-drawer__box{ 2739 max-width: 491px; 2740 } 2741 2742 .cart-drawer__header{ 2743 margin-bottom: 10px; 2744 } 2745 2746 .cart-drawer__added-bar{ 2747 padding: 8px; 2748 } 2749 2750 .cart-drawer__title{ 2751 font-size: 12.78px; 2752 padding-left: 15.6px; 2753 } 2754 2755 .cart-drawer__box:not(.cart-drawer--empty) .cart-drawer__title:before{ 2756 font-size: 14.4px; 2757 left: 16px; 2758 } 2759 2760 .cart-drawer__title-shipping-bar{ 2761 height: 31.6px; 2762 font-size: 10.952px; 2763 margin: 9px auto 9.7px; 2764 padding: 6.3px 0px; 2765 line-height: 1; 2766 } 2767 2768 .cart-drawer__shipping{ 2769 margin-bottom: 5px; 2770 } 2771 2772 .cart-drawer__shipping-text, 2773 .cart-drawer__shipping-text .shipping-bar__discount-value{ 2774 font-size: 16px; 2775 } 2776 2777 .cart-drawer__shipping-text{ 2778 line-height: 16.428px; 2779 } 2780 2781 .cart-drawer__shipping-text .shipping-bar__discount-value{ 2782 margin: 0px 3px; 2783 line-height: 16.428px; 2784 } 2785 2786 .cart-items__line-item{ 2787 gap: 33.7px; 2788 padding: 13.5px 0; 2789 margin-left: 0px; 2790 } 2791 2792 .cart-items__line-item:not(:last-child){ 2793 margin-bottom: 2px; 2794 } 2795 2796 .cart-items__item-image-wrapper{ 2797 width: 100px; 2798 height: 128px; 2799 } 2800 2801 .cart-items__item-details{ 2802 width: 62%; 2803 display: flex; 2804 flex-direction: column; 2805 justify-content: flex-start; 2806 margin-top: 0px; 2807 } 2808 2809 .cart-items__item-title{ 2810 margin-bottom: 8px; 2811 line-height: 1; 2812 } 2813 2814 .cart-items__item-link{ 2815 color: inherit; 2816 font-weight: 500; 2817 font-size: 14px; 2818 letter-spacing: 0px; 2819 line-height: 18.21px; 2820 } 2821 2822 .cart-items__item-variant{ 2823 font-size: 14px; 2824 margin-bottom: 8.3px; 2825 letter-spacing: 0px; 2826 } 2827 2828 .cart-items__item-result .cart-items__item-result, 2829 .cart-items__item-quantity-wrapper{ 2830 width: 82px; 2831 height: 25px; 2832 } 2833 2834 .cart-items__item-result{ 2835 margin-right: 0px; 2836 } 2837 2838 .cart-items__item-quantity{ 2839 font-size: 12px; 2840 } 2841 2842 .cart-items__item-remove{ 2843 font-size: 12px; 2844 margin-bottom: 9px; 2845 } 2846 2847 .cart-items__item-price{ 2848 font-size: 14px; 2849 font-weight: 500; 2850 line-height: 14.634px; 2851 letter-spacing: 0.1px; 2852 } 2853 2854 .cart__total-price-wrapper{ 2855 margin: 35px 0 23.8px; 2856 font-size: 18px; 2857 line-height: 22.5px; 2858 } 2859 2860 .cart__total-price-wrapper strong{ 2861 margin-left: 5px; 2862 font-size: 18px; 2863 } 2864 2865 .cart__total-price{ 2866 margin-right: 5px; 2867 font-size: 18px; 2868 line-height: 22.5px; 2869 padding-top: 0px; 2870 } 2871 2872 .cart__proceed-to-checkout{ 2873 height: 44.719px; 2874 font-size: 14.602px; 2875 letter-spacing: 0.1px; 2876 padding-right: 0px; 2877 line-height: 1.1; 2878 } 2879 2880 .cart__proceed-to-checkout svg{ 2881 height: 19px; 2882 width: 25px; 2883 padding-right: 3px; 2884 } 2885 2886 .cart__item-count{ 2887 padding-left: 1px; 2888 letter-spacing: 0.1px; 2889 padding-bottom: 0px; 2890 font-size: 14.602px; 2891 } 2892 2893 .cart-drawer__links{ 2894 font-size: 12.777px; 2895 margin: 28px 0 10px; 2896 line-height: 20.903px; 2897 } 2898 2899 .cart-drawer__badges-list{ 2900 width: 100%; 2901 } 2902
2903 .cart-drawer__badges-list--s4 .cart-drawer__badge-wrapper{ 2904 width: 23%; 2905 } 2906 2907 .cart-drawer__badge-wrapper svg, 2908 .cart-drawer__badge-wrapper img{ 2909 width: 80px; 2910 height: 100%; 2911 } 2912 2913 .cart-drawer__badge-wrapper{ 2914 gap: 5.5px; 2915 } 2916 2917 .cart-drawer__badge-title p{ 2918 font-size: 12px; 2919 } 2920 2921 .cart-drawer__payment-icon{ 2922 height: 19px; 2923 } 2924 2925 .cart-drawer__review-date{ 2926 font-size: 10.996px; 2927 line-height: 14.661px; 2928 padding-left: 0px; 2929 margin-top: 8px; 2930 } 2931 2932 .cart-drawer__review-stars svg{ 2933 width: 21.15px; 2934 height: 20px; 2935 } 2936 2937 .cart-reviews__reviews-stars-text{ 2938 font-size: 14.661px; 2939 margin: 1.5px 5px; 2940 letter-spacing: 0px; 2941 line-height: normal; 2942 } 2943 2944 .cart-drawer__review-content-wrapper{ 2945 gap: 4px; 2946 } 2947 2948 .cart-drawer__review-headline{ 2949 font-size: 12.828px; 2950 margin-top: 2px; 2951 line-height: 14.661px; 2952 } 2953 2954 .cart-drawer__review-content{ 2955 font-size: 13px; 2956 margin-top: 2.4px; 2957 } 2958 2959 .cart-drawer__review-content p strong{ 2960 margin-left: 0; 2961 font-size: 12.828px; 2962 line-height: 14.661px; 2963 } 2964 2965 .cart-drawer__review-content p span{ 2966 font-size: 12.828px; 2967 letter-spacing: 0.16px; 2968 line-height: 14.661px; 2969 } 2970 2971 .cart-drawer__review-item:not(:last-of-type){ 2972 margin-bottom: 14.3px; 2973 } 2974 2975 .cart-drawer__reviews{ 2976 margin: 0 auto 20px; 2977 } 2978 } 2979 2980 @media(max-width: 767px){ 2981 2982 #shopify-section-cart-drawer .cart-items__item-discount-badge{ 2983 font-size: 12px; 2984 } 2985 2986 .cart-drawer__header .new-buybox__product-swatch-option-offer{ 2987 background-image: url('//undrdog.com/cdn/shop/files/buybox-mobile-oktoberfest.png?v=2947034747214363965'); 2988 } 2989 2990 .cart-drawer__added-bar-text{ 2991 font-size: 13px; 2992 } 2993 .cart-drawer__added-bar{ 2994 padding: 6px; 2995 } 2996 .cart-drawer__added-bar-icon{ 2997 width: 16px; 2998 height: 16px; 2999 } 3000 .cart-drawer__header .announcement-bar__text{ 3001 font-size: 21px; 3002 margin-bottom: 2px; 3003 } 3004 3005 .cart-drawer__header .announcement-bar__text__special-offer{ 3006 font-size: 17px; 3007 } 3008 .cart-items__item-price-wrapper .cart-items__item-compare-price{ 3009 margin-right: 0; 3010 } 3011 3012 .cart__total-compare-price, 3013 .cart-items__item-compare-price{ 3014 font-size: 10px; 3015 } 3016 3017 .cart-items__item-price-wrapper{ 3018 flex-direction: column; 3019 } 3020 .cart-drawer__box{ 3021 max-width: 350px; 3022 width: 95%; 3023 } 3024 3025 .cart-drawer__box-content{ 3026 padding: 0 30px 15px; 3027 3028 padding-top: 10px; 3029 3030 } 3031 3032 .cart-drawer__header{ 3033 /* padding: 12px 0;*/ 3034 margin-bottom: 0; 3035 } 3036 3037 .cart-drawer__title-shipping-bar{ 3038 padding: 0px; 3039 display: flex; 3040 align-items: center; 3041 justify-content: center; 3042 border-radius: 5px; 3043 margin: 10px auto; 3044 line-height: 1; 3045 } 3046 3047 .cart-drawer__title{ 3048 font-size: 12px; 3049 padding-left: 12px; 3050 } 3051 3052 .cart-drawer__shipping-bar{ 3053 width: 96%; 3054 margin: 0 auto; 3055 height: 19.5px; 3056 } 3057 3058 .cart-drawer__shipping{ 3059 margin-bottom: 1px; 3060 } 3061 3062 .cart-drawer__shipping-text, 3063 .cart-drawer__shipping-text .shipping-bar__discount-value{ 3064 font-size: 13px; 3065 } 3066 3067 .cart-drawer__shipping-text{ 3068 margin: 0 0 5px; 3069 } 3070 3071 .cart-items__line-item{ 3072 padding: 10px 0 9px; 3073 gap: 24.2px; 3074 margin-left: 0; 3075 } 3076 3077 .cart-items__line-item:not(:last-child){ 3078 margin-bottom: 5.8px; 3079 } 3080 3081 .cart-items__item-details{
3082 margin-top: 1px; 3083 } 3084 3085 .cart-items__item-image-wrapper{ 3086 width: 100px; 3087 height: 128px; 3088 } 3089 3090 .cart-items__item-title{ 3091 line-height: 12.966px; 3092 margin-bottom: 5.2px; 3093 font-size: 10px; 3094 } 3095 3096 .cart-items__item-link{ 3097 font-size: 14px; 3098 letter-spacing: 0px; 3099 line-height: 1 3100 } 3101 3102 .cart-items__item-variant{ 3103 font-size: 11px; 3104 margin-bottom: 5.2px; 3105 line-height: 12.966px; 3106 } 3107 3108 .cart-items__item-quantity-wrapper{ 3109 height: 35px; 3110 width: 75px; 3111 border-radius: 3px; 3112 } 3113 3114 .cart-items__item-quantity{ 3115 font-size: 14px; 3116 line-height: 10.373px; 3117 height: 25px; 3118 } 3119 3120 .cart-items__item-price, .cart-items__remove-text{ 3121 font-size: 12px; 3122 } 3123 3124 .cart-items__item-price{ 3125 margin-top: 0px; 3126 line-height: 12.966px; 3127 margin-right: 0.4px; 3128 letter-spacing: 0px; 3129 } 3130 3131 .cart-items__item-remove{ 3132 margin-bottom: 4.8px; 3133 } 3134 3135 .cart__total-price-wrapper{ 3136 margin: 29px 0 20.4px; 3137 } 3138 3139 .cart__total-price-wrapper strong{ 3140 font-size: 14px; 3141 line-height: 16.02px; 3142 padding-top: 0px; 3143 } 3144 .cart__total-price{ 3145 font-size: 16px; 3146 line-height: 16.02px; 3147 padding-top: 0px; 3148 } 3149 3150 .cart__total-price-wrapper strong{ 3151 margin-left: 3.8px; 3152 letter-spacing: -0.2px; 3153 } 3154 3155 .cart__total-price{ 3156 margin-right: 3.8px; 3157 letter-spacing: 0px; 3158 } 3159 3160 .cart__item-count{ 3161 padding: 0; 3162 padding-left: 2.5px; 3163 padding-right: 3px; 3164 font-size: 12px; 3165 } 3166 3167 .cart__proceed-to-checkout-arrow{ 3168 display: none; 3169 } 3170 3171 .cart__proceed-to-checkout svg{ 3172 width: 10.892px; 3173 height: 11.992px; 3174 flex-shrink: 0; 3175 padding: 0; 3176 margin-right: 2.5px; 3177 } 3178 3179 .cart-drawer__badge-title{ 3180 text-align: center; 3181 margin-left: 0; 3182 } 3183 3184 .cart-drawer__links{ 3185 font-size: 10px; 3186 margin: 7px 0; 3187 line-height: 1; 3188 } 3189 3190 .cart-drawer__continue-shipping{ 3191 text-underline-offset: 1px; 3192 } 3193 3194 .cart-drawer__coupon{ 3195 font-size: 0 0 8px; 3196 } 3197 3198 .cart-drawer__badges-list{ 3199 width: 100%; 3200 margin: 19px auto 0; 3201 } 3202 3203 .cart-drawer__badges-list--s4 .cart-drawer__badge-wrapper{ 3204 width: 23%; 3205 gap: 4px; 3206 } 3207 3208 .cart-drawer__badge-title p{ 3209 font-size: 10px; 3210 } 3211 3212 .cart-drawer__badge-wrapper svg, 3213 .cart-drawer__badge-wrapper img{ 3214 width: 50px; 3215 height: 70%; 3216 } 3217 3218 .cart-drawer__reviews-title{ 3219 font-size: 14px; 3220 } 3221 3222 .cart-drawer__reviews{ 3223 margin: 10px auto 28px; 3224 } 3225 3226 .cart-drawer__review-content-wrapper{ 3227 gap: 2px; 3228 } 3229 3230 .cart-drawer__review-date{ 3231 font-size: 10px; 3232 line-height: 1; 3233 margin-top: 0; 3234 } 3235 3236 .cart-drawer__review-stars{ 3237 gap: 0px; 3238 margin: 2.7px 0; 3239 } 3240 3241 .cart-drawer__review-stars svg{ 3242 width: 15.8px; 3243 height: 14px; 3244 } 3245 3246 .cart-reviews__reviews-stars-text{ 3247 font-size: 10px; 3248 margin: 1px 0px 0px 3px; 3249 letter-spacing: 0px; 3250 } 3251 3252 .cart-drawer__review-headline{ 3253 line-height: 10.793px; 3254 margin: 2px 0 2.4px; 3255 } 3256 3257 .cart-drawer__review-headline, 3258 .cart-drawer__review-content{ 3259 font-size: 12px; 3260 letter-spacing: 0px; 3261 } 3262 3263 .cart-drawer__review-content{ 3264 margin-top: 0px; 3265 line-height: 1.2; 3266 } 3267 3268 .cart-drawer__review-content p strong{ 3269 font-size: 12px; 3270 } 3271 3272 .cart-drawer__review-content p span{ 3273 font-size: 12px; 3274 letter-spacing: 0.14px; 3275 } 3276 3277 .cart-drawer__review-item:not(:last-of-type){ 3278 margin-bottom: 18px; 3279 } 3280 3281 .cart-drawer__box:not(.cart-drawer--empty) .cart-drawer__title:before{ 3282 font-size: 0.7rem; 3283 top: -1px; 3284 left: 14px; 3285 } 3286 3287 .cart-drawer__payment-icon{ 3288 height: 16px; 3289 } 3290 3291 .cart-drawer__box-content .shipping-calculate-date{ 3292 gap: 5px; 3293 } 3294 .cart-drawer__box-content .shipping__message{ 3295 font-size: 10px; 3296 } 3297 .cart-drawer__box-content .shipping__message-tick{ 3298 width: 10px; 3299 } 3300 } 3301 3302 .cart-drawer__uvps{ 3303 display: flex; 3304 gap: 12px; 3305 align-items: center; 3306 justify-content: center; 3307 padding: 4px 0; 3308 width: 100%; 3309 margin: 10px 0; 3310 } 3311 3312 .cart-drawer__uvp-item{ 3313 display: flex; 3314 gap: 4px; 3315 align-items: center; 3316 flex-shrink: 0; 3317 } 3318 3319 .cart-drawer__uvp-item span{ 3320 font-size: 12px; 3321 font-weight: 700; 3322 color: #5b5b5b; 3323 white-space: nowrap; 3324 line-height: 21.6px; 3325 } 3326 3327 .cart-drawer__pre-order-warning{ 3328 display: none; 3329 text-align: center; 3330 background-color: #ec612a1a; 3331 border: 1px solid #ec612a47; 3332 padding: 5px; 3333 border-radius: 5px; 3334 } 3335 3336 .cart-drawer__pre-order-warning.is-visible{ 3337 display: block; 3338 } 3339 3340 .cart-drawer__pre-order-warning-text{ 3341 color: #010101; 3342 font-size: 14px; 3343 font-weight: 400; 3344 } 3345 3346 @media (max-width: 767px){ 3347 .cart-drawer__uvps{ 3348 gap: 14px; 3349 flex-wrap: wrap; 3350 row-gap: 0px; 3351 } 3352 3353 .cart-drawer__uvp-item:last-child{ 3354 width: 100%; 3355 justify-content: center; 3356 } 3357 .cart-drawer__pre-order-warning-text{ 3358 font-size: 11px; 3359 } 3360 } 3361 3362</style> 3363 3364<div class="cart-drawer__overlay"></div> 3365 3366<aside id="CartDrawer" class="cart-drawer__box cart-drawer--empty"> 3367 <div class="cart-drawer__header"> 3368 <div class="new-buybox__product-swatch-option-offer"> 3369 3370 <div class="new-buybox__product-swatch-option-offer-text-container"> 3371 <span class="new-buybox__product-swatch-option-offer-text-text obvia-font"></span> 3372 <span class="new-buybox__product-swatch-option-offer-text-discount"></span> 3373 </div> 3374 3375 3376 </div><!-- start cart-drawer-added-bar.liquid --> 3377<div class="cart-drawer__added-bar"> 3378 <p class="cart-drawer__added-bar-text"><span class="cart-drawer__added-bar-label">Your Cart Is Currently Empty!</span> 3379 </p> 3380</div> 3381<!-- end cart-drawer-added-bar.liquid --> 3382</div> 3383 <div class="cart-drawer__box-content"> 3384 3385 3386 3387 3388 3389 <div class="cart-drawer__shipping-text shipping__message--discount"></div> 3390 3391 <div class="custom-progress-bar__wrapper"> 3392 3393<!-- Start snippets/tiers-progress-bar.liquid --> 3394<style> 3395 .bar-fill{ 3396 transition: ease-in-out 0.1s all; 3397 } 3398 3399 .custom-progress-bar{ 3400 position: relative; 3401 margin-bottom: 35px; 3402 } 3403 3404 .custom-progress-bar svg{ 3405 width: 100%; 3406 } 3407 3408 .custom-progress-bar__content{
3409 display: flex; 3410 align-items: center; 3411 justify-content: space-between; 3412 width: 100%; 3413 position: absolute; 3414 top: 0; 3415 left: 0; 3416 font-size: 11px; 3417 } 3418 3419 .custom-progress-bar__content-item{ 3420 display: flex; 3421 align-items: center; 3422 justify-content: center; 3423 flex-direction: column; 3424 position: absolute; 3425 font-weight: 600; 3426 } 3427 3428 .custom-progress-bar__content-item--one{ 3429 3430 left: 3px; 3431 bottom: -60px; 3432 3433 } 3434 3435 .custom-progress-bar__content-item--two{ 3436 left: 181px; 3437 top: 40px; 3438 } 3439 3440 .custom-progress-bar__content-item--three{ 3441 right: -14px; 3442 bottom: -70px; 3443 } 3444 3445 @media (max-width: 1019px){ 3446 .custom-progress-bar__content *{ 3447 font-size: 11px; 3448 } 3449 3450 .custom-progress-bar__content-item--one{ 3451 3452 left: -6px; 3453 bottom: -55px; 3454 3455 } 3456 3457 .custom-progress-bar__content-item--two{ 3458 left: 181px; 3459 top: 40px; 3460 } 3461 3462 .custom-progress-bar__content-item--two{ 3463 left: 160px; 3464 } 3465 3466 .custom-progress-bar__content-item--three{ 3467 right: -24px; 3468 bottom: -70px; 3469 } 3470 } 3471 3472 @media (max-width: 767px){ 3473 .custom-progress-bar__content *{ 3474 font-size: 10px; 3475 } 3476 3477 .custom-progress-bar__content-item--one{ 3478 3479 left: -9px; 3480 bottom: -47px; 3481 3482 } 3483 3484 .custom-progress-bar__content-item--two{ 3485 left: 90px; 3486 top: 33px; 3487 } 3488 3489 .custom-progress-bar__content-item--three{ 3490 right: -27px; 3491 bottom: -60px; 3492 } 3493 3494 .custom-progress-bar__wrapper{ 3495 width: 90%; 3496 margin: 0 auto; 3497 } 3498 } 3499</style> 3500 3501<div class="custom-progress-bar"> 3502 <svg width="430" height="38" viewBox="0 0 430 38" fill="none" xmlns="http://www.w3.org/2000/svg"> 3503 <rect class="bar" id="progressBar" x="2" y="16.8607" width="99%" height="4.57506" stroke="#EC622A" stroke-width="0.915013"/> 3504 <rect class="bar bar-fill" id="progressBarFill" x="2" y="16.8607" width="0%" height="4.57506" fill="#EC622A" stroke="#EC622A" stroke-width="0.915013"/> 3505 3506 <circle id="step-1-Circle" fill="white" cx="18.9878" cy="19.1482" r="17.5184" stroke="#EC622A" stroke-width="1.53446"/> 3507 <path id="step-1-lock" d="M19.36 24.0991L19.36 24.0991C19.183 24.1779 19.07 24.3546 19.07 24.546V25.5521C19.07 25.686 18.96 25.7938 18.829 25.7938C18.698 25.7938 18.587 25.6829 18.587 25.5521V24.5499C18.587 24.3586 18.474 24.1819 18.297 24.1031C17.826 23.8924 17.519 23.4211 17.519 22.9078C17.519 22.1873 18.108 21.5984 18.829 21.5984C19.549 21.5984 20.138 22.1873 20.138 22.9078C20.138 23.4211 19.835 23.8885 19.36 24.0991ZM18.829 9.44999C16.068 9.44999 13.82 11.6981 13.82 14.4584V17.167H13.625C12.479 17.167 11.546 18.1007 11.546 19.2459V26.855C11.546 28.0001 12.479 28.9338 13.625 28.9338H24.032C25.178 28.9338 26.111 28.0001 26.111 26.855V19.2459C26.111 18.1007 25.178 17.167 24.032 17.167H23.837V14.4584C23.837 11.6981 21.589 9.44999 18.829 9.44999ZM14.801 14.4584C14.801 12.2384 16.608 10.4314 18.829 10.4314C21.049 10.4314 22.856 12.2384 22.856 14.4584V17.167H14.801V14.4584ZM24.032 18.1484C24.637 18.1484 25.13 18.641 25.13 19.2459V26.855C25.13 27.4599 24.637 27.9524 24.032 27.9524H13.625C13.02 27.9524 12.527 27.4599 12.527 26.855V19.2459C12.527 18.641 13.02 18.1484 13.625 18.1484H24.032ZM18.829 20.617C17.564 20.617 16.538 21.6432 16.538 22.9078C16.538 23.6959 16.948 24.4258 17.605 24.8401V25.556C17.605 26.2308 18.154 26.7791 18.829 26.7791C19.503 26.7791 20.052 26.2308 20.052 25.556V24.8399C20.708 24.4224 21.119 23.6963 21.119 22.9078C21.119 21.6432 20.093 20.617 18.829 20.617Z" fill="#EC622A" stroke="#EC622A" stroke-width="0.210453"/> 3508 <path id="step-1-check" style="display:none" d="M23.429 13.1836H23.574L23.53 13.0462C22.96 11.2695 21.291 9.97825 19.327 9.97825C16.896 9.97825 14.916 11.9585 14.916 14.3899V16.7561H14.757C13.744 16.7561 12.918 17.5819 12.918 18.5947V25.2778C12.918 26.2907 13.744 27.1164 14.757 27.1164H23.898C24.911 27.1164 25.737 26.2907 25.737 25.2778V18.5947C25.737 17.5819 24.911 16.7561 23.898 16.7561H23.801H23.696V16.7572H22.604V16.7561H22.499H15.803V14.3899C15.803 12.4472 17.385 10.8658 19.327 10.8658C20.821 10.8658 22.102 11.8007 22.613 13.1165L22.64 13.1836H22.712H23.429ZM19.789 22.8456L19.789 22.8456C19.629 22.9169 19.527 23.0768 19.527 23.2499V24.1335C19.527 24.2439 19.436 24.333 19.327 24.333C19.22 24.333 19.128 24.2413 19.128 24.1335V23.2533C19.128 23.0802 19.026 22.9204 18.866 22.8491C18.457 22.6662 18.19 22.2567 18.19 21.811C18.19 21.1853 18.702 20.6738 19.327 20.6738C19.953 20.6738 20.465 21.1853 20.465 21.811C20.465 22.2568 20.202 22.6627 19.789 22.8456ZM23.898 17.6437C24.422 17.6437 24.849 18.0705 24.849 18.5947V25.2778C24.849 25.802 24.422 26.2289 23.898 26.2289H14.757C14.233 26.2289 13.806 25.802 13.806 25.2778V18.5947C13.806 18.0705 14.233 17.6437 14.757 17.6437H23.898ZM19.327 19.7862C18.21 19.7862 17.303 20.6932 17.303 21.811C17.303 22.5052 17.663 23.1484 18.24 23.5152V24.1369C18.24 24.7367 18.728 25.2239 19.327 25.2239C19.927 25.2239 20.414 24.7367 20.414 24.1369V23.5149C20.991 23.1454 21.352 22.5056 21.352 21.811C21.352 20.6932 20.445 19.7862 19.327 19.7862Z" fill="white" stroke="white" stroke-width="0.210453"/> 3509 3510 <circle id="step-2-Circle" fill="white" cx="215" cy="19.1482" r="17.5184" stroke="#EC622A" stroke-width="1.53446"/> 3511 <path id="step-2-lock" d="M215.36 24.0991L215.36 24.0991C215.183 24.1779 215.07 24.3546 215.07 24.546V25.5521C215.07 25.686 214.96 25.7938 214.829 25.7938C214.698 25.7938 214.587 25.6829 214.587 25.5521V24.5499C214.587 24.3586 214.474 24.1819 214.297 24.1031C213.826 23.8924 213.519 23.4211 213.519 22.9078C213.519 22.1873 214.108 21.5984 214.829 21.5984C215.549 21.5984 216.138 22.1873 216.138 22.9078C216.138 23.4211 215.835 23.8885 215.36 24.0991ZM214.829 9.44999C212.068 9.44999 209.82 11.6981 209.82 14.4584V17.167H209.625C208.479 17.167 207.546 18.1007 207.546 19.2459V26.855C207.546 28.0001 208.479 28.9338 209.625 28.9338H220.032C221.178 28.9338 222.111 28.0001 222.111 26.855V19.2459C222.111 18.1007 221.178 17.167 220.032 17.167H219.837V14.4584C219.837 11.6981 217.589 9.44999 214.829 9.44999ZM210.801 14.4584C210.801 12.2384 212.608 10.4314 214.829 10.4314C217.049 10.4314 218.856 12.2384 218.856 14.4584V17.167H210.801V14.4584ZM220.032 18.1484C220.637 18.1484 221.13 18.641 221.13 19.2459V26.855C221.13 27.4599 220.637 27.9524 220.032 27.9524H209.625C209.02 27.9524 208.527 27.4599 208.527 26.855V19.2459C208.527 18.641 209.02 18.1484 209.625 18.1484H220.032ZM214.829 20.61
35117C213.564 20.617 212.538 21.6432 212.538 22.9078C212.538 23.6959 212.948 24.4258 213.605 24.8401V25.556C213.605 26.2308 214.154 26.7791 214.829 26.7791C215.503 26.7791 216.052 26.2308 216.052 25.556V24.8399C216.708 24.4224 217.119 23.6963 217.119 22.9078C217.119 21.6432 216.093 20.617 214.829 20.617Z" fill="#EC622A" stroke="#EC622A" stroke-width="0.210453"/> 3512 <path id="step-2-check" style="display:none" d="M219.429 13.1836H219.574L219.53 13.0462C218.96 11.2695 217.291 9.97825 215.327 9.97825C212.896 9.97825 210.916 11.9585 210.916 14.3899V16.7561H210.757C209.744 16.7561 208.918 17.5819 208.918 18.5947V25.2778C208.918 26.2907 209.744 27.1164 210.757 27.1164H219.898C220.911 27.1164 221.737 26.2907 221.737 25.2778V18.5947C221.737 17.5819 220.911 16.7561 219.898 16.7561H219.801H219.696V16.7572H218.604V16.7561H218.499H211.803V14.3899C211.803 12.4472 213.385 10.8658 215.327 10.8658C216.821 10.8658 218.102 11.8007 218.613 13.1165L218.64 13.1836H218.712H219.429ZM215.789 22.8456L215.789 22.8456C215.629 22.9169 215.527 23.0768 215.527 23.2499V24.1335C215.527 24.2439 215.436 24.333 215.327 24.333C215.22 24.333 215.128 24.2413 215.128 24.1335V23.2533C215.128 23.0802 215.026 22.9204 214.866 22.8491C214.457 22.6662 214.19 22.2567 214.19 21.811C214.19 21.1853 214.702 20.6738 215.327 20.6738C215.953 20.6738 216.465 21.1853 216.465 21.811C216.465 22.2568 216.202 22.6627 215.789 22.8456ZM219.898 17.6437C220.422 17.6437 220.849 18.0705 220.849 18.5947V25.2778C220.849 25.802 220.422 26.2289 219.898 26.2289H210.757C210.233 26.2289 209.806 25.802 209.806 25.2778V18.5947C209.806 18.0705 210.233 17.6437 210.757 17.6437H219.898ZM215.327 19.7862C214.21 19.7862 213.303 20.6932 213.303 21.811C213.303 22.5052 213.663 23.1484 214.24 23.5152V24.1369C214.24 24.7367 214.728 25.2239 215.327 25.2239C215.927 25.2239 216.414 24.7367 216.414 24.1369V23.5149C216.991 23.1454 217.352 22.5056 217.352 21.811C217.352 20.6932 216.445 19.7862 215.327 19.7862Z" fill="white" stroke="white" stroke-width="0.210453"/> 3513 3514 <circle id="step-3-Circle" fill="white" cx="411.012" cy="19.1482" r="17.2603" stroke="#EC622A" stroke-width="2.05072"/> 3515 <path id="step-3-lock" d="M411.36 24.0991L411.36 24.0991C411.183 24.1779 411.07 24.3546 411.07 24.546V25.5521C411.07 25.686 410.96 25.7938 410.829 25.7938C410.698 25.7938 410.587 25.6829 410.587 25.5521V24.5499C410.587 24.3586 410.474 24.1819 410.297 24.1031C409.826 23.8924 409.519 23.4211 409.519 22.9078C409.519 22.1873 410.108 21.5984 410.829 21.5984C411.549 21.5984 412.138 22.1873 412.138 22.9078C412.138 23.4211 411.835 23.8885 411.36 24.0991ZM410.829 9.44999C408.068 9.44999 405.82 11.6981 405.82 14.4584V17.167H405.625C404.479 17.167 403.546 18.1007 403.546 19.2459V26.855C403.546 28.0001 404.479 28.9338 405.625 28.9338H416.032C417.178 28.9338 418.111 28.0001 418.111 26.855V19.2459C418.111 18.1007 417.178 17.167 416.032 17.167H415.837V14.4584C415.837 11.6981 413.589 9.44999 410.829 9.44999ZM406.801 14.4584C406.801 12.2384 408.608 10.4314 410.829 10.4314C413.049 10.4314 414.856 12.2384 414.856 14.4584V17.167H406.801V14.4584ZM416.032 18.1484C416.637 18.1484 417.13 18.641 417.13 19.2459V26.855C417.13 27.4599 416.637 27.9524 416.032 27.9524H405.625C405.02 27.9524 404.527 27.4599 404.527 26.855V19.2459C404.527 18.641 405.02 18.1484 405.625 18.1484H416.032ZM410.829 20.617C409.564 20.617 408.538 21.6432 408.538 22.9078C408.538 23.6959 408.948 24.4258 409.605 24.8401V25.556C409.605 26.2308 410.154 26.7791 410.829 26.7791C411.503 26.7791 412.052 26.2308 412.052 25.556V24.8399C412.708 24.4224 413.119 23.6963 413.119 22.9078C413.119 21.6432 412.093 20.617 410.829 20.617Z" fill="#EC622A" stroke="#EC622A" stroke-width="0.210453"/> 3516 <path id="step-3-check" style="display:none" d="M415.429 13.1836H415.574L415.53 13.0462C414.96 11.2695 413.291 9.97825 411.327 9.97825C408.896 9.97825 406.916 11.9585 406.916 14.3899V16.7561H406.757C405.744 16.7561 404.918 17.5819 404.918 18.5947V25.2778C404.918 26.2907 405.744 27.1164 406.757 27.1164H415.898C416.911 27.1164 417.737 26.2907 417.737 25.2778V18.5947C417.737 17.5819 416.911 16.7561 415.898 16.7561H415.801H415.696V16.7572H414.604V16.7561H414.499H407.803V14.3899C407.803 12.4472 409.385 10.8658 411.327 10.8658C412.821 10.8658 414.102 11.8007 414.613 13.1165L414.64 13.1836H414.712H415.429ZM411.789 22.8456L411.789 22.8456C411.629 22.9169 411.527 23.0768 411.527 23.2499V24.1335C411.527 24.2439 411.436 24.333 411.327 24.333C411.22 24.333 411.128 24.2413 411.128 24.1335V23.2533C411.128 23.0802 411.026 22.9204 410.866 22.8491C410.457 22.6662 410.19 22.2567 410.
351619 21.811C410.19 21.1853 410.702 20.6738 411.327 20.6738C411.953 20.6738 412.465 21.1853 412.465 21.811C412.465 22.2568 412.202 22.6627 411.789 22.8456ZM415.898 17.6437C416.422 17.6437 416.849 18.0705 416.849 18.5947V25.2778C416.849 25.802 416.422 26.2289 415.898 26.2289H406.757C406.233 26.2289 405.806 25.802 405.806 25.2778V18.5947C405.806 18.0705 406.233 17.6437 406.757 17.6437H415.898ZM411.327 19.7862C410.21 19.7862 409.303 20.6932 409.303 21.811C409.303 22.5052 409.663 23.1484 410.24 23.5152V24.1369C410.24 24.7367 410.728 25.2239 411.327 25.2239C411.927 25.2239 412.414 24.7367 412.414 24.1369V23.5149C412.991 23.1454 413.352 22.5056 413.352 21.811C413.352 20.6932 412.445 19.7862 411.327 19.7862Z" fill="white" stroke="white" stroke-width="0.210453"/> 3517 </svg> 3518 <div class="custom-progress-bar__content"> 3519 <div class="custom-progress-bar__content-item custom-progress-bar__content-item--one"> 3520 <span>10% OFF</span> 3521 3522 </div> 3523 <div class="custom-progress-bar__content-item custom-progress-bar__content-item--two"> 3524 <span>20% OFF <span class="custom-progress-bar__content-item-plus">+</span></span> 3525 <span>FREE SHIPPING</span> 3526 </div> 3527 <div class="custom-progress-bar__content-item custom-progress-bar__content-item--three"> 3528 <span>30% OFF <span class="custom-progress-bar__content-item-plus">+</span></span> 3529 <span>FREE SHIPPING</span> 3530 </div> 3531 </div> 3532</div> 3533<!-- End snippets/tiers-progress-bar.liquid --> 3534 </div> 3535 3536 3537 3538 3539 3540 3541 <div class="cart-drawer__pre-order-warning" data-preorder-warning> 3542 <div class="cart-drawer__pre-order-warning-text"> 3543 <span>One or more of the items in your cart is a pre-order. <br>Your full order will ship together when all in stock.</span> 3544 </div> 3545 </div> 3546 3547 <div id="cart-items" class="cart-drawer__content"></div> 3548 3549 3550 3551 3552 3553 3554 3555 3556 <div class="cart-drawer__uvps"> 3557 <div class="cart-drawer__uvp-item"> 3558 <svg xmlns="http://www.w3.org/2000/svg" width="18" height="14" viewBox="0 0 18 14" fill="none"> 3559 <path d="M17.55 9.625H17.1V6.66914C17.1 6.32188 16.9565 5.98828 16.7035 5.74219L13.8937 3.01054C13.6406 2.76445 13.2975 2.625 12.9403 2.625H11.7V1.3125C11.7 0.587895 11.0953 0 10.35 0H3.15C2.40469 0 1.8 0.587895 1.8 1.3125V2.625H0.225C0.10125 2.625 0 2.72344 0 2.84375V3.28125C0 3.40156 0.10125 3.5 0.225 3.5H7.875C7.99875 3.5 8.1 3.59844 8.1 3.71875V4.15625C8.1 4.27656 7.99875 4.375 7.875 4.375H1.125C1.00125 4.375 0.9 4.47344 0.9 4.59375V5.03125C0.9 5.
355915156 1.00125 5.25 1.125 5.25H6.975C7.09875 5.25 7.2 5.34844 7.2 5.46875V5.90625C7.2 6.02656 7.09875 6.125 6.975 6.125H0.225C0.10125 6.125 0 6.22344 0 6.34375V6.78125C0 6.90156 0.10125 7 0.225 7H6.075C6.19875 7 6.3 7.09844 6.3 7.21875V7.65625C6.3 7.77656 6.19875 7.875 6.075 7.875H1.8V11.375C1.8 12.8242 3.00937 14 4.5 14C5.99062 14 7.2 12.8242 7.2 11.375H10.8C10.8 12.8242 12.0094 14 13.5 14C14.9906 14 16.2 12.8242 16.2 11.375H17.55C17.7975 11.375 18 11.1781 18 10.9375V10.0625C18 9.82187 17.7975 9.625 17.55 9.625ZM4.5 12.6875C3.75469 12.6875 3.15 12.0996 3.15 11.375C3.15 10.6504 3.75469 10.0625 4.5 10.0625C5.24531 10.0625 5.85 10.6504 5.85 11.375C5.85 12.0996 5.24531 12.6875 4.5 12.6875ZM13.5 12.6875C12.7547 12.6875 12.15 12.0996 12.15 11.375C12.15 10.6504 12.7547 10.0625 13.5 10.0625C14.2453 10.0625 14.85 10.6504 14.85 11.375C14.85 12.0996 14.2453 12.6875 13.5 12.6875ZM15.75 7H11.7V3.9375H12.9403L15.75 6.66914V7Z" fill="#EC612A"/> 3560 </svg> 3561 <span>Free Shipping on 3+</span> 3562 </div> 3563 <div class="cart-drawer__uvp-item"> 3564 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 3565 <path d="M13.1162 5.42625C12.8806 5.18 12.6369 4.92625 12.545 4.70313C12.46 4.49875 12.455 4.16 12.45 3.83187C12.4406 3.22187 12.4306 2.53062 11.95 2.05C11.4694 1.56938 10.7782 1.55938 10.1682 1.55C9.84 1.545 9.50128 1.54 9.29688 1.455C9.0744 1.36313 8.82 1.11938 8.57376 0.883752C8.14248 0.469376 7.6525 0 7 0C6.3475 0 5.85813 0.469376 5.42625 0.883752C5.18 1.11938 4.92625 1.36313 4.70313 1.455C4.5 1.54 4.16 1.545 3.83187 1.55C3.22187 1.55938 2.53062 1.56938 2.05 2.05C1.56938 2.53062 1.5625 3.22187 1.55 3.83187C1.545 4.16 1.54 4.49875 1.455 4.70313C1.36313 4.92562 1.11938 5.18 0.883752 5.42625C0.469375 5.8575 0 6.3475 0 7C0 7.65248 0.469375 8.14184 0.883752 8.57376C1.11938 8.82 1.36313 9.07376 1.455 9.29688C1.54 9.50128 1.545 9.84 1.55 10.1682C1.55938 10.7782 1.56938 11.4694 2.05 11.95C2.53062 12.4306 3.22187 12.4406 3.83187 12.45C4.16 12.455 4.49875 12.46 4.70313 12.545C4.92562 12.6369 5.18 12.8806 5.42625 13.1162C5.8575 13.5306 6.3475 14 7 14C7.6525 14 8.14184 13.5306 8.57376 13.1162C8.82 12.8806 9.07376 12.6369 9.29688 12.545C9.50128 12.46 9.84 12.455 10.1682 12.45C10.7782 12.4406 11.4694 12.4306 11.95 11.95C12.4306 11.4694 12.4406 10.7782 12.45 10.1682C12.455 9.84 12.46 9.50128 12.545 9.29688C12.6369 9.0744 12.8806 8.82 13.1162 8.57376C13.5306 8.14248 14 7.65248 14 7C14 6.3475 13.5306 5.85813 13.1162 5.42625ZM9.85376 5.85375L6.35375 9.35376C6.30731 9.40024 6.25217 9.43712 6.19147 9.46232C6.13077 9.48744 6.0657 9.5004 6 9.5004C5.9343 9.5004 5.86923 9.48744 5.80853 9.46232C5.74783 9.43712 5.69269 9.40024 5.64625 9.35376L4.14625 7.85376C4.09979 7.80728 4.06294 7.75216 4.0378 7.69144C4.01266 7.63072 3.99972 7.56568 3.99972 7.5C3.99972 7.43432 4.01266 7.36925 4.0378 7.30855C4.06294 7.24786 4.09979 7.1927 4.14625 7.14625C4.24007 7.05243 4.36732 6.99972 4.5 6.99972C4.5657 6.99972 4.63075 7.01266 4.69145 7.0378C4.75214 7.06294 4.8073 7.09979 4.85375 7.14625L6 8.29312L9.14624 5.14625C9.19272 5.09979 9.24784 5.06294 9.30856 5.0378C9.36928 5.01266 9.43432 4.99972 9.5 4.99972C9.56568 4.99972 9.63072 5.01266 9.69144 5.0378C9.75216 5.06294 9.80728 5.09979 9.85376 5.14625C9.90024 5.1927 9.93704 5.24786 9.96216 5.30855C9.98736 5.36925 10.0002 5.4343 10.0002 5.5C10.0002 5.5657 9.98736 5.63075 9.96216 5.69145C9.93704 5.75214 9.90024 5.8073 9.85376 5.85375Z" fill="#EC612A"/> 3566 </svg> 3567 <span>Lifetime Warranty</span> 3568 </div> 3569 <div class="cart-drawer__uvp-item"> 3570 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 3571 <g clip-path="url(#clip0_4166_16667)"> 3572 <path fill-rule="evenodd" clip-rule="evenodd" d="M3.45833 4.32591C3.45833 3.28714 3.87098 2.29092 4.6055 1.55641C5.34002 0.821888 6.33624 0.409241 7.375 0.409241C8.41376 0.409241 9.40998 0.821888 10.1445 1.55641C10.879 2.29092 11.2917 3.28714 11.2917 4.32591H11.9444C12.2907 4.32591 12.6228 4.46346 12.8676 4.7083C13.1125 4.95314 13.25 5.28521 13.25 5.63146V12.1592C13.25 12.5055 13.1125 12.8376 12.8676 13.0824C12.6228 13.3272 12.2907 13.4648 11.9444 13.4648H2.80556C2.4593 13.4648 2.12723 13.3272 1.88239 13.0824C1.63755 12.8376 1.5 12.5055 1.5 12.1592V5.63146C1.5 5.28521 1.63755 4.95314 1.88239 4.7083C2.12723 4.46346 2.4593 4.32591 2.80556 4.32591H3.45833ZM7.375 1.7148C8.06751 1.7148 8.73166 1.98989 9.22133 2.47957C9.71101 2.96925 9.98611 3.6334 9.98611 4.32591H4.76389C4.76389 3.6334 5.03899 2.96925 5.52867 2.47957C6.01834 1.98989 6.68249 1.7148 7.375 1.7148ZM8.68056 8.24257C8.68055 8.47174 8.62022 8.69687 8.50564 8.89533C8.39105 9.0938 8.22624 9.2586 8.02778 9.37319V10.2009C8.02778 10.374 7.959 10.5401 7.83658
357210.6625C7.71416 10.7849 7.54813 10.8537 7.375 10.8537C7.20187 10.8537 7.03584 10.7849 6.91342 10.6625C6.791 10.5401 6.72222 10.374 6.72222 10.2009V9.37319C6.47335 9.22948 6.27884 9.00767 6.16887 8.74216C6.0589 8.47664 6.03961 8.18226 6.11399 7.90467C6.18837 7.62707 6.35227 7.38178 6.58026 7.20682C6.80826 7.03187 7.08761 6.93703 7.375 6.93702C7.72125 6.93702 8.05333 7.07457 8.29817 7.31941C8.54301 7.56425 8.68056 7.89632 8.68056 8.24257Z" fill="#EC612A"/> 3573 </g> 3574 <defs> 3575 <clipPath id="clip0_4166_16667"> 3576 <rect width="14" height="14" fill="white"/> 3577 </clipPath> 3578 </defs> 3579 </svg> 3580 <span>Secure Checkout</span> 3581 </div> 3582 </div> 3583 3584 3585 <div class="cart-drawer__paypal"> 3586 <svg xmlns="http://www.w3.org/2000/svg" width="54" height="22" viewBox="0 0 54 22" fill="none"> 3587 <path d="M10.2826 7.08422L7.64838 8.42509C7.04691 7.38835 6.21819 6.85697 5.065 6.85697C3.81006 6.85697 3.18259 7.23647 3.18259 7.99547C3.18259 8.80497 4.11079 8.98247 6.19332 9.43696C8.27585 9.89258 10.6376 10.5506 10.6376 13.1566C10.6376 15.6868 8.68173 17.2041 5.44488 17.2041C2.8355 17.2041 0.899942 16.0916 0 14.1176L2.63425 12.8027C3.18598 14.0203 4.13906 14.6489 5.44488 14.6489C6.79931 14.6489 7.47653 14.2702 7.47653 13.4596C7.47653 12.6501 6.54606 12.4737 4.46014 12.0181C2.37535 11.5625 0.0226116 10.9045 0.0226116 8.29846C0.0226116 5.8451 1.95477 4.30073 5.065 4.30073C7.49914 4.30073 9.33068 5.28773 10.2826 7.08422ZM12.4929 0H15.7535V5.76822C16.606 4.8321 17.836 4.30073 19.2414 4.30073C22.0508 4.30073 24.0576 6.4771 24.0576 9.56358V17.0774H20.797V9.56358C20.797 8.12209 19.7433 7.05822 18.2871 7.05822C16.8321 7.05822 15.7546 8.14584 15.7546 9.56358V17.0774H12.4918L12.4929 0ZM26.191 5.21198C27.2696 4.45336 28.8253 3.92312 30.4816 3.92312C34.8976 3.92312 38.1085 6.93385 38.1085 11.0582C38.1085 14.9033 35.3487 17.5862 31.5093 17.5862C28.2227 17.5862 25.8654 15.3589 25.8654 12.3742C25.8654 10.3505 27.0718 8.85697 28.7755 8.27472L30.1549 10.6286C29.2278 11.0582 28.8773 11.6913 28.8773 12.4748C28.8773 13.7637 29.957 14.6761 31.5116 14.6761C33.4188 14.6761 34.9236 13.1577 34.9236 11.1091C34.9236 8.70434 33.0424 6.88411 30.4839 6.88411C29.4769 6.8755 28.4901 7.16588 27.6484 7.71848L26.191 5.21198ZM43.1769 15.6359V21.481H39.9152V4.42849H43.1011V5.96947C44.0802 4.90672 45.4595 4.2996 47.0152 4.2996C50.4522 4.2996 53.1373 7.10796 53.1373 10.7518C53.1373 14.3957 50.4522 17.2041 47.0152 17.2041C45.4844 17.2041 44.1548 16.6229 43.1769 15.6359ZM49.9005 10.727C49.9005 8.62633 48.4454 7.08309 46.4635 7.08309C44.5064 7.08309 43.0265 8.65234 43.0265 10.727C43.0265 12.8016 44.5064 14.3708 46.4635 14.3708C48.4454 14.3708 49.9027 12.8264 49.9027 10.727H49.9005Z" fill="#592FF4"/> 3588 </svg> 3589 <span class="cart-drawer__payment-paypal" role="img" aria-label="PayPal"> 3590 <svg xmlns="http://www.w3.org/2000/svg" width="72" height="20" viewBox="0 0 72 20" fill="none"> 3591 <path d="M12.1856 0.931428C11.2833 0.311121 10.1059 0.000216383 8.65332 0.000216383H3.02974C2.58444 0.000216383 2.33842 0.22292 2.29169 0.667791L0.00717072 15.0077C-0.0165715 15.1485 0.0186657 15.2773 0.11256 15.3944C0.205918 15.5118 0.32334 15.5702 0.463967 15.5702H3.13513C3.60364 15.5702 3.86115 15.348 3.90842 14.9024L4.54097 11.0365C4.56407 10.8491 4.64647 10.6968 4.78709 10.5795C4.92761 10.4624 5.10337 10.3857 5.31426 10.3506C5.52514 10.3158 5.724 10.2983 5.91179 10.2983C6.09904 10.2983 6.32153 10.3101 6.57969 10.3335C6.8372 10.3569 7.00135 10.3683 7.07172 10.3683C9.08669 10.3683 10.6683 9.80049 11.8166 8.66377C12.9644 7.52747 13.539 5.95178 13.539 3.93638C13.539 2.55396 13.0875 1.55227 12.1856 0.930996V0.931428ZM9.28609 5.23726C9.16856 6.05749 8.86431 6.59615 8.37228 6.85399C7.88014 7.11214 7.17722 7.24042 6.26352 7.24042L5.10359 7.27565L5.70122 3.51482C5.74785 3.25731 5.90008 3.12839 6.15802 3.12839H6.82603C7.76282 3.12839 8.44275 3.26343 8.86453 3.53244C9.28609 3.80209 9.42671 4.37061 9.28609 5.23726Z" fill="#003087"/> 3592 <path d="M71.5316 0H68.9309C68.6725 0 68.5204 0.128919 68.474 0.386645L66.1892 15.008L66.154 15.0783C66.154 15.196 66.2009 15.3068 66.2948 15.4123C66.3881 15.5174 66.5057 15.5703 66.6462 15.5703H68.9662C69.4108 15.5703 69.6569 15.3481 69.7044 14.9026L71.9889 0.527271V0.492357C71.9887 0.16437 71.8359 0.000322935 71.5316 0.000322935V0Z" fill="#009CDE"/> 3593 <path d="M40.1102 5.65946C40.1102 5.54258 40.0631 5.43106 39.9699 5.32578C39.8759 5.22039 39.7704 5.16743 39.6535 5.16743H36.9472C36.6889 5.16743 36.4781 5.28517 36.3144 5.51883L32.5888 11.0021L31.0425 5.72994C30.9247 5.35522 30.6672 5.16743 30.2692 5.16743H27.6328C27.5154 5.16743 27.4099 5.22028 27.3168 5.32578C27.2228 5.43106 27.1761 5.54268 27.1761 5.65946C27.1761 5.70673 27.4046 6.39762 27.8614 7.7332C28.3182 9.069 28.8104 10.5101 29.3376 12.0567C29.8649 13.603 30.1399 14.4235 30.1636 14.5166C28.2421 17.1411 27.2816 18.5472 27.2816 18.7343C27.2816 19.0392 27.4339 19.1914 27.7385 19.1914H30.4448C30.7025 19.1914 30.9133 19.0745 31.0776 18.8399L40.0402 5.90526C40.0867 5.85875 40.1102 5.7771 40.1102 5.65935V5.65946Z" fill="#003087"/> 3594 <path d="M65.3113 5.16743H62.64C62.3117 5.16743 62.1132 5.55407 62.0428 6.32736C61.4329 5.39056 60.3206 4.9213 58.7036 4.9213C57.0165 4.9213 55.5811 5.55407 54.398 6.81939C53.2146 8.08482 52.6232 9.57296 52.6232 11.2833C52.6232 12.666 53.0272 13.7672 53.8355 14.587C54.6438 15.4076 55.7275 15.8172 57.087 15.8172C57.7663 15.8172 58.4575 15.6763 59.1605 15.3954C59.8635 15.1142 60.4136 14.7395 60.8126 14.2707C60.8126 14.2942 60.7888 14.3994 60.7424 14.5868C60.6951 14.7745 60.672 14.9155 60.672 15.0085C60.672 15.3839 60.8239 15.5708 61.129 15.5708H63.5544C63.9989 15.5708 64.2571 15.3487 64.3271 14.903L65.7683 5.72961C65.7914 5.58899 65.7564 5.46028 65.6629 5.34297C65.5688 5.22619 65.4519 5.16743 65.3113 5.16743ZM60.7247 12.0916C60.1271 12.6774 59.4066 12.9702 58.5631 12.9702C57.8833 12.9702 57.3332 12.7831 56.9112 12.408C56.4892 12.0338 56.2783 11.5182 56.2783 10.8614C56.2783 9.99505 56.5713 9.26237 57.1572 8.66484C57.7423 8.06731 58.4694 7.76855 59.3363 7.76855C59.9919 7.76855 60.5368 7.96192 60.9706 8.34835C61.4037 8.73499 61.6211 9.26828 61.6211 9.94778C61.62
359409 10.7912 61.3221 11.5061 60.7247 12.0916Z" fill="#009CDE"/> 3595 <path d="M25.3835 5.16743H22.7124C22.3838 5.16743 22.1851 5.55407 22.1147 6.32736C21.4821 5.39056 20.369 4.9213 18.7757 4.9213C17.0886 4.9213 15.6532 5.55407 14.4701 6.81939C13.2866 8.08482 12.6952 9.57296 12.6952 11.2833C12.6952 12.666 13.0995 13.7672 13.9079 14.587C14.7163 15.4076 15.7997 15.8172 17.1589 15.8172C17.8147 15.8172 18.4946 15.6763 19.1974 15.3954C19.9004 15.1142 20.4628 14.7395 20.8845 14.2707C20.7905 14.5517 20.7439 14.7979 20.7439 15.0085C20.7439 15.3839 20.8961 15.5708 21.2008 15.5708H23.626C24.0708 15.5708 24.3289 15.3487 24.3993 14.903L25.8402 5.72961C25.8633 5.58899 25.8282 5.46028 25.7348 5.34297C25.641 5.22619 25.5241 5.16743 25.3835 5.16743ZM20.7968 12.109C20.1991 12.6838 19.4666 12.9702 18.6001 12.9702C17.9202 12.9702 17.3754 12.7831 16.9657 12.408C16.5554 12.0338 16.3505 11.5182 16.3505 10.8614C16.3505 9.99505 16.6433 9.26237 17.2293 8.66484C17.8147 8.06731 18.5412 7.76855 19.4084 7.76855C20.0642 7.76855 20.609 7.96192 21.0429 8.34846C21.4761 8.7351 21.6931 9.26839 21.6931 9.94789C21.6931 10.8147 21.3943 11.5355 20.7968 12.109Z" fill="#003087"/> 3596 <path d="M52.1134 0.931428C51.2112 0.311121 50.034 0.000216383 48.5812 0.000216383H42.9926C42.5238 0.000216383 42.2659 0.22292 42.2195 0.667791L39.9348 15.0077C39.9111 15.1486 39.9462 15.2774 40.0402 15.3945C40.1332 15.5118 40.251 15.5702 40.3916 15.5702H43.2736C43.5547 15.5702 43.7421 15.4181 43.836 15.1134L44.4688 11.0365C44.492 10.8491 44.574 10.6968 44.7148 10.5795C44.8554 10.4624 45.0309 10.3858 45.242 10.3506C45.4528 10.3158 45.6516 10.2983 45.8396 10.2983C46.0268 10.2983 46.2493 10.3101 46.5071 10.3335C46.7649 10.3569 46.9295 10.3683 46.9992 10.3683C49.0146 10.3683 50.5959 9.80049 51.7442 8.66377C52.8924 7.52747 53.4664 5.95178 53.4664 3.93638C53.4666 2.55406 53.0153 1.55238 52.1134 0.931105V0.931428ZM48.5108 6.71336C47.9953 7.06477 47.222 7.24042 46.1912 7.24042L45.0664 7.27565L45.6639 3.51482C45.7103 3.25731 45.8626 3.12839 46.1207 3.12839H46.7532C47.2686 3.12839 47.6786 3.15181 47.9837 3.19854C48.2878 3.24581 48.5812 3.39181 48.8624 3.63783C49.1436 3.88395 49.2841 4.24137 49.2841 4.70999C49.2841 5.69405 49.0261 6.36174 48.5108 6.71336Z" fill="#009CDE"/> 3597 </svg> 3598 </span> 3599 </div> 3600 3601<!-- start cart-drawer-reviews.liquid (SNIPPET) --> 3602 3603<style> 3604 .cart-drawer__reviews{ 3605 margin: 0 -46px; 3606 margin-top: 30px; 3607 } 3608 3609 .cart-drawer__reviews-list{ 3610 list-style: none; 3611 padding: 0; 3612 margin: 0; 3613 } 3614 3615 .cart-drawer__review-item{ 3616 align-items: center; 3617 gap: 10px; 3618 background: #f4f3ed; 3619 border-top: 1px solid #e8e8e8; 3620 padding: 20px 46px; 3621 margin: 0 !important; 3622 } 3623 3624 .cart-drawer__review-card-left{ 3625 display: flex; 3626 gap: 10px; 3627 align-items: center; 3628 flex-shrink: 0; 3629 } 3630 3631 .cart-drawer__review-card-avatar-wrap{ 3632 position: relative; 3633 flex-shrink: 0; 3634 } 3635 3636 .cart-drawer__review-card-avatar{ 3637 background: #fff; 3638 border-radius: 50%; 3639 width: 45px; 3640 height: 45px; 3641 display: flex; 3642 align-items: center; 3643 justify-content: center; 3644 overflow: hidden; 3645 } 3646 3647 .cart-drawer__review-card-avatar-image{ 3648 width: 100%; 3649 height: 100%; 3650 object-fit: cover; 3651 } 3652 3653 .cart-drawer__review-card-avatar span{ 3654 font-size: 18px; 3655 font-weight: 700; 3656 color: #bbb; 3657 line-height: 1; 3658 } 3659 3660 .cart-drawer__review-card-badge{ 3661 position: absolute; 3662 width: 21px; 3663 height: 21px; 3664 left: 29px; 3665 top: 25px; 3666 } 3667 3668 .cart-drawer__review-card-info{ 3669 display: flex; 3670 flex-direction: column; 3671 width: 85px; 3672 flex-shrink: 0; 3673 } 3674 3675 .cart-drawer__review-card-name{ 3676 font-size: 14px; 3677 font-weight: 700; 3678 color: #000; 3679 line-height: 18px; 3680 display: block; 3681 } 3682 3683 .cart-drawer__review-card-location{ 3684 font-size: 12px; 3685 color: #555; 3686 line-height: 18px; 3687 display: block; 3688 } 3689 3690 .cart-drawer__review-card-stars{ 3691 display: flex; 3692 align-items: center; 3693 gap: 1px; 3694 margin-top: 2px; 3695 } 3696 3697 .cart-drawer__review-card-stars svg{ 3698 width: 13px; 3699 height: auto; 3700 } 3701 3702 .cart-drawer__review-card-text{ 3703 flex: 1 0 0; 3704 font-size: 12px; 3705 color: #5b5b5b; 3706 line-height: 1.45; 3707 margin: 0; 3708 min-width: 0; 3709 } 3710 3711 .cart-drawer__review-card-text p{ 3712 font-size: inherit; 3713 color: inherit; 3714 margin: 0; 3715 } 3716 3717 @media (max-width: 1019px){ 3718 .cart-drawer__reviews{ 3719 margin: 0 -42px; 3720 margin-top: 30px; 3721 } 3722 3723 .cart-drawer__review-item{ 3724 padding: 20px 42px; 3725 } 3726 } 3727 3728 @media (max-width: 767px){ 3729 .cart-drawer__reviews{ 3730 margin: 0 -30px; 3731 margin-top: 30px; 3732 } 3733 3734 .cart-drawer__review-item{ 3735 flex-direction: column; 3736 align-items: center; 3737 padding: 20px; 3738 } 3739 3740 .cart-drawer__review-card-text{ 3741 text-align: center; 3742 width: 100%; 3743 } 3744 } 3745</style> 3746 3747<div class="cart-drawer__reviews"><ul class="cart-drawer__reviews-list"><li class="cart-drawer__review-item"> 3748 <div class="cart-drawer__review-card-left"> 3749 <div class="cart-drawer__review-card-avatar-wrap">
3750 <div class="cart-drawer__review-card-avatar"><img 3751 src="//undrdog.com/cdn/shop/files/image_49.png?v=1782409242&width=90" 3752 alt="David L." 3753 width="45" 3754 height="45" 3755 loading="lazy" 3756 class="cart-drawer__review-card-avatar-image" 3757 ></div> 3758 <div class="cart-drawer__review-card-badge"> 3759 <svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none"> 3760 <path 3761 d="M10.5 1.29199L18.375 4.81934V10.0693C18.375 11.2861 18.1768 12.4619 17.7803 13.5967C17.3838 14.7451 16.8335 15.7876 16.1294 16.7241C15.4253 17.6606 14.5947 18.4707 13.6377 19.1543C12.6807 19.8242 11.6348 20.2959 10.5 20.5693C9.37891 20.2959 8.33301 19.8242 7.3623 19.1543C6.40527 18.4707 5.57471 17.6606 4.87061 16.7241C4.1665 15.7876 3.61621 14.7451 3.21973 13.5967C2.82324 12.4619 2.625 11.2861 2.625 10.0693V4.81934L10.5 1.29199Z" 3762 fill="#1CC286" 3763 /> 3764 <path 3765 d="M8.73633 15.3193L15.75 8.30566L14.5195 7.0752L8.73633 12.8174L6.48047 10.5615L5.25 11.792L8.73633 15.3193Z" 3766 fill="#FFFFFF" 3767 /> 3768 </svg> 3769 </div> 3770 </div> 3771 <div class="cart-drawer__review-card-info"><span class="cart-drawer__review-card-name">David L.</span><div class="cart-drawer__review-card-stars"><!-- START star-rating-icon.liquid --> 3772<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3773 <path d="M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z" fill="#FFC400"/> 3774</svg> 3775<!-- END star-rating-icon.liquid --><!-- START star-rating-icon.liquid --> 3776<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3777 <path d="M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z" fill="#FFC400"/> 3778</svg> 3779<!-- END star-rating-icon.liquid --><!-- START star-rating-icon.liquid --> 3780<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3781 <path d="M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z" fill="#FFC400"/> 3782</svg> 3783<!-- END star-rating-icon.liquid --><!-- START star-rating-icon.liquid --> 3784<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3785 <path d="M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z" fill="#FFC400"/> 3786</svg> 3787<!-- END star-rating-icon.liquid --><!-- START star-rating-icon.liquid --> 3788<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15" fill="none"> 3789 <path d="M8 0L9.79611 5.52786H15.6085L10.9062 8.94427L12.7023 14.4721L8 11.0557L3.29772 14.4721L5.09383 8.94427L0.391548 5.52786H6.20389L8 0Z" fill="#FFC400"/> 3790</svg> 3791<!-- END star-rating-icon.liquid --></div> 3792 </div> 3793 </div><div class="cart-drawer__review-card-text"><p>"I came for the no-plastic. Stayed for the fit. Six months in, still looks new, still doesn't smell after a 12-hour day. The lifetime warranty sealed it. Bought five more."</p></div></li></ul> 3794</div> 3795<!-- start cart-drawer-continue-shopping.liquid (SNIPPET) --> 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 <div class="cart-drawer__links "> 3809 3810 <a 3811 id="cart-continue-shopping" 3812 href="/collections" 3813 title="Continue Shopping" 3814 class="cart-drawer__continue-shipping cart-drawer__button--close-drawer" 3815 >Continue Shopping</a> 3816 3817 3818 3819 </div> 3820 3821</div> 3822</aside> 3823 3824
3825<script> 3826 const tiersApi = new class{ 3827 constructor(){ 3828 this.product009Ids = [ 3829 10653577707830, 3830 10771948011830, 3831 10811606204726 3832 ].filter(id => id > 0); 3833 this.upsellProductId = 0; 3834 this.shippingProtectionVariantId = 0; 3835 this.cashbackIds = ["9034509582646","9371192820022","9371193180470"].map(id => parseInt(id)); 3836 this.tiers009 ={ 3837 "1":{ 3838 "title": "10% OFF + Free Shipping", 3839 "products_quantity": 3, 3840 "discount_percentage": 10, 3841 "free_shipping": true 3842 }, 3843 "2":{ 3844 "title": "20% OFF + Free Shipping", 3845 "products_quantity": 6, 3846 "discount_percentage": 20, 3847 "free_shipping": true 3848 }, 3849 "3":{ 3850 "title": "30% OFF + Free Shipping", 3851 "products_quantity": 10, 3852 "discount_percentage": 30, 3853 "free_shipping": true 3854 } 3855 }; 3856 this.tiersDefault ={ 3857 3858 3859 3860 3861 3862 3863 "2":{ 3864 "title": "10% OFF", 3865 "products_quantity": 1, 3866 "discount_percentage": 10, 3867 "free_shipping": false 3868 }, 3869 3870 3871 3872 3873 "3":{ 3874 "title": "20% OFF + Free Shipping", 3875 "products_quantity": 3, 3876 "discount_percentage": 20, 3877 "free_shipping": true 3878 }, 3879 3880 3881 3882 3883 "4":{ 3884 "title": "30% OFF + Free Shipping", 3885 "products_quantity": 6, 3886 "discount_percentage": 30, 3887 "free_shipping": true 3888 }, 3889 3890 3891 }; 3892 this.activeTiers = this.tiersDefault; 3893 this.activeTrackKey = 'default'; 3894 this.cartQuantity = 0; 3895 this.totalProductsToLastTier = 6; 3896 } 3897 3898 isEligibleItem(item){ 3899 if (item.product_id === this.upsellProductId) return false; 3900 if (item.variant_id === this.shippingProtectionVariantId) return false; 3901 if (this.cashbackIds.includes(item.product_id)) return false; 3902 if (item.properties && (item.properties.is_gift === '1' || item.properties.is_gift === 1)) return false; 3903 return true; 3904 } 3905 3906 getEligibleItems(cart){ 3907 return cart.items.filter(item => this.isEligibleItem(item)); 3908 } 3909 3910 getCounts(cart){ 3911 return this.getEligibleItems(cart).reduce((acc, item) =>{ 3912 const qty = Number(item.quantity); 3913 if (this.product009Ids.includes(item.product_id)){ 3914 acc.qty009 += qty; 3915 }else{ 3916 acc.defaultQty += qty; 3917 } 3918 return acc; 3919 },{defaultQty: 0, qty009: 0 }); 3920 } 3921 3922 getLastTierQuantity(tiers){ 3923 return Math.max(...Object.values(tiers).map(tier => Number(tier.products_quantity))); 3924 } 3925 3926 getTierUnlocked(quantity, tiers){ 3927 return Object.values(tiers).filter(tier => Number(quantity) >= Number(tier.products_quantity)).at(-1); 3928 } 3929 3930 getNextTier(currentTier, tiers){ 3931 if (currentTier === undefined){ 3932 return tiers[1]; 3933 } 3934 return Object.values(tiers).find(tier => Number(tier.products_quantity) > Number(currentTier.products_quantity)); 3935 } 3936 3937 getTiersUnlocked(cartQuantity, tiers){ 3938 return Object.values(tiers).filter(tier => Number(tier.products_quantity) <= Number(cartQuantity)); 3939 } 3940 3941 resolveWinningTrack(cart){ 3942 const{defaultQty, qty009 }= this.getCounts(cart); 3943 const defaultTier = this.getTierUnlocked(defaultQty, this.tiersDefault); 3944 const tier009 = this.getTierUnlocked(qty009, this.tiers009); 3945 const defaultDiscount = defaultTier ? Number(defaultTier.discount_percentage) : 0; 3946 const discount009 = tier009 ? Number(tier009.discount_percentage) : 0; 3947 3948 if (discount009 > defaultDiscount){ 3949 return{ 3950 activeTrackKey: '009', 3951 activeTiers: this.tiers009, 3952 cartQuantity: qty009, 3953 tierUnlocked: tier009, 3954 totalProductsToLastTier: this.getLastTierQuantity(this.tiers009) 3955 }; 3956 } 3957 3958 return{ 3959 activeTrackKey: 'default', 3960 activeTiers: this.tiersDefault, 3961 cartQuantity: defaultQty, 3962 tierUnlocked: defaultTier, 3963 totalProductsToLastTier: this.getLastTierQuantity(this.tiersDefault) 3964 }; 3965 } 3966 3967 applyWinningTrack(cart){ 3968 const track = this.resolveWinningTrack(cart); 3969 this.activeTrackKey = track.activeTrackKey; 3970 this.activeTiers = track.activeTiers; 3971 this.cartQuantity = track.cartQuantity; 3972 this.totalProductsToLastTier = track.totalProductsToLastTier; 3973 return track; 3974 } 3975 3976 syncProgressBarState(){ 3977 const tiersUnlocked = this.getTiersUnlocked(this.cartQuantity, this.activeTiers); 3978 const unlockedCount = tiersUnlocked.length; 3979 3980 for (let i = 1;i <= 3;i++){ 3981 const circle = document.querySelector(`#step-${i}-Circle`); 3982 const lock = document.querySelector(`#step-${i}-lock`); 3983 const check = document.querySelector(`#step-${i}-check`); 3984 if (!circle || !lock || !check) continue; 3985 3986 if (i <= unlockedCount){ 3987 circle.style.fill = '#EC622A'; 3988 lock.style.display = 'none'; 3989 check.style.display = 'block'; 3990 }else{ 3991 circle.style.fill = 'white'; 3992 lock.style.display = 'block'; 3993 check.style.display = 'none'; 3994 } 3995 } 3996 3997 let percentage = this.totalProductsToLastTier > 0 3998 ? this.cartQuantity / this.totalProductsToLastTier * 100 3999 : 0; 4000 if (percentage >= 100){ 4001 percentage = 99; 4002 } 4003 4004 const progressBarFill = document.querySelector('#progressBarFill'); 4005 if (progressBarFill){ 4006 progressBarFill.style.width = percentage + '%'; 4007 } 4008 } 4009 4010 set updateProgressBar(cartJSON){ 4011 if (!cartJSON) return; 4012 4013 this.applyWinningTrack(cartJSON); 4014 this.syncProgressBarState(); 4015 } 4016 4017 set updateTiersBar(cart){ 4018 const shippingTextContainer = document.querySelector('.js-shipping-text'); 4019 const track = this.applyWinningTrack(cart); 4020 4021 let message = ''; 4022 if (this.cartQuantity > 0){ 4023 const tierUnlocked = track.tierUnlocked; 4024 4025 if (shippingTextContainer && tierUnlocked){ 4026 shippingTextContainer.style.display = 'block'; 4027 shippingTextContainer.innerHTML = tierUnlocked.title; 4028 } 4029 4030 const nextTier = this.getNextTier(tierUnlocked, this.activeTiers); 4031 if (nextTier){ 4032 const nextTierAmount = Number(nextTier.products_quantity) - this.cartQuantity; 4033 message += '<span class="shipping-bar__message--before">Add</span>'; 4034 message += '<span class="shipping-bar__discount-value">'+nextTierAmount+'</span>'; 4035 message += '<span class="shipping-bar__message--after">more to get '+nextTier.title+'</span>'; 4036 }else{ 4037 message += '<span class="shipping-bar__message--before">🔥 You unlocked the highest tier!</span>'; 4038 } 4039 }else{ 4040 const firstTier = this.activeTiers[1]; 4041 message += '<span class="shipping-bar__message--before">Add</span>'; 4042 message += '<span class="shipping-bar__discount-value">'+firstTier.products_quantity+'</span>'; 4043 message += '<span class="shipping-bar__message--after">to get '+firstTier.title+'</span>'; 4044 } 4045
4046 $('.shipping__message--discount').html(message); 4047 } 4048 } 4049 </script>
4049 4050 4051 4052 4053<style> 4054 .cart__proceed-to-checkout--top{ 4055 display: none; 4056 } 4057 </style>
4057<script type="lazyload_int"> 4058 const cartDrawerAddedBarIcon = "\u003csvg class=\"cart-drawer__added-bar-icon\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"\u003e\n \u003cpath d=\"M16.6666 5L7.49992 14.1667L3.33325 10\" stroke=\"white\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/\u003e\n\u003c\/svg\u003e"; 4059 4060 const drawer_texts ={ 4061 title:{ 4062 noempty: "An Item Was Added To Cart!", 4063 empty: "Your Cart Is Currently Empty!" 4064 }, 4065 cupom: "", 4066 4067 free_shipping_msg:{ 4068 enabled: true, 4069 text: "+ Free Shipping" 4070 } 4071 }; 4072 4073 var shipping_bar = shipping_bar ||{}; 4074 4075 const CartDrawerSettings ={ 4076 shipping:{ 4077 discount: '', 4078 text:{ 4079 before: '', 4080 after: '' 4081 } 4082 }, 4083 4084 coupon:{ 4085 text:{ 4086 free: null, 4087 nonfree: "" 4088 } 4089 } 4090 }; 4091</script>
4091 4092
4093<script type="lazyload_int"> 4094 setTimeout(function (){ 4095 window.CartAPI = (function (){ 4096 'use strict'; 4097 4098 const couponOriginalContent = $('.cart-drawer__coupon').html(); 4099 4100 const $cartDrawer = $('#CartDrawer'); 4101 4102 const methods ={ 4103 async getCartQuantity(){ 4104 const response = await $.ajax({ 4105 url: window.Shopify.routes.root + 'cart.js', 4106 method: 'get', 4107 dataType: 'json', 4108 }); 4109 return response.item_count; 4110 }, 4111 async addItem(data){ 4112 try{ 4113 const response = await $.ajax({ 4114 url: window.Shopify.routes.root + 'cart/add.js', 4115 method: 'post', 4116 dataType: 'json', 4117 data: data, 4118 }); 4119 this.getCartQuantity().then(quantity =>{ 4120 window.quantityInCart = quantity; 4121 if (window.updatePrices) window.updatePrices(window.variantSelected); 4122 }); 4123 return response; 4124 }catch (error){ 4125 const $AddCartButton = $('#AddToCart'); 4126 const $ButtonOldStock = $('#button-out-of-stock'); 4127 $AddCartButton.css('display', 'none'); 4128 $ButtonOldStock.css('display', 'flex'); 4129 } 4130 }, 4131 4132 async updateItem(id, quantity){ 4133 const response = await $.ajax({ 4134 url: window.Shopify.routes.root + 'cart/update.js', 4135 method: 'post', 4136 dataType: 'json', 4137 data:{ 4138 updates:{ 4139 [id]: quantity, 4140 }, 4141 }, 4142 }); 4143 window.quantityInCart = response.item_count; 4144 if (window.updatePrices) window.updatePrices(window.variantSelected); 4145 return response; 4146 }, 4147 4148 async updateMultipleItems(updates){ 4149 return await $.ajax({ 4150 url: window.Shopify.routes.root + 'cart/update.js', 4151 method: 'post', 4152 dataType: 'json', 4153 data:{updates: updates }, 4154 }); 4155 }, 4156 4157 async buildCart(callback = null){ 4158 try{ 4159 async function checkInventory(){ 4160 const ShippingProtectionVariantID = 0; 4161 const $shippingCheckbox = $('#shipping-upsell__checkbox'); 4162 const cart_json = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4163 const hasProtectShipping = cart_json.items.some((el) => el.variant_id == ShippingProtectionVariantID); 4164 4165 if (hasProtectShipping){ 4166 let shippingProtectionItem = cart_json.items.find(i => i.variant_id === ShippingProtectionVariantID); 4167 if (shippingProtectionItem){ 4168 await CartAPI.updateItem(shippingProtectionItem.key, $shippingCheckbox.is(':checked') ? 1 : 0); 4169 const cartUpdated = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4170 $('.cart__total-price').html(Shopify.formatMoney(cartUpdated.total_price)); 4171 $shippingCheckbox.prop('checked', $shippingCheckbox.is(':checked')); 4172 }else{ 4173 $shippingCheckbox.prop('checked', false); 4174 } 4175 }else if ($shippingCheckbox.is(':checked')){ 4176 await CartAPI.addItem({id: ShippingProtectionVariantID, quantity: 1 }); 4177 } 4178 } 4179 4180 await checkInventory(); 4181 4182 const parser = new DOMParser(); 4183 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4184 const cartItemsSection = await $.ajax({ 4185 url: location.origin + '?section_id=cart-items', 4186 }); 4187 const cartItemsContent = parser.parseFromString(cartItemsSection, 'text/html'); 4188 const $listItems = $(cartItemsContent.querySelector('#CartItemsForm')); 4189 4190 let shipProduct = 48679653572918; 4191 4192 let containsAnotherProduct = cartJSON.items.some((item)=>{ 4193 return item.variant_id != shipProduct; 4194 }); 4195 4196 if (!containsAnotherProduct){ 4197 await $.ajax({ 4198 type: "POST", 4199 url: '/cart/clear.js', 4200 data: '', 4201 dataType: 'json' 4202 }); 4203 $('.cart-drawer .shipping-calculate-date').css("display", "none"); 4204 4205 }; 4206 4207 const shippingProtectionLocalStorageIsTrue = localStorage.getItem('shipping_protection_upsell') === 'true'; 4208 const shippingProtectionID = 0; 4209 const cashbackIds = ["9034509582646","9371192820022","9371193180470"].map(id => parseInt(id)); 4210 4211 if (cartJSON.item_count == 0){ 4212 $('.cart-drawer__box').addClass('cart-drawer--empty'); 4213 $('.cart-drawer__added-bar-icon').remove(); 4214 $('.cart-drawer__added-bar-label').text(drawer_texts.title.empty); 4215 $('.cart-drawer__title').html(drawer_texts.title.empty); 4216 }else{ 4217 $('.cart-drawer__box').removeClass('cart-drawer--empty'); 4218 if (!$('.cart-drawer__added-bar-icon').length){ 4219 $('.cart-drawer__added-bar-text').prepend(cartDrawerAddedBarIcon); 4220 } 4221 $('.cart-drawer__added-bar-label').text(drawer_texts.title.noempty); 4222 $('.cart-drawer__title').html(drawer_texts.title.noempty); 4223 } 4224 4225 $('#cart-items').empty().html($listItems); 4226 4227 const $preorderWarning = $cartDrawer.find('[data-preorder-warning]'); 4228 if ($preorderWarning.length){
4229 const $lineItems = $('#cart-items').find('.cart-items__line-item'); 4230 const hasPreorderItem = $lineItems.filter('[data-preorder="true"]').length > 0; 4231 const hasInstockItem = $lineItems.filter(':not([data-preorder="true"])').length > 0; 4232 $preorderWarning.toggleClass('is-visible', hasPreorderItem && hasInstockItem); 4233 } 4234 4235 4236 cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4237 let shippingProtectionItem = cartJSON.items.filter(i => i.id === shippingProtectionID); 4238 let cashbackItem = cartJSON.items.filter(i => cashbackIds.includes(i.product_id)); 4239 let cartItemCount = cartJSON.item_count; 4240 4241 if(shippingProtectionItem.length > 0){ 4242 cartItemCount -= 1; 4243 } 4244 4245 if(cashbackItem.length > 0){ 4246 cartItemCount -= 1; 4247 } 4248 4249 if(shippingProtectionItem.length > 0){ 4250 let shipProduct = 48679653572918; 4251 4252 let containsAnotherProduct = cartJSON.items.some((item)=>{ 4253 return item.variant_id != shipProduct; 4254 }); 4255 4256 if(!containsAnotherProduct){ 4257 $('.shipping-upsell').hide(); 4258 } 4259 else{ 4260 $('.shipping-upsell').show(); 4261 } 4262 } 4263 else{ 4264 if(cartItemCount < 1){ 4265 $('.shipping-upsell').hide(); 4266 } 4267 else{ 4268 $('.shipping-upsell').show(); 4269 } 4270 } 4271 4272 $('.header .cart_icon span').html(cartItemCount); 4273 4274 if (typeof tiersApi !== 'undefined'){ 4275 tiersApi.updateTiersBar = cartJSON; 4276 }else if (typeof shipping !== 'undefined'){ 4277 shipping.cart = cartJSON; 4278 4279 this.updateCouponFieldText(shipping, cartJSON); 4280 4281 let width = 0; 4282 const thresholdType = 'quantity'; 4283 4284 if(thresholdType === 'value'){ 4285 width = ((cartJSON.total_price / shipping.discountValue) * 100).toFixed(1); 4286 } 4287 else{ 4288 width = ((cartItemCount / shipping.discountValue) * 100).toFixed(1); 4289 } 4290 4291 width = Math.max(0, width); 4292 width = Math.min(width, 100); 4293 4294 $('.cart-drawer__shipping-fill').css({ 4295 width: width + '%', 4296 }); 4297 4298 if (width >= 100){ 4299 $('.cart-drawer__shipping-fill').addClass('full'); 4300 } 4301 else{ 4302 $('.cart-drawer__shipping-fill').removeClass('full'); 4303 } 4304 } 4305 4306 if (cartItemCount > 0){ 4307 const lineItem = cartJSON.items[0]; 4308 function allVariantsOptions(element, i){ 4309 var content = ''; 4310 4311 content += 4312 '<select id="upsell-all-product-variants" name="items[' + i + '][id]" class="cart-drawer__upsell-all-product-variants hide" data-productid="' + 4313 element.id + 4314 '">';
4315 element.variants.forEach((e) =>{ 4316 if (e.available){ 4317 content += '<option value="' + e.id + '"></option>'; 4318 } 4319 }); 4320 content += '</select>'; 4321 4322 return content; 4323 } 4324 } 4325 4326 if (typeof callback === 'function'){ 4327 callback(cartJSON); 4328 } 4329 }catch (err){ 4330 console.error('[BUILD CART]', err); 4331 } 4332 }, 4333 4334 updateCouponFieldText(shipping, cart){ 4335 if (typeof shipping !== 'undefined'){ 4336 if (cart.total_price >= shipping.discountValue){ 4337 $('.cart-drawer__coupon').html(shipping.discountText); 4338 }else{ 4339 $('.cart-drawer__coupon').html(couponOriginalContent); 4340 } 4341 } 4342 }, 4343 4344 freeShippingAnimation(){ 4345 $('.cart-drawer__shipping-bar i').remove(); 4346 const random = (max) => Math.random() * (max - 0) + 0; 4347 var c = document.createDocumentFragment(); 4348 for (var i=0;i<100;i++){ 4349 var styles = 'transform: translate3d(' + (random(500) - 250) + 'px, ' + (random(200) - 150) + 'px, 0) rotate(' + random(360) + 'deg);\ 4350 background: hsla('+random(360)+',100%,50%,1);\ 4351 animation: bang 1000ms ease-out forwards;\ 4352 opacity: 0'; 4353 4354 var e = document.createElement("i"); 4355 e.style.cssText = styles.toString(); 4356 c.appendChild(e); 4357 } 4358 $('.cart-drawer__shipping-bar').append(c); 4359 }, 4360 4361 progressBarAnimation(cartJSON){ 4362 let progress = 0; 4363 let shipProduct = 48679653572918; 4364 const bundleProductsIds = [ 9384863498550, 9384715977014, 9384717123894 ]; 4365 const bundleProducts = cartJSON.items.filter(i => bundleProductsIds.includes(i.product_id)); 4366 4367 const shippingProtection = cartJSON.items.some(function(e){ 4368 return e.variant_id === shipProduct; 4369 }); 4370 4371 4372 4373 4374 if (cartJSON.total_price >= 7500){ 4375 progress = 2; 4376 }else if (cartJSON.total_price >= 3750){ 4377 progress = 1; 4378 }else{ 4379 progress = 0; 4380 } 4381 4382 4383 4384 const stepOne = $('.custom-progress-bar #step-1'), 4385 stepOneCheck = $('.custom-progress-bar #step-1-check'), 4386 stepOneCircle = $('.custom-progress-bar #step-1-Circle'), 4387 stepOneBar = $('.custom-progress-bar #step-1-bar'), 4388 stepOneBarCheck = $('.custom-progress-bar #step-1-bar-check'), 4389 stepTwo = $('.custom-progress-bar #step-2'), 4390 stepTwoCheck = $('.custom-progress-bar #step-2-check'), 4391 stepTwoCircle = $('.custom-progress-bar #step-2-Circle'), 4392 stepTwoBar = $('.custom-progress-bar #step-2-bar'), 4393 stepTwoBarCheck = $('.custom-progress-bar #step-2-bar-check'), 4394 stepThree = $('.custom-progress-bar #step-3'), 4395 stepThreeCheck = $('.custom-progress-bar #step-3-check'), 4396 stepThreeCircle = $('.custom-progress-bar #step-3-Circle'); 4397 4398 function updateStep(step, stepCircle, stepCheck, stepBar, stepBarCheck, display, circleFill, checkDisplay, barDisplay, barCheckDisplay, delay, callback){ 4399 setTimeout(() =>{ 4400 step.css('display', display); 4401 stepCircle.css('fill', circleFill); 4402 stepCheck.css('display', checkDisplay); 4403 if (stepBar){ 4404 stepBar.css('display', barDisplay); 4405 } 4406 if (stepBarCheck){ 4407 stepBarCheck.css('display', barCheckDisplay); 4408 } 4409 if (callback) callback(); 4410 }, delay); 4411 } 4412 4413 if (progress > 1){ 4414 updateStep(stepOne, stepOneCircle, stepOneCheck, stepOneBar, stepOneBarCheck, 'none', '#EC622A', 'block', 'none', 'block', 0, () =>{ 4415 updateStep(stepTwo, stepTwoCircle, stepTwoCheck, stepTwoBar, stepTwoBarCheck, 'none', '#EC622A', 'block', 'none', 'block', 0, () =>{ 4416 updateStep(stepThree, stepThreeCircle, stepThreeCheck, null, null, 'none', '#EC622A', 'block', '', '', 750); 4417 }); 4418 }); 4419 }else if (progress === 1){ 4420 updateStep(stepOne, stepOneCircle, stepOneCheck, stepOneBar, stepOneBarCheck, 'block', '#EC622A', 'block', 'none', 'block', 0, () =>{ 4421 updateStep(stepTwo, stepTwoCircle, stepTwoCheck, stepTwoBar, stepTwoBarCheck, 'block', '#fff', 'none', 'block', 'none', 750); 4422 updateStep(stepThree, stepThreeCircle, stepThreeCheck, null, null, 'block', '#fff', 'none', '', '', 0); 4423 }); 4424 }else if (progress === 0){ 4425 updateStep(stepThree, stepThreeCircle, stepThreeCheck, null, null, 'block', '#fff', 'none', '', '', 0, () =>{ 4426 updateStep(stepTwo, stepTwoCircle, stepTwoCheck, stepTwoBar, stepTwoBarCheck, 'block', '#fff', 'none', 'block', 'none', 0, () =>{ 4427 updateStep(stepOne, stepOneCircle, stepOneCheck, stepOneBar, stepOneBarCheck, 'block', '#fff', 'none', 'block', 'none', 0); 4428 }); 4429 }); 4430 } 4431 }, 4432 4433 async openCartDrawer(){ 4434 $(document.body).addClass('cart-drawer--opened'); 4435 4436 await methods.buildCart(); 4437 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4438 if (typeof tiersApi !== 'undefined'){ 4439 tiersApi.updateProgressBar = cartJSON; 4440 }else{ 4441 methods.progressBarAnimation(cartJSON); 4442 } 4443 }, 4444 4445 async closeCartDrawer(){ 4446 $(document.body).removeClass('cart-drawer--opened'); 4447 }, 4448 }; 4449 4450 $('.icon--cart').click(async function (e){ 4451 e.preventDefault(); 4452 4453 await methods.openCartDrawer(); 4454 }); 4455 4456 $(document).click(async function (e){ 4457 if ( 4458 $(e.target).is('.cart-drawer__overlay') || 4459 $(e.target).is('.cart-drawer__close') || 4460 $(e.target).is('.cart-drawer__button--close-drawer') 4461 ){ 4462 e.preventDefault(); 4463 4464 await methods.closeCartDrawer(); 4465 } 4466 }); 4467 4468 $(document).on('click', '.cart-drawer__upsell-atc--mask', function (event){ 4469 const [ $alert_element ] = $(this).parent().parent().siblings('.cart
4469-drawer__upsell-alert'); 4470 $($alert_element).show(); 4471 setTimeout(() =>{ 4472 $($alert_element).hide(); 4473 }, 5000); 4474 }); 4475 4476 $(document).on('submit', 'form[action*="/cart/add"]', async function (e){ 4477 if (window.disableVastaShopCartDrawer) return; 4478 const $form = $(this); 4479 if ($form.hasClass('js-buybox-checkout-form')) return; 4480 const quantity = $form.find('[name="quantity"]').val(); 4481 const cartCount = document.querySelector('.js-cart-count'); 4482 if (cartCount){ 4483 cartCount.textContent = Number(cartCount.textContent) + Number(quantity); 4484 } 4485 const id = $form.find('[name="id"]').val(); 4486 const $spinningElement = $('form .spinner__wrapper.show'); 4487 4488 /* Start Shipping protection */ 4489 localStorage.setItem('shipping_protection_upsell', true); 4490 /* End Shipping protection */ 4491 4492 e.preventDefault(); 4493 4494 $('.btn-progress').css('width', 0).show().animate( 4495{ 4496 width: '99.5%', 4497 }, 4498 700 4499 ); 4500 4501 $('.shipping-calculate-date').css('display', 'flex'); 4502 4503 await methods.addItem($form.serialize()); 4504 await methods.buildCart(); 4505 await methods.openCartDrawer(); 4506 4507 if($spinningElement.length > 0){ 4508 $spinningElement.removeClass('show'); 4509 } 4510 4511 $('.btn-progress').css('width', '100%').fadeOut(); 4512 }); 4513 4514 $cartDrawer.on('click', '.cart-items__item-minus', async function (e){ 4515 const $btn = $(e.target); 4516 this.disabled = true; 4517 const $lineItem = $btn.closest('.cart-items__line-item'); 4518 const key = $lineItem.data('key'); 4519 const $quantity = $lineItem.find('.cart-items__item-quantity'); 4520 const cartCount = document.querySelector('.js-cart-count'); 4521 if (cartCount){ 4522 cartCount.textContent = Number(cartCount.textContent) - 1; 4523 } 4524 let qty = parseInt($quantity.val() || 1); 4525 4526 e.preventDefault(); 4527 4528 qty = Math.max(0, qty - 1); 4529 4530 if (qty > 0){ 4531 $quantity.val(qty); 4532 4533 await methods.updateItem(key, qty); 4534 await methods.buildCart(); 4535 } 4536 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4537 if (typeof tiersApi !== 'undefined'){ 4538 tiersApi.updateProgressBar = cartJSON; 4539 }else{ 4540 methods.progressBarAnimation(cartJSON); 4541 } 4542 }); 4543 4544 $cartDrawer.on('click', '.cart-items__item-plus', async function (e){ 4545 const $btn = $(e.target); 4546 const $oldStock = $('.cart-items__outstock-tooltip'); 4547 try{ 4548 const $lineItem = $btn.closest('.cart-items__line-item'); 4549 const key = $lineItem.data('key'); 4550 const $quantity = $lineItem.find('.cart-items__item-quantity'); 4551 const cartCount = document.querySelector('.js-cart-count'); 4552 if (cartCount){ 4553 cartCount.textContent = Number(cartCount.textContent) + 1; 4554 } 4555 let qty = parseInt($quantity.val() || 1); 4556 e.preventDefault(); 4557 qty = qty + 1; 4558 await methods.updateItem(key, qty); 4559 await methods.buildCart(); 4560 $quantity.val(qty); 4561 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4562 if (typeof tiersApi !== 'undefined'){ 4563 tiersApi.updateProgressBar = cartJSON; 4564 }else{ 4565 methods.progressBarAnimation(cartJSON); 4566 } 4567 }catch (error){ 4568 this.disabled = true; 4569 $oldStock.css('display', 'flex'); 4570 } 4571 }); 4572 4573 $cartDrawer.on('blur', '.cart-items__item-quantity', async function (e){ 4574 const $ipt = $(e.target); 4575 const $lineItem = $ipt.closest('.cart-items__line-item'); 4576 const key = $lineItem.data('key'); 4577 const qty = parseInt($ipt.val() || 1); 4578 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4579 if (typeof tiersApi !== 'undefined'){ 4580 tiersApi.updateProgressBar = cartJSON; 4581 }else{ 4582 methods.progressBarAnimation(cartJSON); 4583 } 4584 await methods.updateItem(key, qty); 4585 await methods.buildCart(); 4586 }); 4587 4588 $cartDrawer.on('click', '.cart-items__item-remove', async function (e){ 4589 e.preventDefault(); 4590 const $btn = $(e.target); 4591 const $lineItem = $btn.closest('.cart-items__line-item'); 4592 const $quantity = $lineItem.find('.cart-items__item-quantity'); 4593 const cartCount = document.querySelector('.js-cart-count'); 4594 if (cartCount){ 4595 cartCount.textContent = Number(cartCount.textContent) - Number($quantity.val()); 4596 } 4597 const key = $lineItem.data('key'); 4598 const bundle_id = $lineItem.data('bundle-id'); 4599 4600 if(!bundle_id){ 4601 await methods.updateItem(key, 0); 4602 } 4603 else{ 4604 const $bundleLineItems = $(`#CartDrawer .cart-items__line-item[data-bundle-id="${bundle_id}"]`); 4605 const updates ={};
4606 Array.from($bundleLineItems).forEach(li =>{ 4607 const id = $(li).data('key').split(':')[0]; 4608 updates[id] = 0; 4609 }); 4610 4611 await methods.updateMultipleItems(updates); 4612 } 4613 4614 await methods.buildCart(); 4615 let cartJSON = await $.getJSON(window.Shopify.routes.root + 'cart.js'); 4616 if (typeof tiersApi !== 'undefined'){ 4617 tiersApi.updateProgressBar = cartJSON; 4618 }else{ 4619 methods.progressBarAnimation(cartJSON); 4620 } 4621 }); 4622 4623 return methods; 4624 })(jQuery); 4625 }); 4626</script>
4626 4627 4628 4629 4630</div></aside> 4631 4632 4633 4634 <div class="DrawerOverlay"></div> 4635 <div class="size-popup-overlay"></div> 4636 <!-- START buybox-size-modal.liquid (snippet) --> 4637<style> 4638 4639 4640 .new-buybox__product-size-popup{ 4641 position: fixed; 4642 top: 50%; 4643 left: 50%; 4644 transform: translate(-50%, -50%); 4645 z-index: 99999; 4646 background-color: #21211F; 4647 padding: 15px; 4648 opacity: 0; 4649 visibility: hidden; 4650 transition: opacity 0.3s ease, visibility 0.3s ease; 4651 color: white; 4652 } 4653 4654 .new-buybox__product-size-popup.active{ 4655 opacity: 1; 4656 visibility: visible; 4657 } 4658 4659 .new-buybox__product-size-popup-content-header-title{ 4660 text-align: center; 4661 font-style: italic; 4662 } 4663 4664 .new-buybox__product-size-popup-content-body-image{ 4665 width: auto; 4666 height: auto; 4667 aspect-ratio: 4 / 5; 4668 margin: 0 auto; 4669 max-height: 75vh; 4670 } 4671 4672 .new-buybox__product-size-popup-content-close{ 4673 top: -45px; 4674 position: absolute; 4675 cursor: pointer; 4676 background-color: white; 4677 border-radius: 50%; 4678 padding: 7px; 4679 width: fit-content; 4680 display: flex; 4681 justify-content: center; 4682 align-items: center; 4683 color: black; 4684 height: fit-content; 4685 } 4686 4687 .new-buybox__product-size-popup-content-close svg{ 4688 width: 20px; 4689 height: 20px; 4690 } 4691 4692 .new-buybox__product-size-popup-header{ 4693 display: flex; 4694 align-items: center; 4695 justify-content: space-around; 4696 } 4697 4698 4699 @media (max-width: 768px){ 4700 4701 .new-buybox__product-size-popup-content-close{ 4702 top: -35px; 4703 } 4704 4705 .new-buybox__product-size-popup-content-close svg{ 4706 width: 15px; 4707 height: 15px; 4708 } 4709 4710 .new-buybox__product-size-popup{ 4711 background-color: #21211F; 4712 padding: 15px 10px 15px 5px; 4713 color: white; 4714 width: 100%; 4715 } 4716 4717 .new-buybox__product-size-popup-content-body-image{ 4718 width: fit-content; 4719 margin: 0 auto; 4720 } 4721 } 4722</style> 4723 4724<div class="new-buybox__product-size-popup"> 4725 <div class="new-buybox__product-size-popup-header"> 4726 <p class="new-buybox__product-size-popup-content-header-title"> 4727 Use size chart below for slightly relaxed fit. <br> 4728 For snug fit, size down. 4729 </p> 4730 <div class="new-buybox__product-size-popup-content-close js-close-size-popup"> 4731 <!-- start icon-close.liquid (SNIPPET) --> 4732<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" class="icon icon-close" fill="none" viewBox="0 0 18 17"> 4733 <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"/> 4734</svg> 4735<!-- end icon-close.liquid (SNIPPET) --> 4736 </div> 4737 </div> 4738 <img 4739 src="//undrdog.com/cdn/shop/files/size-chart.jpg?v=4440979870481162404" 4740 width="1200" 4741 height="1500" 4742 alt="Size Chart" 4743 class="new-buybox__product-size-popup-content-body-image" 4744 > 4745</div> 4746
4747<script> 4748 document.addEventListener('DOMContentLoaded', function (){ 4749 const sizePopup = document.querySelector('.new-buybox__product-size-popup'); 4750 const sizePopupOverlay = document.querySelector('.size-popup-overlay'); 4751 4752 if (!sizePopup || !sizePopupOverlay) return; 4753 4754 function openSizePopup(){ 4755 sizePopup.classList.add('active'); 4756 sizePopupOverlay.classList.add('active'); 4757 document.body.style.overflow = 'hidden'; 4758 } 4759 4760 function closeSizePopup(){ 4761 sizePopup.classList.remove('active'); 4762 sizePopupOverlay.classList.remove('active'); 4763 document.body.style.overflow = ''; 4764 } 4765 4766 // 🔥 EVENT DELEGATION (FUNCIONA EM QUALQUER SECTION) 4767 document.addEventListener('click', function (e){ 4768 const openBtn = e.target.closest('.js-open-size-popup'); 4769 const closeBtn = e.target.closest('.js-close-size-popup'); 4770 4771 if (openBtn){ 4772 e.preventDefault(); 4773 openSizePopup(); 4774 } 4775 4776 if (closeBtn || e.target === sizePopupOverlay){ 4777 closeSizePopup(); 4778 } 4779 }); 4780 4781 document.addEventListener('keydown', function (e){ 4782 if (e.key === 'Escape'){ 4783 closeSizePopup(); 4784 } 4785 }); 4786 }); 4787</script>
4787 4788 4789<style> 4790 .es-loaded #easysize_button{ 4791 color: #656565 !important; 4792 font-size: 14px !important; 4793 font-weight: 400 !important; 4794 line-height: 140% !important; 4795 margin-top: 0 !important; 4796 display: flex !important; 4797 } 4798 4799 .easysize_button:before{ 4800 content: none !important; 4801 } 4802 4803 .easysize-container{ 4804 display: none; 4805 } 4806</style> 4807<!-- END buybox-size-modal.liquid (snippet) --> 4808 4809 4810 <section id="collection-layout"> 4811 <h2 class="hide">CollectionContent</h2> 4812 4813 <section id="shopify-section-template--25875984941366__main" class="shopify-section"><!-- sections/collection-template --><style> #shopify-section-template--25875984941366__main{background-color: #fff;}#shopify-section-template--25875984941366__main .titles{position: absolute;width: 70%;left:%;top:% }#shopify-section-template--25875984941366__main .collection-description__text{text-align: left;color: #000;}#shopify-section-template--25875984941366__main .collection-description__text.see-more.see-more:not(.collection-description__text--opened){max-height: 125px;}#shopify-section-template--25875984941366__main .collection-description__button{color: #000;}#shopify-section-template--25875984941366__main .grid__item-price{font-size: 1.125rem;}#shopify-section-template--25875984941366__main .product-card__item-title{font-size: 18px;}@media (max-width:1019px){#shopify-section-template--25875984941366__main .product-card__item-title{font-size: 21px;}}@media (max-width:767px){#shopify-section-template--25875984941366__main .product-card__item-title{font-size: 13px;}}</style><style> .collection-page__breadcrumb-wrapper{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 5px;margin: 34px auto 10px;padding: 0 20px 0 23px;}.collection-page__breadcrumb-wrapper .breadcrumbs{margin-bottom: 0;}.collection-page__breadcrumb-wrapper .breadcrumbs{width: 22%;}.collection-page__breadcrumb-wrapper .breadcrumbs__item{line-height: 1;letter-spacing: 0.3px;}.template-collection .breadcrumbs__separator{margin-left: 4px;margin-right: 4px;}.collection-page__breadcrumb-wrapper .breadcrumbs__separator svg{width: 12px;}.collection-filter__wrapper{display: flex;justify-content: flex-end;padding-right: 3px;flex: 1;}.products-not-found{margin: 0 auto;}.collection-page__loading-more-wrapper{text-align: center;width: 100%;color: #FFF;}.collection-page__loading-more{width: 101px;height: 35px;color: #ACACAC;display: inline-block;border: 1px solid #ACACAC;padding: 6.5px 10px 6.5px 6px;}.collection-page__loading-more:hover{background: var(--color-secondary-buttons-hover);color: var(--color-secondary-buttons-text-hover);}.loading-more__progress-wrapper{display: block;width: 100px;margin: 0.5px auto 79px;}.loading-more__progress-label{margin-bottom: 5px;}.loading-more__progress-bar{display: block;width: 100%;height: 4px;background-color: #eee;position: relative;margin-bottom: 10px;}.loading-more__progress-bar-fill{display: block;height: 100%;background-color: #f00;position: absolute;top: 0;left: 0;}.collection-facets--opened{overflow: hidden;}.collection-page__wrapper > div:not(.collection-page__filter-wrapper):not(.collection-page__content){display: none;}.collection-page__wrapper{padding: 20px 0;}.collection-page__filter-wrapper{width: 18%;margin-left: 2px;}.collection-page__content{width: 77%;margin-right: 6px;}.collection-filter__item-label{font-size: var(--breadcrumbFontSize, 1rem);letter-spacing: 0.2px;color: #000;margin-right: 10px;}.collection-filter__dropdown{width: 206px;height: 47px;margin: 0 2px 0 0;padding: 0 17px;letter-spacing: 0.2px;font-size: var(--breadcrumbFontSize, 1rem);appearance: none;-webkit-appearance: none;background-color: transparent;background-image: url("//undrdog.com/cdn/shop/t/136/assets/icon-arrow-down.svg?v=34081463646560744061769604906");background-size: 20px;background-position: 94% 54%;background-repeat: no-repeat;border-radius: 4px;}.collection__filter-icon-wrapper{display: flex;align-items: center;gap: 30px;}.spinner-widget{display: flex;flex-direction: column;align-items: center;padding: 30px 0;margin: 0 auto;width: 100%;}.spinner-widget__spinner{display: block;width: 50px;height: 50px;border: 3px solid #eee;border-bottom-color: transparent;border-radius: 100%;margin-bottom: 5px;animation: linear 0.45s 0s infinite spinner;}.spinner-widget__text{text-transform: uppercase;}@keyframes spinner{0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}
4813/* product grid */ .collection-page__wrapper, .collection-page__grid-products{display: flex;}.collection-page__wrapper{padding: 24px 20px 20px 23px;justify-content: space-between;}.collection-page__grid-products{flex-wrap: wrap;justify-content: flex-start;}.collection-page__grid-products.grid-uniform--s4{gap: 30px 2%;}.collection-page__grid-products.grid-uniform--s3{gap: 24.5px 1.8%;}.collection-page__grid-products.grid-uniform--s2{gap: 30px 3%;}.collection-page__grid-products + .collection-page__grid-products{margin-top: 30px;}.collection-page__grid-products .product-card__grid-item-fullsize{background-color: #F8F4F1;}.collection-page__grid-products .product-card__item-title-wrapper .product-card__item-title{margin-top: 13px;padding: 0 13px;}.collection-page__grid-products .product-card__grid-item{border-radius: 10px;border: 1px solid #E8E8E8;}.collection-page__grid-products .product-card__item-price{font-size: 18px;}.collection-page__grid-products .product-card__item-title{padding: 0 10px;margin: 12px 0 0 0;}.collection-page__grid-products .product-card__item-price-wrapper{margin: 5px 0 6px;padding: 0 10px;}.collection-page__grid-products .product-card__reviews{display: flex;align-items: center;gap: 4.5px;padding: 0 10px;margin: 0;}.collection-page__grid-products .product-card__reviews svg{width: 23.8%;height: auto;}.collection-page__grid-products .product-card__reviews svg path{f
4813ill: #ffbc11;}body .collection-banner .collection-page__title{font-size: 30px;}.collection-description__text, .collection-description__text *{font-size: 18px;}.collection-template-wrapper .product-card__grid-item-image-wrapper{padding-top: 109%;border-radius: 10px;}@media (max-width: 1019px){.collection-page__breadcrumb-wrapper{margin: 44px auto 10px;padding: 0 22px;}.collection-page__breadcrumb-wrapper .breadcrumbs{width: auto;display: flex;align-items: center;gap: 7px;}.collection-page__breadcrumb-wrapper .breadcrumbs__item{padding-left: 0px;}.collection-page__wrapper{padding: 23px 20px;}.products-amount-span{font-size: 12px;margin-right: 20px;}.collection-page__grid-products.grid-uniform--st2{gap: 19.5px 3%;}.collection-page__grid-products.grid-uniform--st3{gap: 30px 1.5%;}.collection-page__grid-products + .collection-page__grid-products{margin-top: 39px;}.collection__filter-icon-wrapper{position: absolute;right: 0;margin-bottom: 90px;}.collection-filter__wrapper{flex: unset;width: 50%;justify-content: flex-end;padding-right: 0;order: 1;gap: 11px;}.collection-filter__item-label{font-size: var(--breadcrumbFontSizeTablet, 1rem);margin-right: 5px;}.collection-filter__dropdown{font-size: 13px;height: 40px;width: 115px;margin: 0;border-radius: 10px;padding: 0 29px 0 11px;background-position: 88.4% 47.4%;}.collection-page__filter-wrapper{width: 300px;margin-right: 0;position: fixed;right: calc(100%);top: 0;height: 100%;z-index: 10;background: #fff;}.collection-template-wrapper .product-card__grid-item-image-wrapper{padding-top: 108%;border-radius: 10px;width: 100%;min-height: 380.062px;}body.collection-facets--opened .collection-facets__overlay{opacity: 1;visibility: visible;background: rgba(0,0,0,0.6);transition: all .3s linear;}body.collection-facets--opened .collection-page__filter-wrapper{transition: ease-in-out all .2s;transform: translate(100%, 0%);}.collection-description__text, .collection-description__text *{font-size: 12px;}body .collection-banner .collection-page__title{font-size: 24px;}.collection-page__content{width: 100%;margin-right: 0;}.collection-page__grid-products .product-card__product-info{padding: 0;}.collection-page__grid-products .product-card__item-title{margin: 9px 0 0;padding: 0 13px;}.collection-page__grid-products .product-card__reviews{padding: 0 12px;margin: 0;gap: 6px;}.collection-page__grid-products .product-card__reviews svg{width: 23.6%;}.collection-page__grid-products .product-card__reviews span{font-size: 12px;}.collection-page__grid-products .product-card__item-price-wrapper{padding: 0 13px;margin: 3px 0 7px;}.collection-page__grid-products .product-card__item-price{font-size: 18px;}.collection-page__loading-more-wrapper{text-align: center;margin: 0;width: 100%;}.loading-more__progress-wrapper{display: block;margin: 12px auto 19px;width: 106px;height: 37px;}.collection-page__loading-more{font-size: 16px;width: 106px;height: 39px;padding: 8px 10px 10px;}}@media (max-width: 767px){body .collection-banner .collection-page__title{font-size: 16px;}.products-amount-span{font-size: 10px;margin-right: 20px;letter-spacing: -0.05px;}.collection-page__breadcrumb-wrapper{margin: 25px auto 0px;padding: 0 19px;}.collection-page__breadcrumb-wrapper .breadcrumbs__item{font-size: 12px;line-height: 8.792px;letter-spacing: 0.15px;}.collection-page__breadcrumb-wrapper .breadcrumbs__separator{margin: 3px 2px 0 2px;}.collection-page__breadcrumb-wrapper .breadcrumbs__separator svg{width: 6px;height: 9px;bottom: 2px;}.collection-filter__wrapper{width: 154px;gap: 10px;}body .collection-page__wrapper{width: 100%;padding: 19px 10px 0;}.collection-filter__item{display: flex;align-items: center;justify-content: center;}.collection-filter__item-label{font-size: 10px;width: 35px;margin-right: 4.9px;letter-spacing: 0.1px;}.collection-filter__dropdown{font-size: 10px;letter-spacing: 0.05px;line-height: 1;padding: 0 6px 0px 8px;height: 23px;width: 121px;background-size: 10px;border-radius: 5px;background-position: 93.8% 50%;}.collection__filter-icon-wrapper{display: flex;align-items: center;gap: 12px;margin-bottom: 44px;}.collection-template-wrapper .product-card__grid-item-image-wrapper{padding-top: 109.2%;min-height: 183.2px;border-radius: 8px 8px 5.276px 5.276px;}body .product-card__item-title-wrapper .product-card__item-title{margin-top: 7px;}.collection-description__text, .collection-description__text *{font-size: 10px;}.collection-template-wrapper .breadcrumbs{gap: 2px;margin: 0;}.template-collection .breadcrumbs__separator{margin: 3px 3px 0 1px;}
4813.collection-page__grid-products.grid-uniform--sm1{gap: 10.5px 11.12px;justify-content: center;}.collection-page__grid-products.grid-uniform--sm2{gap: 30px 3%;}.loading-more__progress-wrapper{display: block;margin: 0.8px auto 1px;width: 86px;height: 28px;}.collection-page__loading-more{font-size: 11px;width: 79px;height: 26px;padding: 6px;line-height: 1;letter-spacing: 0.2px;}.collection-page__grid-products .product-card__reviews{padding: 0 5.6px;margin: 0;gap: 2.5px;}.collection-page__grid-products .product-card__reviews svg{width: 34%;margin-bottom: 2px;}.collection-page__grid-products .product-card__reviews span{font-size: 10px;}.collection-page__grid-products .product-card__item-title{margin: 6.3px 0 0;padding: 0 6px;letter-spacing: 0.3px;}.collection-page__grid-products .product-card__item-price-wrapper{padding: 1px 6px;margin: 5px 0 2.3px;letter-spacing: 0.4px;}.collection-page__grid-products .product-card__item-price{font-size: 16px;}.collection-page__grid-products .product-card__product-info{line-height: 99%;display: flex;flex-direction: column;justify-content: space-between;}}</style><div class="collection-template-wrapper"> 4814<!-- start collection-banner.liquid (SNIPPET) --><style> 4815 #shopify-section-template--25875984941366__main .collection-banner__header-group{ 4816 position: absolute; 4817 width: 70%; 4818 4819 4820 left: 9%; 4821 4822 4823 4824 top: 28%; 4825 4826 } 4827 4828 #shopify-section-template--25875984941366__main .collection-banner__title{ 4829 color: #ffffff; 4830 font-size: 22px; 4831 } 4832 4833 #shopify-section-template--25875984941366__main .collection-banner__description{ 4834 color: #ffffff; 4835 font-size: 20px; 4836 } 4837 4838 @media (max-width: 1019px){ 4839 #shopify-section-template--25875984941366__main .collection-banner__header-group{ 4840 position: absolute; 4841 width: 47%; 4842 4843 4844 left: 11%; 4845 4846 4847 4848 top: 31%; 4849 4850 } 4851 #shopify-section-template--25875984941366__main .collection-banner__title{ 4852 font-size: 20px; 4853 } 4854 #shopify-section-template--25875984941366__main .collection-banner__description{ 4855 font-size: 18px; 4856 } 4857 } 4858 4859 @media (max-width: 767px){ 4860 #shopify-section-template--25875984941366__main .collection-banner__header-group{ 4861 position: absolute; 4862 padding: 0 0 0 1px; 4863 margin: 0; 4864 width: 52%; 4865 4866 4867 left: 8%; 4868 4869 4870 4871 top: 20%; 4872 4873 } 4874 #shopify-section-template--25875984941366__main .collection-banner__title{ 4875 font-size: 16px; 4876 } 4877 #shopify-section-template--25875984941366__main .collection-banner__description{ 4878 font-size: 14px; 4879 } 4880 } 4881</style><style scoped> 4882 .collection-banner-wrapper{ 4883 position: relative; 4884 height: 452px; 4885 } 4886 4887 .collection-banner{ 4888 position: relative; 4889 height: 0; 4890 overflow: hidden; 4891 height: 100%; 4892 width: 100%; 4893 } 4894 4895 .collection-banner__image{ 4896 width: 100%; 4897 position: absolute; 4898 top: 0; 4899 left: 0; 4900 height: 100%; 4901 object-fit: cover; 4902 object-position: center; 4903 } 4904 4905 .collection-banner__header-group{ 4906 padding-left: 6px; 4907 line-height: 1.2; 4908 } 4909 4910 .collection-banner__title{
4911 margin-top: 1px; 4912 line-height: 30px; 4913 text-shadow: 0px 0px 5px #000000; 4914 } 4915 4916 .collection-banner__description{ 4917 line-height: 30px; 4918 text-shadow: 0px 0px 5px #000000; 4919 } 4920 4921 .collection-page__title-wrapper{ 4922 position: absolute; 4923 width: 100%; 4924 height: 100%; 4925 top: 0; 4926 left: 0; 4927 display: flex; 4928 align-items: center; 4929 justify-content: center; 4930 flex-direction: column; 4931 gap: 10px; 4932 padding: 0 20px; 4933 } 4934 4935 body .collection-page__title{ 4936 color: #FFF; 4937 text-align: center; 4938 } 4939 4940 @media (min-width: 1281px){ 4941 4942 body #shopify-section-template--25875984941366__main .collection-description__text.see-more.see-more:not(.collection-description__text--opened){ 4943 padding: 0; 4944 } 4945 .collection-page__title, .collection-description{ 4946 max-width: 1220px; 4947 margin: 0 auto; 4948 padding: 0 20px; 4949 } 4950 } 4951 4952 @media (max-width: 1019px){ 4953 .collection-banner__title{ 4954 margin-bottom: 0px; 4955 margin-top: 0px; 4956 line-height: 33px; 4957 } 4958 .collection-page__title{ 4959 color: #FFF; 4960 } 4961 .collection-banner-wrapper{ 4962 position: relative; 4963 height: 242px; 4964 } 4965 .collection-banner__description{ 4966 line-height: 30px; 4967 } 4968 .collection-banner__image{ 4969 top: 1px; 4970 } 4971 } 4972 4973 @media (max-width: 767px){ 4974 .collection-banner-wrapper{ 4975 position: relative; 4976 height: 117.382px; 4977 } 4978 4979 .collection-banner__image{ 4980 position: absolute; 4981 top: 0; 4982 left: 0; 4983 height: 100%; 4984 object-fit: cover; 4985 object-position: center; 4986 } 4987 4988 .collection-banner__title{ 4989 line-height: 26px; 4990 margin: 0; 4991 } 4992 4993 .collection-banner__description{ 4994 line-height: 100%; 4995 margin: 0; 4996 } 4997 4998 .collection-banner__description:nth-child(2){ 4999 position: relative; 5000 bottom: 1px; 5001 } 5002 } 5003</style><div class="collection-page__breadcrumb-wrapper wrapper"><!-- start breadcrumb.liquid (SNIPPET) --><div class="breadcrumbs" aria-label="breadcrumbs"> 5004 5005 <a id="breadcrumbs__homepage" class="breadcrumbs__item breadcrumbs__link" href="/" title="Home">Home</a> 5006 <span class="breadcrumbs__separator" aria-hidden="true"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 5007 <path d="M10 8L14 12L10 16" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 5008</svg> 5009 </span> 5010 5011<span class="breadcrumbs__item">Products</span></div><style scoped> 5012 .breadcrumbs{ 5013 display: block; 5014 margin-bottom: 5.9px; 5015 line-height: 1; 5016 } 5017 5018 .breadcrumbs span{ 5019 color: var(--breadcrumbtextcolor, #000); 5020 } 5021 5022 .breadcrumbs__item{ 5023 font-size: var(--breadcrumbFontSize, 1rem); 5024 color: var(--breadcrumbtextcolor, #000); 5025 font-style: var(--breadcrumbtextstyle, normal); 5026 letter-spacing: 0.6px; 5027 } 5028 5029 .product-page .breadcrumbs .breadcrumbs__link{ 5030 color: var(--breadcrumbLinkColor, #000); 5031 font-weight: 500; 5032 } 5033 5034 .breadcrumbs__separator{ 5035 display: inline; 5036 } 5037 5038 .breadcrumbs__separator svg{ 5039 width: 18px; 5040 height: 16px; 5041 transform: scale(1.8); 5042 padding-top: 2.7px; 5043 } 5044 5045 .breadcrumbs__separator svg path{ 5046 stroke: var(--breadcrumbtextcolor, #000); 5047 } 5048 5049 @media (max-width: 1019px){ 5050 .breadcrumbs__separator{ 5051 margin-right: 2px; 5052 } 5053 5054 .breadcrumbs__separator svg{ 5055 width: 16px; 5056 height: 11px; 5057 padding-top: 0; 5058 transform: scale(2.3); 5059 position: relative; 5060 right: 1px; 5061 bottom: 1px; 5062 } 5063 5064 .breadcrumbs__item{ 5065 font-size: var(--breadcrumbFontSizeTablet, 1rem); 5066 letter-spacing: 0; 5067 } 5068 } 5069 5070 @media (max-width: 767px){ 5071 .breadcrumbs__item{ 5072 font-size: var(--breadcrumbFontSizeMobile, 1rem); 5073 } 5074 5075 .breadcrumbs__separator svg{ 5076 width: 11px; 5077 height: 6px; 5078 padding-bottom: 0; 5079 bottom: 0; 5080 } 5081 } 5082 5083</style> 5084<div class="collection__filter-icon-wrapper"><!-- start breadcrumb-product-count (SNIPPET) --> 5085<div class="products-amount"> 5086 <span class="products-amount-span"> 5087 Showing 5088 5089 <span class="product-count__initial-quantity"> 5090 5091 1 5092 5093 </span> - 5094 <span class="product-count__final-quantity"> 5095 5096 5097 5098 4 5099 5100 </span> of 5101 5102 <span class="product-count__total-quantity"> 5103 4 5104 5105 5106 items 5107 5108 </span> 5109 </span> 5110</div> 5111 5112<style> 5113 .products-amount{ 5114 line-height: 1; 5115 font-size: var(--breadcrumbFontSize, 1rem); 5116 font-weight: 500; 5117 color: #000; 5118 } 5119 5120 @media (max-width: 1019px){ 5121 .products-amount{ 5122 font-size: var(--breadcrumbFontSizeTablet, 1rem); 5123 } 5124 } 5125 5126 @media (max-width: 767px){ 5127 .products-amount{ 5128 font-size: var(--breadcrumbFontSizeMobile, 1rem); 5129 } 5130 } 5131</style> 5132</div> 5133 5134 <div class="collection-filter__wrapper"><!-- start collection-filter.liquid (SNIPPET) --> 5135<input type="hidden" name="filter.v.availability" value="1"> 5136<input type="hidden" name="filter.v.price.gte" value=""> 5137<input type="hidden" name="filter.v.price.lte" value=""><div class="content-collection below filter-width sticky"> 5138 <div class="collection-filter"><div class="collection-filter__item filter-by-order"> 5139 <span class="collection-filter__item-label filter">Sort By</span> 5140 5141 <select aria-label="SortBy" id="filter-sort-by" class="collection-filter__dropdown sort-by filter-select"><option 5142 value="manual" 5143 5144 > 5145 Featured 5146 </option> 5147 <option 5148 value="best-selling" 5149 5150 > 5151 Best Selling 5152 </option> 5153 <option 5154 value="title-ascending"selected> 5155 A-Z, Alphabetically 5156 </option> 5157 <option 5158 value="title-descending"> 5159 Z-A, Alphabetically 5160 </option> 5161 <option 5162 value="price-ascending"> 5163 Price, low to high 5164 </option> 5165 <option 5166 value="price-descending"> 5167 Price, high to low 5168 </option> 5169 <option 5170 value="created-ascending"> 5171 Date, old to new 5172 </option> 5173 <option 5174 value="created-descending"> 5175 Date, new to old 5176 </option> 5177 </select> 5178 </div></div> 5179 </div><!-- start collection-filter-icon.liquid (SNIPPET) --> 5180<div class="collection-facets__icon-container"> 5181 <span class="collection-facets__icon"> 5182 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewB
5182ox="0 0 24 25" fill="none"> 5183 <path d="M5 7.60419H19" stroke="black" stroke-width="2" stroke-linecap="round"/> 5184 <path d="M5 12.5H15" stroke="black" stroke-width="2" stroke-linecap="round"/> 5185 <path d="M5 17.3958H11" stroke="black" stroke-width="2" stroke-linecap="round"/> 5186</svg> 5187 5188 </span> 5189</div> 5190 5191<style scope> 5192 .collection-facets__icon, 5193 .collection-facets__icon-container{ 5194 display: none; 5195 } 5196 5197 @media (max-width: 1019px){ 5198 .collection-facets__icon-container{ 5199 display: block; 5200 } 5201 5202 .collection-facets__icon{ 5203 width: 86px; 5204 height: 39px; 5205 border-radius: 10px; 5206 background: #F1F1F1; 5207 display: flex; 5208 align-items: center; 5209 justify-content: center; 5210 } 5211 5212 .collection-facets__item-fieldset-icon{ 5213 display: flex; 5214 align-items: center; 5215 gap: 5px; 5216 border: none; 5217 order: 1; 5218 flex-wrap: wrap; 5219 } 5220 } 5221 5222 @media (max-width: 767px){ 5223 .collection-facets__icon{ 5224 width: 42.1px; 5225 height: 23.6px; 5226 border-radius: 5px; 5227 } 5228 5229 .collection-facets__icon svg{ 5230 width: 13px; 5231 height: 13px; 5232 } 5233 } 5234</style> 5235</div> 5236 </div><div class="collection-facets__overlay"></div> 5237 5238 <div class="collection-page__wrapper wrapper"> 5239 5240 <div class="collection-page__filter-wrapper"><!-- start collection-facets.liquid (SNIPPET) --> 5241 5242 5243 5244 5245 5246<div class="collection-facets__wrapper"> 5247 <h2 class="collection-facets__title no-desktop">Filter</h2> 5248 5249 <div class="collection-facets__scroll"> 5250 5251 5252 5253 5254 <details open class="collection-facets__item collection-facets__item--list"> 5255 <summary class="collection-facets__item-summary"> 5256 <span class="collection-facets__item-title">Availability 5257 </span> 5258 </summary> 5259 5260 <div class="collection-facets__item-values"> 5261 <fieldset class="collection-facets__item-fieldset"><label class="collection-facets__item-value"> 5262 <input 5263 type="checkbox" 5264 class="collection-facets__item-option" 5265 value="1" 5266 name="filter.v.availability" 5267 > 5268 <span class="collection-facets__item-label">In stock</span> 5269 </label><label class="collection-facets__item-value"> 5270 <input 5271 type="checkbox" 5272 class="collection-facets__item-option" 5273 value="0" 5274 name="filter.v.availability" 5275 > 5276 <span class="collection-facets__item-label">Out of stock</span> 5277 </label></fieldset> 5278 </div> 5279 </details> 5280 5281 5282<details open class="collection-facets__item collection-facets__item--price-range"> 5283 <summary class="collection-facets__item-summary"> 5284 <span class="collection-facets__item-title">Price 5285 </span> 5286 </summary> 5287 5288 <div class="collection-facets__item-values"> 5289 <fieldset class="collection-facets__item-fieldset"> 5290 <div class="collection-facets__item-box-wrapper"> 5291 <div class="collection-facets__sliders-control"> 5292 <div class="range-slider-track"></div> 5293 <input type="range" id="slider-1" step="1" min="0" max="5300" value=1060> 5294 <input type="range" id="slider-2" step="1" min="0" max="5300" value=4416> 5295 </div> 5296 5297 <label class="collection-facets__item-box"> 5298 Min 5299 <input 5300 type="number" 5301 min="0" 5302 name="filter.v.price.gte" 5303 placeholder="0" 5304 class="collection-facets__item-input price-range-min"> 5305 </label> 5306 <label class="collection-facets__item-box"> 5307 Max 5308 <input 5309 type="number" 5310 name="filter.v.price.lte" 5311 class="collection-facets__item-input price-range-max" 5312 placeholder="999"> 5313 </label> 5314 </div> 5315 5316 <button class="collection-facets__item-button">Apply</button> 5317 </fieldset> 5318 </div> 5319 </details></div> 5320</div> 5321 5322<style scope> 5323 .collection-facets__title{ 5324 color: #FFF; 5325 } 5326 .collection-facets__item-summary{ 5327 appearance: auto; 5328 -webkit-appearance: auto; 5329 padding: 21px 0 22px; 5330 } 5331 5332 .collection-facets__item-summary::-webkit-details-marker{ 5333 display: none; 5334 } 5335 5336 .collection-facets__item{ 5337 border-top: 1px solid #DEE2E6; 5338 } 5339 5340 .collection-facets__item-title{ 5341 font-weight: bold; 5342 font-size: 20px; 5343 cursor: pointer; 5344 position: relative; 5345 width: 100%; 5346 display: block; 5347 color: #000; 5348 } 5349 span.collection-facets__item-title::after{ 5350 content: ''; 5351 position: absolute; 5352 right: 10px; 5353 width: 17px; 5354 height: 2px; 5355 background-color: #444; 5356 top: 12px; 5357 transition: ease all .6s; 5358 } 5359 span.collection-facets__item-title::before{ 5360 content: ''; 5361 position: absolute; 5362 right: 17px; 5363 height: 17px; 5364 width: 2px; 5365 background-color: #444; 5366 top: 4px; 5367 transition: ease all .6s; 5368 } 5369 5370 .collection-facets__item-values{ 5371 margin: 0 auto 10px; 5372 } 5373 5374 details[open] span.collection-facets__item-title::after{ 5375 transform: none; 5376 } 5377 5378 details[open] span.collection-facets__item-title::before{ 5379 transform: rotate(-90deg); 5380 transition: ease all .6s; 5381 } 5382 5383 details[open] summary ~ *{ 5384 animation: sweep .5s ease-in-out; 5385 } 5386 5387 @keyframes sweep{ 5388 0%{opacity: 0;transform: translateY(-10px)} 5389 100%{opacity: 1;transform: translateX(0)} 5390 } 5391 5392 .collection-facets__item-fieldset{ 5393 border: none; 5394 position: relative; 5395 } 5396 5397 .collection-facets__item-label{ 5398 font-size: 15px; 5399 word-break: break-word; 5400 text-transform: capitalize; 5401 letter-spacing: -0.4px; 5402 color: #000; 5403 } 5404 5405 .collection-facets__item-fieldset.collection-facets__item-fieldset--variation .collection-facets__item-label{ 5406 text-transform: none; 5407 } 5408 5409 .collection-facets__item-value{ 5410 display: flex; 5411 align-items: center; 5412 line-height: 1.2; 5413 cursor: pointer; 5414 margin-bottom: 1px; 5415 } 5416 5417 .collection-facets__item-value input[type='checkbox']{ 5418 min-width: 15px; 5419 min-height: 15px; 5420 margin: 0; 5421 margin-right: 6px; 5422 background: transparent; 5423 } 5424 5425 .collection-facets__item-value:not(:last-child){ 5426 margin-bottom: 10px; 5427 margin-top: 2px; 5428 } 5429 5430 .collection-facets__item-box-wrapper{ 5431 display: flex; 5432 justify-content: flex-start; 5433 flex-wrap: wrap; 5434 } 5435 5436 .collection-facets__sliders-control{ 5437 width: 82.3%; 5438 position: relative; 5439 margin: 9px 0 24px; 5440 } 5441 5442 .collection-facets__item.collection-facets__item--price-range .collection-facets__item-values{ 5443 margin-bottom: 10px; 5444 } 5445 5446 .collection-facets__item-fieldset--variation{ 5447 display: flex; 5448 align-items: center; 5449 flex-wrap: wrap; 5450 gap: 3px; 5451 } 5452 5453 .collection-facets__item-fieldset--variation .collection-facets__item-value{ 5454 margin: 0; 5455 } 5456 5457 .collection-facets__item--variation{ 5458 padding: 5px 6px 5px 5px; 5459 border: 1px solid #4b4b4b99; 5460 border-radius: 5.74px; 5461 letter-spacing: 0.3px; 5462 } 5463 5464 .collection-facets__item-option:checked + .collection-facets__item--variation{ 5465 background-color: #565656; 5466 color: #ffffff99; 5467 } 5468 5469 input[type="range"]{ 5470 position: absolute; 5471 pointer-events: none; 5472 -webkit-appearance: none; 5473 -moz-appearance: none; 5474 appearance: none; 5475 outline: none; 5476 z-index: 2; 5477 height: 5px; 5478 width: 100%; 5479 background-color: transparent; 5480 } 5481 5482 .range-slider-track{ 5483 width: 100%; 5484 height: 2px; 5485 position: absolute; 5486 background: linear-gradient(to right, #E3E3E3 25%, #A3A3A3 25%, #A3A3A3 75%, #E3E3E3 75%); 5487 } 5488 5489 input[type="range"]::-webkit-slider-runnable-track{ 5490 -webkit-appearance: none; 5491 -moz-appearance: none; 5492 appearance: none; 5493 height: 5px; 5494 } 5495 5496 input[type="range"]::-webkit-slider-thumb{ 5497 -webkit-appearance: none; 5498 -moz-appearance: none; 5499 appearance: none; 5500 height: 22px; 5501 width: 22px; 5502 background-color: #F8F4F1;
5503 cursor: pointer; 5504 pointer-events: auto; 5505 transform: translateY(-10px); 5506 border-radius: 50%; 5507 box-shadow: 0px 4px 3px #e8e8e8; 5508 } 5509 5510 input[type="range"]:active::-webkit-slider-thumb{ 5511 border: 2px solid #E3E3E3; 5512 } 5513 5514 .collection-facets__item-box{ 5515 font-size: 14px; 5516 display: inline-block; 5517 width: 41%; 5518 position: relative; 5519 letter-spacing: 0.6px; 5520 color: #000; 5521 } 5522 .collection-facets__item-input{ 5523 width: 91%; 5524 height: 30px; 5525 border: 1px solid #DEE2E7; 5526 background-color: transparent; 5527 padding: 6px 5px 5px 9.6px; 5528 cursor: pointer; 5529 font-size: 0.8rem; 5530 border-radius: 6px; 5531 margin-top: 7px; 5532 } 5533 .collection-facets__item-input::placeholder{ 5534 color: #999; 5535 font-size: 14px; 5536 } 5537 .collection-facets__item-button{ 5538 background: transparent; 5539 border: 1px solid #DEE2E7; 5540 width: 78%; 5541 height: 31px; 5542 border-radius: 4px; 5543 padding: 0 10px; 5544 margin-top: 10px; 5545 font-size: 14px; 5546 color: #000; 5547 } 5548 .collection-facets__overlay{ 5549 position: fixed; 5550 top: 0; 5551 left: 0; 5552 width: 100%; 5553 height: 100%; 5554 opacity: 0; 5555 visibility: hidden; 5556 background: transparent; 5557 z-index: 10; 5558 } 5559 5560 .collection-facets__item .collection-facets__item--price-range{ 5561 margin-top: 10px; 5562 } 5563 5564 @media (max-width: 1019px){ 5565 .collection-facets__wrapper{ 5566 position: relative; 5567 height: 100%; 5568 background: #161616; 5569 } 5570 .collection-facets__scroll{ 5571 padding: 10px 20px 60px; 5572 overflow-y: auto; 5573 height: 100%; 5574 } 5575 .collection-facets__title{ 5576 padding: 10px 20px 10px; 5577 } 5578 .collection-facets__item-title{ 5579 font-size: 18px; 5580 } 5581 .collection-facets__item-value input[type='checkbox']{ 5582 min-width: 16px; 5583 min-height: 16px; 5584 margin-right: 10px; 5585 } 5586 5587 .collection-facets__item-label{ 5588 font-size: 16px; 5589 } 5590 } 5591 5592 @media (max-width: 767px){ 5593 .collection-facets__item-title{ 5594 font-size: 16px; 5595 } 5596 5597 .collection-facets__item-value input[type='checkbox']{ 5598 min-width: 14px; 5599 min-height: 14px; 5600 } 5601 5602 .collection-facets__item-label{ 5603 font-size: 14px; 5604 } 5605 } 5606</style> 5607
5608<script type="lazyload_int"> 5609 let inputSliderOne = document.getElementById("slider-1"); 5610 let inputSliderTwo = document.getElementById("slider-2"); 5611 5612 const inputMin = document.querySelector(".collection-facets__item-input.price-range-min"); 5613 const inputMax = document.querySelector(".collection-facets__item-input.price-range-max"); 5614 5615 let minGap = 5300 / 10; 5616 5617 let sliderTrack = document.querySelector(".range-slider-track"); 5618 let sliderMaxValue = document.getElementById("slider-1").max; 5619 5620 function slideOne(){ 5621 if(parseInt(inputSliderTwo.value) - parseInt(inputSliderOne.value) <= minGap){ 5622 inputSliderOne.value = parseInt(inputSliderTwo.value) - minGap; 5623 } 5624 inputMin.value = Math.ceil(inputSliderOne.value / 100); 5625 fillColor(); 5626 } 5627 5628 function slideTwo(){ 5629 5630 if(parseInt(inputSliderTwo.value) - parseInt(inputSliderOne.value) <= minGap){ 5631 inputSliderTwo.value = parseInt(inputSliderOne.value) + minGap; 5632 } 5633 inputMax.value = Math.ceil(inputSliderTwo.value / 100); 5634 fillColor(); 5635 } 5636 5637 function fillColor(){ 5638 percent1 = (inputSliderOne.value / sliderMaxValue) * 100; 5639 percent2 = (inputSliderTwo.value / sliderMaxValue) * 100; 5640 sliderTrack.style.background = `linear-gradient(to right, #E3E3E3 ${percent1}% , #A3A3A3 ${percent1}% , #A3A3A3 ${percent2}%, #E3E3E3 ${percent2}%)`; 5641 } 5642 5643 inputSliderOne.addEventListener("input", slideOne); 5644 inputSliderTwo.addEventListener("input", slideTwo); 5645</script>
5645 5646</div> 5647 5648 5649 <div class="collection-page__content"> 5650 <!-- snippet/collection-items --> 5651 <div class="collection-page"> 5652 <div 5653 id="collection-page-content" 5654 class="collection-page__grid-products grid-uniform grid-uniform--s3 grid-uniform--st2 grid-uniform--sm1" 5655 > 5656 <input type="hidden" value="4" class="product-count__all-collection-items"><!-- start product-card.liquid (SNIPPET) --><div class="product-card__grid-item"> 5657 5658 <div class="product-card__grid-item-fullsize"><div title="S" class="product-card__grid-item-link"> 5659 <div class="product-card__grid-item-image-wrapper"> 5660 <a href="/collections/all/products/001-midnight?variant=47689633759542" class="grid__item_image-link"><!-- start responsive-image.liquid (SNIPPET) --> 5661 5662 5663<img 5664 id="152234932" 5665 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDkYQcchQnSyIijhqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE0clJ0UVK/F9SaBHrwXE/3t173L0DhFqJ6XbHGKAbjpVKxKVMdkUKvyKETojoh6gw25yV5STajq97BPh6F+NZ7c/9OXq0nM2AgEQ8w0zLIV4nntp0TM77xCIrKhrxOfGoRRckfuS66vMb54LHAs8UrXRqjlgklgotrLYwK1o68SRxVNMNyhcyPmuctzjrpQpr3JO/MJIzlpe4TnMICSxgETIkqKhgAyU4iNFqkGIjRfvxNv5Bzy+TSyXXBhg55lGGDsXzg//B727t/MS4nxSJA6EX1/0YBsK7QL3qut/Hrls/AYLPwJXR9JdrwPQn6dWmFj0CereBi+umpu4BlzvAwJOpWIonBWkK+TzwfkbflAX6boHuVb+3xj5OH4A0dZW8AQ4OgZECZa+1eXdXa2//nmn09wMjG3KHDOS4EQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+YFBhQWEhVMTaAAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12O4f/8+AAU+Ap5GJPuHAAAAAElFTkSuQmCC" 5666 data-src="//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=50" 5667 data-srcset="//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=100 100w,//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=153 153w,//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=234 234w,//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=358 358w,//undrdog.com/cdn/shop/files/Render001.png?v=1770139709&width=548 548w," 5668 sizes="(max-width: 479px) 480px, (max-width: 767px) 768px, (max-width: 1019px) 1020px, (max-width: 1279px) 1280px" 5669 class="responsive-image grid__item-image one" 5670 data-class="LazyLoad" 5671 alt="UndrDog Midnight black men's hemp T-shirt with crew neck, short sleeves and curved hem." 5672 loading="lazy" 5673 width="400" 5674 height="500" 5675 ></a> 5676 </div> 5677 5678 <div class="product-card__product-info"> 5679 <h3 class="product-card__item-title"> 5680 <a href="/collections/all/products/001-midnight?variant=47689633759542" class="product-card__item-title-link">Project 001: Midnight</a> 5681 </h3><div class="product-card__item-description-wrapper"> 5682 <span class="product-card__item-description"></span> 5683 </div> 5684 5685 5686 <div class="product-card__reviews"> 5687 <svg width="114" height="22" viewBox="0 0 114 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 5688 <path 5689 d="M11.1938 0L13.707 7.60081H21.8398L15.2602 12.2984L17.7734 19.8992L11.1938 15.2016L4.61426 19.8992L7.12743 12.2984L0.547865 7.60081H8.68066L11.1938 0Z" 5690 fill="#595959" /> 5691 <path 5692 d="M34.5815 0L37.0947 7.60081H45.2275L38.6479 12.2984L41.1611 19.8992L34.5815 15.2016L28.002 19.8992L30.5151 12.2984L23.9356 7.60081H32.0684L34.5815 0Z" 5693 fill="#595959" /> 5694 <path 5695 d="M57.4604 0L59.8593 7.60081H67.6225L61.342 12.2984L63.7409 19.8992L57.4604 15.2016L51.1799 19.8992L53.5789 12.2984L47.2984 7.60081H55.0615L57.4604 0Z" 5696 fill="#595959" /> 5697 <path 5698 d="M80.3391 0L82.8523 7.60081H90.9851L84.4055 12.2984L86.9187 19.8992L80.3391 15.2016L73.7595 19.8992L76.2727 12.2984L69.6931 7.60081H77.8259L80.3391 0Z" 5699 fill="#595959" /> 5700 <path 5701 d="M102.903 0L105.394 7.60081H113.457L106.934 12.2984L109.426 19.8992L102.903 15.2016L96.3799 19.8992L98.8714 12.2984L92.3486 7.60081H100.411L102.903 0Z" 5702 fill="#595959" /> 5703 </svg> 5704 <span>(5.0 of 800 Reviews)</span> 5705 </div><div class="product-card__item-swatch-wrapper"><!-- start swatch_collection.liquid (SNIPPET) --> 5706<div class="swatch swatch-standard"> 5707 <div class="swatch-type swatch-type-collection"> 5708 <div class="swatch-elements-wrapper"><!-- start swatch_color_collection.liquid (SNIPPET) --></div> 5709 </div> 5710</div> 5711 5712<style> 5713 5714 5715 5716 .swatch-element.swatch-element-color{ 5717 position: relative; 5718 } 5719 5720 .swatch-standard input:checked + .swatch-value + .swatch-value-checked,
5721 .swatch-style input:checked + .swatch-value + .swatch-value-checked{ 5722 background: var(--swatch_checked-color); 5723 border-radius: 100%; 5724 display: flex; 5725 height: 15px; 5726 position: absolute; 5727 right: 0; 5728 5729 transform: translate(50%, -50%); 5730 width: 15px; 5731 z-index: 1; 5732 } 5733 5734 .swatch.swatch-standard{ 5735 position: relative; 5736 width: 100%; 5737 padding: 0 8px 0 0; 5738 } 5739 .swatch .swatch-type{ 5740 margin-left: 10px; 5741 } 5742 5743 .swatch .swatch-elements-wrapper, 5744 .swatch .swatch-type{ 5745 flex-wrap: wrap; 5746 align-items: flex-start; 5747 justify-content: flex-start; 5748 } 5749 5750 .swatch .swatch-type, 5751 .swatch .swatch-elements-wrapper{ 5752 display: flex; 5753 } 5754 5755 .swatch .swatch-type .swatch-elements-wrapper, 5756 .swatch .swatch-type .swatch-elements-wrapper{ 5757 justify-content: flex-start; 5758 gap: 5px; 5759 } 5760 5761 span.swatch-value.color, 5762 .item-single span.swatch-value.color{ 5763 height: 100%; 5764 padding: 0; 5765 min-width: unset; 5766 min-height: unset; 5767 display: inline-flex; 5768 justify-content: center; 5769 align-content: center; 5770 line-height: 1.7; 5771 cursor: pointer; 5772 position: relative; 5773 background: center center/cover no-repeat #ddd; 5774 border: 1px solid #ccc; 5775 color: #000; 5776 text-align: center; 5777 padding: 9px 9px; 5778 height: 100%; 5779 width: auto; 5780 } 5781 5782 .swatch .swatch-value{ 5783 display: inline-flex; 5784 justify-content: center; 5785 align-content: center; 5786 line-height: 1.7; 5787 cursor: pointer; 5788 position: relative; 5789 background: center center/cover no-repeat #ddd; 5790 border: 1px solid #ccc; 5791 color: #000; 5792 text-align: center; 5793 padding: 2px 10px; 5794 height: 100%; 5795 width: auto; 5796 } 5797 5798 .swatch-standard .swatch-value-checked{ 5799 display: none; 5800 pointer-events: none; 5801 margin-top: 0px; 5802 } 5803 5804 .swatch-element .swatch-value:hover + .swatch-value-checked{ 5805 display: flex; 5806 } 5807 5808 .swatch-standard .swatch-value-checked{ 5809 display: none; 5810 pointer-events: none; 5811 margin-top: 4px; 5812 } 5813 5814 span.swatch-value-checked, 5815 span.swatch-value-checked.color{ 5816 display: none; 5817 color: var(--colorCollectionSwatchCheck); 5818 position: absolute; 5819 transform: translate(50%, -50%); 5820 background: var(--colorCollectionSwatch); 5821 width: 0.8em; 5822 height: 0.8em; 5823 border-radius: 100%; 5824 z-index: 1; 5825 top: 0; 5826 left: 4px; 5827 } 5828 5829 span.swatch-value-checked.size:after{ 5830 content: '\2713'; 5831 color: var(--iconCheckmarkChecked); 5832 font-size: 12px; 5833 width: 9px; 5834 font-weight: 800; 5835 top: -3px; 5836 position: relative; 5837 right: -2px; 5838 } 5839 5840 span.swatch-value-checked.color:after{ 5841 content: '\2713'; 5842 color: var(--iconCheckmarkChecked); 5843 font-size: 12px; 5844 width: 9px; 5845 font-weight: 800; 5846 position: absolute; 5847 top: -2px; 5848 left: 2px; 5849 } 5850 5851 html .round span.swatch-value.color{ 5852 border-radius: 100%; 5853 margin-top: 0px; 5854 } 5855 5856 span.swatch-value-circle-checked:after, 5857 span.swatch-value-color-circle-checked:after{ 5858 content: '\2713'; 5859 color: var(--iconCheckmarkChecked); 5860 font-size: 10px; 5861 width: 9px; 5862 font-weight: 800; 5863 top: -1px; 5864 position: relative; 5865 right: -2px; 5866 } 5867 5868 @media(max-width: 1019px){ 5869 .swatch .swatch-type{ 5870 margin-left: 13px; 5871 } 5872 } 5873 5874 @media (max-width: 767px){ 5875 .swatch .swatch-type{ 5876 margin-left: 6px; 5877 } 5878 } 5879</style> 5880</div><div class="product-card__item-price-wrapper"><span class="product-card__item-price">$41.50</span><span class="product-card__item-compare-at-price">$59.00</span> 5881 5882 </div> 5883 </div> 5884 </div> 5885 </div> 5886 5887 5888 5889 5890<div class="easysize-container"></div> 5891 5892
5893<script async type="text/javascript" src="https://webapp.easysize.me/web_app_v1.0/js/easysize.js"></script>
vendor: 1 bytes, line 5893
5893
5894<script type="text/javascript" async> 5895 function debug_easysize_product(){ 5896 setTimeout(() =>{ 5897 let theme_debug_string = document.createElement("p"); 5898 theme_debug_string.innerHTML = " - This will only render in the theme editor - " + "<br />" + "This product is not supported by our FIT Quiz"; 5899 let debugContainer = document.querySelector(".easysize-container-debug"); 5900 if (window.EasySizeParametersDebug.product && !window.EasySizeParametersDebug.product.supported && debugContainer){ 5901 debugContainer?.append(theme_debug_string); 5902 }else{ 5903 theme_debug_string.remove(); 5904 } 5905 }, 1000); 5906 } 5907 5908 var product_collections = null || []; 5909 var easysize_product_tags = null || []; 5910 var easysize_product_title = null || ''; 5911 var product_variants = null || []; 5912 var product_options = null || []; 5913 try{ 5914 var size_option_titles = window.easysize_globals?.size_option_titles || ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 5915 }catch(e){ 5916 var size_option_titles = ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 5917 } 5918 var size_option_index = -1; 5919 var sizes_in_stock ={}; 5920 if (product_options.length === 1){ 5921 size_option_titles = [product_options[0]] 5922 } 5923 5924 for (let i = 0;i < product_options.length;i++){ 5925 let found = false; 5926 for (var y = 0;y < size_option_titles.length;y++){ 5927 if (product_options[i].toLowerCase() === size_option_titles[y].toLowerCase()){ 5928 found = true; 5929 swatch_index = i; 5930 size_option_index = "option" + (i+1); 5931 break; 5932 } 5933 } 5934 5935 if (found) break; 5936 } 5937 5938 for (let i = 0;i < product_variants.length;i++){ 5939 let size = product_variants[i][size_option_index]; 5940 let stock = product_variants[i].available ? 1 : 0; 5941 5942 if (sizes_in_stock.hasOwnProperty(size)){ 5943 if (sizes_in_stock[size] < stock){ 5944 sizes_in_stock[size] = stock; 5945 } 5946 }else{ 5947 sizes_in_stock[size] = stock; 5948 } 5949 } 5950 5951 var missing_function = function(){ 5952 console.warn('Missing function in the settings'); 5953 }; 5954 5955 /* --- dynamic settings --- */ 5956 var easysize_placeholder = ".es_placeholder" || window.easysize_globals?.placeholder || ".easysize-container"; 5957 var easysize_size_selector = ".es_placeholder" || window.easysize_globals?.size_selector || easysize_placeholder || ".easysize-container"; 5958 var easysize_shop_id = "82f63056c9" || window.easysize_globals?.shop_id || ""; 5959 var order_button_id = "form[action*='\/cart\/add'] button[type='submit']" || window.easysize_globals?.order_button_id || ""; 5960 var easysize_product_brand = "e1be38-2" || window.easysize_globals?.brand || ""; 5961 var easysize_language = "english" || window.easysize_globals?.language || ""; 5962 var one_click = "true" || false; 5963 5964 var mapped_genders ={'maleMapping': [], 'femaleMapping': [], 'unisexMapping': []} 5965 5966 5967 5968 var size_update_function = function(size){ 5969 var size_element = document.querySelector('input[value="'+ size +'"]'); 5970 if (size_element){ 5971 size_element.click(); 5972 console.info("Easysize: Size element clicked", size_element); 5973 return true; 5974 } 5975 return false; 5976 } 5977 5978 /* --- dynamic settings --- */ 5979 /* One click settings */ 5980 var fit_option_index = -1; 5981 var length_option_index = -1; 5982 5983 var available_fits = []; 5984 var available_lengths = []; 5985 5986 var known_options = ['input', 'option', 'div', 'a', 'li', 'button']; 5987 var known_option_attributes = ['value', 'data-value', 'aria-label']; 5988 var option_type = undefined; 5989 var option_attribute = undefined; 5990 var predicted_placeholder = '.es_placeholder'; 5991 var predicted_add_to_cart_button = 'form[action*="/cart/add"] button[type="submit"]'; 5992 var parentSelectorFound = false; 5993 var oneClickSizeUpdate = undefined; 5994 var swatchKingPresent = document.querySelector('variant-swatch-king'); 5995 5996 try{ 5997 let size_option_length_titles = ['Length', 'lengte']; 5998 known_options.forEach(option =>{ 5999 known_option_attributes.forEach(attribute =>{ 6000 let size_selector = document.querySelector(option + '[' + attribute + '="' + product_variants[0][size_option_index] + '"]'); 6001 if (size_selector){ 6002 option_type = option; 6003 option_attribute = attribute; 6004 size_selector.parentElement.parentElement.classList.add(predicted_placeholder.split('.')[1]); 6005 parentSelectorFound = true; 6006 } 6007 }) 6008 }); 6009 6010 /* Get available fits and/or length index */ 6011 for (let i = 0;i < product_options.length;i++){ 6012 let found = false;
6013 if (product_options[i].toLowerCase() === 'fit'){ 6014 fit_option_index = "option" + (i+1); 6015 } 6016 6017 if (size_option_length_titles.includes(product_options[i].toLowerCase())){ 6018 length_option_index = "option" + (i+1); 6019 } 6020 } 6021 6022 /* Get the available lengths and/or fits */ 6023 for (let i = 0;i < product_variants.length;i++){ 6024 let fit = product_variants[i][fit_option_index]; 6025 let length = product_variants[i][length_option_index]; 6026 6027 if (fit && available_fits.indexOf(fit) === -1){ 6028 available_fits.push(fit); 6029 } 6030 6031 if (length && available_lengths.indexOf(length) === -1){ 6032 available_lengths.push(length); 6033 } 6034 } 6035 6036 if (!parentSelectorFound){ 6037 /* Check the block-swatch from the variant:change */ 6038 let parentElement = document.querySelector('variant-picker'); 6039 if (parentElement){ 6040 predicted_placeholder = 'variant-picker'; 6041 } 6042 } 6043 6044 if (document.querySelector('variant-selects')){ 6045 predicted_placeholder = 'variant-selects'; 6046 } 6047 6048 if (swatchKingPresent){ 6049 predicted_placeholder = 'variant-swatch-king'; 6050 } 6051 }catch(e){ 6052 console.log('Fit Quiz oneclick integration errror', e) 6053 } 6054 /* End of one click settings */ 6055 6056 var easysize_product_type = easysize_product_tags?.find(tag => tag.includes("ES_CAT:"))?.split(":")?.[1]; 6057 var easysize_product_model = easysize_product_tags?.find(tag => tag.includes("ES_MODEL:"))?.split(":")?.[1]; 6058 6059 var mapped_collections = product_collections.map(col => "[Collection] " + col.title.toLowerCase()); 6060 var tags = easysize_product_tags.map(tag => "[Tag] " + tag); 6061 var tags_and_colls = mapped_collections.concat(tags); 6062 var is_male = tags_and_colls.filter(tc => mapped_genders?.maleMapping?.length > 1 ? 6063 mapped_genders?.maleMapping?.includes(tc) : 6064 mapped_genders?.maleMapping?.[0]?.split(', ').includes(tc)).length; 6065 var is_female = tags_and_colls.filter(tc => mapped_genders?.femaleMapping?.length > 1 ? 6066 mapped_genders?.femaleMapping?.includes(tc) : 6067 mapped_genders?.femaleMapping?.[0]?.split(', ').includes(tc)).length; 6068 var is_uniseex = tags_and_colls.filter(tc => mapped_genders?.unisexMapping?.length > 1 ? 6069 mapped_genders?.unisexMapping?.includes(tc) : 6070 mapped_genders?.unisexMapping?.[0]?.split(', ').includes(tc)).length; 6071 6072 var easysize_product_gender = is_male ? "m" : is_female ? "f" : mapped_genders?.defaultMapping?.[0] || 'u'; 6073 if (is_male && is_female || is_uniseex){ 6074 easysize_product_gender = 'u'; 6075 } 6076 6077 if (!document.querySelector(easysize_placeholder) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 6078 easysize_placeholder = predicted_placeholder; 6079 } 6080 6081 if (!document.querySelector(easysize_size_selector) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 6082 easysize_size_selector = predicted_placeholder; 6083 } 6084 6085 oneClickSizeUpdate = function(size){ 6086 let s = EasySizeParametersDebug.easysize.original_calculated_size.size; 6087 let f = EasySizeParametersDebug.easysize.recommended_fit; 6088 6089 // Cover simple input 6090 document.querySelector('input[value="' + s + '"]')?.click() 6091 6092 // Cover simple dropdown 6093 Array.from(document.querySelectorAll('option[value="'+ s +'"]')).forEach((size_element) =>{ 6094 size_element.selected = true; 6095 size_element.parentElement.value = s 6096 size_element.parentElement.dispatchEvent(new Event('change',{bubbles: true })); 6097 }) 6098 6099 // Cover .block-swatch 6100 Array.from(document.querySelectorAll('.block-swatch span')).forEach(e =>{ 6101 if (e.innerText.trim() === s){ 6102 e.click() 6103 } 6104 }) 6105 6106 // Cover .sr-only 6107 Array.from(document.querySelectorAll('[data-option-selector] .sr-only')).forEach(e =>{ 6108 if (e.parentNode.innerText.trim() === size){ 6109 e.click() 6110 } 6111 }) 6112 6113 // Cover VSK + others 6114 document.querySelector('[data-value="' + s + '"]')?.click() 6115 document.querySelector('[option-value="' + s + '"]')?.click() 6116 document.querySelector('[data-option-value="' + s + '"]')?.click() 6117 document.querySelector('[data-variant-title="' + s + '"]')?.click() 6118 document.querySelector('[data-size="' + s + '"]')?.click() 6119 document.querySelector('button[value="' + s + '"]')?.click() 6120 6121 // Preselect fit 6122 if (f){ 6123 document.querySelector('input[value="' + f + '"]')?.click() 6124 } 6125 6126 size_update_function(s); 6127 6128 return true; 6129 } 6130 6131 if (!document.querySelector(predicted_add_to_cart_button)){ 6132 let new_cart_buttons = [ 6133 order_button_id || predicted_add_to_cart_button, 6134 "button[name='add']", 6135 '.atc-button', 6136 '.product-form__submit', 6137 '.button-add-to-cart', 6138 'buy-buttons button', 6139 '[data-add-to-cart]', 6140 '[data-atc-form]', 6141 '#addToCartBtn', 6142 ]; 6143 6144 new_cart_buttons.forEach((btn_selector) =>{ 6145 if (document.querySelector(btn_selector)){ 6146 predicted_add_to_cart_button = btn_selector 6147 } 6148 }) 6149 } 6150 6151 // Item duplication resolution in Shopify 6152 6153 var easysize_attributes ={ 6154 "placeholder": easysize_placeholder, 6155 "size_selector": easysize_size_selector, 6156 "shop_id": easysize_shop_id, 6157 "order_button_id": predicted_add_to_cart_button, 6158 "product_brand": easysize_product_brand, 6159 "language": easysize_language, 6160 "size_update_function": oneClickSizeUpdate, 6161 "product_type": easysize_product_type || "", 6162 "product_model": easysize_product_model, 6163 "product_title": easysize_product_title, 6164 "product_gender": easysize_product_gender, 6165 "product_variants": product_variants, 6166 "product_options": product_options, 6167 "product_tags": easysize_product_tags, 6168 "product_id": "", 6169 "user_id": "-1", 6170 "image_url": "https:" + null, 6171 "loaded": function(){ 6172 let forms = document.querySelectorAll('form[action*="/cart/add"]');
6173 forms.forEach(function(form){ 6174 let input = document.createElement("input"); 6175 input.type = "hidden"; 6176 input.id = "esid-input"; 6177 input.name = "properties[_esid]"; 6178 input.value = EasySizeParametersDebug.easysize.pageview_id; 6179 if (window.easysize_tracking_id){ 6180 input.value = window.easysize_tracking_id 6181 }; 6182 form.append(input); 6183 }) 6184 }, 6185 "sizes_in_stock": sizes_in_stock, 6186 available_fits, 6187 available_lengths 6188 }; 6189 6190 try{ 6191 easysize_attributes = Object.assign(easysize_attributes, window.easysize_globals); 6192 }catch (e){ 6193 console.warn(e); 6194 } 6195 6196 if (!window.fit_quiz_started){ 6197 window.fit_quiz_started = 1; 6198 window.addEventListener("easysize_ready", function(){ 6199 window.easy_size = new EasySize(easysize_attributes); 6200 window.easy_size.start(); 6201 debug_easysize_product(); 6202 }); 6203 document.addEventListener("shopify:section:load", () =>{ 6204 window.easy_size.refresh(); 6205 debug_easysize_product(); 6206 }); 6207 document.addEventListener("variant:change", () =>{ 6208 setTimeout(window.easy_size.refresh, 30); 6209 }); 6210 }else{ 6211 console.warn('Fit Quiz block should only be included once per page') 6212 } 6213 6214 6215</script>
6215 6216 6217 6218 <style scoped> 6219 .product-card__grid-item{ 6220 width: 23.5%; 6221 display: flex; 6222 align-items: center; 6223 flex-direction: column; 6224 position: relative; 6225 overflow: hidden; 6226 } 6227 6228 .product-card__grid-item-fullsize{ 6229 width: 100%; 6230 height: 100%; 6231 background-color: #e8e8e8; 6232 } 6233 6234 .product-card__grid-item-image-wrapper{ 6235 position: relative; 6236 padding-top: 100%; 6237 overflow: hidden; 6238 width: 100%; 6239 transform: scale(1); 6240 } 6241 .product-card__grid-item-link{ 6242 width: 100%; 6243 overflow: hidden; 6244 } 6245 6246 .product-card__item-reviews-wrapper{ 6247 padding: 0 8px; 6248 } 6249 6250 .grid-uniform--s2 .product-card__grid-item{ 6251 flex-basis: 48.5%; 6252 } 6253 .grid-uniform--s3 .product-card__grid-item{ 6254 flex-basis: 32.1%; 6255 } 6256 .grid-uniform--s4 .product-card__grid-item{ 6257 flex-basis: 23.5%; 6258 } 6259 6260 body .product-page .product-variant-wrapper, 6261 body .product-page #rc_container{ 6262 margin-bottom: 3px; 6263 } 6264 .ribbon{ 6265 width: 75px; 6266 height: 75px; 6267 overflow: hidden; 6268 position: absolute; 6269 z-index: 8; 6270 pointer-events: none; 6271 } 6272 .ribbon::before, 6273 .ribbon::after{ 6274 position: absolute; 6275 z-index: -1; 6276 content: ''; 6277 display: block;
6278 border: 5px solid var(--tagBadgeBackgroundColor); 6279 } 6280 .ribbon span{ 6281 background-color: var(--tagBadgeBackgroundColor); 6282 color: var(--tagBadgeTextColor); 6283 position: absolute; 6284 width: 185px; 6285 padding: 6px 0; 6286 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 6287 font-size: var(--tagBadgeTextSmallSize); 6288 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 6289 text-transform: uppercase; 6290 text-align: center; 6291 height: 27px; 6292 display: flex; 6293 justify-content: center; 6294 align-items: center; 6295 } 6296 .ribbon-top-left{ 6297 top: -10px; 6298 left: -10px; 6299 } 6300 .ribbon-top-left::before, 6301 .ribbon-top-left::after{ 6302 border-top-color: transparent; 6303 border-left-color: transparent; 6304 } 6305 .ribbon-top-left::before{ 6306 top: 0; 6307 right: 0; 6308 } 6309 .ribbon-top-left::after{ 6310 bottom: 0; 6311 left: 0; 6312 } 6313 .ribbon-top-left span{ 6314 left: -62px; 6315 top: 17px; 6316 transform: rotate(-45deg); 6317 } 6318 .ribbon-top-right{ 6319 top: -10px; 6320 right: -5px; 6321 } 6322 .ribbon-top-right::before, 6323 .ribbon-top-right::after{ 6324 border-top-color: transparent; 6325 border-right-color: transparent; 6326 } 6327 .ribbon-top-right::before{ 6328 top: 0; 6329 left: 0; 6330 } 6331 .ribbon-top-right::after{ 6332 bottom: 0; 6333 right: 0; 6334 } 6335 .ribbon-top-right span{ 6336 left: -48px; 6337 top: 17px; 6338 transform: rotate(45deg); 6339 } 6340 .product-half .ribbon{ 6341 width: 120px; 6342 height: 120px; 6343 } 6344 .product-half .ribbon span{ 6345 height: 45px; 6346 } 6347 .product-half .ribbon-top-left{ 6348 top: -4px; 6349 left: 9px; 6350 } 6351 .product-half .ribbon-top-left span{ 6352 left: -47px; 6353 top: 21px; 6354 font-size: var(--tagBadgeTextSize); 6355 } 6356 .soldout{ 6357 margin: 0 auto; 6358 color: #e00; 6359 font-weight: bold; 6360 } 6361 .compare-price{ 6362 color: var(--color-sale); 6363 font-size: var(--collectionProductComparePriceSize); 6364 margin-right: 5px; 6365 text-decoration: line-through; 6366 font-weight: bold; 6367 } 6368 6369 /* Import CSS */ 6370 6371 .product-card____item-title{ 6372 margin: 10px 0 3px 0; 6373 } 6374 6375 .product-card__item-description-wrapper{ 6376 text-align: left; 6377 padding: 0 8px; 6378 } 6379 6380 .product-card____item-reviews-wrapper{ 6381 text-align: left; 6382 } 6383 6384 .grid__item-image{ 6385 position: absolute; 6386 top: 50%; 6387 left: 50%; 6388 width: 100%; 6389 height: 100%; 6390 object-fit: cover; 6391 transform: translate(-50%, -50%) scale(1.01); 6392 transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 6393 } 6394 .product-card__item-title{ 6395 margin: 18.48px 0 3px 0; 6396 text-align: left; 6397 padding: 0 8px; 6398 font-size: var(--h3Size); 6399 } 6400 6401 .product-card__item-title-link{ 6402 color: #4b4b4b; 6403 } 6404 .product-card__item-compare-at-price, 6405 .product-card__item-price, 6406 .product-card__item-sold-out{ 6407 font-weight: bold; 6408 text-align: center; 6409 } 6410 .product-card__item-compare-at-price{ 6411 margin-right: 10px; 6412 color: var(--color-sale, #a00); 6413 text-decoration-line: line-through; 6414 font-size: var(--collectionProductComparePriceSize); 6415 margin-left: 5px; 6416 } 6417 .product-card__item-price-wrapper{ 6418 margin: 10px 0; 6419 text-align: left; 6420 padding: 0 8px; 6421 } 6422 .product-card__item-price{ 6423 color: var(--color-price, rgb(25, 156, 25)); 6424 } 6425 6426 .product-card__item-price .money{ 6427 font-size: var(--h3Size); 6428 margin: 0 4px 0 0; 6429 } 6430 6431 .product-card__item-sold-out{ 6432 display: block; 6433 color: var(--color_out_of_stock_label, #a00); 6434 margin: 10px 0; 6435 padding: 5px 0; 6436 background-color: var(--stock_warning_background_color); 6437 margin-bottom: 12px; 6438 } 6439{ 6440 margin-top: 3px; 6441 text-align: left; 6442 padding: 0 8px; 6443 } 6444 .grid__item--hidden-image img{ 6445 opacity: 0; 6446 visibility: hidden; 6447 } 6448 @media (max-width: 1019px){ 6449 .grid-uniform--st2 .product-card__grid-item{ 6450 flex-basis: 48.5%; 6451 } 6452 6453 .grid-uniform--st3 .product-card__grid-item{ 6454 flex-basis: 32.3%; 6455 } 6456 } 6457 6458 @media (max-width: 767px){ 6459 .product-card__item-title, 6460 .product-card__item-price .money{ 6461 font-size: var(--h3SizeTablet); 6462 } 6463 .grid-uniform--sm1 .product-card__grid-item{ 6464 flex-basis: 94%; 6465 } 6466 .grid-uniform--sm2 .product-card__grid-item{ 6467 flex-basis: 48.5%; 6468 } 6469 6470 .product-card__item-compare-at-price{ 6471 font-size: calc(100% - 4px); 6472 } 6473 } 6474 6475 @media (max-width: 375px){ 6476 .product-card__item-title, 6477 .product-card__item-price .money{ 6478 font-size: var(--h3SizeMobile); 6479 } 6480 } 6481 </style> 6482</div> 6483<!-- start product-card.liquid (SNIPPET) --><div class="product-card__grid-item"> 6484 6485 <div class="product-card__grid-item-fullsize"><div title="Midnight / S" class="product-card__grid-item-link"> 6486 <div class="product-card__grid-item-image-wrapper"> 6487 <a href="/collections/all/products/project-008-the-polo?variant=53773403586870" class="grid__item_image-link"><!-- start responsive-image.liquid (SNIPPET) --> 6488 6489 6490<img 6491 id="164070887" 6492 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDkYQcchQnSyIijhqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE0clJ0UVK/F9SaBHrwXE/3t173L0DhFqJ6XbHGKAbjpVKxKVMdkUKvyKETojoh6gw25yV5STajq97BPh6F+NZ7c/9OXq0nM2AgEQ8w0zLIV4nntp0TM77xCIrKhrxOfGoRRckfuS66vMb54LHAs8UrXRqjlgklgotrLYwK1o68SRxVNMNyhcyPmuctzjrpQpr3JO/MJIzlpe4TnMICSxgETIkqKhgAyU4iNFqkGIjRfvxNv5Bzy+TSyXXBhg55lGGDsXzg//B727t/MS4nxSJA6EX1/0YBsK7QL3qut/Hrls/AYLPwJXR9JdrwPQn6dWmFj0CereBi+umpu4BlzvAwJOpWIonBWkK+TzwfkbflAX6boHuVb+3xj5OH4A0dZW8AQ4OgZECZa+1eXdXa2//nmn09wMjG3KHDOS4EQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+YFBhQWEhVMTaAAAAAZdEVYdENvbW1lbnQAQ3JlYX
6492RlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12O4f/8+AAU+Ap5GJPuHAAAAAElFTkSuQmCC" 6493 data-src="//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=50" 6494 data-srcset="//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=100 100w,//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=153 153w,//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=234 234w,//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=358 358w,//undrdog.com/cdn/shop/files/1_c5464c42-1883-4da4-b416-b0ce4672e01c.png?v=1773931468&width=548 548w," 6495 sizes="(max-width: 479px) 480px, (max-width: 767px) 768px, (max-width: 1019px) 1020px, (max-width: 1279px) 1280px" 6496 class="responsive-image grid__item-image one" 6497 data-class="LazyLoad" 6498 alt="Two men wearing UndrDog hemp polos outdoors, showing lightweight comfort and versatile men's style." 6499 loading="lazy" 6500 width="400" 6501 height="500" 6502 ></a> 6503 </div> 6504 6505 <div class="product-card__product-info"> 6506 <h3 class="product-card__item-title"> 6507 <a href="/collections/all/products/project-008-the-polo?variant=53773403586870" class="product-card__item-title-link">Project 008: The Polo</a> 6508 </h3><div class="product-card__item-description-wrapper"> 6509 <span class="product-card__item-description"></span> 6510 </div> 6511 6512 6513 <div class="product-card__reviews"> 6514 <svg width="114" height="22" viewBox="0 0 114 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 6515 <path 6516 d="M11.1938 0L13.707 7.60081H21.8398L15.2602 12.2984L17.7734 19.8992L11.1938 15.2016L4.61426 19.8992L7.12743 12.2984L0.547865 7.60081H8.68066L11.1938 0Z" 6517 fill="#595959" /> 6518 <path 6519 d="M34.5815 0L37.0947 7.60081H45.2275L38.6479 12.2984L41.1611 19.8992L34.5815 15.2016L28.002 19.8992L30.5151 12.2984L23.9356 7.60081H32.0684L34.5815 0Z" 6520 fill="#595959" /> 6521 <path 6522 d="M57.4604 0L59.8593 7.60081H67.6225L61.342 12.2984L63.7409 19.8992L57.4604 15.2016L51.1799 19.8992L53.5789 12.2984L47.2984 7.60081H55.0615L57.4604 0Z" 6523 fill="#595959" /> 6524 <path 6525 d="M80.3391 0L82.8523 7.60081H90.9851L84.4055 12.2984L86.9187 19.8992L80.3391 15.2016L73.7595 19.8992L76.2727 12.2984L69.6931 7.60081H77.8259L80.3391 0Z" 6526 fill="#595959" /> 6527 <path 6528 d="M102.903 0L105.394 7.60081H113.457L106.934 12.2984L109.426 19.8992L102.903 15.2016L96.3799 19.8992L98.8714 12.2984L92.3486 7.60081H100.411L102.903 0Z" 6529 fill="#595959" /> 6530 </svg> 6531 <span>(5.0 of 800 Reviews)</span> 6532 </div><div class="product-card__item-swatch-wrapper"><!-- start swatch_collection.liquid (SNIPPET) --> 6533<div class="swatch swatch-standard"> 6534 <div class="swatch-type swatch-type-collection"> 6535 <div class="swatch-elements-wrapper"><!-- start swatch_color_collection.liquid (SNIPPET) --><a 6536 title="Midnight" 6537 id="swatch-color-variant-53773403586870" 6538 aria-label="Swatch Color Variant" 6539 href="/products/project-008-the-polo?variant=53773403586870" 6540 class="swatch-element swatch-element-color " 6541 > 6542 <span 6543 class=" swatch-value swatch-value-color color swatch-background-midnight lazybg" 6544 data-img="//undrdog.com/cdn/shop/files/UD_008_Polo_Black_HeroGhostMannequin-SplitHem-ExtraTexture_71929365-40b3-4d37-b9ae-538c01a8ffe1.png?v=1773931468&width=420" 6545 style="background-color: midnight;background-image: url('//undrdog.com/cdn/shop/files/midnight_50x.jpg?v=100119')" 6546 ></span> 6547 <span 6548 class="swatch-value-checked color" 6549 ></span> 6550 </a><a 6551 title="Clean Slate" 6552 id="swatch-color-variant-53773403783478" 6553 aria-label="Swatch Color Variant" 6554 href="/products/project-008-the-polo?variant=53773403783478" 6555 class="swatch-element swatch-element-color " 6556 > 6557 <span 6558 class=" swatch-value swatch-value-color color swatch-background-clean-slate lazybg" 6559 data-img="//undrdog.com/cdn/shop/files/UD_008_Polo_NoDye_HeroGhostMannequin-SplitHem-ExtraTexture_2765038c-78fb-4b72-b905-5a4b23344199.png?v=1773931468&width=420" 6560 style="background-color: clean-slate;background-image: url('//undrdog.com/cdn/shop/files/clean-slate_50x.jpg?v=100119')" 6561 ></span> 6562 <span 6563 class="swatch-value-checked color" 6564 ></span> 6565 </a></div> 6566 </div> 6567</div> 6568 6569<style> 6570 6571 6572 6573 .swatch-element.swatch-element-color{ 6574 position: relative; 6575 } 6576 6577 .swatch-standard input:checked + .swatch-value + .swatch-value-checked,
6578 .swatch-style input:checked + .swatch-value + .swatch-value-checked{ 6579 background: var(--swatch_checked-color); 6580 border-radius: 100%; 6581 display: flex; 6582 height: 15px; 6583 position: absolute; 6584 right: 0; 6585 6586 transform: translate(50%, -50%); 6587 width: 15px; 6588 z-index: 1; 6589 } 6590 6591 .swatch.swatch-standard{ 6592 position: relative; 6593 width: 100%; 6594 padding: 0 8px 0 0; 6595 } 6596 .swatch .swatch-type{ 6597 margin-left: 10px; 6598 } 6599 6600 .swatch .swatch-elements-wrapper, 6601 .swatch .swatch-type{ 6602 flex-wrap: wrap; 6603 align-items: flex-start; 6604 justify-content: flex-start; 6605 } 6606 6607 .swatch .swatch-type, 6608 .swatch .swatch-elements-wrapper{ 6609 display: flex; 6610 } 6611 6612 .swatch .swatch-type .swatch-elements-wrapper, 6613 .swatch .swatch-type .swatch-elements-wrapper{ 6614 justify-content: flex-start; 6615 gap: 5px; 6616 } 6617 6618 span.swatch-value.color, 6619 .item-single span.swatch-value.color{ 6620 height: 100%; 6621 padding: 0; 6622 min-width: unset; 6623 min-height: unset; 6624 display: inline-flex; 6625 justify-content: center; 6626 align-content: center; 6627 line-height: 1.7; 6628 cursor: pointer; 6629 position: relative; 6630 background: center center/cover no-repeat #ddd; 6631 border: 1px solid #ccc; 6632 color: #000; 6633 text-align: center; 6634 padding: 9px 9px; 6635 height: 100%; 6636 width: auto; 6637 } 6638 6639 .swatch .swatch-value{ 6640 display: inline-flex; 6641 justify-content: center; 6642 align-content: center; 6643 line-height: 1.7; 6644 cursor: pointer; 6645 position: relative; 6646 background: center center/cover no-repeat #ddd; 6647 border: 1px solid #ccc; 6648 color: #000; 6649 text-align: center; 6650 padding: 2px 10px; 6651 height: 100%; 6652 width: auto; 6653 } 6654 6655 .swatch-standard .swatch-value-checked{ 6656 display: none; 6657 pointer-events: none; 6658 margin-top: 0px; 6659 } 6660 6661 .swatch-element .swatch-value:hover + .swatch-value-checked{ 6662 display: flex; 6663 } 6664 6665 .swatch-standard .swatch-value-checked{ 6666 display: none; 6667 pointer-events: none; 6668 margin-top: 4px; 6669 } 6670 6671 span.swatch-value-checked, 6672 span.swatch-value-checked.color{ 6673 display: none; 6674 color: var(--colorCollectionSwatchCheck); 6675 position: absolute; 6676 transform: translate(50%, -50%); 6677 background: var(--colorCollectionSwatch); 6678 width: 0.8em; 6679 height: 0.8em; 6680 border-radius: 100%; 6681 z-index: 1; 6682 top: 0; 6683 left: 4px; 6684 } 6685 6686 span.swatch-value-checked.size:after{ 6687 content: '\2713'; 6688 color: var(--iconCheckmarkChecked); 6689 font-size: 12px; 6690 width: 9px; 6691 font-weight: 800; 6692 top: -3px; 6693 position: relative; 6694 right: -2px; 6695 } 6696 6697 span.swatch-value-checked.color:after{ 6698 content: '\2713'; 6699 color: var(--iconCheckmarkChecked); 6700 font-size: 12px; 6701 width: 9px; 6702 font-weight: 800; 6703 position: absolute; 6704 top: -2px; 6705 left: 2px; 6706 } 6707 6708 html .round span.swatch-value.color{ 6709 border-radius: 100%; 6710 margin-top: 0px; 6711 } 6712 6713 span.swatch-value-circle-checked:after, 6714 span.swatch-value-color-circle-checked:after{ 6715 content: '\2713'; 6716 color: var(--iconCheckmarkChecked); 6717 font-size: 10px; 6718 width: 9px; 6719 font-weight: 800; 6720 top: -1px; 6721 position: relative; 6722 right: -2px; 6723 } 6724 6725 @media(max-width: 1019px){ 6726 .swatch .swatch-type{ 6727 margin-left: 13px; 6728 } 6729 } 6730 6731 @media (max-width: 767px){ 6732 .swatch .swatch-type{ 6733 margin-left: 6px; 6734 } 6735 } 6736</style> 6737</div><div class="product-card__item-price-wrapper"><span class="product-card__item-price">$53.00</span><span class="product-card__item-compare-at-price">$59.00</span> 6738 6739 </div> 6740 </div> 6741 </div> 6742 </div> 6743 6744 6745 6746 6747<div class="easysize-container"></div> 6748 6749
6750<script async type="text/javascript" src="https://webapp.easysize.me/web_app_v1.0/js/easysize.js"></script>
vendor: 1 bytes, line 6750
6750
6751<script type="text/javascript" async> 6752 function debug_easysize_product(){ 6753 setTimeout(() =>{ 6754 let theme_debug_string = document.createElement("p"); 6755 theme_debug_string.innerHTML = " - This will only render in the theme editor - " + "<br />" + "This product is not supported by our FIT Quiz"; 6756 let debugContainer = document.querySelector(".easysize-container-debug"); 6757 if (window.EasySizeParametersDebug.product && !window.EasySizeParametersDebug.product.supported && debugContainer){ 6758 debugContainer?.append(theme_debug_string); 6759 }else{ 6760 theme_debug_string.remove(); 6761 } 6762 }, 1000); 6763 } 6764 6765 var product_collections = null || []; 6766 var easysize_product_tags = null || []; 6767 var easysize_product_title = null || ''; 6768 var product_variants = null || []; 6769 var product_options = null || []; 6770 try{ 6771 var size_option_titles = window.easysize_globals?.size_option_titles || ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 6772 }catch(e){ 6773 var size_option_titles = ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 6774 } 6775 var size_option_index = -1; 6776 var sizes_in_stock ={}; 6777 if (product_options.length === 1){ 6778 size_option_titles = [product_options[0]] 6779 } 6780 6781 for (let i = 0;i < product_options.length;i++){ 6782 let found = false; 6783 for (var y = 0;y < size_option_titles.length;y++){ 6784 if (product_options[i].toLowerCase() === size_option_titles[y].toLowerCase()){ 6785 found = true; 6786 swatch_index = i; 6787 size_option_index = "option" + (i+1); 6788 break; 6789 } 6790 } 6791 6792 if (found) break; 6793 } 6794 6795 for (let i = 0;i < product_variants.length;i++){ 6796 let size = product_variants[i][size_option_index]; 6797 let stock = product_variants[i].available ? 1 : 0; 6798 6799 if (sizes_in_stock.hasOwnProperty(size)){ 6800 if (sizes_in_stock[size] < stock){ 6801 sizes_in_stock[size] = stock; 6802 } 6803 }else{ 6804 sizes_in_stock[size] = stock; 6805 } 6806 } 6807 6808 var missing_function = function(){ 6809 console.warn('Missing function in the settings'); 6810 }; 6811 6812 /* --- dynamic settings --- */ 6813 var easysize_placeholder = ".es_placeholder" || window.easysize_globals?.placeholder || ".easysize-container"; 6814 var easysize_size_selector = ".es_placeholder" || window.easysize_globals?.size_selector || easysize_placeholder || ".easysize-container"; 6815 var easysize_shop_id = "82f63056c9" || window.easysize_globals?.shop_id || ""; 6816 var order_button_id = "form[action*='\/cart\/add'] button[type='submit']" || window.easysize_globals?.order_button_id || ""; 6817 var easysize_product_brand = "e1be38-2" || window.easysize_globals?.brand || ""; 6818 var easysize_language = "english" || window.easysize_globals?.language || ""; 6819 var one_click = "true" || false; 6820 6821 var mapped_genders ={'maleMapping': [], 'femaleMapping': [], 'unisexMapping': []} 6822 6823 6824 6825 var size_update_function = function(size){ 6826 var size_element = document.querySelector('input[value="'+ size +'"]'); 6827 if (size_element){ 6828 size_element.click(); 6829 console.info("Easysize: Size element clicked", size_element); 6830 return true; 6831 } 6832 return false; 6833 } 6834 6835 /* --- dynamic settings --- */ 6836 /* One click settings */ 6837 var fit_option_index = -1; 6838 var length_option_index = -1; 6839 6840 var available_fits = []; 6841 var available_lengths = []; 6842 6843 var known_options = ['input', 'option', 'div', 'a', 'li', 'button']; 6844 var known_option_attributes = ['value', 'data-value', 'aria-label']; 6845 var option_type = undefined; 6846 var option_attribute = undefined; 6847 var predicted_placeholder = '.es_placeholder'; 6848 var predicted_add_to_cart_button = 'form[action*="/cart/add"] button[type="submit"]'; 6849 var parentSelectorFound = false; 6850 var oneClickSizeUpdate = undefined; 6851 var swatchKingPresent = document.querySelector('variant-swatch-king'); 6852 6853 try{ 6854 let size_option_length_titles = ['Length', 'lengte']; 6855 known_options.forEach(option =>{ 6856 known_option_attributes.forEach(attribute =>{ 6857 let size_selector = document.querySelector(option + '[' + attribute + '="' + product_variants[0][size_option_index] + '"]'); 6858 if (size_selector){ 6859 option_type = option; 6860 option_attribute = attribute; 6861 size_selector.parentElement.parentElement.classList.add(predicted_placeholder.split('.')[1]); 6862 parentSelectorFound = true; 6863 } 6864 }) 6865 }); 6866 6867 /* Get available fits and/or length index */ 6868 for (let i = 0;i < product_options.length;i++){ 6869 let found = false;
6870 if (product_options[i].toLowerCase() === 'fit'){ 6871 fit_option_index = "option" + (i+1); 6872 } 6873 6874 if (size_option_length_titles.includes(product_options[i].toLowerCase())){ 6875 length_option_index = "option" + (i+1); 6876 } 6877 } 6878 6879 /* Get the available lengths and/or fits */ 6880 for (let i = 0;i < product_variants.length;i++){ 6881 let fit = product_variants[i][fit_option_index]; 6882 let length = product_variants[i][length_option_index]; 6883 6884 if (fit && available_fits.indexOf(fit) === -1){ 6885 available_fits.push(fit); 6886 } 6887 6888 if (length && available_lengths.indexOf(length) === -1){ 6889 available_lengths.push(length); 6890 } 6891 } 6892 6893 if (!parentSelectorFound){ 6894 /* Check the block-swatch from the variant:change */ 6895 let parentElement = document.querySelector('variant-picker'); 6896 if (parentElement){ 6897 predicted_placeholder = 'variant-picker'; 6898 } 6899 } 6900 6901 if (document.querySelector('variant-selects')){ 6902 predicted_placeholder = 'variant-selects'; 6903 } 6904 6905 if (swatchKingPresent){ 6906 predicted_placeholder = 'variant-swatch-king'; 6907 } 6908 }catch(e){ 6909 console.log('Fit Quiz oneclick integration errror', e) 6910 } 6911 /* End of one click settings */ 6912 6913 var easysize_product_type = easysize_product_tags?.find(tag => tag.includes("ES_CAT:"))?.split(":")?.[1]; 6914 var easysize_product_model = easysize_product_tags?.find(tag => tag.includes("ES_MODEL:"))?.split(":")?.[1]; 6915 6916 var mapped_collections = product_collections.map(col => "[Collection] " + col.title.toLowerCase()); 6917 var tags = easysize_product_tags.map(tag => "[Tag] " + tag); 6918 var tags_and_colls = mapped_collections.concat(tags); 6919 var is_male = tags_and_colls.filter(tc => mapped_genders?.maleMapping?.length > 1 ? 6920 mapped_genders?.maleMapping?.includes(tc) : 6921 mapped_genders?.maleMapping?.[0]?.split(', ').includes(tc)).length; 6922 var is_female = tags_and_colls.filter(tc => mapped_genders?.femaleMapping?.length > 1 ? 6923 mapped_genders?.femaleMapping?.includes(tc) : 6924 mapped_genders?.femaleMapping?.[0]?.split(', ').includes(tc)).length; 6925 var is_uniseex = tags_and_colls.filter(tc => mapped_genders?.unisexMapping?.length > 1 ? 6926 mapped_genders?.unisexMapping?.includes(tc) : 6927 mapped_genders?.unisexMapping?.[0]?.split(', ').includes(tc)).length; 6928 6929 var easysize_product_gender = is_male ? "m" : is_female ? "f" : mapped_genders?.defaultMapping?.[0] || 'u'; 6930 if (is_male && is_female || is_uniseex){ 6931 easysize_product_gender = 'u'; 6932 } 6933 6934 if (!document.querySelector(easysize_placeholder) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 6935 easysize_placeholder = predicted_placeholder; 6936 } 6937 6938 if (!document.querySelector(easysize_size_selector) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 6939 easysize_size_selector = predicted_placeholder; 6940 } 6941 6942 oneClickSizeUpdate = function(size){ 6943 let s = EasySizeParametersDebug.easysize.original_calculated_size.size; 6944 let f = EasySizeParametersDebug.easysize.recommended_fit; 6945 6946 // Cover simple input 6947 document.querySelector('input[value="' + s + '"]')?.click() 6948 6949 // Cover simple dropdown 6950 Array.from(document.querySelectorAll('option[value="'+ s +'"]')).forEach((size_element) =>{ 6951 size_element.selected = true; 6952 size_element.parentElement.value = s 6953 size_element.parentElement.dispatchEvent(new Event('change',{bubbles: true })); 6954 }) 6955 6956 // Cover .block-swatch 6957 Array.from(document.querySelectorAll('.block-swatch span')).forEach(e =>{ 6958 if (e.innerText.trim() === s){ 6959 e.click() 6960 } 6961 }) 6962 6963 // Cover .sr-only 6964 Array.from(document.querySelectorAll('[data-option-selector] .sr-only')).forEach(e =>{ 6965 if (e.parentNode.innerText.trim() === size){ 6966 e.click() 6967 } 6968 }) 6969 6970 // Cover VSK + others 6971 document.querySelector('[data-value="' + s + '"]')?.click() 6972 document.querySelector('[option-value="' + s + '"]')?.click() 6973 document.querySelector('[data-option-value="' + s + '"]')?.click() 6974 document.querySelector('[data-variant-title="' + s + '"]')?.click() 6975 document.querySelector('[data-size="' + s + '"]')?.click() 6976 document.querySelector('button[value="' + s + '"]')?.click() 6977 6978 // Preselect fit 6979 if (f){ 6980 document.querySelector('input[value="' + f + '"]')?.click() 6981 } 6982 6983 size_update_function(s); 6984 6985 return true; 6986 } 6987 6988 if (!document.querySelector(predicted_add_to_cart_button)){ 6989 let new_cart_buttons = [ 6990 order_button_id || predicted_add_to_cart_button, 6991 "button[name='add']", 6992 '.atc-button', 6993 '.product-form__submit', 6994 '.button-add-to-cart', 6995 'buy-buttons button', 6996 '[data-add-to-cart]', 6997 '[data-atc-form]', 6998 '#addToCartBtn', 6999 ]; 7000 7001 new_cart_buttons.forEach((btn_selector) =>{ 7002 if (document.querySelector(btn_selector)){ 7003 predicted_add_to_cart_button = btn_selector 7004 } 7005 }) 7006 } 7007 7008 // Item duplication resolution in Shopify 7009 7010 var easysize_attributes ={ 7011 "placeholder": easysize_placeholder, 7012 "size_selector": easysize_size_selector, 7013 "shop_id": easysize_shop_id, 7014 "order_button_id": predicted_add_to_cart_button, 7015 "product_brand": easysize_product_brand, 7016 "language": easysize_language, 7017 "size_update_function": oneClickSizeUpdate, 7018 "product_type": easysize_product_type || "", 7019 "product_model": easysize_product_model, 7020 "product_title": easysize_product_title, 7021 "product_gender": easysize_product_gender, 7022 "product_variants": product_variants, 7023 "product_options": product_options, 7024 "product_tags": easysize_product_tags, 7025 "product_id": "", 7026 "user_id": "-1", 7027 "image_url": "https:" + null, 7028 "loaded": function(){ 7029 let forms = document.querySelectorAll('form[action*="/cart/add"]');
7030 forms.forEach(function(form){ 7031 let input = document.createElement("input"); 7032 input.type = "hidden"; 7033 input.id = "esid-input"; 7034 input.name = "properties[_esid]"; 7035 input.value = EasySizeParametersDebug.easysize.pageview_id; 7036 if (window.easysize_tracking_id){ 7037 input.value = window.easysize_tracking_id 7038 }; 7039 form.append(input); 7040 }) 7041 }, 7042 "sizes_in_stock": sizes_in_stock, 7043 available_fits, 7044 available_lengths 7045 }; 7046 7047 try{ 7048 easysize_attributes = Object.assign(easysize_attributes, window.easysize_globals); 7049 }catch (e){ 7050 console.warn(e); 7051 } 7052 7053 if (!window.fit_quiz_started){ 7054 window.fit_quiz_started = 1; 7055 window.addEventListener("easysize_ready", function(){ 7056 window.easy_size = new EasySize(easysize_attributes); 7057 window.easy_size.start(); 7058 debug_easysize_product(); 7059 }); 7060 document.addEventListener("shopify:section:load", () =>{ 7061 window.easy_size.refresh(); 7062 debug_easysize_product(); 7063 }); 7064 document.addEventListener("variant:change", () =>{ 7065 setTimeout(window.easy_size.refresh, 30); 7066 }); 7067 }else{ 7068 console.warn('Fit Quiz block should only be included once per page') 7069 } 7070 7071 7072</script>
7072 7073 7074 7075 <style scoped> 7076 .product-card__grid-item{ 7077 width: 23.5%; 7078 display: flex; 7079 align-items: center; 7080 flex-direction: column; 7081 position: relative; 7082 overflow: hidden; 7083 } 7084 7085 .product-card__grid-item-fullsize{ 7086 width: 100%; 7087 height: 100%; 7088 background-color: #e8e8e8; 7089 } 7090 7091 .product-card__grid-item-image-wrapper{ 7092 position: relative; 7093 padding-top: 100%; 7094 overflow: hidden; 7095 width: 100%; 7096 transform: scale(1); 7097 } 7098 .product-card__grid-item-link{ 7099 width: 100%; 7100 overflow: hidden; 7101 } 7102 7103 .product-card__item-reviews-wrapper{ 7104 padding: 0 8px; 7105 } 7106 7107 .grid-uniform--s2 .product-card__grid-item{ 7108 flex-basis: 48.5%; 7109 } 7110 .grid-uniform--s3 .product-card__grid-item{ 7111 flex-basis: 32.1%; 7112 } 7113 .grid-uniform--s4 .product-card__grid-item{ 7114 flex-basis: 23.5%; 7115 } 7116 7117 body .product-page .product-variant-wrapper, 7118 body .product-page #rc_container{ 7119 margin-bottom: 3px; 7120 } 7121 .ribbon{ 7122 width: 75px; 7123 height: 75px; 7124 overflow: hidden; 7125 position: absolute; 7126 z-index: 8; 7127 pointer-events: none; 7128 } 7129 .ribbon::before, 7130 .ribbon::after{ 7131 position: absolute; 7132 z-index: -1; 7133 content: ''; 7134 display: block;
7135 border: 5px solid var(--tagBadgeBackgroundColor); 7136 } 7137 .ribbon span{ 7138 background-color: var(--tagBadgeBackgroundColor); 7139 color: var(--tagBadgeTextColor); 7140 position: absolute; 7141 width: 185px; 7142 padding: 6px 0; 7143 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 7144 font-size: var(--tagBadgeTextSmallSize); 7145 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 7146 text-transform: uppercase; 7147 text-align: center; 7148 height: 27px; 7149 display: flex; 7150 justify-content: center; 7151 align-items: center; 7152 } 7153 .ribbon-top-left{ 7154 top: -10px; 7155 left: -10px; 7156 } 7157 .ribbon-top-left::before, 7158 .ribbon-top-left::after{ 7159 border-top-color: transparent; 7160 border-left-color: transparent; 7161 } 7162 .ribbon-top-left::before{ 7163 top: 0; 7164 right: 0; 7165 } 7166 .ribbon-top-left::after{ 7167 bottom: 0; 7168 left: 0; 7169 } 7170 .ribbon-top-left span{ 7171 left: -62px; 7172 top: 17px; 7173 transform: rotate(-45deg); 7174 } 7175 .ribbon-top-right{ 7176 top: -10px; 7177 right: -5px; 7178 } 7179 .ribbon-top-right::before, 7180 .ribbon-top-right::after{ 7181 border-top-color: transparent; 7182 border-right-color: transparent; 7183 } 7184 .ribbon-top-right::before{ 7185 top: 0; 7186 left: 0; 7187 } 7188 .ribbon-top-right::after{ 7189 bottom: 0; 7190 right: 0; 7191 } 7192 .ribbon-top-right span{ 7193 left: -48px; 7194 top: 17px; 7195 transform: rotate(45deg); 7196 } 7197 .product-half .ribbon{ 7198 width: 120px; 7199 height: 120px; 7200 } 7201 .product-half .ribbon span{ 7202 height: 45px; 7203 } 7204 .product-half .ribbon-top-left{ 7205 top: -4px; 7206 left: 9px; 7207 } 7208 .product-half .ribbon-top-left span{ 7209 left: -47px; 7210 top: 21px; 7211 font-size: var(--tagBadgeTextSize); 7212 } 7213 .soldout{ 7214 margin: 0 auto; 7215 color: #e00; 7216 font-weight: bold; 7217 } 7218 .compare-price{ 7219 color: var(--color-sale); 7220 font-size: var(--collectionProductComparePriceSize); 7221 margin-right: 5px; 7222 text-decoration: line-through; 7223 font-weight: bold; 7224 } 7225 7226 /* Import CSS */ 7227 7228 .product-card____item-title{ 7229 margin: 10px 0 3px 0; 7230 } 7231 7232 .product-card__item-description-wrapper{ 7233 text-align: left; 7234 padding: 0 8px; 7235 } 7236 7237 .product-card____item-reviews-wrapper{ 7238 text-align: left; 7239 } 7240 7241 .grid__item-image{ 7242 position: absolute; 7243 top: 50%; 7244 left: 50%; 7245 width: 100%; 7246 height: 100%; 7247 object-fit: cover; 7248 transform: translate(-50%, -50%) scale(1.01); 7249 transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 7250 } 7251 .product-card__item-title{ 7252 margin: 18.48px 0 3px 0; 7253 text-align: left; 7254 padding: 0 8px; 7255 font-size: var(--h3Size); 7256 } 7257 7258 .product-card__item-title-link{ 7259 color: #4b4b4b; 7260 } 7261 .product-card__item-compare-at-price, 7262 .product-card__item-price, 7263 .product-card__item-sold-out{ 7264 font-weight: bold; 7265 text-align: center; 7266 } 7267 .product-card__item-compare-at-price{ 7268 margin-right: 10px; 7269 color: var(--color-sale, #a00); 7270 text-decoration-line: line-through; 7271 font-size: var(--collectionProductComparePriceSize); 7272 margin-left: 5px; 7273 } 7274 .product-card__item-price-wrapper{ 7275 margin: 10px 0; 7276 text-align: left; 7277 padding: 0 8px; 7278 } 7279 .product-card__item-price{ 7280 color: var(--color-price, rgb(25, 156, 25)); 7281 } 7282 7283 .product-card__item-price .money{ 7284 font-size: var(--h3Size); 7285 margin: 0 4px 0 0; 7286 } 7287 7288 .product-card__item-sold-out{ 7289 display: block; 7290 color: var(--color_out_of_stock_label, #a00); 7291 margin: 10px 0; 7292 padding: 5px 0; 7293 background-color: var(--stock_warning_background_color); 7294 margin-bottom: 12px; 7295 } 7296{ 7297 margin-top: 3px; 7298 text-align: left; 7299 padding: 0 8px; 7300 } 7301 .grid__item--hidden-image img{ 7302 opacity: 0; 7303 visibility: hidden; 7304 } 7305 @media (max-width: 1019px){ 7306 .grid-uniform--st2 .product-card__grid-item{ 7307 flex-basis: 48.5%; 7308 } 7309 7310 .grid-uniform--st3 .product-card__grid-item{ 7311 flex-basis: 32.3%; 7312 } 7313 } 7314 7315 @media (max-width: 767px){ 7316 .product-card__item-title, 7317 .product-card__item-price .money{ 7318 font-size: var(--h3SizeTablet); 7319 } 7320 .grid-uniform--sm1 .product-card__grid-item{ 7321 flex-basis: 94%; 7322 } 7323 .grid-uniform--sm2 .product-card__grid-item{ 7324 flex-basis: 48.5%; 7325 } 7326 7327 .product-card__item-compare-at-price{ 7328 font-size: calc(100% - 4px); 7329 } 7330 } 7331 7332 @media (max-width: 375px){ 7333 .product-card__item-title, 7334 .product-card__item-price .money{ 7335 font-size: var(--h3SizeMobile); 7336 } 7337 } 7338 </style> 7339</div> 7340<!-- start product-card.liquid (SNIPPET) --><div class="product-card__grid-item"> 7341 7342 <div class="product-card__grid-item-fullsize"><div title="XL" class="product-card__grid-item-link"> 7343 <div class="product-card__grid-item-image-wrapper"> 7344 <a href="/collections/all/products/project-010-navy?variant=54023157350710" class="grid__item_image-link"><!-- start responsive-image.liquid (SNIPPET) --> 7345 7346 7347<img 7348 id="166218217" 7349 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDkYQcchQnSyIijhqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE0clJ0UVK/F9SaBHrwXE/3t173L0DhFqJ6XbHGKAbjpVKxKVMdkUKvyKETojoh6gw25yV5STajq97BPh6F+NZ7c/9OXq0nM2AgEQ8w0zLIV4nntp0TM77xCIrKhrxOfGoRRckfuS66vMb54LHAs8UrXRqjlgklgotrLYwK1o68SRxVNMNyhcyPmuctzjrpQpr3JO/MJIzlpe4TnMICSxgETIkqKhgAyU4iNFqkGIjRfvxNv5Bzy+TSyXXBhg55lGGDsXzg//B727t/MS4nxSJA6EX1/0YBsK7QL3qut/Hrls/AYLPwJXR9JdrwPQn6dWmFj0CereBi+umpu4BlzvAwJOpWIonBWkK+TzwfkbflAX6boHuVb+3xj5OH4A0dZW8AQ4OgZECZa+1eXdXa2//nmn09wMjG3KHDOS4EQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+YFBhQWEhVMTaAAAAAZdEVYdENvbW1lbnQAQ3JlYX
7349RlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12O4f/8+AAU+Ap5GJPuHAAAAAElFTkSuQmCC" 7350 data-src="//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=50" 7351 data-srcset="//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=100 100w,//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=153 153w,//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=234 234w,//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=358 358w,//undrdog.com/cdn/shop/files/UD010-DS.png?v=1780934866&width=548 548w," 7352 sizes="(max-width: 479px) 480px, (max-width: 767px) 768px, (max-width: 1019px) 1020px, (max-width: 1279px) 1280px" 7353 class="responsive-image grid__item-image one" 7354 data-class="LazyLoad" 7355 alt="Project 010: Blue Legacy" 7356 loading="lazy" 7357 width="400" 7358 height="457" 7359 ></a> 7360 </div> 7361 7362 <div class="product-card__product-info"> 7363 <h3 class="product-card__item-title"> 7364 <a href="/collections/all/products/project-010-navy?variant=54023157350710" class="product-card__item-title-link">Project 010: Blue Legacy</a> 7365 </h3><div class="product-card__item-description-wrapper"> 7366 <span class="product-card__item-description"></span> 7367 </div> 7368 7369 7370 <div class="product-card__reviews"> 7371 <svg width="114" height="22" viewBox="0 0 114 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 7372 <path 7373 d="M11.1938 0L13.707 7.60081H21.8398L15.2602 12.2984L17.7734 19.8992L11.1938 15.2016L4.61426 19.8992L7.12743 12.2984L0.547865 7.60081H8.68066L11.1938 0Z" 7374 fill="#595959" /> 7375 <path 7376 d="M34.5815 0L37.0947 7.60081H45.2275L38.6479 12.2984L41.1611 19.8992L34.5815 15.2016L28.002 19.8992L30.5151 12.2984L23.9356 7.60081H32.0684L34.5815 0Z" 7377 fill="#595959" /> 7378 <path 7379 d="M57.4604 0L59.8593 7.60081H67.6225L61.342 12.2984L63.7409 19.8992L57.4604 15.2016L51.1799 19.8992L53.5789 12.2984L47.2984 7.60081H55.0615L57.4604 0Z" 7380 fill="#595959" /> 7381 <path 7382 d="M80.3391 0L82.8523 7.60081H90.9851L84.4055 12.2984L86.9187 19.8992L80.3391 15.2016L73.7595 19.8992L76.2727 12.2984L69.6931 7.60081H77.8259L80.3391 0Z" 7383 fill="#595959" /> 7384 <path 7385 d="M102.903 0L105.394 7.60081H113.457L106.934 12.2984L109.426 19.8992L102.903 15.2016L96.3799 19.8992L98.8714 12.2984L92.3486 7.60081H100.411L102.903 0Z" 7386 fill="#595959" /> 7387 </svg> 7388 <span>(5.0 of 800 Reviews)</span> 7389 </div><div class="product-card__item-swatch-wrapper"><!-- start swatch_collection.liquid (SNIPPET) --> 7390<div class="swatch swatch-standard"> 7391 <div class="swatch-type swatch-type-collection"> 7392 <div class="swatch-elements-wrapper"><!-- start swatch_color_collection.liquid (SNIPPET) --></div> 7393 </div> 7394</div> 7395 7396<style> 7397 7398 7399 7400 .swatch-element.swatch-element-color{ 7401 position: relative; 7402 } 7403 7404 .swatch-standard input:checked + .swatch-value + .swatch-value-checked, 7405 .swatch-style input:checked + .swatch-value + .swatch-value-checked{ 7406 background: var(--swatch_checked-color); 7407 border-radius: 100%; 7408 display: flex; 7409 height: 15px; 7410 position: absolute; 7411 right: 0; 7412 7413 transform: translate(50%, -50%); 7414 width: 15px; 7415 z-index: 1; 7416 } 7417 7418 .swatch.swatch-standard{ 7419 position: relative; 7420 width: 100%; 7421 padding: 0 8px 0 0; 7422 } 7423 .swatch .swatch-type{ 7424 margin-left: 10px; 7425 } 7426 7427 .swatch .swatch-elements-wrapper, 7428 .swatch .swatch-type{ 7429 flex-wrap: wrap; 7430 align-items: flex-start; 7431 justify-content: flex-start; 7432 } 7433 7434 .swatch .swatch-type, 7435 .swatch .swatch-elements-wrapper{ 7436 display: flex; 7437 } 7438 7439 .swatch .swatch-type .swatch-elements-wrapper, 7440 .swatch .swatch-type .swatch-elements-wrapper{ 7441 justify-content: flex-start; 7442 gap: 5px; 7443 } 7444 7445 span.swatch-value.color, 7446 .item-single span.swatch-value.color{ 7447 height: 100%; 7448 padding: 0; 7449 min-width: unset; 7450 min-height: unset; 7451 display: inline-flex; 7452 justify-content: center; 7453 align-content: center; 7454 line-height: 1.7; 7455 cursor: pointer; 7456 position: relative; 7457 background: center center/cover no-repeat #ddd; 7458 border: 1px solid #ccc; 7459 color: #000; 7460 text-align: center; 7461 padding: 9px 9px; 7462 height: 100%; 7463 width: auto; 7464 } 7465 7466 .swatch .swatch-value{ 7467 display: inline-flex; 7468 justify-content: center; 7469 align-content: center; 7470 line-height: 1.7; 7471 cursor: pointer; 7472 position: relative; 7473 background: center center/cover no-repeat #ddd; 7474 border: 1px solid #ccc; 7475 color: #000; 7476 text-align: center; 7477 padding: 2px 10px;
7478 height: 100%; 7479 width: auto; 7480 } 7481 7482 .swatch-standard .swatch-value-checked{ 7483 display: none; 7484 pointer-events: none; 7485 margin-top: 0px; 7486 } 7487 7488 .swatch-element .swatch-value:hover + .swatch-value-checked{ 7489 display: flex; 7490 } 7491 7492 .swatch-standard .swatch-value-checked{ 7493 display: none; 7494 pointer-events: none; 7495 margin-top: 4px; 7496 } 7497 7498 span.swatch-value-checked, 7499 span.swatch-value-checked.color{ 7500 display: none; 7501 color: var(--colorCollectionSwatchCheck); 7502 position: absolute; 7503 transform: translate(50%, -50%); 7504 background: var(--colorCollectionSwatch); 7505 width: 0.8em; 7506 height: 0.8em; 7507 border-radius: 100%; 7508 z-index: 1; 7509 top: 0; 7510 left: 4px; 7511 } 7512 7513 span.swatch-value-checked.size:after{ 7514 content: '\2713'; 7515 color: var(--iconCheckmarkChecked); 7516 font-size: 12px; 7517 width: 9px; 7518 font-weight: 800; 7519 top: -3px; 7520 position: relative; 7521 right: -2px; 7522 } 7523 7524 span.swatch-value-checked.color:after{ 7525 content: '\2713'; 7526 color: var(--iconCheckmarkChecked); 7527 font-size: 12px; 7528 width: 9px; 7529 font-weight: 800; 7530 position: absolute; 7531 top: -2px; 7532 left: 2px; 7533 } 7534 7535 html .round span.swatch-value.color{ 7536 border-radius: 100%; 7537 margin-top: 0px; 7538 } 7539 7540 span.swatch-value-circle-checked:after, 7541 span.swatch-value-color-circle-checked:after{ 7542 content: '\2713'; 7543 color: var(--iconCheckmarkChecked); 7544 font-size: 10px; 7545 width: 9px; 7546 font-weight: 800; 7547 top: -1px; 7548 position: relative; 7549 right: -2px; 7550 } 7551 7552 @media(max-width: 1019px){ 7553 .swatch .swatch-type{ 7554 margin-left: 13px; 7555 } 7556 } 7557 7558 @media (max-width: 767px){ 7559 .swatch .swatch-type{ 7560 margin-left: 6px; 7561 } 7562 } 7563</style> 7564</div><div class="product-card__item-price-wrapper"><span class="product-card__item-price">$41.50</span><span class="product-card__item-compare-at-price">$59.00</span> 7565 7566 </div> 7567 </div> 7568 </div> 7569 </div> 7570 7571 7572 7573 7574<div class="easysize-container"></div> 7575 7576
7577<script async type="text/javascript" src="https://webapp.easysize.me/web_app_v1.0/js/easysize.js"></script>
vendor: 1 bytes, line 7577
7577
7578<script type="text/javascript" async> 7579 function debug_easysize_product(){ 7580 setTimeout(() =>{ 7581 let theme_debug_string = document.createElement("p"); 7582 theme_debug_string.innerHTML = " - This will only render in the theme editor - " + "<br />" + "This product is not supported by our FIT Quiz"; 7583 let debugContainer = document.querySelector(".easysize-container-debug"); 7584 if (window.EasySizeParametersDebug.product && !window.EasySizeParametersDebug.product.supported && debugContainer){ 7585 debugContainer?.append(theme_debug_string); 7586 }else{ 7587 theme_debug_string.remove(); 7588 } 7589 }, 1000); 7590 } 7591 7592 var product_collections = null || []; 7593 var easysize_product_tags = null || []; 7594 var easysize_product_title = null || ''; 7595 var product_variants = null || []; 7596 var product_options = null || []; 7597 try{ 7598 var size_option_titles = window.easysize_globals?.size_option_titles || ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 7599 }catch(e){ 7600 var size_option_titles = ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 7601 } 7602 var size_option_index = -1; 7603 var sizes_in_stock ={}; 7604 if (product_options.length === 1){ 7605 size_option_titles = [product_options[0]] 7606 } 7607 7608 for (let i = 0;i < product_options.length;i++){ 7609 let found = false; 7610 for (var y = 0;y < size_option_titles.length;y++){ 7611 if (product_options[i].toLowerCase() === size_option_titles[y].toLowerCase()){ 7612 found = true; 7613 swatch_index = i; 7614 size_option_index = "option" + (i+1); 7615 break; 7616 } 7617 } 7618 7619 if (found) break; 7620 } 7621 7622 for (let i = 0;i < product_variants.length;i++){ 7623 let size = product_variants[i][size_option_index]; 7624 let stock = product_variants[i].available ? 1 : 0; 7625 7626 if (sizes_in_stock.hasOwnProperty(size)){ 7627 if (sizes_in_stock[size] < stock){ 7628 sizes_in_stock[size] = stock; 7629 } 7630 }else{ 7631 sizes_in_stock[size] = stock; 7632 } 7633 } 7634 7635 var missing_function = function(){ 7636 console.warn('Missing function in the settings'); 7637 }; 7638 7639 /* --- dynamic settings --- */ 7640 var easysize_placeholder = ".es_placeholder" || window.easysize_globals?.placeholder || ".easysize-container"; 7641 var easysize_size_selector = ".es_placeholder" || window.easysize_globals?.size_selector || easysize_placeholder || ".easysize-container"; 7642 var easysize_shop_id = "82f63056c9" || window.easysize_globals?.shop_id || ""; 7643 var order_button_id = "form[action*='\/cart\/add'] button[type='submit']" || window.easysize_globals?.order_button_id || ""; 7644 var easysize_product_brand = "e1be38-2" || window.easysize_globals?.brand || ""; 7645 var easysize_language = "english" || window.easysize_globals?.language || ""; 7646 var one_click = "true" || false; 7647 7648 var mapped_genders ={'maleMapping': [], 'femaleMapping': [], 'unisexMapping': []} 7649 7650 7651 7652 var size_update_function = function(size){ 7653 var size_element = document.querySelector('input[value="'+ size +'"]'); 7654 if (size_element){ 7655 size_element.click(); 7656 console.info("Easysize: Size element clicked", size_element); 7657 return true; 7658 } 7659 return false; 7660 } 7661 7662 /* --- dynamic settings --- */ 7663 /* One click settings */ 7664 var fit_option_index = -1; 7665 var length_option_index = -1; 7666 7667 var available_fits = []; 7668 var available_lengths = []; 7669 7670 var known_options = ['input', 'option', 'div', 'a', 'li', 'button']; 7671 var known_option_attributes = ['value', 'data-value', 'aria-label']; 7672 var option_type = undefined; 7673 var option_attribute = undefined; 7674 var predicted_placeholder = '.es_placeholder'; 7675 var predicted_add_to_cart_button = 'form[action*="/cart/add"] button[type="submit"]'; 7676 var parentSelectorFound = false; 7677 var oneClickSizeUpdate = undefined; 7678 var swatchKingPresent = document.querySelector('variant-swatch-king'); 7679 7680 try{ 7681 let size_option_length_titles = ['Length', 'lengte']; 7682 known_options.forEach(option =>{ 7683 known_option_attributes.forEach(attribute =>{ 7684 let size_selector = document.querySelector(option + '[' + attribute + '="' + product_variants[0][size_option_index] + '"]'); 7685 if (size_selector){ 7686 option_type = option; 7687 option_attribute = attribute; 7688 size_selector.parentElement.parentElement.classList.add(predicted_placeholder.split('.')[1]); 7689 parentSelectorFound = true; 7690 } 7691 }) 7692 }); 7693 7694 /* Get available fits and/or length index */ 7695 for (let i = 0;i < product_options.length;i++){ 7696 let found = false;
7697 if (product_options[i].toLowerCase() === 'fit'){ 7698 fit_option_index = "option" + (i+1); 7699 } 7700 7701 if (size_option_length_titles.includes(product_options[i].toLowerCase())){ 7702 length_option_index = "option" + (i+1); 7703 } 7704 } 7705 7706 /* Get the available lengths and/or fits */ 7707 for (let i = 0;i < product_variants.length;i++){ 7708 let fit = product_variants[i][fit_option_index]; 7709 let length = product_variants[i][length_option_index]; 7710 7711 if (fit && available_fits.indexOf(fit) === -1){ 7712 available_fits.push(fit); 7713 } 7714 7715 if (length && available_lengths.indexOf(length) === -1){ 7716 available_lengths.push(length); 7717 } 7718 } 7719 7720 if (!parentSelectorFound){ 7721 /* Check the block-swatch from the variant:change */ 7722 let parentElement = document.querySelector('variant-picker'); 7723 if (parentElement){ 7724 predicted_placeholder = 'variant-picker'; 7725 } 7726 } 7727 7728 if (document.querySelector('variant-selects')){ 7729 predicted_placeholder = 'variant-selects'; 7730 } 7731 7732 if (swatchKingPresent){ 7733 predicted_placeholder = 'variant-swatch-king'; 7734 } 7735 }catch(e){ 7736 console.log('Fit Quiz oneclick integration errror', e) 7737 } 7738 /* End of one click settings */ 7739 7740 var easysize_product_type = easysize_product_tags?.find(tag => tag.includes("ES_CAT:"))?.split(":")?.[1]; 7741 var easysize_product_model = easysize_product_tags?.find(tag => tag.includes("ES_MODEL:"))?.split(":")?.[1]; 7742 7743 var mapped_collections = product_collections.map(col => "[Collection] " + col.title.toLowerCase()); 7744 var tags = easysize_product_tags.map(tag => "[Tag] " + tag); 7745 var tags_and_colls = mapped_collections.concat(tags); 7746 var is_male = tags_and_colls.filter(tc => mapped_genders?.maleMapping?.length > 1 ? 7747 mapped_genders?.maleMapping?.includes(tc) : 7748 mapped_genders?.maleMapping?.[0]?.split(', ').includes(tc)).length; 7749 var is_female = tags_and_colls.filter(tc => mapped_genders?.femaleMapping?.length > 1 ? 7750 mapped_genders?.femaleMapping?.includes(tc) : 7751 mapped_genders?.femaleMapping?.[0]?.split(', ').includes(tc)).length; 7752 var is_uniseex = tags_and_colls.filter(tc => mapped_genders?.unisexMapping?.length > 1 ? 7753 mapped_genders?.unisexMapping?.includes(tc) : 7754 mapped_genders?.unisexMapping?.[0]?.split(', ').includes(tc)).length; 7755 7756 var easysize_product_gender = is_male ? "m" : is_female ? "f" : mapped_genders?.defaultMapping?.[0] || 'u'; 7757 if (is_male && is_female || is_uniseex){ 7758 easysize_product_gender = 'u'; 7759 } 7760 7761 if (!document.querySelector(easysize_placeholder) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 7762 easysize_placeholder = predicted_placeholder; 7763 } 7764 7765 if (!document.querySelector(easysize_size_selector) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 7766 easysize_size_selector = predicted_placeholder; 7767 } 7768 7769 oneClickSizeUpdate = function(size){ 7770 let s = EasySizeParametersDebug.easysize.original_calculated_size.size; 7771 let f = EasySizeParametersDebug.easysize.recommended_fit; 7772 7773 // Cover simple input 7774 document.querySelector('input[value="' + s + '"]')?.click() 7775 7776 // Cover simple dropdown 7777 Array.from(document.querySelectorAll('option[value="'+ s +'"]')).forEach((size_element) =>{ 7778 size_element.selected = true; 7779 size_element.parentElement.value = s 7780 size_element.parentElement.dispatchEvent(new Event('change',{bubbles: true })); 7781 }) 7782 7783 // Cover .block-swatch 7784 Array.from(document.querySelectorAll('.block-swatch span')).forEach(e =>{ 7785 if (e.innerText.trim() === s){ 7786 e.click() 7787 } 7788 }) 7789 7790 // Cover .sr-only 7791 Array.from(document.querySelectorAll('[data-option-selector] .sr-only')).forEach(e =>{ 7792 if (e.parentNode.innerText.trim() === size){ 7793 e.click() 7794 } 7795 }) 7796 7797 // Cover VSK + others 7798 document.querySelector('[data-value="' + s + '"]')?.click() 7799 document.querySelector('[option-value="' + s + '"]')?.click() 7800 document.querySelector('[data-option-value="' + s + '"]')?.click() 7801 document.querySelector('[data-variant-title="' + s + '"]')?.click() 7802 document.querySelector('[data-size="' + s + '"]')?.click() 7803 document.querySelector('button[value="' + s + '"]')?.click() 7804 7805 // Preselect fit 7806 if (f){ 7807 document.querySelector('input[value="' + f + '"]')?.click() 7808 } 7809 7810 size_update_function(s); 7811 7812 return true; 7813 } 7814 7815 if (!document.querySelector(predicted_add_to_cart_button)){ 7816 let new_cart_buttons = [ 7817 order_button_id || predicted_add_to_cart_button, 7818 "button[name='add']", 7819 '.atc-button', 7820 '.product-form__submit', 7821 '.button-add-to-cart', 7822 'buy-buttons button', 7823 '[data-add-to-cart]', 7824 '[data-atc-form]', 7825 '#addToCartBtn', 7826 ]; 7827 7828 new_cart_buttons.forEach((btn_selector) =>{ 7829 if (document.querySelector(btn_selector)){ 7830 predicted_add_to_cart_button = btn_selector 7831 } 7832 }) 7833 } 7834 7835 // Item duplication resolution in Shopify 7836 7837 var easysize_attributes ={ 7838 "placeholder": easysize_placeholder, 7839 "size_selector": easysize_size_selector, 7840 "shop_id": easysize_shop_id, 7841 "order_button_id": predicted_add_to_cart_button, 7842 "product_brand": easysize_product_brand, 7843 "language": easysize_language, 7844 "size_update_function": oneClickSizeUpdate, 7845 "product_type": easysize_product_type || "", 7846 "product_model": easysize_product_model, 7847 "product_title": easysize_product_title, 7848 "product_gender": easysize_product_gender, 7849 "product_variants": product_variants, 7850 "product_options": product_options, 7851 "product_tags": easysize_product_tags, 7852 "product_id": "", 7853 "user_id": "-1", 7854 "image_url": "https:" + null, 7855 "loaded": function(){ 7856 let forms = document.querySelectorAll('form[action*="/cart/add"]');
7857 forms.forEach(function(form){ 7858 let input = document.createElement("input"); 7859 input.type = "hidden"; 7860 input.id = "esid-input"; 7861 input.name = "properties[_esid]"; 7862 input.value = EasySizeParametersDebug.easysize.pageview_id; 7863 if (window.easysize_tracking_id){ 7864 input.value = window.easysize_tracking_id 7865 }; 7866 form.append(input); 7867 }) 7868 }, 7869 "sizes_in_stock": sizes_in_stock, 7870 available_fits, 7871 available_lengths 7872 }; 7873 7874 try{ 7875 easysize_attributes = Object.assign(easysize_attributes, window.easysize_globals); 7876 }catch (e){ 7877 console.warn(e); 7878 } 7879 7880 if (!window.fit_quiz_started){ 7881 window.fit_quiz_started = 1; 7882 window.addEventListener("easysize_ready", function(){ 7883 window.easy_size = new EasySize(easysize_attributes); 7884 window.easy_size.start(); 7885 debug_easysize_product(); 7886 }); 7887 document.addEventListener("shopify:section:load", () =>{ 7888 window.easy_size.refresh(); 7889 debug_easysize_product(); 7890 }); 7891 document.addEventListener("variant:change", () =>{ 7892 setTimeout(window.easy_size.refresh, 30); 7893 }); 7894 }else{ 7895 console.warn('Fit Quiz block should only be included once per page') 7896 } 7897 7898 7899</script>
7899 7900 7901 7902 <style scoped> 7903 .product-card__grid-item{ 7904 width: 23.5%; 7905 display: flex; 7906 align-items: center; 7907 flex-direction: column; 7908 position: relative; 7909 overflow: hidden; 7910 } 7911 7912 .product-card__grid-item-fullsize{ 7913 width: 100%; 7914 height: 100%; 7915 background-color: #e8e8e8; 7916 } 7917 7918 .product-card__grid-item-image-wrapper{ 7919 position: relative; 7920 padding-top: 100%; 7921 overflow: hidden; 7922 width: 100%; 7923 transform: scale(1); 7924 } 7925 .product-card__grid-item-link{ 7926 width: 100%; 7927 overflow: hidden; 7928 } 7929 7930 .product-card__item-reviews-wrapper{ 7931 padding: 0 8px; 7932 } 7933 7934 .grid-uniform--s2 .product-card__grid-item{ 7935 flex-basis: 48.5%; 7936 } 7937 .grid-uniform--s3 .product-card__grid-item{ 7938 flex-basis: 32.1%; 7939 } 7940 .grid-uniform--s4 .product-card__grid-item{ 7941 flex-basis: 23.5%; 7942 } 7943 7944 body .product-page .product-variant-wrapper, 7945 body .product-page #rc_container{ 7946 margin-bottom: 3px; 7947 } 7948 .ribbon{ 7949 width: 75px; 7950 height: 75px; 7951 overflow: hidden; 7952 position: absolute; 7953 z-index: 8; 7954 pointer-events: none; 7955 } 7956 .ribbon::before, 7957 .ribbon::after{ 7958 position: absolute; 7959 z-index: -1; 7960 content: ''; 7961 display: block;
7962 border: 5px solid var(--tagBadgeBackgroundColor); 7963 } 7964 .ribbon span{ 7965 background-color: var(--tagBadgeBackgroundColor); 7966 color: var(--tagBadgeTextColor); 7967 position: absolute; 7968 width: 185px; 7969 padding: 6px 0; 7970 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 7971 font-size: var(--tagBadgeTextSmallSize); 7972 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 7973 text-transform: uppercase; 7974 text-align: center; 7975 height: 27px; 7976 display: flex; 7977 justify-content: center; 7978 align-items: center; 7979 } 7980 .ribbon-top-left{ 7981 top: -10px; 7982 left: -10px; 7983 } 7984 .ribbon-top-left::before, 7985 .ribbon-top-left::after{ 7986 border-top-color: transparent; 7987 border-left-color: transparent; 7988 } 7989 .ribbon-top-left::before{ 7990 top: 0; 7991 right: 0; 7992 } 7993 .ribbon-top-left::after{ 7994 bottom: 0; 7995 left: 0; 7996 } 7997 .ribbon-top-left span{ 7998 left: -62px; 7999 top: 17px; 8000 transform: rotate(-45deg); 8001 } 8002 .ribbon-top-right{ 8003 top: -10px; 8004 right: -5px; 8005 } 8006 .ribbon-top-right::before, 8007 .ribbon-top-right::after{ 8008 border-top-color: transparent; 8009 border-right-color: transparent; 8010 } 8011 .ribbon-top-right::before{ 8012 top: 0; 8013 left: 0; 8014 } 8015 .ribbon-top-right::after{ 8016 bottom: 0; 8017 right: 0; 8018 } 8019 .ribbon-top-right span{ 8020 left: -48px; 8021 top: 17px; 8022 transform: rotate(45deg); 8023 } 8024 .product-half .ribbon{ 8025 width: 120px; 8026 height: 120px; 8027 } 8028 .product-half .ribbon span{ 8029 height: 45px; 8030 } 8031 .product-half .ribbon-top-left{ 8032 top: -4px; 8033 left: 9px; 8034 } 8035 .product-half .ribbon-top-left span{ 8036 left: -47px; 8037 top: 21px; 8038 font-size: var(--tagBadgeTextSize); 8039 } 8040 .soldout{ 8041 margin: 0 auto; 8042 color: #e00; 8043 font-weight: bold; 8044 } 8045 .compare-price{ 8046 color: var(--color-sale); 8047 font-size: var(--collectionProductComparePriceSize); 8048 margin-right: 5px; 8049 text-decoration: line-through; 8050 font-weight: bold; 8051 } 8052 8053 /* Import CSS */ 8054 8055 .product-card____item-title{ 8056 margin: 10px 0 3px 0; 8057 } 8058 8059 .product-card__item-description-wrapper{ 8060 text-align: left; 8061 padding: 0 8px; 8062 } 8063 8064 .product-card____item-reviews-wrapper{ 8065 text-align: left; 8066 } 8067 8068 .grid__item-image{ 8069 position: absolute; 8070 top: 50%; 8071 left: 50%; 8072 width: 100%; 8073 height: 100%; 8074 object-fit: cover; 8075 transform: translate(-50%, -50%) scale(1.01); 8076 transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 8077 } 8078 .product-card__item-title{ 8079 margin: 18.48px 0 3px 0; 8080 text-align: left; 8081 padding: 0 8px; 8082 font-size: var(--h3Size); 8083 } 8084 8085 .product-card__item-title-link{ 8086 color: #4b4b4b; 8087 } 8088 .product-card__item-compare-at-price, 8089 .product-card__item-price, 8090 .product-card__item-sold-out{ 8091 font-weight: bold; 8092 text-align: center; 8093 } 8094 .product-card__item-compare-at-price{ 8095 margin-right: 10px; 8096 color: var(--color-sale, #a00); 8097 text-decoration-line: line-through; 8098 font-size: var(--collectionProductComparePriceSize); 8099 margin-left: 5px; 8100 } 8101 .product-card__item-price-wrapper{ 8102 margin: 10px 0; 8103 text-align: left; 8104 padding: 0 8px; 8105 } 8106 .product-card__item-price{ 8107 color: var(--color-price, rgb(25, 156, 25)); 8108 } 8109 8110 .product-card__item-price .money{ 8111 font-size: var(--h3Size); 8112 margin: 0 4px 0 0; 8113 } 8114 8115 .product-card__item-sold-out{ 8116 display: block; 8117 color: var(--color_out_of_stock_label, #a00); 8118 margin: 10px 0; 8119 padding: 5px 0; 8120 background-color: var(--stock_warning_background_color); 8121 margin-bottom: 12px; 8122 } 8123{ 8124 margin-top: 3px; 8125 text-align: left; 8126 padding: 0 8px; 8127 } 8128 .grid__item--hidden-image img{ 8129 opacity: 0; 8130 visibility: hidden; 8131 } 8132 @media (max-width: 1019px){ 8133 .grid-uniform--st2 .product-card__grid-item{ 8134 flex-basis: 48.5%; 8135 } 8136 8137 .grid-uniform--st3 .product-card__grid-item{ 8138 flex-basis: 32.3%; 8139 } 8140 } 8141 8142 @media (max-width: 767px){ 8143 .product-card__item-title, 8144 .product-card__item-price .money{ 8145 font-size: var(--h3SizeTablet); 8146 } 8147 .grid-uniform--sm1 .product-card__grid-item{ 8148 flex-basis: 94%; 8149 } 8150 .grid-uniform--sm2 .product-card__grid-item{ 8151 flex-basis: 48.5%; 8152 } 8153 8154 .product-card__item-compare-at-price{ 8155 font-size: calc(100% - 4px); 8156 } 8157 } 8158 8159 @media (max-width: 375px){ 8160 .product-card__item-title, 8161 .product-card__item-price .money{ 8162 font-size: var(--h3SizeMobile); 8163 } 8164 } 8165 </style> 8166</div> 8167<!-- start product-card.liquid (SNIPPET) --><div class="product-card__grid-item"> 8168 8169 <div class="product-card__grid-item-fullsize"><div title="S" class="product-card__grid-item-link"> 8170 <div class="product-card__grid-item-image-wrapper"> 8171 <a href="/collections/all/products/project-013?variant=54482428330294" class="grid__item_image-link"><!-- start responsive-image.liquid (SNIPPET) --> 8172 8173 8174<img 8175 id="167445705" 8176 src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAABhGlDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9Ta0UqDkYQcchQnSyIijhqFYpQIdQKrTqYXPohNGlIUlwcBdeCgx+LVQcXZ10dXAVB8APE0clJ0UVK/F9SaBHrwXE/3t173L0DhFqJ6XbHGKAbjpVKxKVMdkUKvyKETojoh6gw25yV5STajq97BPh6F+NZ7c/9OXq0nM2AgEQ8w0zLIV4nntp0TM77xCIrKhrxOfGoRRckfuS66vMb54LHAs8UrXRqjlgklgotrLYwK1o68SRxVNMNyhcyPmuctzjrpQpr3JO/MJIzlpe4TnMICSxgETIkqKhgAyU4iNFqkGIjRfvxNv5Bzy+TSyXXBhg55lGGDsXzg//B727t/MS4nxSJA6EX1/0YBsK7QL3qut/Hrls/AYLPwJXR9JdrwPQn6dWmFj0CereBi+umpu4BlzvAwJOpWIonBWkK+TzwfkbflAX6boHuVb+3xj5OH4A0dZW8AQ4OgZECZa+1eXdXa2//nmn09wMjG3KHDOS4EQAAAAlwSFlzAAAuIwAALiMBeKU/dgAAAAd0SU1FB+YFBhQWEhVMTaAAAAAZdEVYdENvbW1lbnQAQ3JlYX
8176RlZCB3aXRoIEdJTVBXgQ4XAAAADElEQVQI12O4f/8+AAU+Ap5GJPuHAAAAAElFTkSuQmCC" 8177 data-src="//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=50" 8178 data-srcset="//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=100 100w,//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=153 153w,//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=234 234w,//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=358 358w,//undrdog.com/cdn/shop/files/013_HERO-IMAGE.png?v=1789403212&width=548 548w," 8179 sizes="(max-width: 479px) 480px, (max-width: 767px) 768px, (max-width: 1019px) 1020px, (max-width: 1279px) 1280px" 8180 class="responsive-image grid__item-image one" 8181 data-class="LazyLoad" 8182 alt="Project 013: Ancient Sage" 8183 loading="lazy" 8184 width="400" 8185 height="500" 8186 ></a> 8187 </div> 8188 8189 <div class="product-card__product-info"> 8190 <h3 class="product-card__item-title"> 8191 <a href="/collections/all/products/project-013?variant=54482428330294" class="product-card__item-title-link">Project 013: Ancient Sage</a> 8192 </h3><div class="product-card__item-description-wrapper"> 8193 <span class="product-card__item-description"></span> 8194 </div> 8195 8196 8197 <div class="product-card__reviews"> 8198 <svg width="114" height="22" viewBox="0 0 114 22" fill="none" xmlns="http://www.w3.org/2000/svg"> 8199 <path 8200 d="M11.1938 0L13.707 7.60081H21.8398L15.2602 12.2984L17.7734 19.8992L11.1938 15.2016L4.61426 19.8992L7.12743 12.2984L0.547865 7.60081H8.68066L11.1938 0Z" 8201 fill="#595959" /> 8202 <path 8203 d="M34.5815 0L37.0947 7.60081H45.2275L38.6479 12.2984L41.1611 19.8992L34.5815 15.2016L28.002 19.8992L30.5151 12.2984L23.9356 7.60081H32.0684L34.5815 0Z" 8204 fill="#595959" /> 8205 <path 8206 d="M57.4604 0L59.8593 7.60081H67.6225L61.342 12.2984L63.7409 19.8992L57.4604 15.2016L51.1799 19.8992L53.5789 12.2984L47.2984 7.60081H55.0615L57.4604 0Z" 8207 fill="#595959" /> 8208 <path 8209 d="M80.3391 0L82.8523 7.60081H90.9851L84.4055 12.2984L86.9187 19.8992L80.3391 15.2016L73.7595 19.8992L76.2727 12.2984L69.6931 7.60081H77.8259L80.3391 0Z" 8210 fill="#595959" /> 8211 <path 8212 d="M102.903 0L105.394 7.60081H113.457L106.934 12.2984L109.426 19.8992L102.903 15.2016L96.3799 19.8992L98.8714 12.2984L92.3486 7.60081H100.411L102.903 0Z" 8213 fill="#595959" /> 8214 </svg> 8215 <span>(5.0 of 800 Reviews)</span> 8216 </div><div class="product-card__item-swatch-wrapper"><!-- start swatch_collection.liquid (SNIPPET) --> 8217<div class="swatch swatch-standard"> 8218 <div class="swatch-type swatch-type-collection"> 8219 <div class="swatch-elements-wrapper"><!-- start swatch_color_collection.liquid (SNIPPET) --></div> 8220 </div> 8221</div> 8222 8223<style> 8224 8225 8226 8227 .swatch-element.swatch-element-color{ 8228 position: relative; 8229 } 8230 8231 .swatch-standard input:checked + .swatch-value + .swatch-value-checked, 8232 .swatch-style input:checked + .swatch-value + .swatch-value-checked{ 8233 background: var(--swatch_checked-color); 8234 border-radius: 100%; 8235 display: flex; 8236 height: 15px; 8237 position: absolute; 8238 right: 0; 8239 8240 transform: translate(50%, -50%); 8241 width: 15px; 8242 z-index: 1; 8243 } 8244 8245 .swatch.swatch-standard{ 8246 position: relative; 8247 width: 100%; 8248 padding: 0 8px 0 0; 8249 } 8250 .swatch .swatch-type{ 8251 margin-left: 10px; 8252 } 8253 8254 .swatch .swatch-elements-wrapper, 8255 .swatch .swatch-type{ 8256 flex-wrap: wrap; 8257 align-items: flex-start; 8258 justify-content: flex-start; 8259 } 8260 8261 .swatch .swatch-type, 8262 .swatch .swatch-elements-wrapper{ 8263 display: flex; 8264 } 8265 8266 .swatch .swatch-type .swatch-elements-wrapper, 8267 .swatch .swatch-type .swatch-elements-wrapper{ 8268 justify-content: flex-start; 8269 gap: 5px; 8270 } 8271 8272 span.swatch-value.color, 8273 .item-single span.swatch-value.color{ 8274 height: 100%; 8275 padding: 0; 8276 min-width: unset; 8277 min-height: unset; 8278 display: inline-flex; 8279 justify-content: center; 8280 align-content: center; 8281 line-height: 1.7; 8282 cursor: pointer; 8283 position: relative; 8284 background: center center/cover no-repeat #ddd; 8285 border: 1px solid #ccc; 8286 color: #000; 8287 text-align: center; 8288 padding: 9px 9px; 8289 height: 100%; 8290 width: auto; 8291 } 8292 8293 .swatch .swatch-value{ 8294 display: inline-flex; 8295 justify-content: center; 8296 align-content: center; 8297 line-height: 1.7; 8298 cursor: pointer; 8299 position: relative; 8300 background: center center/cover no-repeat #ddd; 8301 border: 1px solid #ccc; 8302 color: #000; 8303 text-align: center; 8304 padding: 2px 10px;
8305 height: 100%; 8306 width: auto; 8307 } 8308 8309 .swatch-standard .swatch-value-checked{ 8310 display: none; 8311 pointer-events: none; 8312 margin-top: 0px; 8313 } 8314 8315 .swatch-element .swatch-value:hover + .swatch-value-checked{ 8316 display: flex; 8317 } 8318 8319 .swatch-standard .swatch-value-checked{ 8320 display: none; 8321 pointer-events: none; 8322 margin-top: 4px; 8323 } 8324 8325 span.swatch-value-checked, 8326 span.swatch-value-checked.color{ 8327 display: none; 8328 color: var(--colorCollectionSwatchCheck); 8329 position: absolute; 8330 transform: translate(50%, -50%); 8331 background: var(--colorCollectionSwatch); 8332 width: 0.8em; 8333 height: 0.8em; 8334 border-radius: 100%; 8335 z-index: 1; 8336 top: 0; 8337 left: 4px; 8338 } 8339 8340 span.swatch-value-checked.size:after{ 8341 content: '\2713'; 8342 color: var(--iconCheckmarkChecked); 8343 font-size: 12px; 8344 width: 9px; 8345 font-weight: 800; 8346 top: -3px; 8347 position: relative; 8348 right: -2px; 8349 } 8350 8351 span.swatch-value-checked.color:after{ 8352 content: '\2713'; 8353 color: var(--iconCheckmarkChecked); 8354 font-size: 12px; 8355 width: 9px; 8356 font-weight: 800; 8357 position: absolute; 8358 top: -2px; 8359 left: 2px; 8360 } 8361 8362 html .round span.swatch-value.color{ 8363 border-radius: 100%; 8364 margin-top: 0px; 8365 } 8366 8367 span.swatch-value-circle-checked:after, 8368 span.swatch-value-color-circle-checked:after{ 8369 content: '\2713'; 8370 color: var(--iconCheckmarkChecked); 8371 font-size: 10px; 8372 width: 9px; 8373 font-weight: 800; 8374 top: -1px; 8375 position: relative; 8376 right: -2px; 8377 } 8378 8379 @media(max-width: 1019px){ 8380 .swatch .swatch-type{ 8381 margin-left: 13px; 8382 } 8383 } 8384 8385 @media (max-width: 767px){ 8386 .swatch .swatch-type{ 8387 margin-left: 6px; 8388 } 8389 } 8390</style> 8391</div><div class="product-card__item-price-wrapper"><span class="product-card__item-price">$41.65</span> 8392 8393 </div> 8394 </div> 8395 </div> 8396 </div> 8397 8398 8399 8400 8401<div class="easysize-container"></div> 8402 8403
8404<script async type="text/javascript" src="https://webapp.easysize.me/web_app_v1.0/js/easysize.js"></script>
vendor: 1 bytes, line 8404
8404
8405<script type="text/javascript" async> 8406 function debug_easysize_product(){ 8407 setTimeout(() =>{ 8408 let theme_debug_string = document.createElement("p"); 8409 theme_debug_string.innerHTML = " - This will only render in the theme editor - " + "<br />" + "This product is not supported by our FIT Quiz"; 8410 let debugContainer = document.querySelector(".easysize-container-debug"); 8411 if (window.EasySizeParametersDebug.product && !window.EasySizeParametersDebug.product.supported && debugContainer){ 8412 debugContainer?.append(theme_debug_string); 8413 }else{ 8414 theme_debug_string.remove(); 8415 } 8416 }, 1000); 8417 } 8418 8419 var product_collections = null || []; 8420 var easysize_product_tags = null || []; 8421 var easysize_product_title = null || ''; 8422 var product_variants = null || []; 8423 var product_options = null || []; 8424 try{ 8425 var size_option_titles = window.easysize_globals?.size_option_titles || ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 8426 }catch(e){ 8427 var size_option_titles = ["skostorlek", "taille", "taglia", "size", "misura", "talla", "størrelse", "maat", "größe", "grösse", "storlek"]; 8428 } 8429 var size_option_index = -1; 8430 var sizes_in_stock ={}; 8431 if (product_options.length === 1){ 8432 size_option_titles = [product_options[0]] 8433 } 8434 8435 for (let i = 0;i < product_options.length;i++){ 8436 let found = false; 8437 for (var y = 0;y < size_option_titles.length;y++){ 8438 if (product_options[i].toLowerCase() === size_option_titles[y].toLowerCase()){ 8439 found = true; 8440 swatch_index = i; 8441 size_option_index = "option" + (i+1); 8442 break; 8443 } 8444 } 8445 8446 if (found) break; 8447 } 8448 8449 for (let i = 0;i < product_variants.length;i++){ 8450 let size = product_variants[i][size_option_index]; 8451 let stock = product_variants[i].available ? 1 : 0; 8452 8453 if (sizes_in_stock.hasOwnProperty(size)){ 8454 if (sizes_in_stock[size] < stock){ 8455 sizes_in_stock[size] = stock; 8456 } 8457 }else{ 8458 sizes_in_stock[size] = stock; 8459 } 8460 } 8461 8462 var missing_function = function(){ 8463 console.warn('Missing function in the settings'); 8464 }; 8465 8466 /* --- dynamic settings --- */ 8467 var easysize_placeholder = ".es_placeholder" || window.easysize_globals?.placeholder || ".easysize-container"; 8468 var easysize_size_selector = ".es_placeholder" || window.easysize_globals?.size_selector || easysize_placeholder || ".easysize-container"; 8469 var easysize_shop_id = "82f63056c9" || window.easysize_globals?.shop_id || ""; 8470 var order_button_id = "form[action*='\/cart\/add'] button[type='submit']" || window.easysize_globals?.order_button_id || ""; 8471 var easysize_product_brand = "e1be38-2" || window.easysize_globals?.brand || ""; 8472 var easysize_language = "english" || window.easysize_globals?.language || ""; 8473 var one_click = "true" || false; 8474 8475 var mapped_genders ={'maleMapping': [], 'femaleMapping': [], 'unisexMapping': []} 8476 8477 8478 8479 var size_update_function = function(size){ 8480 var size_element = document.querySelector('input[value="'+ size +'"]'); 8481 if (size_element){ 8482 size_element.click(); 8483 console.info("Easysize: Size element clicked", size_element); 8484 return true; 8485 } 8486 return false; 8487 } 8488 8489 /* --- dynamic settings --- */ 8490 /* One click settings */ 8491 var fit_option_index = -1; 8492 var length_option_index = -1; 8493 8494 var available_fits = []; 8495 var available_lengths = []; 8496 8497 var known_options = ['input', 'option', 'div', 'a', 'li', 'button']; 8498 var known_option_attributes = ['value', 'data-value', 'aria-label']; 8499 var option_type = undefined; 8500 var option_attribute = undefined; 8501 var predicted_placeholder = '.es_placeholder'; 8502 var predicted_add_to_cart_button = 'form[action*="/cart/add"] button[type="submit"]'; 8503 var parentSelectorFound = false; 8504 var oneClickSizeUpdate = undefined; 8505 var swatchKingPresent = document.querySelector('variant-swatch-king'); 8506 8507 try{ 8508 let size_option_length_titles = ['Length', 'lengte']; 8509 known_options.forEach(option =>{ 8510 known_option_attributes.forEach(attribute =>{ 8511 let size_selector = document.querySelector(option + '[' + attribute + '="' + product_variants[0][size_option_index] + '"]'); 8512 if (size_selector){ 8513 option_type = option; 8514 option_attribute = attribute; 8515 size_selector.parentElement.parentElement.classList.add(predicted_placeholder.split('.')[1]); 8516 parentSelectorFound = true; 8517 } 8518 }) 8519 }); 8520 8521 /* Get available fits and/or length index */ 8522 for (let i = 0;i < product_options.length;i++){ 8523 let found = false;
8524 if (product_options[i].toLowerCase() === 'fit'){ 8525 fit_option_index = "option" + (i+1); 8526 } 8527 8528 if (size_option_length_titles.includes(product_options[i].toLowerCase())){ 8529 length_option_index = "option" + (i+1); 8530 } 8531 } 8532 8533 /* Get the available lengths and/or fits */ 8534 for (let i = 0;i < product_variants.length;i++){ 8535 let fit = product_variants[i][fit_option_index]; 8536 let length = product_variants[i][length_option_index]; 8537 8538 if (fit && available_fits.indexOf(fit) === -1){ 8539 available_fits.push(fit); 8540 } 8541 8542 if (length && available_lengths.indexOf(length) === -1){ 8543 available_lengths.push(length); 8544 } 8545 } 8546 8547 if (!parentSelectorFound){ 8548 /* Check the block-swatch from the variant:change */ 8549 let parentElement = document.querySelector('variant-picker'); 8550 if (parentElement){ 8551 predicted_placeholder = 'variant-picker'; 8552 } 8553 } 8554 8555 if (document.querySelector('variant-selects')){ 8556 predicted_placeholder = 'variant-selects'; 8557 } 8558 8559 if (swatchKingPresent){ 8560 predicted_placeholder = 'variant-swatch-king'; 8561 } 8562 }catch(e){ 8563 console.log('Fit Quiz oneclick integration errror', e) 8564 } 8565 /* End of one click settings */ 8566 8567 var easysize_product_type = easysize_product_tags?.find(tag => tag.includes("ES_CAT:"))?.split(":")?.[1]; 8568 var easysize_product_model = easysize_product_tags?.find(tag => tag.includes("ES_MODEL:"))?.split(":")?.[1]; 8569 8570 var mapped_collections = product_collections.map(col => "[Collection] " + col.title.toLowerCase()); 8571 var tags = easysize_product_tags.map(tag => "[Tag] " + tag); 8572 var tags_and_colls = mapped_collections.concat(tags); 8573 var is_male = tags_and_colls.filter(tc => mapped_genders?.maleMapping?.length > 1 ? 8574 mapped_genders?.maleMapping?.includes(tc) : 8575 mapped_genders?.maleMapping?.[0]?.split(', ').includes(tc)).length; 8576 var is_female = tags_and_colls.filter(tc => mapped_genders?.femaleMapping?.length > 1 ? 8577 mapped_genders?.femaleMapping?.includes(tc) : 8578 mapped_genders?.femaleMapping?.[0]?.split(', ').includes(tc)).length; 8579 var is_uniseex = tags_and_colls.filter(tc => mapped_genders?.unisexMapping?.length > 1 ? 8580 mapped_genders?.unisexMapping?.includes(tc) : 8581 mapped_genders?.unisexMapping?.[0]?.split(', ').includes(tc)).length; 8582 8583 var easysize_product_gender = is_male ? "m" : is_female ? "f" : mapped_genders?.defaultMapping?.[0] || 'u'; 8584 if (is_male && is_female || is_uniseex){ 8585 easysize_product_gender = 'u'; 8586 } 8587 8588 if (!document.querySelector(easysize_placeholder) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 8589 easysize_placeholder = predicted_placeholder; 8590 } 8591 8592 if (!document.querySelector(easysize_size_selector) && one_click == 'true' && document.querySelector(predicted_placeholder) && document.querySelector(predicted_placeholder)?.checkVisibility()){ 8593 easysize_size_selector = predicted_placeholder; 8594 } 8595 8596 oneClickSizeUpdate = function(size){ 8597 let s = EasySizeParametersDebug.easysize.original_calculated_size.size; 8598 let f = EasySizeParametersDebug.easysize.recommended_fit; 8599 8600 // Cover simple input 8601 document.querySelector('input[value="' + s + '"]')?.click() 8602 8603 // Cover simple dropdown 8604 Array.from(document.querySelectorAll('option[value="'+ s +'"]')).forEach((size_element) =>{ 8605 size_element.selected = true; 8606 size_element.parentElement.value = s 8607 size_element.parentElement.dispatchEvent(new Event('change',{bubbles: true })); 8608 }) 8609 8610 // Cover .block-swatch 8611 Array.from(document.querySelectorAll('.block-swatch span')).forEach(e =>{ 8612 if (e.innerText.trim() === s){ 8613 e.click() 8614 } 8615 }) 8616 8617 // Cover .sr-only 8618 Array.from(document.querySelectorAll('[data-option-selector] .sr-only')).forEach(e =>{ 8619 if (e.parentNode.innerText.trim() === size){ 8620 e.click() 8621 } 8622 }) 8623 8624 // Cover VSK + others 8625 document.querySelector('[data-value="' + s + '"]')?.click() 8626 document.querySelector('[option-value="' + s + '"]')?.click() 8627 document.querySelector('[data-option-value="' + s + '"]')?.click() 8628 document.querySelector('[data-variant-title="' + s + '"]')?.click() 8629 document.querySelector('[data-size="' + s + '"]')?.click() 8630 document.querySelector('button[value="' + s + '"]')?.click() 8631 8632 // Preselect fit 8633 if (f){ 8634 document.querySelector('input[value="' + f + '"]')?.click() 8635 } 8636 8637 size_update_function(s); 8638 8639 return true; 8640 } 8641 8642 if (!document.querySelector(predicted_add_to_cart_button)){ 8643 let new_cart_buttons = [ 8644 order_button_id || predicted_add_to_cart_button, 8645 "button[name='add']", 8646 '.atc-button', 8647 '.product-form__submit', 8648 '.button-add-to-cart', 8649 'buy-buttons button', 8650 '[data-add-to-cart]', 8651 '[data-atc-form]', 8652 '#addToCartBtn', 8653 ]; 8654 8655 new_cart_buttons.forEach((btn_selector) =>{ 8656 if (document.querySelector(btn_selector)){ 8657 predicted_add_to_cart_button = btn_selector 8658 } 8659 }) 8660 } 8661 8662 // Item duplication resolution in Shopify 8663 8664 var easysize_attributes ={ 8665 "placeholder": easysize_placeholder, 8666 "size_selector": easysize_size_selector, 8667 "shop_id": easysize_shop_id, 8668 "order_button_id": predicted_add_to_cart_button, 8669 "product_brand": easysize_product_brand, 8670 "language": easysize_language, 8671 "size_update_function": oneClickSizeUpdate, 8672 "product_type": easysize_product_type || "", 8673 "product_model": easysize_product_model, 8674 "product_title": easysize_product_title, 8675 "product_gender": easysize_product_gender, 8676 "product_variants": product_variants, 8677 "product_options": product_options, 8678 "product_tags": easysize_product_tags, 8679 "product_id": "", 8680 "user_id": "-1", 8681 "image_url": "https:" + null, 8682 "loaded": function(){ 8683 let forms = document.querySelectorAll('form[action*="/cart/add"]');
8684 forms.forEach(function(form){ 8685 let input = document.createElement("input"); 8686 input.type = "hidden"; 8687 input.id = "esid-input"; 8688 input.name = "properties[_esid]"; 8689 input.value = EasySizeParametersDebug.easysize.pageview_id; 8690 if (window.easysize_tracking_id){ 8691 input.value = window.easysize_tracking_id 8692 }; 8693 form.append(input); 8694 }) 8695 }, 8696 "sizes_in_stock": sizes_in_stock, 8697 available_fits, 8698 available_lengths 8699 }; 8700 8701 try{ 8702 easysize_attributes = Object.assign(easysize_attributes, window.easysize_globals); 8703 }catch (e){ 8704 console.warn(e); 8705 } 8706 8707 if (!window.fit_quiz_started){ 8708 window.fit_quiz_started = 1; 8709 window.addEventListener("easysize_ready", function(){ 8710 window.easy_size = new EasySize(easysize_attributes); 8711 window.easy_size.start(); 8712 debug_easysize_product(); 8713 }); 8714 document.addEventListener("shopify:section:load", () =>{ 8715 window.easy_size.refresh(); 8716 debug_easysize_product(); 8717 }); 8718 document.addEventListener("variant:change", () =>{ 8719 setTimeout(window.easy_size.refresh, 30); 8720 }); 8721 }else{ 8722 console.warn('Fit Quiz block should only be included once per page') 8723 } 8724 8725 8726</script>
8726 8727 8728 8729 <style scoped> 8730 .product-card__grid-item{ 8731 width: 23.5%; 8732 display: flex; 8733 align-items: center; 8734 flex-direction: column; 8735 position: relative; 8736 overflow: hidden; 8737 } 8738 8739 .product-card__grid-item-fullsize{ 8740 width: 100%; 8741 height: 100%; 8742 background-color: #e8e8e8; 8743 } 8744 8745 .product-card__grid-item-image-wrapper{ 8746 position: relative; 8747 padding-top: 100%; 8748 overflow: hidden; 8749 width: 100%; 8750 transform: scale(1); 8751 } 8752 .product-card__grid-item-link{ 8753 width: 100%; 8754 overflow: hidden; 8755 } 8756 8757 .product-card__item-reviews-wrapper{ 8758 padding: 0 8px; 8759 } 8760 8761 .grid-uniform--s2 .product-card__grid-item{ 8762 flex-basis: 48.5%; 8763 } 8764 .grid-uniform--s3 .product-card__grid-item{ 8765 flex-basis: 32.1%; 8766 } 8767 .grid-uniform--s4 .product-card__grid-item{ 8768 flex-basis: 23.5%; 8769 } 8770 8771 body .product-page .product-variant-wrapper, 8772 body .product-page #rc_container{ 8773 margin-bottom: 3px; 8774 } 8775 .ribbon{ 8776 width: 75px; 8777 height: 75px; 8778 overflow: hidden; 8779 position: absolute; 8780 z-index: 8; 8781 pointer-events: none; 8782 } 8783 .ribbon::before, 8784 .ribbon::after{ 8785 position: absolute; 8786 z-index: -1; 8787 content: ''; 8788 display: block;
8789 border: 5px solid var(--tagBadgeBackgroundColor); 8790 } 8791 .ribbon span{ 8792 background-color: var(--tagBadgeBackgroundColor); 8793 color: var(--tagBadgeTextColor); 8794 position: absolute; 8795 width: 185px; 8796 padding: 6px 0; 8797 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); 8798 font-size: var(--tagBadgeTextSmallSize); 8799 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 8800 text-transform: uppercase; 8801 text-align: center; 8802 height: 27px; 8803 display: flex; 8804 justify-content: center; 8805 align-items: center; 8806 } 8807 .ribbon-top-left{ 8808 top: -10px; 8809 left: -10px; 8810 } 8811 .ribbon-top-left::before, 8812 .ribbon-top-left::after{ 8813 border-top-color: transparent; 8814 border-left-color: transparent; 8815 } 8816 .ribbon-top-left::before{ 8817 top: 0; 8818 right: 0; 8819 } 8820 .ribbon-top-left::after{ 8821 bottom: 0; 8822 left: 0; 8823 } 8824 .ribbon-top-left span{ 8825 left: -62px; 8826 top: 17px; 8827 transform: rotate(-45deg); 8828 } 8829 .ribbon-top-right{ 8830 top: -10px; 8831 right: -5px; 8832 } 8833 .ribbon-top-right::before, 8834 .ribbon-top-right::after{ 8835 border-top-color: transparent; 8836 border-right-color: transparent; 8837 } 8838 .ribbon-top-right::before{ 8839 top: 0; 8840 left: 0; 8841 } 8842 .ribbon-top-right::after{ 8843 bottom: 0; 8844 right: 0; 8845 } 8846 .ribbon-top-right span{ 8847 left: -48px; 8848 top: 17px; 8849 transform: rotate(45deg); 8850 } 8851 .product-half .ribbon{ 8852 width: 120px; 8853 height: 120px; 8854 } 8855 .product-half .ribbon span{ 8856 height: 45px; 8857 } 8858 .product-half .ribbon-top-left{ 8859 top: -4px; 8860 left: 9px; 8861 } 8862 .product-half .ribbon-top-left span{ 8863 left: -47px; 8864 top: 21px; 8865 font-size: var(--tagBadgeTextSize); 8866 } 8867 .soldout{ 8868 margin: 0 auto; 8869 color: #e00; 8870 font-weight: bold; 8871 } 8872 .compare-price{ 8873 color: var(--color-sale); 8874 font-size: var(--collectionProductComparePriceSize); 8875 margin-right: 5px; 8876 text-decoration: line-through; 8877 font-weight: bold; 8878 } 8879 8880 /* Import CSS */ 8881 8882 .product-card____item-title{ 8883 margin: 10px 0 3px 0; 8884 } 8885 8886 .product-card__item-description-wrapper{ 8887 text-align: left; 8888 padding: 0 8px; 8889 } 8890 8891 .product-card____item-reviews-wrapper{ 8892 text-align: left; 8893 } 8894 8895 .grid__item-image{ 8896 position: absolute; 8897 top: 50%; 8898 left: 50%; 8899 width: 100%; 8900 height: 100%; 8901 object-fit: cover; 8902 transform: translate(-50%, -50%) scale(1.01); 8903 transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1); 8904 } 8905 .product-card__item-title{ 8906 margin: 18.48px 0 3px 0; 8907 text-align: left; 8908 padding: 0 8px; 8909 font-size: var(--h3Size); 8910 } 8911 8912 .product-card__item-title-link{ 8913 color: #4b4b4b; 8914 } 8915 .product-card__item-compare-at-price, 8916 .product-card__item-price, 8917 .product-card__item-sold-out{ 8918 font-weight: bold; 8919 text-align: center; 8920 } 8921 .product-card__item-compare-at-price{ 8922 margin-right: 10px; 8923 color: var(--color-sale, #a00); 8924 text-decoration-line: line-through; 8925 font-size: var(--collectionProductComparePriceSize); 8926 margin-left: 5px; 8927 } 8928 .product-card__item-price-wrapper{ 8929 margin: 10px 0; 8930 text-align: left; 8931 padding: 0 8px; 8932 } 8933 .product-card__item-price{ 8934 color: var(--color-price, rgb(25, 156, 25)); 8935 } 8936 8937 .product-card__item-price .money{ 8938 font-size: var(--h3Size); 8939 margin: 0 4px 0 0; 8940 } 8941 8942 .product-card__item-sold-out{ 8943 display: block; 8944 color: var(--color_out_of_stock_label, #a00); 8945 margin: 10px 0; 8946 padding: 5px 0; 8947 background-color: var(--stock_warning_background_color); 8948 margin-bottom: 12px; 8949 } 8950{ 8951 margin-top: 3px; 8952 text-align: left; 8953 padding: 0 8px; 8954 } 8955 .grid__item--hidden-image img{ 8956 opacity: 0; 8957 visibility: hidden; 8958 } 8959 @media (max-width: 1019px){ 8960 .grid-uniform--st2 .product-card__grid-item{ 8961 flex-basis: 48.5%; 8962 } 8963 8964 .grid-uniform--st3 .product-card__grid-item{ 8965 flex-basis: 32.3%; 8966 } 8967 } 8968 8969 @media (max-width: 767px){ 8970 .product-card__item-title, 8971 .product-card__item-price .money{ 8972 font-size: var(--h3SizeTablet); 8973 } 8974 .grid-uniform--sm1 .product-card__grid-item{ 8975 flex-basis: 94%; 8976 } 8977 .grid-uniform--sm2 .product-card__grid-item{ 8978 flex-basis: 48.5%; 8979 } 8980 8981 .product-card__item-compare-at-price{ 8982 font-size: calc(100% - 4px); 8983 } 8984 } 8985 8986 @media (max-width: 375px){ 8987 .product-card__item-title, 8988 .product-card__item-price .money{ 8989 font-size: var(--h3SizeMobile); 8990 } 8991 } 8992 </style> 8993</div> 8994<div class="collection-page__loading-more-wrapper"> 8995 <span class="collection-page__items--loaded">All items have been loaded.</span> 8996 </div></div> 8997 </div> 8998 8999 9000 </div> 9001 </div> 9002</div> 9003 9004 9005 9006 9007 </section><div id="shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2" class="shopify-section faq-accordion"><!-- start faq-accordion.liquid (SECTION) --><style> 9008 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2{ 9009 background-color: #161616; 9010 text-align: left; 9011 } 9012 9013 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__headline-titles{ 9014 width: 70%; 9015 } 9016 9017 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__title *{ 9018 font-size: 44px; 9019 line-height: 48px; 9020 color: #010101; 9021 letter-spacing: -1px; 9022 text-align: center; 9023 } 9024 9025 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__subtitle{ 9026 text-align: center; 9027 font-size: 20px; 9028 color: #ffffff; 9029 } 9030 9031 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion.active .faq-section__accordion-title-wrapper{ 9032 background-color: #161616; 9033 border-radius: 8px; 9034 } 9035 9036 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion.active .faq-section__accordion-title{ 9037 color: #ffffff; 9038 } 9039 9040 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion.active .faq-section__accordion-title svg{ 9041 fill: #ffffff; 9042 } 9043 9044 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion .faq-section__accordion-title-wrapper{ 9045 background-color: #161616; 9046 border-radius: 8px; 9047 } 9048 9049 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion .faq-section__accordion-title *{ 9050 font-size: 20px;
9051 line-height: 26px; 9052 } 9053 9054 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__subtitle{ 9055 font-size: 20px; 9056 } 9057 9058 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-container{ 9059 width: 69%; 9060 } 9061 9062 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion:not(.active):hover .faq-section__accordion-title-wrapper{ 9063 background-color: #161616; 9064 border-radius: 8px; 9065 } 9066 9067 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion:not(.active):hover .faq-section__accordion-title{ 9068 color: #ffffff; 9069 } 9070 9071 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion{ 9072 border-bottom: 1px solid #161616; 9073 } 9074 9075 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-content{ 9076 color: #ffffff; 9077 font-size: 16px; 9078 } 9079 9080 9081 9082 @media (max-width: 1019px){ 9083 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__headline-titles{ 9084 width: 61%; 9085 } 9086 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__title *{ 9087 font-size: 28px; 9088 } 9089 9090 9091 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__subtitle{ 9092 font-size: 14px; 9093 } 9094 9095 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion .faq-section__accordion-title *{ 9096 font-size: 20px; 9097 } 9098 9099 9100 9101 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-content *{ 9102 font-size: 16px; 9103 } 9104 9105 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-container{ 9106 width: 95%; 9107 } 9108 } 9109 9110 @media (max-width: 767px){ 9111 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-title-wrapper::after{ 9112 right: 17px; 9113 } 9114 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__cta-button{ 9115 margin-top: 32px; 9116 } 9117 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__headline-titles{ 9118 width: 100%; 9119 } 9120 9121 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__title *{ 9122 9123 font-size: 34px; 9124 line-height: 42px; 9125 9126 } 9127 9128 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__subtitle{ 9129 font-size: 10px; 9130 } 9131 9132 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-container{ 9133 width: 89%; 9134 } 9135 9136 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion .faq-section__accordion-title *{ 9137 font-size: 20px; 9138 line-height: 26px; 9139 } 9140 9141 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion-content *{ 9142 font-size: 10px; 9143 } 9144 9145 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__accordion.active .faq-section__accordion-title-wrapper::after{ 9146 right: 20px; 9147 top: 31px; 9148 } 9149 } 9150</style> 9151 <style scoped> 9152 .faq-section__wrapper{ 9153 padding: 80px 20px 80px; 9154 } 9155 </style> 9156 9157 9158<style scoped> 9159 .faq-section__headline-titles{ 9160 margin: 0 auto 33.8px; 9161 } 9162 9163 .faq-section__title *{ 9164 padding: 0; 9165 letter-spacing: -1px; 9166 line-height: 48px; 9167 font-weight: 900; 9168 margin-bottom: 7.2px; 9169 } 9170 9171 #shopify-section-template--25875984941366__141f7cc5-fedc-466c-a29f-b47d94f1b0f2 .faq-section__title strong{ 9172 color: #EC612A; 9173 font-family: 'Obvia'; 9174 } 9175 .faq-section__cta-button{ 9176 margin-top: 40px; 9177 } 9178 .faq-section__cta-button .cta-button__star-rating-text.cta-text{ 9179 color: #010101; 9180 } 9181 9182 9183 9184 .faq-section__subtitle{ 9185 letter-spacing: 0.46px; 9186 line-height: 1.5; 9187 color: #555; 9188 text-transform: capitalize; 9189 } 9190 9191 .faq-section__accordion-title{ 9192 display: flex; 9193 align-items: center; 9194 justify-content: space-between; 9195 letter-spacing: -0.5px; 9196 line-height: 26px; 9197 overflow-wrap: break-word; 9198 gap: 10px; 9199 } 9200 9201 .faq-section__accordion.active .faq-section__accordion-title{ 9202 max-width: inherit; 9203 } 9204 9205 .faq-section__accordion.active .faq-section__accordion-title svg{ 9206 transform: rotate(0deg); 9207 } 9208 9209 .faq-section__accordion-title svg{ 9210 transition: transform 0.5s ease-out; 9211 transform: rotate(-90deg); 9212 } 9213 9214 .faq-section__accordion-container{ 9215 display: flex; 9216 flex-direction: column; 9217 margin: 0 auto; 9218 } 9219 9220 .faq-section__accordion:not(:last-child){ 9221 margin-bottom: 10px; 9222 } 9223 9224 .faq-section__accordion-title-wrapper{ 9225 cursor: pointer; 9226 position: relative; 9227 padding: 16px 24px; 9228 transition: all .3s; 9229 } 9230 9231 .faq-section__accordion-content-wrapper{ 9232 padding: 10px 24px 21px; 9233 background: white; 9234 border-radius: 0 0 8px 8px; 9235 margin-top: -4px; 9236 } 9237 9238 .faq-section__accordion .faq-section__accordion-title svg{ 9239 position: relative; 9240 right: 0; 9241 flex-shrink: 0; 9242 margin-left: 5px; 9243 min-width: 17px; 9244 width: 17px; 9245 min-height: 17px; 9246 height: 17px; 9247 } 9248 9249 .faq-section__accordion-title-icons{ 9250 min-width: 17px; 9251 width: 17px; 9252 min-height: 17px; 9253 height: 17px; 9254 position: relative; 9255 } 9256 9257 .faq-section__accordion-title-icons svg, 9258 .faq-section__accordion-title-icons path{ 9259 9260 fill: #EC612A; 9261 9262 color: #EC612A; 9263 } 9264 9265 .faq-section__accordion-title-icon-plus, 9266 .faq-section__accordion-title-icon-minus{ 9267 position: absolute; 9268 top: 0; 9269 left: 0; 9270 display: flex; 9271 align-items: center; 9272 justify-content: center; 9273 opacity: 0; 9274 min-width: 24px; 9275 width: 24px; 9276 min-height: 24px; 9277 height: 24px; 9278 transition: opacity 0.1s ease-in-out; 9279 } 9280 9281 .faq-section__accordion-title-icon-plus{ 9282 opacity: 1; 9283 } 9284 9285 .faq-section__accordion.active .faq-section__accordion-title-icon-plus{ 9286 opacity: 0; 9287 } 9288 9289 .faq-section__accordion.active .faq-section__accordion-title-icon-minus{ 9290 opacity: 1; 9291 } 9292 9293 @media (max-width: 1019px){ 9294 .faq-section__wrapper{ 9295 padding: 50px 20px 50px; 9296 } 9297 9298 .faq-section__headline-titles{ 9299 margin: 0 auto 29px; 9300 } 9301 9302 .faq-section__title *{ 9303 margin-bottom: 7.2px; 9304 letter-spacing: 0.3px; 9305 line-height: 42px; 9306 } 9307 9308 .faq-section__subtitle{ 9309 line-height: 1; 9310 letter-spacing: 0.2px; 9311 } 9312 9313 .faq-section__accordion .faq-section__accordion-title *{ 9314 letter-spacing: -0.5px; 9315 } 9316 9317 .faq-section__accordion-content-wrapper{ 9318 padding: 7px 24px 20px; 9319 } 9320 9321 .faq-section__accordion-content{ 9322 letter-spacing: 0.2px; 9323 } 9324 9325 .faq-section__accordion-title-wrapper{ 9326 padding: 14px 24px; 9327 } 9328 } 9329 9330 @media (max-width: 767px){ 9331 .faq-section__wrapper{ 9332 padding: 30px 20px; 9333 9334 } 9335 9336 .faq-section__headline-titles{ 9337 margin: 0 auto 24.7px; 9338 } 9339 9340 .faq-section__title *{ 9341 margin-bottom: 7.8px; 9342 letter-spacing: -1px; 9343 line-height: 42px; 9344 } 9345 9346 .faq-section__subtitle{ 9347 line-height: 1.1; 9348 letter-spacing: 0.1px; 9349 } 9350 9351 .faq-section__accordion .faq-section__accordion-title *{ 9352 letter-spacing: -0.5px;
9353 line-height: 26px; 9354 padding-right: 0px; 9355 } 9356 9357 .faq-section__accordion-content{ 9358 letter-spacing: 0.1px; 9359 line-height: 1.4; 9360 } 9361 9362 .faq-section__accordion-title-wrapper{ 9363 padding: 20px 16px; 9364 } 9365 9366 .faq-section__accordion-content-wrapper{ 9367 padding: 2px 16px 9px; 9368 line-height: 12px; 9369 } 9370 9371 .faq-section__accordion-title-icons span svg{ 9372 min-width: 20px; 9373 width: 20px; 9374 min-height: 20px; 9375 height: 20px; 9376 } 9377 9378 .faq-section__accordion .faq-section__accordion-title svg{ 9379 right: 1.2px; 9380 top: 0.8px; 9381 transform: scale(0.8) rotate(-90deg); 9382 } 9383 9384 .faq-section__accordion.active .faq-section__accordion-title svg{ 9385 top: 0.4px; 9386 transform: scale(0.8) rotate(0deg); 9387 } 9388 } 9389</style> 9390 9391<section class="faq-section__wrapper wrapper" id="faq"> 9392 <div class="faq-section__container"> 9393 9394 <div class="faq-section__headline-titles faq-section__headline-wrapper"> 9395 <h2 class="faq-section__title obvia-font"><h2>FAQ's</h2></h2> 9396 <p class="faq-section__subtitle section-subtitle">Pellentesque cras adipiscing tempus libero vel nullam mauris tellus. Aliquam ultrices tellus consequat amet, lectus aliquam est in neque.</p> 9397 </div> 9398 9399 9400 <div class="faq-section__accordion-container"><div class="faq-section__accordion active "> 9401 <div class="faq-section__accordion-title-wrapper"> 9402 <h4 class="faq-section__accordion-title"> 9403 <p>Row Title</p> 9404 <!-- start icon-arrow-down.liquid (SNIPPET) --> 9405<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"/> </g></svg> 9406 9407 </h4> 9408 </div> 9409 9410 <div class="faq-section__accordion-content-wrapper" style="display: none"> 9411 <div class="faq-section__accordion-content-container"> 9412 9413 <div class="faq-section__accordion-content"> 9414 <p>Row Content</p> 9415 </div> 9416 9417 </div> 9418 </div> 9419 </div><div class="faq-section__accordion "> 9420 <div class="faq-section__accordion-title-wrapper"> 9421 <h4 class="faq-section__accordion-title"> 9422 <p>Row Title</p> 9423 <!-- start icon-arrow-down.liquid (SNIPPET) --> 9424<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"/> </g></svg> 9425 9426 </h4> 9427 </div> 9428 9429 <div class="faq-section__accordion-content-wrapper" style="display: none"> 9430 <div class="faq-section__accordion-content-container"> 9431 9432 <div class="faq-section__accordion-content"> 9433 <p>Row Content</p> 9434 </div> 9435 9436 </div> 9437 </div> 9438 </div><div class="faq-section__accordion "> 9439 <div class="faq-section__accordion-title-wrapper"> 9440 <h4 class="faq-section__accordion-title"> 9441 <p>Row Title</p> 9442 <!-- start icon-arrow-down.liquid (SNIPPET) --> 9443<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"/> </g></svg> 9444 9445 </h4> 9446 </div> 9447 9448 <div class="faq-section__accordion-content-wrapper" style="display: none"> 9449 <div class="faq-section__accordion-content-container"> 9450 9451 <div class="faq-section__accordion-content"> 9452 <p>Row Content</p> 9453 </div> 9454 9455 </div> 9456 </div> 9457 </div><div class="faq-section__accordion "> 9458 <div class="faq-section__accordion-title-wrapper"> 9459 <h4 class="faq-section__accordion-title"> 9460 <p>Row Title</p> 9461 <!-- start icon-arrow-down.liquid (SNIPPET) --> 9462<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"/> </g></svg> 9463 9464 </h4> 9465 </div> 9466 9467 <div class="faq-section__accordion-content-wrapper" style="display: none"> 9468 <div class="faq-section__accordion-content-container"> 9469 9470 <div class="faq-section__accordion-content"> 9471 <p>Row Content</p> 9472 </div> 9473 9474 </div> 9475 </div> 9476 </div><div class="faq-section__accordion "> 9477 <div class="faq-section__accordion-title-wrapper"> 9478 <h4 class="faq-section__accordion-title"> 9479 <p>Row Title</p> 9480 <!-- start icon-arrow-down.liquid (SNIPPET) --> 9481<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 129 129" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 129 129"> <g> <path d="m121.3,34.6c-1.6-1.6-4.2-1.6-5.8,0l-51,51.1-51.1-51.1c-1.6-1.6-4.2-1.6-5.8,0-1.6,1.6-1.6,4.2 0,5.8l53.9,53.9c0.8,0.8 1.8,1.2 2.9,1.2 1,0 2.1-0.4 2.9-1.2l53.9-53.9c1.7-1.6 1.7-4.2 0.1-5.8z"/> </g></svg> 9482 9483 </h4> 9484 </div> 9485 9486 <div class="faq-section__accordion-content-wrapper" style="display: none"> 9487 <div class="faq-section__accordion-content-container"> 9488 9489 <div class="faq-section__accordion-content"> 9490 <p>Row Content</p> 9491 </div> 9492 9493 </div> 9494 </div> 9495 </div></div> 9496 </div> 9497 <div class="faq-section__cta-button"> 9498 9499 9500 9501<!-- START cta-button.liquid --> 9502<div id="cta-button-section" class="cta-button__container 9503 9504 9505 9506 9507 "> 9508 9509 <div class="cta-button__star-rating"> 9510 <span class="cta-button__star-rating-icon"> 9511 <svg width="70" height="14" viewBox="0 0 70 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9512 <path d="M7 0L8.5716 4.83688H13.6574L9.5429 7.82624L11.1145 12.6631L7 9.67376L2.8855 12.6631L4.4571 7.82624L0.342604 4.83688H5.4284L7 0Z" fill="#FFC400"/> 9513 <path d="M21 0L22.5716 4.83688H27.6574L23.5429 7.82624L25.1145 12.6631L21 9.67376L16.8855 12.6631L18.4571 7.82624L14.3426 4.83688H19.4284L21 0Z" fill="#FFC400"/> 9514 <path d="M35 0L36.5716 4.83688H41.6574L37.5429 7.82624L39.1145 12.6631L35 9.67376L30.8855 12.6631L32.4571 7.82624L28.3426 4.83688H33.4284L35 0Z" fill="#FFC400"/> 9515 <path d="M49 0L50.5716 4.83688H55.6574L51.5429 7.82624L53.1145 12.6631L49 9.67376L44.8855 12.6631L46.4571 7.82624L42.3426 4.83688H47.4284L49 0Z" fill="#FFC400"/> 9516 <path d="M63 0L64.5716 4.83688H69.6574L65.5429 7.82624L67.1145 12.6631L63 9.67376L58.8855 12.6631L60.4571 7.82624L56.3426 4.83688H61.4284L63 0Z" fill="#FFC400"/> 9517</svg> 9518 9519 </span> 9520 <span class="cta-button__star-rating-text cta-text " > 9521 9522 Trusted by 350,000 Men 9523 9524 </span> 9525 </div> 9526 9527 9528 9529 <a href="#buyboxSwatch" class="cta-button__link 9530 9531 " 9532 > 9533 9534 <span class="cta-button__link-text ">Become An UndrDog</span> 9535 9536 9537 9538 9539 </a> 9540 9541 <div class="cta-button__uvps cta-button__uvps--black "> 9542 <div class="cta-button__uvp-item"> 9543 <span class="cta-button__uvp-item-icon"> 9544 9545 <svg style="color: #EC612A;
9545" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9546 <path d="M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM7.25 9.54297L5 7.29297L4.29297 8L6.89648 10.6035C7.09175 10.7988 7.40825 10.7988 7.60352 10.6035L12.457 5.75L11.75 5.04297L7.25 9.54297Z" fill="currentColor"/> 9547</svg> 9548 9549 9550 </span> 9551 <span class="cta-button__uvp-item-text cta-text 9552 9553 " > 9554 Lifetime Warranty 9555 </span> 9556 </div> 9557 <div class="cta-button__uvp-item"> 9558 <span class="cta-button__uvp-item-icon"> 9559 9560 <svg style="color: #EC612A;" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9561 <path d="M8 0.25C12.2802 0.25 15.75 3.71979 15.75 8C15.75 12.2802 12.2802 15.75 8 15.75C3.71979 15.75 0.25 12.2802 0.25 8C0.25 3.71979 3.71979 0.25 8 0.25ZM7.25 9.54297L5 7.29297L4.29297 8L6.89648 10.6035C7.09175 10.7988 7.40825 10.7988 7.60352 10.6035L12.457 5.75L11.75 5.04297L7.25 9.54297Z" fill="currentColor"/> 9562</svg> 9563 9564 9565 </span> 9566 <span class="cta-button__uvp-item-text cta-text 9567 9568 " > 9569 Buy 3 = Free Shipping 9570 </span> 9571 </div> 9572 </div> 9573 9574</div> 9575<!-- END cta-button.liquid --> 9576 9577 9578 9579 </div> 9580</section> 9581
9582<script type="lazyload_int"> 9583 const accordion = (function (){ 9584 const $accordion = $('.faq-section__accordion'); 9585 const $accordionTitle = $('.faq-section__accordion-title-wrapper'); 9586 9587 const settings ={ 9588 speed: 400, 9589 oneOpen: true, 9590 }; 9591 9592 return{ 9593 init: function ($settings){ 9594 $accordionTitle.on('click', function (){ 9595 accordion.toggle($(this)); 9596 setTimeout(() =>{ 9597 $('body').animate({scrollTop: $(this).offset().top}, 500); 9598 }, 100); 9599 }); 9600 9601 $.extend(settings, $settings); 9602 9603 $('.faq-section__accordion.active').find('> .faq-section__accordion-content-wrapper').show(); 9604 }, 9605 9606 toggle: function ($this){ 9607 if (settings.oneOpen && $this[0] != $this.closest('.faq-section__accordion-container').find('> .faq-section__accordion.active > .faq-section__accordion-title-wrapper')[0]){ 9608 $this 9609 .closest('.faq-section__accordion-container') 9610 .find('> .faq-section__accordion') 9611 .removeClass('active') 9612 .find('.faq-section__accordion-content-wrapper') 9613 .slideUp(); 9614 } 9615 9616 $this.closest('.faq-section__accordion').toggleClass('active'); 9617 $this.next().stop().slideToggle(settings.speed); 9618 }, 9619 }; 9620 })(); 9621 9622 $(document).ready(function (){ 9623 accordion.init({speed: 500, oneOpen: true }); 9624 }); 9625</script>
9625 9626 9627</div> 9628 <limespot></limespot></section></main> 9629 9630 9631 9632 <style> 9633 .footer{ 9634 9635 display: block; 9636 9637 9638 float: left; 9639 width: 100%; 9640 padding: 60px 0; 9641 text-align: center; 9642 background: #261109 url(//undrdog.com/cdn/shop/files/footer-bg_2000x296.jpg?v=4104055152033696664) no-repeat center top; 9643 background-size: cover; 9644 } 9645 .footer > .container > a:first-child{ 9646 display: block; 9647 width: fit-content; 9648 margin: 0 auto; 9649 } 9650 .ftr-logo{ 9651 display: block; 9652 margin: 0 auto 25px; 9653 width: 150px; 9654 } 9655 .ftr-txt1{ 9656 font-size: 16px; 9657 line-height: 22px; 9658 color: #fff; 9659 letter-spacing: 0.3px; 9660 margin: 20px 0 0; 9661 font-family: 'Nimbus Sans L'; 9662 } 9663 .ftr-txt1 a{ 9664 color: #fff; 9665 padding: 0 5px; 9666 font-family: 'Nimbus Sans L'; 9667 } 9668 @media only screen and (max-width: 767px){ 9669 .footer{ 9670 padding: 30px 0; 9671 } 9672 .ftr-txt1{ 9673 font-size: 14px; 9674 } 9675 .ftr-logo{ 9676 width: 100px; 9677 } 9678 } 9679 9680 .ftr-txt1 a:hover{ 9681 text-decoration: underline; 9682 } 9683 9684 9685</style> 9686 9687<div class="footer" id="footer-section"> 9688 <div class="container"> 9689 <a href="/"> 9690 9691 <img src="//undrdog.com/cdn/shop/files/logo_300x128.png?v=14945513028116714134" loading="lazy" class="ftr-logo" width="150" height="64" alt="logo"> 9692 9693 </a> 9694 <p class="ftr-txt1" style="display: flex;justify-content: center;flex-wrap: wrap;"> 9695 <a class="truevault-polaris-privacy-notice" href="https://privacy.undrdog.com/privacy-policy#california-privacy-notice" noreferrer noopener hidden style="display: block;">California Privacy Notice </a>| 9696 <a class="truevault-polaris-optout" href="https://privacy.undrdog.com/opt-out" noreferrer noopener hidden style="block;"> 9697 <img src="https://polaris.truevaultcdn.com/static/assets/icons/optout-icon-blue.svg" 9698 alt="California Consumer Privacy Act (CCPA) Opt-Out Icon" 9699 style="vertical-align:middle;display:inline;" height="14px" 9700 /> 9701 Your Privacy Choices | 9702 </a> 9703 <a href="https://privacy.undrdog.com/privacy-policy">Privacy Policy </a> | 9704 <a href="/policies/terms-of-service">Terms & Conditions </a> | 9705 <a href="/pages/contact">Contact Us</a> 9706 <br class="mobile"> 9707 <span class="no-mobile">|</span> 9708 <a href="https://undrdog.com/pages/return-policy">Exchanges & Returns</a> 9709 </p> 9710 <p class="ftr-txt1"> 9711 Copyright 9712 2026 9713 9714 © — All Rights Reserved <span class="desktop">-</span> <br class="mobile"> 9715 UNDRDOG, LLC 9716 </p> 9717 </div> 9718</div> 9719 9720 9721<!-- start vasta-scripts.liquid (SNIPPET) -->
9721<script> const money_format = '${{amount}}';</script>
9721<script src="//undrdog.com/cdn/shop/t/136/assets/jquery-3-7.min.js?v=158417595810649192771769604907"></script>
9721<script src="//undrdog.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js"></script>
9721<script type="lazyload_int" data-src="//undrdog.com/cdn/shop/t/136/assets/VastaShop.js?v=157113441304378571361769604930"></script>
9721
9721<script type="lazyload_int"> (function(){VastaShop.Cart.current ={"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};VastaShop.Cart.total_price = 0;VastaShop.Cart.total_quantity = 0;})();</script>
9721<script type="lazyload_int">const product_without_image = 'https://cdn.shopify.com/shopifycloud/shopify/assets/no-image-2048-5e88c1b20e087fb7bbe9a3771824e743c244f437e4f8ba93bbf7b11b53f7824c.gif';var cart_page = cart_page ||{}, cart_page ={discount_in_cart_page:"", text_cart_above_button_sucess:"Congratulations! We'll Pay Your Shipping", cart_discount_value: 0, cart_freeshipping_text: "+ Free Shipping", text_cart_above_button: 'Free Shipping Unlocked', enable_day_on_message: false };VastaShop.config ={};VastaShop.config.enable_freeshipping_msg = true;VastaShop.config.freeshipping_msg = '+ Free Shipping';update_discount_cart(0, 0);</script>
9721<!-- start collection-js.liquid (SNIPPET) -->
9721<script type="lazyload_int"> (function ($){'use strict';let list = 1;Shopify.replaceState(Shopify.newState('list', 1));const descriptionButtonLabels ={closed: "See More", opened: "See Less", };/** * Loading item function that loading collection items using AJAX. */ async function loadItems(appendItems = false){const enableOutOfStock = false;list = Math.max(1, parseInt(Shopify.urlParam('list') || 1));let searchParams = [];let pathname = $('#filter-by-interest').val() || location.pathname;let sortBy = $('#filter-sort-by').val() || 'manual';searchParams.push('sort_by=' + sortBy);$('[name^="filter."]').each(function (){if (this.type == 'checkbox' && $(this).is(':checked')){searchParams.push($(this).attr('name') + '=' + $(this).val());}else if (this.type == 'number' && $(this).val() != ''){searchParams.push($(this).attr('name') + '=' + $(this).val());}});const url = pathname + '?page=' + list + '§ion_id=collection-items&' + searchParams.join('&');const HTMLContent = await $.ajax({url: url, method: 'GET', });const parser = new DOMParser();const htmlDoc = parser.parseFromString(HTMLContent, 'text/html');const $collectionPageContent = $(htmlDoc.querySelector('#collection-page-content'));$('.spinner-widget').remove();if (appendItems == false){if ($collectionPageContent.length == 0){$('#collection-page-content').html('<span class="collection__no-products-found">No Products Found</span>');}else{$('#collection-page-content').empty().html($collectionPageContent.html());}}else{if ($collectionPageContent.find('.product-card__grid-item').length > 0){$('#collection-page-content').append($collectionPageContent.html());}}const $initialQnt = $('.product-count__initial-quantity');const $finalQnt = $('.product-count__final-quantity');const $totalQnt = $('.product-count__total-quantity');const $totalItems = $('.product-count__all-collection-items').val();const productsLoaded = $collectionPageContent.find('.product-card__grid-item').length;const productsPerPage = 12;const allProductsLoaded = productsPerPage * (list - 1) + productsLoaded;if(list > 1){$initialQnt.html(productsPerPage * (list - 1) + 1);$finalQnt.html(allProductsLoaded);}else{if(allProductsLoaded == 0){$initialQnt.html(0);}else{$initialQnt.html(1);}$finalQnt.html(allProductsLoaded);}if($totalItems > 1){$totalQnt.html($totalItems + ' items');}else if(!$totalItems){$totalQnt.html(0 + ' items');}else{$totalQnt.html($totalItems + ' item');};}/** * Collection Description */ $('#collection-description__button').click(function (){const $btn = $(e.target);const $descriptionText = $('#collection-description__text');e.preventDefault();if ($descriptionText.hasClass('collection-description__text--opened')){$descriptionText.removeClass('collection-description__text--opened');$btn.html(descriptionButtonLabels.closed);}else{$descriptionText.addClass('collection-description__text--opened');$btn.html(descriptionButtonLabels.opened);}});/** * Loading More */ $(document).on('click', '.collection-page__loading-more', function (e){e.preventDefault();const $btn = $(this);const currentPage = list + 1;Shopify.replaceState(Shopify.newState('list', currentPage));$btn.css('opacity', 0);loadItems(true);setTimeout(function(){$btn.closest('.collection-page__loading-more-wrapper').remove();}, 400);});$('#filter-by-interest').change(function(){Shopify.replaceState(Shopify.newState('list', 1));loadItems();});$('#filter-sort-by').change(function(){Shopify.replaceState(Shopify.newState('list', 1));Shopify.replaceState(Shopify.newState('sort_by', $(this).val()));loadItems();});$('.collection-facets__item-button').click(function(){Shopify.replaceState(Shopify.newState('list', 1));loadItems();});$('.collection-facets__item-option').change(function(){Shopify.replaceState(Shopify.newState('list', 1));loadItems();});$('.collection-facets__overlay').click(function(){$(document.body).stop().removeClass('collection-facets--opened');});$('.collection-facets__icon').click(function(){$(document.body).stop().toggleClass('collection-facets--opened');});})(jQuery);</script>
9721<script type="lazyload_int"> /** * Swatch Item */ const items = document.querySelectorAll('.template-collection .grid__item, .template-index .grid__item');items.forEach(function (item){const swatchItems = item.querySelectorAll('.swatch-value-color');const imageWrapper = item.querySelector('.grid__item-image-wrapper');swatchItems.forEach(function (swatchItem){const image = swatchItem.dataset.img;Shopify.Image.loadImage(Shopify.Image.getSizedImageUrl(image, '300x'));swatchItem.addEventListener('mouseover', function (){imageWrapper.classList.add('grid__item--hidden-image');imageWrapper.style.backgroundImage = 'url("' + image + '")';});swatchItem.addEventListener('mouseleave', function (){imageWrapper.classList.remove('grid__item--hidden-image');imageWrapper.style.backgroundImage = 'unset';});});});</script>
9721<script type="lazyload_int" data-src="https://www.klaviyo.com/media/js/public/klaviyo_subscribe.js"></script>
9721
9721<script type="lazyload_int"> setTimeout(function (){/** Begin Klaviyo Script */ KlaviyoSubscribe.attachToForms('.klaviyo_condensed_styling',{hide_form_on_success: true, custom_success_message: true, success: function (){$('.klaviyo_inputs_wrapper').hide();$('.success_message').show();}, });/** End Klaviyo Script */ });</script>
9721<script type="lazyload_int"> setTimeout(function (){function labnolIframe(div){var iframe = document.createElement('iframe');iframe.setAttribute('src', 'https://www.youtube.com/embed/' + div.dataset.id + '?autoplay=1&rel=0');iframe.setAttribute('frameborder', '0');iframe.setAttribute('allowfullscreen', '1');iframe.setAttribute('allow', 'accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture');div.parentNode.replaceChild(iframe, div);}function initYouTubeVideos(){var playerElements = document.getElementsByClassName('youtube-player');for (var n = 0;n < playerElements.length;n++){var videoId = playerElements[n].dataset.id;var div = document.createElement('div');div.setAttribute('data-id', videoId);var thumbNode = document.createElement('img');thumbNode.src = '//i.ytimg.com/vi/ID/hqdefault.jpg'.replace('ID', videoId);div.appendChild(thumbNode);var playButton = document.createElement('div');playButton.setAttribute('class', 'play');div.appendChild(playButton);var background = document.createElement('div');background.setAttribute('class', 'play-background');playButton.appendChild(background);var icon = document.createElement('div');icon.setAttribute('class', 'play-icon');playButton.appendChild(icon);var leftSide = document.createElement('div');leftSide.setAttribute('class', 'play-left-side');icon.appendChild(leftSide);var rightSide = document.createElement('div');rightSide.setAttribute('class', 'play-right-side');icon.appendChild(rightSide);div.onclick = function (){labnolIframe(this);};playerElements[n].appendChild(div);}}initYouTubeVideos();});</script>
9721<script type="lazyload_int" data-src="//undrdog.com/cdn/shop/t/136/assets/priority-processing.js?v=95274878743863531891769604907"></script>
9721<script> function priority_processing_init(){$('.priority-processing--widget').checkboxUpsell({modal: '#modal-priority-processing-form', properties:{"Priority_Processing": "Priority Processing" },onInit: function(priorityProduct){if (typeof window.selectedVariant !== 'undefined'){const quantity = parseInt($('#ProductQuantity').val());$('.btn-money').html(Shopify.formatMoney((quantity * selectedVariant.price) + priorityProduct.price));}}, onAddItem: function(priorityProduct){if (typeof window.selectedVariant !== 'undefined'){const quantity = parseInt($('#ProductQuantity').val());$('.btn-money').html(Shopify.formatMoney((quantity * selectedVariant.price) + priorityProduct.price));}}, onRemove: function(){const quantity = parseInt($('#ProductQuantity').val());$('.btn-money').html(Shopify.formatMoney(quantity * selectedVariant.price));},onFinally: function(cart){if (typeof CartDrawerAPI !== 'undefined'){CartDrawerAPI.buildCart(cart);}}});}</script>
9721<script type="lazyload_int"> setTimeout(function (){priority_processing_init();});</script>
9721<script>function calculateDiscount(price, compareAtPrice){const priceWithDiscount = price / 100;const discount = (1 - (priceWithDiscount * 100) / compareAtPrice) * 100;return Number(discount.toFixed(2));}function createCompareButton(totalPrice, quantity, discount){const compareButton = document.createElement('div');compareButton.className = 'compare-btn';const priceElement = document.createElement('span');priceElement.className = 'compare-add-price';priceElement.textContent = `$${(totalPrice * parseInt(quantity)).toFixed(2)}`;const discountElement = document.createElement('span');discountElement.className = 'compare_percent';discountElement.textContent = `(${discount}% OFF)`;compareButton.appendChild(priceElement);compareButton.appendChild(discountElement);return compareButton;}function verifyComparePriceOfProduct(variantID, quantity){const product = null;const variant = product.variants.find((variant) => variant.id == variantID);const{compare_at_price, price }= variant;const totalPrice = compare_at_price / 100;const $buttonAddCart = document.querySelector('#AddToCart');const compareBtnWrapper = document.querySelector('.compare-btn--wrapper');if (parseInt(compare_at_price) > parseInt(price)){const discount = calculateDiscount(price, compare_at_price);const compareButton = createCompareButton(totalPrice, quantity, discount);compareBtnWrapper.innerHTML = '';compareBtnWrapper.appendChild(compareButton);compareBtnWrapper.appendChild(document.createElement('span')).className = 'line';}else{compareBtnWrapper.innerHTML = '';}}</script>
9721<script type="lazyload_int"> /* ATC Spinning Element */ $('.addTocut-btn').each((index, btn) =>{const $btn = $(btn);$btn.click((e) =>{const $spinner = $btn.find('.spinner__wrapper');$spinner.addClass('show');});});</script>
9721<script> const $newStampedDiv = $('.stamped_reviews_section');const $originalStamped = $('#stamped-main-widget');console.log($originalStamped);$newStampedDiv.append($originalStamped);</script>
9721<!-- "snippets/subscription-theme-footer.liquid" was not rendered, the associated app was uninstalled -->
9721<script>(()=>{if(window.ZipifyPages??={},!window.ZipifyPages.isGlobalSectionScriptsLoaded)return;window.ZipifyPages.isGlobalSectionScriptsLoaded=!1;"https://cdn03.zipify.com/javascript/page-published-scripts.min.js".split(",").map((i=>i.trim())).forEach((i=>{const e=document.createElement("script");Object.assign(e,{src:i,defer:!0,type:"module"}),document.body.appendChild(e)}))})();</script>
9721<script id="published-popup-template" type="text/template"><form class="zpa-crm-popup-form" id="zpa-crm-form" action="/subscribe" method="post" data-zpa-crm-form><header class="zpa-crm-popup-header"><button class="zpa-popup-btn-close" type="button"aria-label="Close Navigation" data-close-btn><svg class="zpa-popup-btn-close-icon" width="34" height="34" data-name="btn-close"><use href="#btn-close"></use></svg></button></header><div class="zpa-crm-popup-body" data-popup-content></div></form></script>
9721
9721<script id="crm-button-popup" type="text/template">{! if (progress_image_option == 1)!}<div class="zpa-crm-popup-progressbar-wrap"><img class="zpa-crm-popup-img-progress zpa-img-fluid zpa-center-block" src="{!= progress_image.src !}"></div>{! !}<h1 class="zpa-crm-popup-title" style="color:{!= form_name_color !};font-family:{!= form_name_font_family !};font-size:{!= form_name_font_size !};">{!= form_name !}</h1><div class="zpa-crm-popup-form-container">{! if (form_image_option == 1) !}<div class="zpa-crm-popup-image-box"><img class="zpa-crm-popup-img-asside zpa-img-fluid zpa-center-block" style="border-radius:{!= form_image_shape !};" src="{!= form_image.src !}"></div>{! !}<div class="zpa-crm-popup-form-box"><div class="zpa-crm-popup-field-wrap">{! if (first_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-first-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="first_name" data-user-fname data-zp-input><span class="zpa-text-field__label">First Name</span></label>{! !}{! if (last_name_option == 1) !}<label class="zpa-crm-popup-field-wrap zpa-crm-popup-field-last-name zpa-text-field zpa-offset-bottom-xs"><input class="zpa-text-field__input" type="text" name="last_name" data-user-lname data-zp-input><span class="zpa-text-field__label">Last Name</span></label>{! !}</div><label class="zpa-text-field"><input class="zpa-text-field__input" type="email" name="email" required data-user-email data-zp-input><span class="zpa-text-field__label">Email Address</span></label>{! if (phone_option == 1) !}<label class="zpa-text-field zpa-crm-popup-field-phone"><input class="zpa-text-field__input" name="phone" type="tel" data-user-phone data-zp-input><span class="zpa-text-field__label">Phone Number</span></label>{! !}</div></div>{! if (gdpr_status != 'disable') !}<div>{! if (gdpr_status == 'enable_with_checkbox') !}<label class="zpa-control zpa-control--top zpa-control-checkbox zpa-offset-bottom-xs hidden" data-gdpr-checkbox-section><input class="zpa-control__field" type="checkbox" name="gdpr" data-gdpr-checkbox><span class="zpa-control__indicator zpa-offset-right-xs"></span><span class="zpa-fsize-xs" data-gdpr-checkbox-text></span></label>{! !}{! if (gdpr_status == 'enable_without_checkbox') !}<p class="zpa-fsize-xs zpa-text-center zpa-offset-top-none zpa-offset-bottom-xs hidden" data-gdpr-message-section></p>{! !}</div>{! !}<button class="zpa-crm-button-checkout zpa-btn-custom" type="submit" style="color:{!= checkout_button_color !};background-color:{!= checkout_button_background_color !}" data-checkout-btn data-zpa-submit-button>{!= checkout_button_caption !}</button>{! if (comment_text_status == 1) !}<p class="zpa-crm-popup-description" style="color:{!= comment_text_font_color !}" data-comment-text-status>{!= comment_text !}</p>{! !}{! if (banner_image_option == 1)!}<img class="zpa-crm-popup-img-footer zpa-img-fluid zpa-center-block" src="{!= banner_image.src !}">{! !}</script>
9721<script 9722 type='text/javascript' 9723 src='https://s.opensend.com/os.min.js' 9724 osid='C15E2BE7' async> 9725 </script>
9725 9726 9727<!-- runs only when the user is on product page --> 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 <!--Stamped Main Script: Begin-->
9739<script>function myInit(){StampedFn.init({apiKey: '17861f64-9429-4ff8-bd68-d19a11fa58ce', sId: '331618' });}</script>
vendor: 1 bytes, line 9739
9739
9740<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
9740 9741<!--Stamped Main Script: End --> 9742 9743<!-- Failed to render app block "17174303574952363282": app block path "shopify://apps/fondue-cashback-promotions/blocks/caseback-embed/dcfd972d-99c5-4526-b55b-2d76e990dec8" does not exist --><div id="shopify-block-AS0lNMVZlSktiRm1BQ__5888675206956468567" class="shopify-block shopify-app-block"> 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 9759 9760<div 9761 id='loop-onstore-data' 9762 data-show-onstore-bar='false' 9763 data-apikey='test-key' 9764 data-checkoutselector='#checkout' 9765 data-replacecheckoutbutton='false' 9766 data-cartdetails='true' 9767 data-preservecart='false' 9768 data-label='in available credit' 9769 data-mobile-label='credit' 9770 data-valuesize='15' 9771 data-labelsize='10' 9772 data-buttonsize='10' 9773 data-alignment='full' 9774 data-bgcolor='rgb(0,0,0)' 9775 data-textcolor='rgb(255,255,255)' 9776 data-bumpsidecart='false' 9777 data-sidecartselector='.sidecart'></div> 9778 9779 9780</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block"> 9781 9782
9783<script> 9784 console.log("[Alia app extension] v1.0.5"); 9785 9786 const BACKEND_URL = "https://backend.alia-prod.com"; 9787 9788 window.ALIA_SHOPIFY_EXTENSION_INFO = { 9789 customerID: "", 9790 country: "US", 9791 market: "us", 9792 language: "en" 9793 } 9794 9795 if (document.readyState !== "loading") { 9796 initAlia(); 9797 } else { 9798 document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true }); 9799 } 9800 9801 async function initAlia() { 9802 const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=e1be38-2.myshopify.com"; 9803 const script = document.createElement("script"); 9804 script.src = url; 9805 script.async = true; 9806 document.head.appendChild(script); 9807 } 9808</script>
9808 9809 9810</div><div id="shopify-block-AaUVQZ3RJdytsVHRjb__3667842014806057753" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: snippet --> 9811 9812 9813 9814 9815 9816 9817 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827
9828<script> 9829!(function () { 9830 if (window.OCUIncart) return; 9831 9832 window.Zipify = window.Zipify || {}; 9833 window.OCUApi = window.OCUApi || {}; 9834 Zipify.OCU = Zipify.OCU || { api: OCUApi }; 9835 Zipify.OCU.enabled = true; 9836})() 9837</script>
9837 9838 9839 9840 9841 9842<style>.ocu-hidden.ocu-hidden.ocu-hidden,.bold_hidden.bold_hidden.bold_hidden{display:none !important}</style>
9843<script> 9844(() => { 9845const manifest = {"zipify-oneclickupsell-single.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-single.4a1e80ea1fdea5fd.js","zipify-oneclickupsell-multiple.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-multiple.ded3ff16ca2b5696.js","zipify-oneclickupsell-on-page.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-on-page.089056e8f07f9ce6.js","zipify-oneclickupsell-vendor.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-vendor.b945e8f438a465d3.js","zipify-oneclickupsell-single-offer.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-single-offer.e192ff313ae82e61.js","zipify-oneclickupsell-sentry.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-sentry.966111528c5fab4a.js","zipify-oneclickupsell-multiple-offer.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-multiple-offer.8f70180113ddf0c3.js","zipify-oneclickupsell-on-page.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-on-page.4488f1662872f0c6.css","zipify-oneclickupsell-single.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-single.9ea72cf83db583ab.css","zipify-oneclickupsell-editor.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-editor.c71894ad792163cb.js","zipify-oneclickupsell-single-offer.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-single-offer.1c248fe391ff7e2a.css","zipify-oneclickupsell-multiple.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-multiple.1a16d2c5397d6816.css","zipify-oneclickupsell-multiple-offer.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-multiple-offer.0ea4791b8f507018.css","zipify-oneclickupsell-clear-cart.js":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-clear-cart.dcfebf9f26a7ca29.js","zipify-oneclickupsell-editor.css":"https://d1npnstlfekkfz.cloudfront.net/zipify-oneclickupsell-editor.0f21a96c9971c356.css"}; 9846if (window.OCUIncart) return;const loopReturns=JSON.parse(localStorage.getItem('loop-onstore-data'));if (loopReturns && loopReturns.active) return; 9847window.OCUIncart={...(window.OCUIncart ||{}),version:'2025/11/11',cart_items:[],subscription_tags:'',money_format:'${{amount}}',option_selection:'//undrdog.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js',metafields:{main: 9848 { 9849 9850 general: {"settings":{"app_endpoint":"https://ocu.zipify.com","proxy_url":"/apps/oneclickupsell","sdp":"https://[email protected]/52","inc_sdp":"https://[email protected]/50","popup_locations":{"product":false,"cart":true,"collection":false,"index":false,"page":false,"zp_page":false,"zp_index":false,"zp_product":false,"zp_collection":false},"popup_settings":{"popup_frequency":"everytime"},"snippet_source":"extension","cart_drawer_extension":false,"cart_drawer_upsell":true,"ads_app_id":"production-85219311926","ads_integration_id":"edd9d75c-8033-4827-872d-0b65a0148beb","ads_split_test":{"enabled":true,"weight":80},"ads_widget":false,"features":{"ppw":true,"cart_drawer":true},"offer_scripts":{"zipify-oneclickupsell-multiple":false,"zipify-oneclickupsell-on-page":false,"zipify-oneclickupsell-single":true},"ads_additional_provider_data":{"public_key":"4c9dc08e61470601777593525a67420bd1553686f4e69b296d8b3de49a4cecad","ty_placement_id":"cmjiezx3s19ub8s61xkxvkwio","os_placement_id":"cmjif00cw1ackkpscurca7yzy"}},"integrations":{"skip_cart":"false"}}, 9851 9852 } 9853 ||{},triggerProducts:'',get general() {return this.main.general ||{};},get settings() {return this.general.settings ||{};},get triggers() {return this.general.triggers ? this.general.triggers.pre_checkout:{};},get proxy_url() {return this.settings.proxy_url ||'/apps/secure-checkout';},get scripts() {const onPage='zipify-oneclickupsell-on-page';const scripts=this.general.settings.offer_scripts ?? {};const vendor='zipify-oneclickupsell-vendor';const loaded=Zipify.OCU.api.loaded ||{};if (Shopify?.designMode && !scripts[onPage]) scripts[onPage]=true;const uris=Object .entries(scripts) .reduce((acc,[script,enabled]) => (enabled && !script.includes('.js') && !loaded[script] ? [...acc,script]:acc),[]);return uris.length ? [...uris,vendor]:uris;}},get hasNotOfferInCart() {if (!this.cart_items?.length) return true;return !this.cart_items.find(function(item) {return item && item.properties && (item.properties._ocu_offer_id ||item.properties._ocu_product_page_id);});},get hasWidgetOffersInCart() {if (!this.cart_items?.length) return true;return this.cart_items.find(function(item) {return item && item.properties && item.properties._ocu_product_page_id;});},get settings() {return this.metafields.settings.popup_settings;},get proxy_url() {return this.metafields.proxy_url;},get appEndpoint() {return this.metafields.settings.app_endpoint;},get popupLocation() {return this.metafields.general.settings.popup_locations;},get isEmptyCart() {return !this.cart_items.length && this.popupLocation.product;},get permanent_domain() {return Zipify.OCU.lqd.permanent_domain;},get hasProductAddonsWidgetOffers() {return !!Object.keys(OCUApi.store.get('productPageWidget')).length;},get hasWidgetOffers() {console.warn('[OCU] Deprecation:`OCUIncart.hasWidgetOffers` is deprecated. Please use `OCUIncart.hasProductAddonsWidgetOffers` instead');return this.hasProductAddonsWidgetOffers;},get triggerProducts() {let products=this.metafields.triggerProducts;try {products=JSON.parse(products);} catch {products={}}
9853 const handles=products?.trigger_products?.reduce((acc,obj) => {const [key,value]=Object.entries(obj)[0];acc[key]=value;return acc;},{});return {...handles,...this._externalHandles};},_externalHandles:{},preventHandle(checkoutButton,addToCartButton) {return OCUApi.productLocationOnly && !this.popupLocation.cart && checkoutButton && !addToCartButton;}};Zipify.OCU.lqd={cart:{"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0},path:'' ==='true' ? 'd56719fefdd75e95ba06caea3d9a3732':'5965fedc7708e03e1024db4bf2ed5fe6',template_name:'collection',template_suffix:'',shop_currency:'USD',country_code:'US',skip_cart:OCUIncart.metafields.general.integrations.skip_cart ==='true',skip_cart_only:'false' ==='true',cart_products_json:JSON.parse("[]"),cart_collections_json:[],cart_variants_json:[],customer_id:"",customer:{id:"",email:''},customer_tags:[],proxy_url:OCUIncart.metafields.general.settings.proxy_url,scripts:OCUIncart.metafields.scripts,permanent_domain:'e1be38-2.myshopify.com',current_domain:'undrdog.com',disabled_by_subscription_app:false,subscription_app_enabled:false,subscription_products_json:'',subscription_variants_json:'',subscription_products_size:0,integrate_with_recharge:'' ==='true',product:null ||OCUApi.product,collectionVariantHandles: 9854 { 9855 9856 9857 9858 "47689633759542": "001-midnight", 9859 9860 "47689633792310": "001-midnight", 9861 9862 "47689633825078": "001-midnight", 9863 9864 "47689633857846": "001-midnight", 9865 9866 "47689633890614": "001-midnight", 9867 9868 "47689633923382": "001-midnight", 9869 9870 9871 9872 9873 "53773403586870": "project-008-the-polo", 9874 9875 "53773403619638": "project-008-the-polo", 9876 9877 "53773403652406": "project-008-the-polo", 9878 9879 "53773403685174": "project-008-the-polo", 9880 9881 "53773403717942": "project-008-the-polo", 9882 9883 "53773403750710": "project-008-the-polo", 9884 9885 "53773403783478": "project-008-the-polo", 9886 9887 "53773403816246": "project-008-the-polo", 9888 9889 "53773403849014": "project-008-the-polo", 9890 9891 "53773403881782": "project-008-the-polo", 9892 9893 "53773403914550": "project-008-the-polo", 9894 9895 "53773403947318": "project-008-the-polo", 9896 9897 9898 9899 9900 "54023157252406": "project-010-navy", 9901 9902 "54023157285174": "project-010-navy", 9903 9904 "54023157317942": "project-010-navy", 9905 9906 "54023157350710": "project-010-navy", 9907 9908 "54023157383478": "project-010-navy", 9909 9910 "54023157416246": "project-010-navy", 9911 9912 9913 9914 9915 "54482428330294": "project-013", 9916 9917 "54482428363062": "project-013", 9918 9919 "54482428395830": "project-013", 9920 9921 "54482428428598": "project-013", 9922 9923 "54482428461366": "project-013", 9924 9925 "54482428494134": "project-013", 9926 9927 9928 } 9929,product_tags:[],amazon_pay:'' ==='true',themePopup:'' ==='true' ||'' ==='true',root_url:'/',themeSkipCart:'' ==='redirect_checkout' ||'' ==='true' ||'' ==='skip_cart',get upsell_cart_include_subscription_upsells() {var self=this;var hasSubscription=this.product_tags.reduce(function(acc,tag) {return acc ||~self.postcheckout_tags.indexOf(tag.toLowerCase());},false);return hasSubscription;},get isThemePopupTag() {return this.product && this.product.tags.some(function(tag) {return /cross-sell-\d/.test(tag);});},get isSkipCartPage() {return /index|collection|product/.test(this.template_name);},get isSkipCartCondition() {return (this.skip_cart ||this.themeSkipCart) && this.isSkipCartPage && !this.isThemePopupTag;},get checkoutUrl() {return (this.root_url ==='/' ? '':this.root_url) + '/checkout';},get isPopupTriggerPage() {const popupLocation={...OCUIncart.popupLocation};if (OCUApi.enableCollectionLocation) {popupLocation.collection=popupLocation.product;}
9929 if (OCUApi.enableCustomPages) {const pageName=OCUApi.customPageName ||'page';popupLocation[pageName]=(popupLocation[pageName] ||popupLocation.product) && OCUApi.enableCustomPages.includes(location.pathname);} const pages=Zipify.OCU.api.context.integrations.zipifyPages;if (pages.isZipifyEntity() && !pages.isAcceptableZPLocation()) {return null;} else if (pages.isAcceptableZPLocation()) {return popupLocation[pages.zpLocation()];} return popupLocation[Zipify.OCU.lqd.template_name];}};Zipify.OCU.lqd.cart_products_json=Zipify.OCU.lqd.cart_products_json.filter(function(item) {return item.handle && !item.error;});const lqd=Zipify.OCU.lqd;if (Zipify.OCU.loadScriptTags) Zipify.OCU.loadScriptTags(manifest); 9930Zipify.OCU.cdn="https://d1u9wuqimc88kc.cloudfront.net",Zipify.OCU.api.loaded||={};const DEV_ENV=!1,INTERNAL_MANIFEST={"zipify-oneclickupsell-extension.js":"https://cdn.shopify.com/extensions/01a0d3d3-2402-7155-b4f2-8653a2542d24/ocu-in-checkout-1110/assets/zipify-oneclickupsell-extension.js"},ON_DUPLICATE_LOAD={"zipify-oneclickupsell-on-page.js":()=>Zipify.OCU.__initProductPageWidgets()};function loadScript(e,i){var o;Zipify.OCU.api.loaded[e]?ON_DUPLICATE_LOAD[e]&&ON_DUPLICATE_LOAD[e]():(o=document.createElement("script"),Zipify.OCU.api.loaded[e]=!0,o.src=i,o.defer=!0,document.head.append(o))}function loadStyle(o,n){if(!Zipify.OCU.api.loaded[o]){const t=document.createElement("link");const l=!("undefined"!=typeof InstallTrigger),r=(e=3,i=100)=>{Zipify.OCU.api.loaded[o]||(t.relList?.supports?.("prefetch")&&l?(t.as="style",t.rel="prefetch",t.onload=()=>{t.rel="stylesheet",Zipify.OCU.api.loaded[o]=!0}):(t.rel="stylesheet",t.onload=()=>Zipify.OCU.api.loaded[o]=!0),t.onerror=()=>{0<e?setTimeout(()=>r(--e),i):console.error(`Failed to load ${n} after multiple retries`)},t.href=n,document.head.append(t))};r()}}function getManifestUrl(e){return manifest[e]||(console.warn("[OCU Extension] Missing resource in manifest: "+e),null)}function isVendorScript(e){return e.includes("vendor")}function loadAppScript(e){var i,e=e+".js";Zipify.OCU.api.loaded[e]?ON_DUPLICATE_LOAD[e]&&ON_DUPLICATE_LOAD[e]():DEV_ENV&&isVendorScript(e)||(i=getManifestUrl(e))&&loadScript(e,i)}function loadAppStyle(e){var i,e=e+".css";isVendorScript(e)||(i=getManifestUrl(e))&&loadStyle(e,i)}function loadAppResources(){for(const e of Zipify.OCU.lqd.scripts)loadAppScript(e),DEV_ENV||loadAppStyle(e)}function loadInternalResources(){for(const e in INTERNAL_MANIFEST)loadScript(e,INTERNAL_MANIFEST[e])}function loadResources(){loadInternalResources(),loadAppResources()}OCUApi.loadScriptsOnWindowLoad?window.addEventListener("load",loadResources):loadResources(); 9931})(); 9932</script>
9932<!-- END app snippet --> 9933 9934</div>
9934<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
9934 9935</body>
9936<script> 9937 w3_bglazyload = 1; 9938 (function () { 9939 var img = new Image(); 9940 img.onload = function () { 9941 w3_hasWebP = !!(img.height > 0 && img.width > 0); 9942 }; 9943 img.onerror = function () { 9944 w3_hasWebP = false; 9945 }; 9946 })(); 9947 9948 function w3_events_on_end_js() { 9949 const lazy_bg_style = document.getElementById('w3_bg_load'); 9950 if (lazy_bg_style) { 9951 lazy_bg_style.remove(); 9952 } 9953 w3_bglazyload = 0; 9954 lazyloadimages(0); 9955 // if(window.site_nav_link_burger == false) { 9956 // jQuery(".hamburger").click(); 9957 // window.site_nav_link_burger = false; 9958 // } 9959 } 9960 9961 function w3_start_img_load() { 9962 var top = this.scrollY; 9963 lazyloadimages(top); 9964 lazyloadiframes(top); 9965 } 9966 9967 function w3_events_on_start_js() { 9968 var lazyvideos = document.getElementsByTagName('videolazy'); 9969 convert_to_video_tag(lazyvideos); 9970 w3_start_img_load(); 9971 } 9972 window.addEventListener( 9973 'scroll', 9974 function (event) { 9975 w3_start_img_load(); 9976 }, 9977 { 9978 passive: true, 9979 } 9980 ); 9981 var w3_is_mobile = window.matchMedia('(max-width: 767px)').matches ? 1 : 0; 9982 var win_width = screen.availWidth; 9983 var bodyRectMain = {}; 9984 bodyRectMain.top = 1; 9985 setInterval(function () { 9986 lazyloadiframes(top); 9987 }, 8000); 9988 setInterval(function () { 9989 lazyloadimages(0); 9990 }, 3000); 9991 document.addEventListener('click', function () { 9992 lazyloadimages(0); 9993 }); 9994 9995 function getDataUrl(img1, width, height) { 9996 var myCanvas = document.createElement('canvas'); 9997 var ctx = myCanvas.getContext('2d'); 9998 var img = new Image(); 9999 myCanvas.width = parseInt(width); 10000 myCanvas.height = parseInt(height); 10001 ctx.drawImage(img, 0, 0); 10002 img1.src = myCanvas.toDataURL('image/png'); 10003 } 10004 10005 function lazyload_img(imgs, bodyRect, window_height, win_width) { 10006 for (var i = 0; i < imgs.length; i++) { 10007 if (imgs[i].getAttribute('data-class') == 'LazyLoad') { 10008 var elem = imgs[i], 10009 elemRect = imgs[i].getBoundingClientRect(); 10010 10011 if (elemRect.top != 0 && elemRect.top - (window_height - bodyRect.top) < w3_lazy_load_by_px) { 10012 compStyles = window.getComputedStyle(imgs[i]); 10013 if (compStyles.getPropertyValue('opacity') == 0) { 10014 continue; 10015 } 10016 if (elem.tagName == 'IFRAMELAZY') { 10017 var elem = document.createElement('iframe'); 10018 var index; 10019 for (index = imgs[i].attributes.length - 1; index >= 0; --index) { 10020 elem.attributes.setNamedItem(imgs[i].attributes[index].cloneNode()); 10021 } 10022 imgs[i].parentNode.replaceChild(elem, imgs[i]); 10023 } 10024 var src = elem.getAttribute('data-src') ? elem.getAttribute('data-src') : elem.src; 10025 if (w3_is_mobile && elem.getAttribute('data-mob-src')) { 10026 src = elem.getAttribute('data-mob-src'); 10027 } 10028 var srcset = elem.getAttribute('data-srcset') ? elem.getAttribute('data-srcset') : ''; 10029 if (!srcset) { 10030 elem.onload = function () { 10031 this.setAttribute('data-done', 'Loaded'); 10032 if (typeof w3speedup_after_iframe_img_load == 'function') { 10033 w3speedup_after_iframe_img_load(this); 10034 } 10035 }; 10036 elem.onerror = function () { 10037 if (this.getAttribute('data-mob-src') && w3_is_mobile && this.getAttribute('data-src')) { 10038 this.src = this.getAttribute('data-src'); 10039 } 10040 }; 10041 } 10042 elem.src = src; 10043 if ((srcset != null) & (srcset != '')) { 10044 elem.srcset = srcset; 10045 } 10046 delete elem.dataset.class; 10047 } 10048 } 10049 } 10050 } 10051 10052 function w3_load_dynamic_blank_img(imgs) { 10053 for (var i = 0; i < imgs.length; i++) { 10054 if (imgs[i].getAttribute('data-class') == 'LazyLoad') { 10055 var blanksrc = imgs[i].src; 10056 if (typeof blanksrc != 'undefined' && blanksrc.indexOf('data:') == -1) { 10057 if (imgs[i].getAttribute('width') != null && imgs[i].getAttribute('height') != null) { 10058 var width = parseInt(imgs[i].getAttribute('width')); 10059 var height = parseInt(imgs[i].getAttribute('height')); 10060 getDataUrl(imgs[i], width, height); 10061 } 10062 } 10063 } 10064 } 10065 } 10066
10067 function convert_to_video_tag(imgs) { 10068 const t = imgs.length > 0 ? imgs[0] : ''; 10069 if (t) { 10070 delete imgs[0]; 10071 var newelem = document.createElement('video'); 10072 var index; 10073 for (index = t.attributes.length - 1; index >= 0; --index) { 10074 newelem.attributes.setNamedItem(t.attributes[index].cloneNode()); 10075 } 10076 newelem.innerHTML = t.innerHTML; 10077 t.parentNode.replaceChild(newelem, t); 10078 if (typeof newelem.getAttribute('data-poster') == 'string') { 10079 newelem.setAttribute('poster', newelem.getAttribute('data-poster')); 10080 } 10081 convert_to_video_tag(imgs); 10082 } 10083 } 10084 10085 function lazyload_video(imgs, bodyRect, top, window_height, win_width) { 10086 for (var i = 0; i < imgs.length; i++) { 10087 var elem = imgs[i], 10088 elemRect = imgs[i].getBoundingClientRect(); 10089 if (elemRect.top != 0 && elemRect.top - (window_height - bodyRect.top) < w3_lazy_load_by_px) { 10090 if (typeof imgs[i].getElementsByTagName('source')[0] == 'undefined') { 10091 lazyload_video_source(imgs[i], top, window_height, win_width, elemRect, bodyRect); 10092 } else { 10093 var sources = imgs[i].getElementsByTagName('source'); 10094 for (var j = 0; j < sources.length; j++) { 10095 var source = sources[j]; 10096 lazyload_video_source(source, top, window_height, win_width, elemRect, bodyRect); 10097 } 10098 } 10099 } 10100 } 10101 } 10102 10103 function lazyload_video_source(source, top, window_height, win_width, elemRect, bodyRect) { 10104 if (typeof source != 'undefined' && source.getAttribute('data-class') == 'LazyLoad') { 10105 if (elemRect.top != 0 && elemRect.top - (window_height - bodyRect.top) < w3_lazy_load_by_px) { 10106 var src = source.getAttribute('data-src') ? source.getAttribute('data-src') : source.src; 10107 var srcset = source.getAttribute('data-srcset') ? source.getAttribute('data-srcset') : ''; 10108 if ((source.srcset != null) & (source.srcset != '')) { 10109 source.srcset = srcset; 10110 } 10111 if (typeof source.getElementsByTagName('source')[0] == 'undefined') { 10112 if (source.tagName == 'SOURCE') { 10113 source.parentNode.src = src; 10114 source.parentNode.load(); 10115 if (source.parentNode.getAttribute('autoplay') !== null) { 10116 source.parentNode.play(); 10117 } 10118 } else { 10119 source.src = src; 10120 source.load(); 10121 if (source.getAttribute('autoplay') !== null) { 10122 source.play(); 10123 } 10124 } 10125 } else { 10126 source.parentNode.src = src; 10127 } 10128 delete source.dataset.class; 10129 source.setAttribute('data-done', 'Loaded'); 10130 } 10131 } 10132 } 10133 10134 function lazyload_imgbgs(imgbgs, bodyRect, window_height, win_width) { 10135 for (var i = 0; i < imgbgs.length; i++) { 10136 var elem = imgbgs[i], 10137 elemRect = imgbgs[i].getBoundingClientRect(), 10138 offset = elemRect.top - bodyRect.top; 10139 if (elemRect.top - (window_height - bodyRect.top) < w3_lazy_load_by_px) { 10140 elem.classList.add('w3_bg'); 10141 } 10142 } 10143 } 10144 10145 function lazyloadimages(top) { 10146 var imgs = document.querySelectorAll('img[data-class=LazyLoad],source[data-srcset],video[data-src]'); 10147 var imgbgs = document.querySelectorAll('div:not(.w3_js), section:not(.w3_js), iframelazy:not(.w3_js)'); 10148 var sources = document.getElementsByTagName('video'); 10149 var sources_audio = document.getElementsByTagName('audio'); 10150 var bodyRect = document.body.getBoundingClientRect(); 10151 var window_height = window.innerHeight; 10152 var win_width = screen.availWidth; 10153 if (typeof load_dynamic_img != 'undefined') { 10154 w3_load_dynamic_blank_img(imgs); 10155 delete load_dynamic_img; 10156 } 10157 if ( 10158 w3_bglazyload && 10159 ((bodyRect.top < 50 && bodyRectMain.top == 1) || 10160 Math.abs(bodyRectMain.top) - Math.abs(bodyRect.top) < -50 || 10161 Math.abs(bodyRectMain.top) - Math.abs(bodyRect.top) > 50) 10162 ) { 10163 bodyRectMain = bodyRect; 10164 lazyload_imgbgs(imgbgs, bodyRect, window_height, win_width); 10165 } 10166 lazyload_img(imgs, bodyRect, window_height, win_width); 10167 lazyload_video(sources, bodyRect, top, window_height, win_width); 10168 lazyload_video(sources_audio, bodyRect, top, window_height, win_width); 10169 } 10170 lazyloadimages(0); 10171 10172 function lazyloadiframes(top) { 10173 var bodyRect = document.body.getBoundingClientRect(); 10174 var window_height = window.innerHeight;
10175 var win_width = screen.availWidth; 10176 var iframes = document.querySelectorAll('iframelazy[data-class=LazyLoad]'); 10177 lazyload_img(iframes, bodyRect, window_height, win_width); 10178 } 10179</script>
10179 10180</html> 10181
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.