1<!DOCTYPE html> 2 <!--[if lt IE 7 ]><html class="ie ie6 no-js" lang="en"> <![endif]--> 3 <!--[if IE 7 ]><html class="ie ie7 no-js" lang="en"> <![endif]--> 4 <!--[if IE 8 ]><html class="ie ie8 no-js" lang="en"> <![endif]--> 5 <!--[if IE 9 ]><html class="ie ie9 no-js" lang="en"> <![endif]--> 6 <!--[if (gte IE 10)|!(IE)]><!--><html lang="en" class="no-js"> <!--<![endif]--> 7 8
8<script type="text/javascript"> 9 !function(){var geq=window.geq=window.geq||[];if(geq.initialize) return;if (geq.invoked){if (window.console && console.error) {console.error("GE snippet included twice.");}return;}geq.invoked = true;geq.methods = ["page", "suppress", "trackOrder", "identify", "addToCart", "callBack", "event"];geq.factory = function(method){return function(){var args = Array.prototype.slice.call(arguments);args.unshift(method);geq.push(args);return geq;};};for (var i = 0; i < geq.methods.length; i++) {var key = geq.methods[i];geq[key] = geq.factory(key);}geq.load = function(key){var script = document.createElement("script");script.type = "text/javascript";script.async = true;if (location.href.includes("vge=true")) {script.src = "https://s3-us-west-2.amazonaws.com/jsstore/a/" + key + "/ge.js?v=" + Math.random();} else {script.src = "https://s3-us-west-2.amazonaws.com/jsstore/a/" + key + "/ge.js";}var first = document.getElementsByTagName("script")[0];first.parentNode.insertBefore(script, first);};geq.SNIPPET_VERSION = "1.6.1"; 10 geq.load("9G7H94Q");}(); 11 </script>
11 12
12<script>geq.page()</script>
12 13
13<script> 14 console.log('%c "freestyleusa-compressed/main" - Live !', "background-color:green; color: white; padding: 10px;"); 15 console.log('template - **search**'); 16 </script>
16 17 <head> 18 19
19<script src="//www.freestyleusa.com/cdn/shop/files/pandectes-rules.js?v=4529504939459444770"></script>
19 20 21 <link rel="apple-touch-icon" sizes="57x57" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_57x57.png?v=1734874749"> 22 <link rel="apple-touch-icon" sizes="60x60" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_60x60.png?v=1734874749"> 23 <link rel="apple-touch-icon" sizes="72x72" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_72x72.png?v=1734874749"> 24 <link rel="apple-touch-icon" sizes="76x76" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_76x76.png?v=1734874749"> 25 <link rel="apple-touch-icon" sizes="114x114" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_114x114.png?v=1734874749"> 26 <link rel="apple-touch-icon" sizes="120x120" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_120x120.png?v=1734874749"> 27 <link rel="apple-touch-icon" sizes="144x144" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_144x144.png?v=1734874749"> 28 <link rel="apple-touch-icon" sizes="152x152" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_152x152.png?v=1734874749"> 29 <link rel="apple-touch-icon" sizes="180x180" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_180x180.png?v=1734874749"> 30 <link rel="icon" type="image/png" sizes="192x192" href="//www.freestyleusa.com/cdn/shop/t/212/assets/android-icon-192x192.png?v=7167925611350793111743620268"> 31 <link rel="icon" type="image/png" sizes="32x32" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_32x32.png?v=1734874749"> 32 <link rel="icon" type="image/png" sizes="96x96" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_96x96.png?v=1734874749"> 33 <link rel="icon" type="image/png" sizes="16x16" href="//www.freestyleusa.com/cdn/shop/files/apple-icon_16x16.png?v=1734874749"> 34 <link rel="manifest" href="//www.freestyleusa.com/cdn/shop/t/212/assets/manifest.json?v=170153710576350459501743620266"> 35
35<script type="text/javascript">var flspdx = new Worker("data:text/javascript;base64," + btoa('onmessage=function(e){var t=new Request("https://raw.githubusercontent.com/gospeedify/files/main/speedreq.js",{redirect:"follow"});fetch(t).then(e=>e.text()).then(e=>{postMessage(e)})};'));flspdx.onmessage = function (t) {var e = document.createElement("script");e.type = "text/javascript", e.textContent = t.data, document.head.appendChild(e)}, flspdx.postMessage("init");</script>
35 36
36<script type="text/javascript" data-flspd="1">var flspdxHA=["hotjar","xklaviyo","gorgias","facebook.net"],flspdxSA=["klaviyo","gorgias","stripe","mem","privy","incart","webui"],observer=new MutationObserver(function(e){e.forEach(function(e){e.addedNodes.forEach(function(e){if("SCRIPT"===e.tagName&&1===e.nodeType)if(e.innerHTML.includes("asyncLoad")||"analytics"===e.className)e.type="text/flspdscript";else{for(var t=0;t<flspdxSA.length;t++)if(e.src.includes(flspdxSA[t]))return void(e.type="text/flspdscript");for(var r=0;r<flspdxHA.length;r++)if(e.innerHTML.includes(flspdxHA[r]))return void(e.type="text/flspdscript")}})})}),ua=navigator.userAgent.toLowerCase();ua.match(new RegExp("chrome|firefox"))&&-1===window.location.href.indexOf("no-optimization")&&observer.observe(document.documentElement,{childList:!0,subtree:!0});</script>
36 37 <div style="position:absolute;font-size:1200px;line-height:1;word-wrap:break-word;top:0;left:0;width:50vw;height:50vh;max-width:50vw;max-height:50vh;pointer-events:none;z-index:99999999999;color:transparent;overflow:hidden;" data-optimizer="SP: Store-js" aria-hidden="true">â¡</div>
37<script src="//www.freestyleusa.com/cdn/shop/t/212/assets/speedmin.js?v=132631133696243108861743620265"></script>
37 38 39
39<script src="https://analytics.ahrefs.com/analytics.js" data-key="kY91Qh2dJwhHm6MS5+1MxA" async></script>
39 40 <style> 41 .acsb-trigger.acsb-widget { 42 height: 0; 43 width: 0; 44 z-index: -99999; 45 } 46 .ucd-drawer-open #upside-ucd-cart-drawer { 47 display: none !important; 48 } 49 </style> 50 51 52 53 <meta charset="utf-8"> 54 <meta http-equiv="cleartype" content="on"><meta name="robots" content="noindex,nofollow"> 55 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"> 56 <meta name="facebook-domain-verification" content="imp81jdy46c8nvce1212n4hgz7dczc" /> 57 <!-- Mobile Specific Metas --> 58 <meta name="HandheldFriendly" content="True"> 59 <meta name="MobileOptimized" content="320"> 60 <meta name="viewport" content="width=device-width, user-scalable=no" /> 61 <meta name="theme-color" content="#ffffff"> 62 63 64 <title>Search - Freestyle USA</title> 65 66 67 <meta name="description" content="Shop Freestyle Watches for Free Shipping on water resistant sport and tide watches for surfing, SUP, diving and water sports. Home of Shark Watches." /> 68 69 70 71 72<meta name="author" content="Freestyle USA"> 73<meta property="og:url" content="https://www.freestyleusa.com/search"> 74<meta property="og:site_name" content="Freestyle USA"> 75 76 77 <meta property="og:type" content="website"> 78 <meta property="og:title" content="Search"> 79 80 81 <meta property="og:description" content="Shop Freestyle Watches for Free Shipping on water resistant sport and tide watches for surfing, SUP, diving and water sports. Home of Shark Watches."> 82 83 84 85 86 <meta name="twitter:site" content="@https://x.com/freestyle_watch/"> 87 88<meta name="twitter:card" content="summary"> 89 90 91 92 93 94 95 96 <link rel="shortcut icon" type="image/x-icon" href="//www.freestyleusa.com/cdn/shop/files/fs_favicon_32x32.png?v=1613171031"> 97 98 99 <meta name="msapplication-TileColor" content="#ffffff"> 100 <meta name="msapplication-TileImage" content="//www.freestyleusa.com/cdn/shop/files/apple-icon_144x144.png?v=1734874749"> 101 <meta name="theme-color" content="#ffffff"> 102 103 <link rel="canonical" href="https://www.freestyleusa.com/search" /> 104 105 106<link rel="stylesheet" href="https://use.typekit.net/pan3pyz.css"> 107 108 109 110 111<link rel="stylesheet" href="//www.freestyleusa.com/cdn/shop/t/212/assets/font-awesome.css?v=42506305478738921231756409929"><style data-shopify>@font-face { 112 font-family: 'FontAwesome'; 113 src: url('//www.freestyleusa.com/cdn/shop/t/212/assets/fontawesome-webfont.woff2?v=150957488571263381281756409930') format('woff2'), 114 url('//www.freestyleusa.com/cdn/shop/t/212/assets/fontawesome-webfont.woff?v=119545383645297937161756409929') format('woff'); 115 font-weight: normal; 116 font-style: normal; 117} 118 119/* @font-face { 120 font-family: 'ootsb'; 121 src: url('//www.freestyleusa.com/cdn/shop/t/212/assets/ootsb.eot?v=103485'); 122 src: url('//www.freestyleusa.com/cdn/shop/t/212/assets/ootsb.eot?v=103485') format('embedded-opentype'), 123 url('//www.freestyleusa.com/cdn/shop/t/212/assets/ootsb.ttf?v=103485') format('truetype'), 124 url('//www.freestyleusa.com/cdn/shop/t/212/assets/ootsb.woff?v=103485') format('woff'), 125 url('//www.freestyleusa.com/cdn/shop/t/212/assets/ootsb.svg?v=141975127935274850001743620267') format('svg'); 126 font-weight: normal; 127 font-style: normal; 128} */</style><!-- Stylesheets for Parallax 3.3.2 --> 129 130 131 132 <style> 133 html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: "";content: none;}table {border-collapse: collapse;border-spacing: 0;}body {background-color: #000000;font-family: ingra;font-weight: 300;font-size: 15px;text-transform: none;color: #111111;line-height: 1.8em;}#content_wrapper {background-color: #ffffff;}::-moz-selection {background-color: #000;color: #fff;}::selection {background: #FFF7B6;color: black;}abbr {border-bottom: 1px dotted #dddddd;}.logo {font-family: ingra;font-weight: normal;font-size: 18px;text-transform: none;}h1,h2,h3,h4,h5,h6,.collection_title,.headline,.subtitle p,.empty_cart {font-family: ingra, sans-serif;font-weight: 500;font-style: normal;text-transform: uppercase;color: #111111;display: block;letter-spacing: 0px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.collection_title {font-weight: inherit;}h1 a,h1 a:hover,h1 a:visited,h1 a:active,.collection_title a,.collection_title a:hover,.collection_title a:visited,.collection_title a:active {color: #111111;}
133h1,.h1,h1.home,h2.title,h2.title a,.collection_title,h3.title {font-size: 36px;line-height: 1.2em;margin: 0 auto 15px;clear: both;font-weight: 500;padding-top: 4px;color: #111111;text-align: center;}h2.title.align_left {text-align: left;margin: 0 0 15px 0;}h1.product_name {margin-bottom: 15px;text-align: left;}h1.article_title {margin-bottom: 5px;text-align: left;}h1.article_title.align_center {text-align: center;}h2.product_name a {color: #111111;}h2,.h2 {font-size: 22px;margin-bottom: 0.75em;line-height: 1.5em;}h3,.h3 {font-size: 20px;line-height: 35px;margin: 0 auto 15px 0;}h3.title a {color: #111111;}h1.collection_title,div.collection_title {margin-bottom: 0;line-height: 36px;display: inline;}h4,.h4,h4.title a,h6.title {font-size: 18px;line-height: 32px;margin: 0 0 0.5em 0;padding: 0;padding: 7px 0;color: #111111;}h4.title a {border: 0;padding: 0;margin: 0;}h5,.h5 {font-size: 18px;padding-bottom: 1em;}h5.sub_title {padding: 5px 0;color: #111111;}h5.sub_title a {color: #111111;}h6,.h6,h6.title {font-family: "Ingra";font-size: 16px;font-weight: 600;letter-spacing: 0px;margin-bottom: 5px;}p {margin: 0 0 15px;font-style: normal;line-height: 1.8em;}p img {margin: 0;}sub {font-size: 60%;}em, i {font-style: italic;}strong, b {font-weight: bold;}small {font-size: 90%;}.items_left p {margin: 5px 0;}.featured_links {padding: 20px 0;}.featured_links h2 {padding-top: 15px;}.feature_divider {border: solid 1px;display: block;width: 110px;height: 1px;border-right: 0;border-left: 0;border-bottom: 0;margin: 25px auto;border-color: #111111;}.align_left .feature_divider {margin-left: 0;margin-right: 0;}.text-align--right {text-align: right;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;}.text-align--right .description:before {margin-right: 0;}.content h2 {margin-bottom: 0;line-height: 1.8em;}.page-divider {opacity: 0;border-color: #111111;}.active-divider {opacity: 1;}.page-quote p {font-size: 18px;line-height: 1;text-align: center;padding: 15px 0px;text-transform: uppercase;border-bottom: 1px solid #111111;border-top: 1px solid #111111;margin: 0;}/*Blockquotes*/blockquote,blockquote p {font-size: 17px;line-height: 24px;font-style: italic;}blockquote {margin: 0 0 20px;padding: 9px 20px 0 19px;border-left: 1px solid #dddddd;}blockquote cite {display: block;font-size: 12px;color: #555;}blockquote cite:before {content: "â ";}blockquote cite a,blockquote cite a:visited,blockquote cite a:visited {color: #555;}hr {border: solid #dddddd;border-width: 1px 0 0;clear: both;margin: 12px 0;height: 0;}.quote,.message {font-size: 16px;line-height: 22px;text-align: center;margin: 0 0 20px 0;font-style: italic;}.footer .quote,.footer .message {text-align: left;font-weight: bold;padding: 10px 0;}div.section.collection_description {margin: 0 0 1.5em 0;}a, a:visited {color: #000000;text-decoration: none;font-weight: 500;outline: 0;-webkit-transition: color 0.1s linear;-moz-transition: color 0.1s linear;-o-transition: color 0.1s linear;-ms-transition: color 0.1s linear;transition: color 0.1s linear;}a:hover, a:focus {color: #2a363b;}a, button, input, select, textarea, label, summary {touch-action: manipulation;}ul, ol {margin-bottom: 20px;}ul {list-style: disc outside;}ol {list-style: decimal;}ul, ol, ul.square, ul.circle {margin-left: 30px;}ul.square {list-style: square outside;}ul.circle {list-style: circle outside;}ul ul, ul ol,ol ol, ol ul {margin: 4px 0 5px 30px;}ul ul li, ul ol li,ol ol li, ol ul li {margin-bottom: 6px;}li {margin-bottom: 12px;}ul.large li {line-height: 21px;}ul.none {list-style: none outside;margin-left: 0;}ul.border {list-style: none outside;line-height: 26px;}ul.border li {border-bottom: 1px solid #dddddd;list-style: none outside none;padding: 12px 0;margin-bottom: 0;}.is-flex.header-icons {gap: 20px;}.menu-mobile.mobile .menu-mobile-social {padding: 20px 0;width: 100%;}.menu-mobile-login-btn {height: 54px;width: calc(100% - 30px);margin: 0 auto;background: #000;display: flex;justify-content: center;align-items: center;gap: 15px;}.menu-mobile-login-btn svg {display: none;}.menu-mobile-login-btn a {font-size: 14px !important;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%;color: #FFF;letter-spacing: 1.12px;}.menu-mobile-social .social-icons-links {margin: 0 auto;display: flex;justify-content: space-evenly;max-width: 70%;}#search-toggle {display: flex;justify-content: center;align-items: center;position: relative;}.tooltip-icon {position: absolute !important;background: #1dd8fa !important;padding: 0 10px !important;left: -30px;white-space: nowrap;top: -35px;color: #000;border-radius: 5px;display: none;}span.tooltip-icon:after {content: "";position: absolute;top: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: #1dd8fa transparent transparent transparent;}#loginIcon:hover + span.tooltip-icon,#search-toggle:hover span.tooltip-icon {display: block;}.top-bar-icons {display: flex;justify-content: space-between;gap: 20px;align-items: center;}.top-bar-login {position: relative;}.header {z-index: 1000;width: 100%;top: 0;-webkit-transition: background-color 500ms ease;-moz-transition: background-color 500ms ease;-o-transition: background-color 500ms ease;-ms-transition: background-color 500ms ease;transition: background-color 500ms ease;-moz-animation-delay: 1.25s;-webkit-animation-delay: 1.25s;animation-delay: 1.25s;border-bottom: 1px solid #dfdfe0;}.header div.container {padding-bottom: 5px;padding-top: 5px;}#header {display: none;background: #ffffff;border-bottom: 1px solid #dddddd;color: #111111;font-size: 16px;font-weight: bold;text-align: center;line-height: 40px;height: 40px;padding: 0 50px;z-index: 5001;width: 100%;
133opacity: 0.95;top: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}@media (max-width: 767px) {#header {z-index: 1;}}#header a {color: #111111;font-size: 32px;display: block;height: 40px;position: absolute;top: 0;left: 15px;font-size: 25px;padding-top: 5px;}div#header a span {display: inline;padding-left: 8px;position: relative;top: -2px;}#header a.right {left: auto;right: 15px;font-size: 20px;padding-top: 8px;top: 4px;}#header a.icon-menu, #header a.right {z-index: 1;}#header a.icon-menu:before {font-size: 24px !important;}#header a.icon-menu span {top: -5px;}#header a.icon-menu:before {margin-left: 38px;}#header a.icon-menu {left: -20px;}#shopify-section-header .header .container .three.columns.logo {position: relative;z-index: 5;}#shopify-section-header .header .container .thirteen.columns.nav ul.menu.right {position: relative;z-index: 5;}.nav ul {display: block;border: none;padding: 0;margin: 0;}.nav ul li {display: inline-block;margin: 0;border: 0;}.nav ul li {*display: inline;}.nav ul li a.dropdown-link {padding: 10px 4px 10px 4px;z-index: 1001;}.nav > ul > li::after {content: "";display: block;width: 0;height: 2px;background: #000;transition: width 0.3s;}.nav > ul > li:hover::after {width: 100%;transition: width 0.3s;}.nav ul li:hover a.dropdown-link {color: #111111;border-width: 100%;}.nav a, .nav a:visited, .nav a:active, #header a span, select.currencies {font-family: ingra, sans-serif;font-weight: 400;font-size: 16px;text-transform: uppercase;color: #111111;position: relative;display: block;letter-spacing: 0px;padding: 15px 4px 7px 4px;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}.feature_image .header .nav a, .feature_image .header select.currencies {color: #ffffff;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);}.feature_image .header .nav a:hover, .nav a.active, .feature_image .header .nav a:focus {color: #8b8b8b !important;} a.icon-search {font-size: 16px !important;}.nav ul li a:hover, nav ul li a:focus {color: #8b8b8b !important;}.nav ul.menu li {padding: 5px 0 5px 3px;line-height: 1;}input.guest_button, input[type=button].guest_button {font-size: 16px;background-color: #666;padding: 8px 18px 8px 18px;-webkit-border-radius: 35px;-khtml-border-radius: 35px;-moz-border-radius: 35px;-ms-border-radius: 35px;-o-border-radius: 35px;border-radius: 35px;}input[type=submit].guest_button, input[type=button].guest_button {color: #111111;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}input[type=submit].guest_button, input[type=submit].guest_button:hover {background-color: #666;}input[type=submit].guest_button:hover {color: #000000;}/* sub-levels link */.menu ul a, .menu li:hover > ul a, .header .nav ul.menu ul li a {padding: 8px 0 8px 15px;background: none;text-align: left;color: #111111;line-height: 16px;}.header .nav ul.menu ul li a.sub-link {padding: 5px 0 5px 0px;}/* sub-level ul */.dropdown {display: none;position: absolute;margin-top: -100px;left: 0;width: 100%;}.dropdown a {text-shadow: none !important;}.dropdown-links {background: #ffffff;background: rgba(#ffffff, 0.9 0.7 1);margin-top: 100px;position: relative;padding: 10px;padding-bottom: 15px;}.nav ul.menu ul {display: inline-block;vertical-align: top;min-width: 100px;padding-right: 10px;max-width: 177px;}.nav ul.menu ul li {display: block;text-align: left;padding: 0;}.nav ul.menu ul li a {border: 0;}.nav ul.menu ul li:hover a {text-decoration: underline;color: #8b8b8b !important;}.nav ul.menu ul li a.sub-link, .nav ul.menu ul li a.sub-link {font-weight: 200;color: #1dd8fa !important;font-size: 15px;padding: 5px 0 5px 24px;text-transform: none;display: block;width: 100%;}/* show dropdown ul on hover */.menu li:hover > .dropdown {display: block;}select.currencies {border: 0 !important;background-color: transparent;
133margin-top: 1px;margin-bottom: 0 !important;min-width: 65px;outline: 0;-moz-appearance: none;text-indent: 0.01px;text-overflow: "";text-shadow: none !important;box-shadow: none !important;}select.currencies:active {border: 0;outline: 0;text-shadow: 0;box-shadow: 0;}select.currencies option {background: #ffffff;background: rgba(#ffffff, 0.9 0.7 1);color: #111111;}.footer select.currencies, .footer select.currencies option {color: #f0f0f0;}.nav ul.menu li.currencies {padding: 0;}.menu-toggle, .menu-toggle[class*=" icon-"] {float: right;display: inline-block;cursor: pointer;padding: 9px 6px 6px 6px;margin-right: 0;font-size: 16px;transition: transform 0.3s linear;}.menu-toggle.active, .menu-toggle[class*=" icon-"].active {transform: rotateX(180deg);}.scroll-arrow {opacity: 1;display: block;border: none;position: absolute;margin-left: auto;margin-right: auto;left: 0;right: 0;bottom: 50px;-moz-animation-delay: 0.75s;-webkit-animation-delay: 0.75s;animation-delay: 0.75s;width: 70px;z-index: 9999;}.scroll-arrow span {color: #ffffff;font-size: 30px;display: block;margin: 0;}.scroll-arrow:hover {opacity: 0.5;}/* Featured image banners */.hsContainer {max-height: 1000px;}.container div.collection_nav {margin-bottom: 1.5em;}.sidebar a,.sidebar a:visited {color: #2a363b;}.sidebar a:hover,.sidebar a:active {color: #666666;}.toggle_list a {display: inline-block;position: relative;left: -8px;padding-left: 8px;border-left: solid 4px transparent;-webkit-transition: border 200ms ease-out;-moz-transition: border 200ms ease-out;-o-transition: border 200ms ease-out;}.toggle_list a.active, .toggle_list a:hover, ul.blog_list a.active--default {border-left: solid 4px #B8C6C6;display: inline-block;}.sidebar_content {border-left: solid 1px #dddddd;padding-left: 20px;}.sidebar .newsletter {margin-bottom: 20px;}.sidebar li ul {display: none;margin: 10px 0 0 15px;font-size: 14px;}.sidebar li ul.active {display: block;}.sidebar li ul li {margin-bottom: 0;padding-bottom: 10px;}.sidebar li ul li:last-child {padding-bottom: 0;}.sidebar input.sign_up[type=submit], .sidebar input.contact_email[type=email] {width: 100% !important;margin-left: 0;}#search {background: #000;background: rgba(0, 0, 0, 0.6);display: none;width: 100%;height: 100%;left: 0;top: 0;z-index: 900;position: fixed;text-align: center;overflow: hidden;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}#search .ten.columns.offset-by-three.center {display: flex;justify-content: center;align-items: center;width: 100% !important;margin-top: 100px !important;padding-left: 0 !important;}div.search-close:hover {color: #1dd8fa;}div.search-close {padding-top: 125px;font-size: 32px;color: #888;position: relative;right: 10px;float: right;top: 45px;font-size: 28px;cursor: pointer;}#search form {z-index: 950;padding-top: 50px;clear: both;}#search form input {height: 60px;border: solid 1px rgb(138, 137, 138);padding-left: 55px;font-size: 26px;}.blog_search {position: relative;}.blog_search .icon-search {position: absolute;font-size: 14px;top: 13px;left: 12px;cursor: pointer;}.blog_search .search_box {padding-left: 36px;}::-webkit-input-placeholder {color: #888;}::-moz-placeholder {color: #888;}.article img,.article_image img,.section img,.thumbnail img,.page img,.sidebar img,.logo img,.cart_image img,.footer img,#target img {max-width: 100%;height: auto;}/* Allows quick shop button to remain accurately in place. */.product_container {display: inline;position: relative;}.rounded {border-radius: 50%;overflow: hidden;margin: 0 20%;}.lazyload--fade-in {-webkit-filter: blur(5px);filter: blur(5px);transition: filter 200ms, -webkit-filter 200ms, box-shadow 200ms, opacity 0.2s;opacity: 0.2;}.lazyload--fade-in.lazyloaded {opacity: 1;-webkit-filter: blur(0);filter: blur(0);}img[data-sizes=auto] {display: block;width: 100%;margin-left: auto;margin-right: auto;}.image__container {display: block;margin-left: auto;margin-right: auto;position: relative;}.featured_links svg,#instafeed svg,.featured-products-section svg,.featured-collection-section svg,.featured-blog-section svg,.collection-list-section svg {background-color: #f3f3f3;fill: #7f8c8d;}.featured-products-section .section {margin: 30px 0;}.placeholder-svg {fill: rgba(#111111, 0.3);background-color: rgba(#111111, 0.4);width: 100%;height: 100%;max-width: 100%;max-height: 100%;box-sizing: border-box;display: block;}.gallery-section .gallery_image:nth-child(even) .placeholder-svg,.logo-bar-section .logo-bar__item:nth-child(even) .placeholder-svg {background-color: rgba(#111111, 0.35);}.bcg-placeholder {background-color: #111111;}.shopify-section.slideshow-section {padding-top: 0;}.homepage_slider ul li {display: block;}.homepage_slider.slider-loading ul li:not(:first-child) {display: none;}.homepage_slider .bcg-placeholder {background-color: transparent;}.homepage_slider ul li:nth-child(2n+1) .bcg-placeholder {background-color: #111111;}.homepage_slider ul li:nth-child(2n) .bcg-placeholder {background-color: rgba(#111111, 0.35);}.homepage_slider.slider-loading .slides > li:first-child {opacity: 1 !important;}.video-container > div {position: relative;}.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}.vimeo {max-width: 830px;margin: 0 auto;}.vimeo > div {padding-top: 56.26506%;}.youtube {max-width: 853px;margin: 0 auto;}.youtube > div {padding-top: 56.271981%;}video {display: block;width: 100%;height: auto;}/* #Home page - video */.homepage-video {position: relative;overflow: hidden;transition: height 0.3s ease-in-out;}.homepage-video iframe {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;}.homepage-video video {cursor: default;}.homepage-video .homepage-video--media {cursor: pointer;width: 100%;height: auto;padding-top: 0;}.homepage-video .action_button {cursor: pointer;}.homepage-video .mediaWrapper {position: relative;top: 0;left: 0;}.caption {color: #ffffff;pointer-events: none;text-align: center;width: 100%;}.caption a {pointer-events: all;}/* #Buttons */a.button,button,input[type=submit],input[type=reset],input[type=button],.action_button,a.action_button,input.action_button[type=submit],input.action_button[type=button] {background: #111111;color: #ffffff;border: 0;padding: 10px 20px;text-align: center;cursor: pointer;font-family: ingra, sans-serif;font-weight: normal;font-size: 14px;text-transform: uppercase;display: inline-block;-webkit-transition: all 200ms ease 0s;-moz-transition: all 200ms ease 0s;-ms-transition: all 200ms ease 0s;-o-transition: all 200ms ease 0s;transition: all 200ms ease 0s;-webkit-appearance: none;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smoothing: antialiased;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}a.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover,.action_button:hover,input.action_button[type=submit]:hover,input.action_button[type=button]:hover {background: #1cd7fa;color: #000000;-webkit-transition: all 200ms ease 0s;-moz-transition: all 200ms ease 0s;-ms-transition: all 200ms ease 0s;-o-transition: all 200ms ease 0s;transition: all 200ms ease 0s;}a.button:active,button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active,.action_button:active,input.action_button[type=submit]:active,input.action_button[type=button]:active {-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);}.add_to_cart, #cart_form .add_to_cart, form.product_form input.add_to_cart {width: 100%;margin-bottom: 0;}#cart textarea {width: 90%;margin: 10px 20px 0px 20px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-height: 4em;background: #fff;background: rgba(255, 255, 255, 0.8);}#cart textarea:hover {background-color: #fff;}#cart {margin-bottom: 0;}#cart .mm-listview > li:not(.mm-divider):after {border: none;}#cart a.action_button.edit_cart {width: 105px;margin-left: 2px;margin-top: 20px;background-color: #444;color: #ffffff;text-align: center;text-indent: 0;}#cart .action_button {width: 95px;margin-right: 4px;margin-top: 20px;background-color: #111111;color: #ffffff;text-align: center;text-indent: 0;padding: 10px;line-height: 1.5em;}#cart .action_button.full-width {width: 60%;margin: 20px auto 0 auto;display: block;}#cart span::-moz-selection, #cart p::-moz-selection, #cart input::-moz-selection {background: transparent;color: inherit;}#cart span::selection, #cart p::selection, #cart input::selection {background: transparent;color: inherit;}#cart .price {font-weight: bold;}.tos_checkbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin-bottom: 15px;}.tos_checkbox p {margin-bottom: 0;margin-left: 3px;line-height: 1.2;}label.tos_label {display: inline;font-weight: normal;text-transform: none;}.tos {clear: both;padding-top: 10px;text-align: right;margin: 0 20px 10px 0;-webkit-box-pack: end;
133-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}.item_info {max-width: 270px;float: left;}.disabled {pointer-events: none;}/* #Tabs */ul.tabs {display: block;margin: 10px 0 15px 0;padding: 0;border-bottom: solid 1px #dddddd;border-top: 0;list-style: none outside;margin-left: 0;}ul.tabs li {display: block;width: auto;height: 30px;padding: 0;float: left;margin-bottom: 0;border: 0;list-style: none outside;margin-left: 0;}ul.tabs li a {display: block;text-decoration: none;width: auto;height: 29px;padding: 0 15px;line-height: 30px;border-width: 1px 0 0 1px;margin: 0;font-size: 13px;}ul.tabs li a.active {border: solid 1px #dddddd;background-color: #ffffff;border-bottom: #ffffff;height: 30px;position: relative;top: -4px;padding-top: 4px;border-right-width: 1px;margin: 0 -1px 0 0;color: #111111;-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;}ul.tabs li:first-child a {-moz-border-radius-topleft: 4px;-webkit-border-top-left-radius: 4px;border-top-left-radius: 4px;}ul.tabs li:last-child a {border-width: 1px 1px 0 1px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius: 4px;border-top-right-radius: 4px;}ul.tabs-content {margin: 0;display: block;border: 0;}ul.tabs-content > li {display: none;border: 0;}ul.tabs-content > li.active {display: block;border: 0;padding-left: 10px;}/* Clearfixing tabs for beautiful stacking */ul.tabs:before,ul.tabs:after {content: " ";display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}ul.tabs:after {clear: both;}ul.tabs {zoom: 1;}/* #Forms */form {margin-bottom: 20px;}fieldset {margin-bottom: 20px;}input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=date], input[type=month], input[type=week], input[type=time], input[type=range], input[type=color], select, textarea {display: block;width: 100%;height: 40px;min-height: 40px;padding: 0 9px;margin: 0;line-height: 22px;border: 1px solid #dfdfdf;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;outline: none;background: #fff;color: #5f6a7d;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;margin-bottom: 15px;}input[type=text]:active, input[type=text]:focus, input[type=password]:active, input[type=password]:focus, input[type=email]:active, input[type=email]:focus, input[type=search]:active, input[type=search]:focus, input[type=url]:active, input[type=url]:focus, input[type=tel]:active, input[type=tel]:focus, input[type=number]:active, input[type=number]:focus, input[type=date]:active, input[type=date]:focus, input[type=month]:active, input[type=month]:focus, input[type=week]:active, input[type=week]:focus, input[type=time]:active, input[type=time]:focus, input[type=range]:active, input[type=range]:focus, input[type=color]:active, input[type=color]:focus, select:active, select:focus, textarea:active, textarea:focus {border: 1px solid #aaa;color: #444;-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}input[type=number] {-moz-appearance: textfield;}input[type=text]::-ms-clear {display: none;width: 0;height: 0;}input[type=text]::-ms-reveal {display: none;width: 0;height: 0;}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration {display: none;}select::-ms-expand {display: none;}select {background: url(//www.freestyleusa.com/cdn/shop/t/212/assets/select.png?v=112595941721225094991743620266) no-repeat right, #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;border: 1px solid #d9dbdc;-webkit-appearance: none;-ms-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;padding: 10px 9px 8px;-moz-appearance: none;}label,legend,.option_title {display: block;font-weight: bold;font-size: 13px;text-transform: uppercase;}input[type=checkbox] {display: inline;}label span,legend span {font-weight: bold;font-size: 13px;color: #444;}textarea {padding: 8px;min-height: 80px;}input.sign_up[type=submit] {margin-left: 5px;display: inline-block;width: inherit !important;font-size: 15px !important;}input.contact_email[type=email] {width: 420px;display: inline-block;}.btn.action_button, input.btn.action_button[type=submit], input.btn.action_button[type=button] {width: inherit;}#target {text-align: center;}.quantity_label {display: inline;font-size: smaller;}.remove_item a {font-size: smaller;color: #111111;}input.quantity {width: 48px;display: inline;margin-bottom: 0;padding: 8px 5px;}#cart input.quantity {background: #fff;background: rgba(255, 255, 255, 0.8);text-align: center;width: 32px;line-height: 1em;padding: 0;position: relative;top: -12px;}#cart input.quantity:hover, #cart input.quantity:focus {background: #fff;background: rgba(255, 255, 255, 0.95);}#cart input.quantity::-webkit-inner-spin-button,#cart input.quantity::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}.cart_items p {margin-bottom: 5px;}li.cart_item a {text-indent: 0 !important;font-size: small;}li.last_cart_item:after {border: none !important;}.cart_image {padding-right: 20px;max-width: 100px;text-align: center;float: left;}a.continue {text-align: right;font-size: 32px;margin-right: 10px !important;padding: 10px 0 5px 0 !important;opacity: 0.8;}a.continue:hover {opacity: 1;}.empty_cart {text-align: center;font-size: 22px;padding-top: 40px !important;color: inherit;}
133.empty_cart:after {border: 0 !important;}#get-rates-submit {margin-top: -1px;}#customer_login {margin-bottom: 2px;}.multi_select {display: none;}/* #Tables */table {width: 100%;}table th {font-weight: 700;background: #f9f9f9;text-align: left;}table th, table td {padding: 4px;}table tr {border-bottom: 1px solid #DCDCDC;}table tr:first-child {border-top: 1px solid #DCDCDC;}table td, table th {border-right: 1px solid #DCDCDC;}table td:first-child, table th:first-child {border-left: 1px solid #DCDCDC;}table .em {font-weight: 700;}table tr.order_summary td.label {text-align: right;}table {margin-bottom: 20px;}/* #Misc */.hidden {display: none;}.remove {color: #111111;}.relative {position: relative;}.right {float: right;position: relative;}.left {float: left;}.inline {display: inline;}.center {text-align: center;}.relative {position: relative;}.align_right {text-align: right;}.align_left {text-align: left;}.align_center {text-align: center;}p.warning {text-align: center;font-weight: bold;padding-top: 10px;}.cart_item p.warning {margin-top: 5px;}.container div.mobile_only, span.mobile_only, .mobile_only {display: none;}.extra_padding {padding-top: 4px;}div.hidden {display: none;}.is-absolute {position: absolute;top: 0;margin-top: 0;}#grid .column,#grid .columns {background: #ddd;height: 25px;line-height: 25px;margin-bottom: 10px;text-align: center;text-transform: uppercase;color: #555;font-size: 12px;font-weight: bold;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}#grid .column:hover,#grid .columns:hover {background: #bbb;color: #333;}/* #Site Styles */div.container {margin: 0 auto;}.header div.logo a {margin: 0 auto;display: block;color: #8b8b8b !important;}div.section {margin: 10px 0;}.homepage_content {padding: 20px 0;}.featured_content,.featured_content h1,.featured_content h2,.featured_content h3,.featured_content h4,.featured_content h5,.featured_content h6 {color: #111111;}.featured_content {background-color: #ffffff;}div.product_section {margin-top: 0;}.featured_text {font-size: 18px;line-height: 1.5em;}div.container div.breadcrumb {font-size: 14px;}div.container div.breadcrumb_text, div.container div.section_select {margin-bottom: 1em;padding-top: 8px;}.breadcrumb a.ss-icon {font-size: 32px;margin: 10px 10px 10px 0;color: #111111;}.breadcrumb .icon-arrow-right {font-size: 8px;position: relative;top: -1px;}.breadcrumb a.ss-icon:hover {color: #000000;}.nav_arrows {float: right;}.continue_shopping {text-align: center;font-size: 14px;padding-top: 10px;}.sku {margin-top: -10px;}#category {width: 100%;}.paginate {text-align: center;}.paginate a, .paginate .current, a.tag {border: solid 1px #dddddd;-webkit-border-radius: 2px;-khtml-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;margin: 10px 5px;padding: 5px 10px;display: inline-block;}.paginate .current {font-weight: bold;}a.tag {font-size: smaller;padding: 4px 6px;margin: 5px 2px 5px 0;}.featured_collections {margin-bottom: 10px;}.paginate a:hover, a.tag:hover {color: #2a363b;}.thumbnail {position: relative;margin-bottom: 1em;}.thumbnail .isp_product_image_wrapper > .isp_product_image_href {display: flex;padding-bottom: 24px;}.featured_collections .thumbnail {text-align: center;}.thumbnail a {display: block;padding-bottom: 0.5em;color: #111111;}.thumbnail a:hover {color: #000000;}.thumbnail .info {margin-top: 0.75em;}.thumbnail .info {text-align: left;}.thumbnail .price {display: block;font-weight: bold;}.new {position: relative;display: inline;padding: 5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;font-size: 12px;}.thumbnail img, .thumbnail svg, .ie .product_gallery img {margin-left: auto;margin-right: auto;max-height: 195px;}.thumbnail .price, .thumbnail .sold_out, .sold_out {font-weight: bold;color: #111111;}.thumbnail .sale, .sale {color: #e84a5f;}.sale_banner, .new_banner {position: absolute;top: 25px;left: -5px;background: #111111;font-family: ingra, sans-serif;font-weight: 400;font-size: 16px;text-transform: uppercase;letter-spacing: 0px;padding: 2px 5px;text-align: center;color: #fff;}.new_banner {background: #111111;}.thumbnail .price, .thumbnail .title {display: block;}#estimated-shipping, .excluding_tax {display: block;}.cart_page_image {float: left;margin-right: 20px;text-align: center;display: block;width: 100%;}.size_chart {float: right;margin-top: 0.5em;}.size_chart .icon-arrow-right {font-size: 12px;}.size_chart_content {display: none;padding: 10px 20px;}.icon-arrow-right {font-size: smaller;}#size-chart h4 {padding: 15px 0 0 0;text-align: center;}.cart_page_image img {opacity: 0;transition: opacity 0.3s ease-in;}.was_price {text-decoration: line-through;color: #363636;font-style: italic;text-shadow: none;font-weight: normal;}.thumbnail .quick_shop {display: none;position: absolute;bottom: 12px;right: 6px;color: #111111;}.thumbnail .quick_shop:hover {opacity: 1;color: #000000;}#instafeed img, #instafeed svg, #instafeed video {margin-bottom: 1em;}.arrow {font-size: smaller;position: relative;top: -1px;left: 2px;opacity: 0.6;}.modal {margin: 10px 0;display: none;background-color: #ffffff;}.modal a {padding-bottom: 0;}.modal p.modal_price, p.modal_price {font-size: 22px;margin-bottom: 10px;}.modal form {margin-bottom: 0px;}.notify_form .action_button {width: 100%;}.product_image {text-align: center;}.meta {font-size: 13px;}.meta p {font-size: 13px;margin-bottom: 0;}p.meta {margin-bottom: 10px;}.comment-body p.meta {margin-bottom: 5px;}.comment-body h6 {padding-top: 0;}.sidebar-block {border-bottom: 1px solid #dddddd;margin-bottom: 12px;}.sidebar-block:last-child {border-bottom: none;margin-bottom: 0;}.content_block.toggle_list {padding-right: 15px;}.content_block.toggle_list a {display: inline;position: static;padding-left: 0;margin-left: 0;border-left: none;color: #000000;}.content_block.toggle_list a:hover {border-left: none;color: #2a363b;}.blog h2 {margin-bottom: 0;line-height: 1.4em;}.blog h2 a {color: #111111;}.blog_list {margin-left: 0;}.blog_meta span {position: relative;display: inline-block;margin-right: 15px;font-size: smaller;color: #363636;}.blog_meta span:after {content: "";position: absolute;right: -16px;top: 50%;margin: -1px 5px 0;width: 4px;height: 4px;border-radius: 2px;background-color: #ced3d3;box-sizing: border-box;}.blog_meta span:last-child:after {background-color: transparent;}.tags span a {font-weight: bold;color: #000000;}.blog_list li {list-style: none;}.article h5.sub_title {line-height: 1.5em;letter-spacing: 0;}.excerpt {line-height: 1.5;margin-bottom: 1em;}.continue_reading .action_button {padding: 8px 15px;margin-top: 15px;}.article, .article_image {display: block;padding-bottom: 30px;}.article img, .article svg {margin-bottom: 10px;}body.article {padding-bottom: 0;}.toggle span {color: #363636;font-weight: bold;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: smaller;float: right;display: none;}form.search input[type=text] {width: 50%;display: inline-block;margin-right: 1em;}@media (max-width: 767px) {form.search input[type=text] {width: 100%;margin-right: 0;}}.sidebar .search {padding-top: 8px;}.sidebar .search input {width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.meta .label,.label {color: #363636;}.blog_meta,.blog_meta a {color: #363636;}.blog_meta a:hover {color: #2a363b;}.count {font-style: normal;font-size: 13px;}#tag_filter, #sort-by {width: 65%;display: inline-block;margin-bottom: 0;}.section_select {text-align: right;}.checkout {display: block;float: right;margin-top: 0;}.additional-checkout-buttons {text-align: center;margin-top: 10px;margin-bottom: 15px;}.additional-checkout-buttons > *:not(script) {padding: 10px 0 0 10px;vertical-align: top;line-height: 1;}@media only screen and (max-width: 767px) {.additional-checkout-buttons > *:not(script) {padding: 10px 0 0 5px;}}.additional-checkout-buttons > *:not(script):first-child, .additional-checkout-buttons > *:not(script):empty {padding-left: 0;}.or {font-size: smaller;font-style: italic;padding: 0 10px;}.purchase {margin-top: 25px;}.inline_purchase {display: inline-block;margin-left: 20px;margin-top: 25px;}.comment {margin-bottom: 20px;}.gravatar {width: 100px !important;}.gravatar img {width: 80px;height: 80px;margin-bottom: 15px;-webkit-border-radius: 40px;-khtml-border-radius: 40px;-moz-border-radius: 40px;-ms-border-radius: 40px;-o-border-radius: 40px;border-radius: 40px;}.red {color: #C33;}.address p {margin-bottom: 5px;}div#disqus_thread ul, div#disqus_thread li {border: none;}/* #Instagram Feed */#instafeed img, #instafeed video {display: inline;}#instafeed video {object-fit: cover;position: absolute;width: 100%;height: 100%;left: 0;bottom: 0;top: 0;max-height: 100%;max-width: 100%;padding-bottom: 1.5em;margin-top: -1.55em;}.social-feeds-wrap .sixteen .columns:nth-child(4n+1) {margin-left: 0;}.social-feeds-wrap .sixteen .columns:nth-child(4n+4) {margin-right: 0;}.social-feeds-wrap .eight .columns:nth-child(odd) {margin-left: 0;}.social-feeds-wrap .eight .columns:nth-child(even) {margin-right: 0;}/* #Image Gallery */.gallery-section {text-align: center;}.gallery-section a {display: block;}.gallery-section img {width: 100%;height: auto;display: block;}.gallery-section .two-per-row {width: 50%;}@media only screen and (max-width: 767px) {.gallery-section .two-per-row {width: 100%;}}.gallery-section .three-per-row {width: 33.333%;}@media only screen and (max-width: 767px) {.gallery-section .three-per-row {width: 100%;}}.gallery-section .four-per-row {width: 25%;}@media only screen and (max-width: 767px) {.gallery-section .four-per-row {width: 100%;}}.gallery-section .gallery_image {display: block;float: left;}.gallery-section .add-padding {padding: 10px;}/* #Image with text */.homepage_content.image_with_text {padding: 0;}.homepage_content.image_with_text h3 {width: 100%;}@media (min-width: 768px) {.homepage_content.image_with_text {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}}.homepage_content.image_with_text .content_column {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;
133-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}@media (max-width: 767px) {.homepage_content.image_with_text .content_column {margin-top: 0.75em;}}/* #Testimonials */.testimonial-block {text-align: center;padding: 15px 0;}.testimonial-block__text {padding-top: 15px;}.testimonial-dash {font-size: 22px;vertical-align: top;}/* #Logo-list */.logo-bar-section h2 {padding-bottom: 6px;color: #111111;}.logo-bar {text-align: center;margin-bottom: 20px;}.logo-bar__item {display: inline-block;vertical-align: middle;max-width: 160px;width: calc(20% - 45px);margin-top: 20px;margin-left: 20px;margin-right: 20px;}@media (max-width: 767px) {.logo-bar__item {width: calc(50% - 20px);margin-left: 10px;margin-right: 10px;}}/* #Contact form */.contact_form {padding-top: 0.75em;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}@media (max-width: 767px) {.contact_form {display: block;}}.contact-template_contact_form {margin-bottom: 50px;}/* #Swatch Styles */.select {display: none;}.swatch_options {margin-bottom: 0;}.swatch .option_title {margin: 0.5em 0;}/* Hide radio buttons.*/.swatch input {display: none;}.swatch label {float: left;min-width: 25px;height: 26px;margin: 0;font-size: 13px;text-align: center;line-height: inherit;white-space: nowrap;text-transform: uppercase;cursor: pointer;padding: 0 10px;}.swatch .color label {min-width: 30px;height: 30px;line-height: 30px;background-position: center;background-size: cover;}.swatch-element {border: #e2e2e2 1px solid;}.swatch-element.color {padding: 6px;}.swatch-element.color, .swatch-element.color label {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;border: #e2e2e2 1px solid;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;}.color.swatch-element label {padding: 0;}.swatch_options input:checked + .swatch-element {border-color: #666;}.swatch .swatch-element {float: left;-webkit-transform: translateZ(0);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin: 0px 10px 5px 0;position: relative;}.crossed-out {position: absolute;width: 100%;height: 100%;left: 0;top: 0;}.swatch .swatch-element .crossed-out {display: none;}.swatch .swatch-element.soldout .crossed-out {display: block;height: 100%;width: 100%;}.swatch .swatch-element.soldout label {filter: alpha(opacity=60);-khtml-opacity: 0.6;-moz-opacity: 0.6;opacity: 0.6;}/* Tooltips */.swatch .tooltip {text-align: center;background: #333;background: rgba(51, 51, 51, 0.9);color: #fff;bottom: 100%;padding: 5px 10px;display: block;position: absolute;width: 120px;font-size: 13px;left: -35px;margin-bottom: 15px;filter: alpha(opacity=0);-khtml-opacity: 0;-moz-opacity: 0;opacity: 0;visibility: hidden;-webkit-transform: translateY(10px);-moz-transform: translateY(10px);-ms-transform: translateY(10px);-o-transform: translateY(10px);transform: translateY(10px);-webkit-transition: all 0.25s ease-out;-moz-transition: all 0.25s ease-out;-ms-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;transition: all 0.25s ease-out;-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);z-index: 10000;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}.swatch .tooltip:before {bottom: -20px;content: " ";display: block;height: 20px;left: 0;position: absolute;width: 100%;}/* CSS triangle */.swatch .tooltip:after {border-left: solid transparent 10px;border-right: solid transparent 10px;border-top: solid rgba(51, 51, 51, 0.9) 10px;bottom: -10px;content: " ";height: 0;left: 50%;margin-left: -13px;position: absolute;width: 0;}.swatch .swatch-element:hover .tooltip {filter: alpha(opacity=100);-khtml-opacity: 1;-moz-opacity: 1;opacity: 1;visibility: visible;-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}/* #Footer */.footer {margin-top: 1em;padding: 25px 0;border-top: solid 1px #111111;background-color: #000000;color: #f0f0f0;}.index .footer {margin-top: 0;}.footer h6 {margin-bottom: 4px;color: #f0f0f0;}.footer p {margin-bottom: 0;font-size: 14px;color: #f0f0f0;}.footer a, .footer a:visited {color: #f0f0f0;font-size: 14px;font-weight: 400;font-family: "Ingra";}.footer a:hover, .footer a:active {color: #ffffff;}.footer a.ss-icon {font-size: 25px;}.footer form {margin-bottom: 0;}.maps iframe {display: block;pointer-events: none;}.contact-form {margin-bottom: 0;}.mm-panel {-webkit-transition: -webkit-transform 0.4s ease;}.mm-listview > li > a, .mm-listview > li > span, .mm-navbar .mm-title {text-overflow: ellipsis;overflow: hidden;}.mm-menu, .mm-panels, .mm-panels > .mm-panel, .mm-search, .mm-search input {box-sizing: border-box;}.mm-menu, .mm-panels, .mm-panels > .mm-panel {margin: 0;left: 0;right: 0;top: 0;z-index: 0;}.mm-listview a, .mm-listview a:hover, .mm-navbar a, .mm-navbar a:hover {text-decoration: none;}.mm-listview > li:not(.mm-divider):after {content: "";bottom: 0;}.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {display: block;}.mm-menu {padding: 0;position: absolute;bottom: 0;}.mm-panels, .mm-panels > .mm-panel {background: inherit;border-color: inherit;position: absolute;bottom: 0;}.mm-panels {overflow: hidden;}.mm-panel {transition: -webkit-transform 0.4s ease;transition: transform 0.4s ease;transition: transform 0.4s ease, -webkit-transform 0.4s ease;-webkit-transform: translate(100%, 0);-ms-transform: translate(100%, 0);transform: translate(100%, 0);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}.mm-panels > .mm-panel {-webkit-overflow-scrolling: touch;overflow: scroll;overflow-x: hidden;overflow-y: auto;padding: 0 15px 20px;}.mm-panels > .mm-panel:after, .mm-panels > .mm-panel:before {content: "";display: block;height: 20px;}.mm-navbar {border-bottom: 1px solid;border-color: inherit;text-align: center;line-height: 20px;height: 55px;padding: 0 40px;margin: 0;position: absolute;top: 0;left: 0;right: 0;}.mm-navbar > * {display: block;padding: 10px 0;}.mm-panel .mm-navbar {display: none;}.mm-listview, .mm-listview > li {list-style: none;display: block;padding: 0;margin: 0;}.mm-listview {font: inherit;font-size: 14px;line-height: 20px;}.mm-listview > li {position: relative;}.mm-listview > li, .mm-listview > li:after {border-color: inherit;}.mm-listview > li > a, .mm-listview > li > span {color: inherit;display: block;padding: 12px 0;margin: 0;}.mm-listview > li:not(.mm-divider):after {border-bottom-width: 1px;border-bottom-style: solid;
133display: block;position: absolute;right: 0;left: 0;}.mm-panels > .mm-panel > .mm-listview {margin: 20px 0;}.mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview {margin-top: -20px;}.mm-menu {background: #f3f3f3;border-color: rgba(0, 0, 0, 0.1);color: rgba(0, 0, 0, 0.75);}.mm-menu .mm-navbar a, .mm-menu .mm-navbar > *, .mm-menu em.mm-counter {color: rgba(0, 0, 0, 0.3);}.mm-menu .mm-listview {border-color: rgba(0, 0, 0, 0.1);}.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: rgba(255, 255, 255, 0.5);tap-highlight-color: rgba(255, 255, 255, 0.5);}#mm-blocker {background: rgba(3, 2, 1, 0);display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 2;}em.mm-counter {font: inherit;font-size: 14px;font-style: normal;text-indent: 0;line-height: 20px;display: block;margin-top: -10px;position: absolute;right: 45px;top: 50%;}.mm-search input {box-shadow: none !important;}.mm-menu > .mm-navbar {background: inherit;padding: 0;z-index: 3;-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.mm-search {height: 40px;padding: 7px 10px 0;position: relative;}.mm-search input {border: none !important;outline: 0 !important;border-radius: 4px;font: inherit;font-size: 14px;line-height: 26px;display: block;width: 100%;height: 26px;min-height: 26px;max-height: 26px;margin: 0;padding: 0 10px;}.mm-search input::-ms-clear {display: none;}.mm-panel > .mm-search {width: 100%;position: absolute;top: 0;left: 0;}.mm-menu .mm-search input {background: rgba(0, 0, 0, 0.05);color: rgba(0, 0, 0, 0.75);}/* Custom mmenu styles */.mm-menu {background: #333333;background: rgba(51, 51, 51, 0.6);color: rgba(255, 255, 255, 0.6);}.mm-menu .continue {color: rgba(255, 255, 255, 0.8);text-indent: 20px;padding-top: 30px;padding-bottom: 30px;margin-top: -20px;margin-bottom: 5px;line-height: 10px;}#nav a, #nav span, #nav li select.currencies {font-family: ingra, sans-serif;font-weight: 400;font-size: 16px;text-transform: uppercase;letter-spacing: 0px;color: inherit;}#nav a.mm-title, #nav span.mm-title, #nav li select.currencies.mm-title {font-size: 18px;}.mm-listview li.currencies {padding: 0 8px 0 20px;}#nav a.ss-icon span {font-size: 40px;font-weight: normal;}.mm-menu .mm-listview > li.mm-label {background: rgba(255, 255, 255, 0.05);text-transform: uppercase;}#cart.mm-menu textarea {margin: 15px 20px 0px 20px;display: block;width: calc(100% - 40px);}.mm-counter {font: inherit;font-size: 14px;font-style: normal;text-indent: 0;line-height: 20px;display: block;margin-top: -10px;position: absolute;right: 40px;top: 50%;color: rgba(255, 255, 255, 0.8);z-index: 1;}#cart.mm-menu a.action_button.edit_cart {margin-left: 2px;}.mm-menu .mm-search input {background: rgba(255, 255, 255, 0.3);color: rgba(255, 255, 255, 0.6);}.mm-search input {border: none;border-radius: 30px;font: inherit;font-size: 14px;line-height: 30px;outline: none;display: block;width: 100%;height: 30px;margin: 0;padding: 20px;}#nav .mm-search ~ .mm-listview {padding-top: 25px;}#nav .mm-panels, #nav .mm-panels > .mm-panel {max-width: 80vw;}#mm-blocker {position: absolute;}.flexslider a:active,.flexslider a:focus {outline: none;}.slides,.flex-control-nav,.flex-direction-nav,.flex-direction-nav li {margin: 0;padding: 0;list-style: none;}ul.slides li {border: none;padding: 0;margin-bottom: 0;position: relative;}html[xmlns] .slides {display: block;}.flexslider {margin: 0;padding: 0;z-index: 0;}.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;}.flexslider .slides img {display: block;}/* Clearfix for the .slides element */.slides:after {content: " ";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}* html .slides {height: 1%;}.no-js .slides > li:first-child {display: block;}.flexslider .slides img {display: block;max-width: 100%;height: auto;margin: 0 auto;}.flexslider {position: relative;zoom: 1;clear: both;overflow: hidden;}.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}.loading .flex-viewport {max-height: 300px;}.flexslider .slides .flex-active-slide{z-index:100 !important;}.flexslider-container {position:relative;}.flexslider .slides {zoom: 1;}.flexslider .slides li {text-align: center;position: relative;z-index: -100 !important;}.carousel li {margin-right: 5px;border: 0;}.headline {font-size: 42px;margin-bottom: 0.5em;line-height: 47px;font-weight: 400;position: relative;letter-spacing: 0px;color: #ffffff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);}.subtitle p {font-family: ingra, sans-serif;font-weight: normal;font-style: normal;text-transform: uppercase;font-size: 20px;line-height: 1.5em;margin-bottom: 1.5em;position: relative;color: #ffffff;text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3);}.headline, .subtitle p {pointer-events: none;}.align_left .headline, .align_left .subtitle p {text-align: left;}.align_right .headline, .align_right .subtitle p {text-align: right;}/* Direction Nav */.flex-direction-nav {*height: 0;}.flex-direction-nav a, .fancybox-next span, .fancybox-prev span {width: 60px; height: 60px; margin: -20px 0 0; display: block; z-index: 200; position: absolute; top: 50%; cursor: pointer; opacity: 0; -webkit-transition: all .3s ease; transition: all .3s ease; color: #333; text-shadow: 0 0 1px #fff; }.flex-direction-nav .flex-next, .fancybox-next span { right: -36px; text-align: center; }.flex-direction-nav .flex-prev, .fancybox-prev span { left: -36px; text-align: center; }.flexslider:hover .flex-next, .fancybox-next:hover span {opacity: 0.6; right: 15px;}.flexslider:hover .flex-prev, .fancybox-prev:hover span {opacity: 0.6; left: 25px;}.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}.flex-direction-nav .flex-disabled {opacity: .3 !important; filter:alpha(opacity=30); cursor: default;}/* Control Nav */.flex-control-nav {position: absolute;bottom: 4%;text-align: center;width: 100%;z-index: 100;}.flex-control-nav li {margin: 0 0 0 5px;display: inline-block;zoom: 1;*display: inline;}.flex-control-nav li:first-child {margin: 0;}.flex-control-nav li a {width: 6px;height: 6px;display: inline-block;cursor: pointer;text-indent: -9999em;background: #fff;border: 1px solid transparent;color: #fff;margin: 10px;-webkit-border-radius: 50%;-moz-border-radius: 50%;-o-border-radius: 50%;border-radius: 50%;transition: all 0.2s ease-in-out;}.flex-control-nav li a.flex-active, .flex-control-nav li a:hover {border: 1px solid #fff;background: transparent;-webkit-transform: scale(1.5);transform: scale(1.5);}.flex-control-thumbs {width: 100%;position: absolute;bottom: -40px;text-align: center;}.flex-control-thumbs li {margin: 0 6px;display: inline-block;zoom: 1;*display: inline;}.flex-control-thumbs {position: static;overflow: hidden;}.flex-control-thumbs li, .flex-control-thumbs li:first-child {width: 16%;vertical-align: top;margin: 15px 5% 0 0;}.flex-control-thumbs img {width: 100%;display: block;opacity: 0.7;cursor: pointer;}.flex-control-thumbs img:hover {opacity: 1;}.flex-control-thumbs .flex-active {opacity: 1;
133cursor: default;}.product_slider .flex-active-slide a:hover {cursor: -webkit-zoom-in;cursor: -moz-zoom-in;}.product_slider {margin-bottom: 2em;}.product_gallery ul.slides li a.fancybox {display: block;padding: 1px;}.newsletter_popup {margin-bottom: 1.5em;}.newsletter_popup .contact-form {width: 460px;margin: 0 auto;}.newsletter_popup input.sign_up {display: inline-block;width: 30%;margin-left: 0;}.newsletter_popup input.contact_email[type=email] {width: 100%;display: inline-block;margin-right: 2%;}@media (max-width: 767px) {.newsletter_popup input.contact_email[type=email] {width: 100%;margin-right: 0;}.newsletter_popup input.sign_up {width: 100%;}.newsletter_popup .contact-form {width: 100%;}}.newsletter_names {max-width: 530px;}.newsletter_popup .newsletter {margin-bottom: 0;}.shopify-challenge__container {padding: 150px 0;}.cloudzoom-zoom-inside img {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}.cloudzoom-lens {border: none;border: 1px solid #888;width: 225px;height: 175px;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);cursor: pointer;}.cloudzoom-zoom {border: 1px solid #888;box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);background-color: #ffffff;}.cloudzoom-zoom-inside {/* Add a background color to handle PNG images */background-color: #FFF;border: none;box-shadow: none;z-index: 9999;position: relative;}.cloudzoom-caption {display: none;text-align: left;background-color: #000;color: #fff;font-weight: bold;padding: 10px;font-family: sans-serif;font-size: 11px;}.cloudzoom-blank {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/blank.gif?v=164826798765693215961743620267);}div.cloudzoom-ajax-loader {display: none;}.cloudzoom-lens + div {display: none !important;}.container {position: relative;width: calc(100% - 260px);margin: 0 auto;padding: 0;max-width: 1920px;}@media (max-width: 768px) {.container {max-width: none;}}.column, .columns {float: left;display: inline;margin-left: 10px;margin-right: 10px;}.row {margin-bottom: 20px;}/* Nested Column Classes */.column.alpha, .columns.alpha {margin-left: 0;}.column.omega, .columns.omega {margin-right: 0;}/* Base Grid */.container .one.column {width: 55px;}.container .two.columns {width: 130px;}.container .three.columns {width: 205px;}.container .four.columns {width: 280px;}.container .five.columns {width: 355px;}.container .six.columns {width: 70%;}.container .seven.columns {width: 505px;}.container .eight.columns {width: 580px;}.container .nine.columns {width: 655px;}.container .ten.columns {width: 730px;}.container .eleven.columns {width: 805px;}.container .twelve.columns {width: 70%;}.container .sixteen.columns {width: 1180px;}.container .one-third.column {width: 380px;}.container .one-fifth.column {width: 220px;}/* Offsets */.container .offset-by-one {padding-left: 75px;}.container .offset-by-two {padding-left: 150px;}.container .offset-by-three {padding-left: 225px;}.container .offset-by-four {padding-left: 300px;}.container .offset-by-five {padding-left: 375px;}.container .offset-by-eight {padding-left: 600px;}.container .offset-by-one-alternate {padding-right: 75px;}@media (max-width: 767px) {.container .offset-by-one-alternate {padding-right: 0;}}/* #Base 960 Grid */@media only screen and (min-width: 960px) and (max-width: 1199px) {.container {position: relative;width: calc(100% - 100px);margin: 0 auto;padding: 0;}.container .column,.container .columns {float: left;display: inline;margin-left: 10px;margin-right: 10px;}.row {margin-bottom: 20px;}/* Nested Column Classes */.column.alpha, .columns.alpha {margin-left: 0;}.column.omega, .columns.omega {margin-right: 0;}/* Base Grid */.container .one.column,.container .one.columns {width: 40px;}.container .two.columns {width: 100px;}.container .three.columns {width: 160px;}.container .four.columns {width: 220px;}.container .five.columns {width: 280px;}.container .six.columns {width: 70%;}.container .seven.columns {width: 400px;}.container .eight.columns {width: 460px;}.container .nine.columns {width: 520px;}.container .ten.columns {width: 580px;}.container .eleven.columns {width: 640px;}.container .twelve.columns {width: 700px;}.container .sixteen.columns {width: 940px;}.page .container .sixteen.columns {width: 100%;}.container .one-third.column {width: 300px;}.container .one-fifth.column {width: 172px;}/* Offsets */.container .offset-by-one {padding-left: 60px;}.container .offset-by-two {padding-left: 120px;}.container .offset-by-three {padding-left: 180px;}.container .offset-by-four {padding-left: 240px;}.container .offset-by-five {padding-left: 300px;}.container .offset-by-eight {padding-left: 480px;}.container .offset-by-one.alternate {padding-right: 60px;}}
133@media only screen and (min-width: 768px) and (max-width: 959px) {.container {width: 768px;}.container .column,.container .columns {margin-left: 10px;margin-right: 10px;}.column.alpha, .columns.alpha {margin-left: 0;margin-right: 10px;}.column.omega, .columns.omega {margin-right: 0;margin-left: 10px;}.alpha.omega {margin-left: 0;margin-right: 0;}.container .one.column,.container .one.columns {width: 28px;}.container .two.columns {width: 76px;}.container .three.columns {width: 124px;}.container .four.columns {width: 172px;}.container .five.columns {width: 220px;}.container .six.columns {width: 70%;}.container .seven.columns {width: 316px;}.container .eight.columns {width: 364px;}.container .nine.columns {width: 412px;}.container .ten.columns {width: 460px;}.container .eleven.columns {width: 508px;}.container .twelve.columns {width: 556px;}.container .sixteen.columns {width: 748px;}.container .one-third.column {width: 236px;}.container .one-fifth.column {width: 133px;}/* Offsets */.container .offset-by-one {padding-left: 48px;}.container .offset-by-two {padding-left: 96px;}.container .offset-by-three {padding-left: 144px;}.container .offset-by-four {padding-left: 192px;}.container .offset-by-five {padding-left: 240px;}.container .offset-by-eight {padding-left: 384px;}.container .offset-by-one.alternate {padding-right: 48px;}}/*#Mobile (Portrait) *//* Note: Design for a width of 320px */@media only screen and (max-width: 767px) {.container {width: 100%;}.container .columns,.container .column {margin: 0;}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .sixteen.columns,.container .one-third.column {width: 100%;}.container .one-fifth.column {width: 140px;}.container .thumbnail.even, .container .thumbnail.odd {width: 140px !important;}.container div.thumbnail.even {clear: left;}.container div.thumbnail.odd {margin-left: 20px;}br.product_clear {display: none;}/* Offsets */.container .offset-by-one,.container .offset-by-two,.container .offset-by-three,.container .offset-by-four,.container .offset-by-five,.container .offset-by-eight {padding-left: 0;}.container .offset-by-one.alternate {padding-right: 0;}}/* #Mobile (Landscape) *//* Note: Design for a width of 480px */@media only screen and (min-width: 480px) and (max-width: 767px) {.container {width: 420px;}.container .columns,.container .column {margin: 0;}.container .one.column,.container .one.columns,.container .two.columns,.container .three.columns,.container .four.columns,.container .five.columns,.container .six.columns,.container .seven.columns,.container .eight.columns,.container .nine.columns,.container .ten.columns,.container .eleven.columns,.container .twelve.columns,.container .sixteen.columns,.container .one-third.column {width: 420px;}.container .one-fifth.column {width: 200px;}.container .thumbnail.even, .container .thumbnail.odd {width: 200px !important;}.container div.thumbnail.even {clear: left;}.container div.thumbnail.odd {margin-left: 20px;}br.product_clear {display: none;}}/* #Clearing *//* Self Clearing Goodness */.container:after {content: " ";display: block;height: 0;clear: both;visibility: hidden;}/* Use clearfix class on parent to clear nested columns,or wrap each row of columns in a <div class="row"> */.clearfix:before,.clearfix:after,.row:before,.row:after {content: " ";display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}.row:after,.clearfix:after {clear: both;}.row,.clearfix {zoom: 1;}/* You can also use a <br class="clear" /> to clear columns */.clear {clear: both;display: block;overflow: hidden;visibility: hidden;width: 0;height: 0;}/* #Media Queries */@media only screen and (max-width: 1199px) {input.contact_email[type=email] {width: 405px;}}/* Smaller than standard 960 (devices and browsers) */@media only screen and (max-width: 959px) {input.sign_up[type=submit] {margin-left: 0;margin-bottom: 1.5em !important;width: 100% !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}input.contact_email[type=email] {margin-bottom: 1em;width: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.cloudzoom-lens {width: 140px;height: 120px;}}/* Standard 960 to widescreen 1200(desktop browsers) */@media only screen and (min-width: 960px) and (max-width: 1199px) {.nav ul li {padding: 0 7px 0 7px;}}/* Tablet Portrait size to standard 960 (devices and browsers) */@media only screen and (min-width: 768px) and (max-width: 959px) {.footer a.ss-icon {font-size: 42px;margin-right: 10px;}.nav ul.menu ul {margin-top: 7px;}.featured_links a span {font-size: 14px;}.nav ul.menu li {padding: 3px 0 3px 3px;}}/* All Mobile Sizes (devices and browser) */@media only screen and (max-width: 767px) {.article_image {padding-bottom: 0;}.sidebar_content {border: 0;padding: 0;}.scroll-arrow {display: none;}.nav_arrows {float: none;}.nav_arrows .prev {float: left;}.nav_arrows .next {float: right;}.minus, .plus {display: none;}.minus {margin: 0 2px 0 0;}.plus {margin: 0 0 0 2px;}.item_info {max-width: 280px;
133display: block;white-space: initial;}#header a.mobile_logo {margin: auto;position: absolute;top: 0;left: 0;bottom: 0;right: 0;font-size: 18px;line-height: 34px;z-index: 0;width: 50%;}#header a.mobile_logo img {width: auto;max-width: 150px;max-height: 30px;padding-top: 2px;}.footer a.ss-icon {font-size: 38px;margin-right: 0;margin-top: 6px;}#cart input.quantity {width: 24px;}.is-absolute {top: 0 !important;}p.mm-counter {right: 20px;}#tag_filter, #sort-by, .breadcrumb_text {margin-bottom: 1em !important;clear: both;}.blog_filter {margin-top: 1em;width: 100% !important;}.section_select {text-align: center;}.flex-control-nav {bottom: 10px;}.featured_links a span {font-size: 14px;}.or {text-align: center;width: 100%;display: inline-block;padding-left: 0;padding-bottom: 5px;}.mobile_hidden {display: none !important;}table tr.order_summary td.label {text-align: left;}.breadcrumb {text-align: center;margin-bottom: 1.5em;}.featured_text {font-size: 15px;line-height: 1.7em;text-align: center;}#header {display: block;}.header {display: none;}.toggle span {display: block;}.toggle_list {display: none;}select {width: 100%;}.flexslider a.action_button {width: initial;}input[type=submit],input[type=reset],input[type=button],input.action_button[type=submit],input.action_button[type=button],.sign_up {margin-left: 0;width: 100%;}.container .column.thumbnail, .container .columns.thumbnail {margin-top: 1em;}td {padding: 4px !important;}.container div.mobile_only, .mobile_only {display: block;}span.mobile_only {display: inline;}.quick_shop {display: none !important;}table tr th, table tr td {padding: 2px;}input.action_button {margin-bottom: 1em !important;}.headline {font-size: 1.3em;line-height: 1.2em;position: relative;}.subtitle p {font-size: 1.1em;line-height: 1.2em;position: relative;}.hsContainer .left {padding-left: 20px !important;}.hsContainer .right {padding-right: 20px !important;}}/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */@media only screen and (min-width: 480px) and (max-width: 767px) {#cart textarea {width: 220px;}.mobile_hidden {display: none !important;}#cart a.action_button.edit_cart, #cart .action_button {width: 120px;}}.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {margin-bottom: 107px;}.mm-listview > li {width: 102%;}/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */@media only screen and (max-width: 479px) {.mm-menu, .mm-panels > .mm-panel:not(.mm-hidden) {margin-bottom: 104px;}.item_info {max-width: 180px;}#cart textarea {width: 280px;}#cart a.action_button.edit_cart, #cart .action_button {width: 259px !important;margin-top: -9px;margin-bottom: 17px;}.mobile_hidden {display: none !important;}.cart_image {max-width: 60px;padding-right: 10px;}.action_button {font-size: 12px;padding: 8px 12px 6px;}h1, h2, h3, h4, h5, h6, .collection_title, .empty_cart {font-size: 110%;line-height: 1.5em;}h1, h1.home, .title a, h2 {padding: 0;}}@media only screen and (max-width: 420px) {.item_info {max-width: 100px;}}@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {html {-webkit-text-size-adjust: 100%;}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {select.currencies {position: relative;top: 15px;}}@-moz-document url-prefix() {#search form input {padding: 12px 15px 10px 55px;height: 60px;}}@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {select,textarea,input {font-size: 16px !important;}}.socialButtons {padding: 0;margin: 20px 0px 0px 0px;}.socialButtons li {list-style: none;display: inline-block;margin: 0;}.socialButtons li a {color: #363636 !important;padding-left: 5px;font-size: 30px;}.socialButtons li a:hover {color: #000000 !important;}.socialButtons li:nth-of-type(1) {position: relative;top: -8px;}[class^=icon-], [class*=" icon-"] {font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;speak: none;line-height: 1em;text-decoration: inherit;display: inline;margin-right: 0.2em;text-align: center;padding-top: 0;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}.icon-arrow-down:before {content: "\e900";}.icon-circle-left:before {content: "\e903";}.icon-circle-right:before {content: "\e904";}.icon-close:before {content: "\e905";}.icon-facebook:before {content: "\e906";}.icon-google:before {content: "\e908";}.icon-mail:before {content: "\e90d";}.icon-menu:before {content: "\e90e";font-weight: normal;}.icon-minus:before {content: "\e90f";}.icon-pinterest:before {content: "\e910";}.icon-plus:before {content: "\e911";}.icon-arrow-right:before {content: "\e912";}.icon-search:before {content: "\e913";}.icon-twitter:before {content: "\e916";}.social-icons {margin-bottom: 15px;}.search-submit {position: relative;
133left: 15px;float: left;top: 47px;cursor: pointer;}.search-submit:before {font-size: 25px;}.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}.animated.infinite {-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}@-webkit-keyframes pulse {0% {-webkit-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.1);transform: scale(1.1);}100% {-webkit-transform: scale(1);transform: scale(1);}}@keyframes pulse {0% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}50% {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}100% {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}}.pulse {-webkit-animation-name: pulse;animation-name: pulse;}@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}}@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}}.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}.fadeOut {-webkit-animation-name: fadeOut;animation-name: fadeOut;}.delay-025s {-moz-animation-delay: 0.25s;-webkit-animation-delay: 0.25s;animation-delay: 0.25s;opacity: 0;}.delay-05s {-moz-animation-delay: 0.5s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;opacity: 0;}.delay-075s {-moz-animation-delay: 0.75s;-webkit-animation-delay: 0.75s;animation-delay: 0.75s;opacity: 0;}.delay-1s {-moz-animation-delay: 1s;-webkit-animation-delay: 1s;animation-delay: 1s;opacity: 0;}.animate_right, .animate_left, .animate_up, .animate_down {opacity: 0;}.ie .animated, .ie .animate_right, .ie .animate_left, .ie .hsContent, .ie .animated, .ie .thumbnail img, .thumbnail svg, .ie .product_gallery img {opacity: 1 !important;}.ie delay-025s, .ie .delay-025s, .ie .delay-05s, .ie .delay-075s, .ie .delay-1s {opacity: 1 !important;}.ie select {background-image: none !important;}/* This triggers a redraw in IE to Fix IE8's :before content rendering. */html:hover [class^=ss-] {-ms-zoom: 1;}.ss-icon, .footer .ss-icon, .ss-icon:visited,[class^=ss-]:before, [class*=" ss-"]:before,[class^=ss-].right:after, [class*=" ss-"].right:after {font-style: normal;font-weight: 400;text-decoration: none;text-rendering: optimizeLegibility;white-space: nowrap;/*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */-moz-font-feature-settings: "liga=1";-moz-font-feature-settings: "liga";-ms-font-feature-settings: "liga" 1;-o-font-feature-settings: "liga";font-feature-settings: "liga";-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 50px;margin: 7px 0 7px 0;display: inline-block;}.remove {font-size: 24px !important;margin-right: 0;margin-top: 8px;}.minus, .plus {font-size: 24px;opacity: 0.8;cursor: pointer;position: relative;top: -4px;}.minus:hover, .plus:hover {opacity: 1;}.minus {margin: 0 5px 0 0;}.plus {margin: 0 0 0 5px;}/* #Password Page */#password-page-bg {background-color: #000000;color: #ffffff;background: url(//www.freestyleusa.com/cdn/shop/t/212/assets/password-page-background.jpg?v=134257309994338270501743620266) center center;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}input#password {width: 100%;}#password-container {margin: 0 auto;max-width: 100%;display: table;text-align: center;display: table;}#password-container h1 {color: #ffffff;}.password-page-row {display: table-row;width: 100%;height: 100%;margin: 0 auto;}.password-page-message {color: #ffffff;font-size: 36px;margin: 0 auto 25px;}.password-page-follow {color: #ffffff;}.password-logo {max-width: 205px;margin: 0 auto;}.password-message {max-width: 600px;}.hr-small {margin: 20px auto;width: 50px;}.password-footer {margin-top: 15px;margin-bottom: 40px;font-size: 13px;color: #f0f0f0;text-align: center;}.powered {display: block;margin-top: 15px;}.shopify a {background-repeat: no-repeat;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA0JJREFUeNqMU81vG0UU/83sR73YG+M4xrHj4jj9UCFNSaGlQQUhhFBRpXIo6jEHQFXFAbhy4B/gioTgzgGV7ws5IAoqUgUSoWoIaZJGpGpMHDuptf5a7+fM8nZpJaRy4M0+jd7szO/93u/NsAsX5vFvi6IInHNUq5NnstnsqXp96xur3f392HNlrIcLePHkS8hlTchIJvtVSTOjIaSAwhkiGsXi+BudjjVp28O
133j+XzhrPDZh5qqfoIQD5j6wrxHCAJ6UMXVr3pgnB0c9O2843jrE5XMtZER47GTp+bOqfn++d9+Ct5TuLrCGAcjpgnAWEVSdg8HSyWUzTl8v7D08szxSltPB6/OPDWeW/q1caI2O0zfbrThBM7pjdbiz9PG7LsK01epYKiCaMlIQadnHag9UZ2vbuqvl47tVMwcY3fdFjLFCIHksB0bQojCTmfzlWyHf53S0qsyigESMRS0uqtvNbs330nXNHhRAWl3ChnNhLG/jzBy4fg27pGG5TSqWsARV6EGwk+WScgymIQ5auLpyTdRHj2arC//9QXuDpfgeDYkQcgoZixq4DKuAGoo7wEwVg5DD3PVt1EafRzL21/C0HJo9f4gYUO4gZNkFMk5Nkli3wcI4vP7yIvxhsLIIXhBHzfqlzHwWihkDiNjPEwlDJNE/zDABGPQKfR5QAzI8wRU9IWNurWIlJbF+dmP8Ig5ja67Az8cwvWdmCVi4YSMSlTzODjAQxGAvCZkaIpI4MeN97Fc/xbpfXk8WXmNqPcw9C1idR8gKSNN06GYEScZYwZVJ+xj/8hpPJp9HmvNK/Bd6g0zEXfJ9rvEwE0A4qbFLOibimN15RcLR57JVFx7iLGHpvFs9RJ8QZvofmzsXoEXDqAqWiIiyUaAUSIkBTVVY1BuXuth6rhxcaxizDb619EcrGPg7+JG8zJWdj8HZwplk7hTHyDiKrU5BVWXyKT57ncfNz9TRBjxrRWn3/zT2+7seV7DWuabnR+MTrCm6ikNnLLEL3R720dmQkMqFz8dia3rdmvhg8an7MH3hZRhKuVsQTtcPmCcGK+lZvLl1JEdK9T7PW9t75a72L7tXh3sBbdEELXxP00h1//rx98CDACS7p3N/ZPUwQAAAABJRU5ErkJggg==);padding-left: 21px;color: #f0f0f0;text-decoration: none;}.password-footer a {color: #f0f0f0;text-decoration: none;}/* Password Page Modal CSS */.controls {display: block;margin: 1em 2em 1em 2em;text-align: right;text-transform: uppercase;position: relative;}@media (max-width: 480px) {.controls {text-align: center;}}#open-me a {color: #ffffff;}.close-me {z-index: 8000;}.close-me a {color: #000;}.modalbox {position: absolute;height: 100%;top: -1em;bottom: 0;left: 0;right: 0;padding: 0;z-index: 5000;}.overlay {position: fixed;width: 100%;height: 100%;max-height: 100%;top: 0;left: 0;background: #fff;background: rgba(255, 255, 255, 0.95);}.overlay-data {opacity: 0;visibility: hidden;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;visibility: 0s 0.5s;transition: opacity 0.5s, visibility 0s 0.5s;}.overlay-open {opacity: 1;visibility: visible;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}.inputbox {margin: 0 auto;max-width: 100%;display: table;text-align: center;position: absolute;top: 50%;left: 50%;margin-right: -50%;-ms-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);color: #000;}#owner {font-size: 0.9em;margin-top: -1em;opacity: 0.8;}.pass-close {color: #000 !important;padding: 0 !important;margin: 1em !important;position: inherit !important;font-size: 2em;}@media screen and (min-width: 320px) and (max-width: 440px) and (max-height: 667px) {.modalbox {display: block;width: 414px !important;max-width: 100%;text-align: center;}.pass-close {display: block;margin: 0.65em -0.15em 1em 0 !important;}}/* #Page Details */body[class^=page-details] .footer {margin-top: 0;}.page-details-section .container {padding: 0;}.page-details-section .title {margin-top: 0;}.page-details-section .article {padding-bottom: 0;}.page-details-section div.container .featured_products {padding-top: 0;}/* #Product Details */div.product-details .action_button {width: auto;}div.product-details img, div.product-details svg {width: 100%;margin-bottom: 1em;}div.product-details .divider {margin: 20px 0px;opacity: 0;}div.product-details .feature_divider_left {margin: 25px 0px 25px 0px;}.hsContainer {display: table;table-layout: fixed;width: 100%;overflow: hidden;position: relative;opacity: 1;z-index: 1;}.hsContent {max-width: 100%;margin: -150px auto 0 auto;display: table-cell;vertical-align: middle;text-align: center;float: none;width: 100%;z-index: 2;position: relative;}.hsContent .container {padding: 0;pointer-events: none;}.hsContent .subtitle p a {pointer-events: all;}.hsContent .action_button {pointer-events: all;}.bcg {background-position: center center;background-repeat: no-repeat;position: relative;background-size: cover;background-color: rgba(#363636, 1);}.bcg .hsContent {transition: background-color 0.2s linear;background-color: rgba(#363636, 1);z-index: 100;}.bcg.lazyloaded .hsContent,.lazyloaded + .hsContent {background-color: rgba(#363636, 0);}.hsContainer__image {display: none;width: 100%;}.flexslider.parallax_effect--true img {display: none;}.parallax_effect--true .bcg {background-attachment: fixed;}@media (max-width: 767px) {.parallax_effect--true .bcg {background-attachment: scroll;}}.parallax_effect--false {.hsContainer {height: auto !important;}.hsContainer__image {display: block;margin-bottom: 0;}.hsContainer__image + .hsContent {position: absolute;top: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 0;padding: 5px;box-sizing: border-box;}}@media (max-width: 767px) {.hsContainer__image {display: block;}}@media (max-width: 767px) {.hsContainer__image + .hsContent {position: absolute;top: 0;bottom: 0;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 0;padding: 5px;box-sizing: border-box;}}.hsContainer a.action_button {padding: 10px 40px;}.full-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;font-size: 0;}.full-link + .hsContainer {pointer-events: none;}@media only screen and (max-width: 767px) { .delay-025s, .delay-05s, .delay-075s, .delay-1s,.animate_right, .animate_left, .animate_up, .animate_down {opacity: 1;}.bcg {background-size: contain;background-attachment: scroll;}.parallax-banner,.parallax-slide {background-color: transparent;}.hsContainer a.action_button {padding: 2px 10px;font-size: 14px;}}@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {.bcg {background-size: contain;background-attachment: scroll;}}.no-js .image__fallback {width: 100vw;display: block !important;max-width: 100vw !important;margin-bottom: 0;}.no-js .image__fallback + .hsContainer__image {display: none !important;}.no-js .hsContainer {height: auto !important;}.no-js .lazyload {opacity: 1;-webkit-filter: blur(0);filter: blur(0);}.no-js .bcg .hsContent {background-color: transparent;}.no-js .animate_right,.no-js .animate_left,.no-js .animate_up,.no-js .animate_down {opacity: 1;}.no-js .flexslider .slides > li {display: block;}.apple-straps-note {background-color: #f2f2f4;font-size: 12px;margin-top: 5px !important;margin-bottom: 5px;line-height: 1.2;color: #545457;font-weight: 400;padding: 0;display: flex;align-items: center;gap: 12px;}.smart-straps-note {background-color: #f2f2f4;font-size: 0.8rem;margin-top: 5px !important;margin-bottom: 5px;line-height: 1.3;color: #545457;font-weight: 400;padding: 0;display: flex;align-items: center;gap: 12px;}#discontinued_notes.smart-straps-note svg {width: 50px;height: 50px;flex: none;}.smart-straps-note a {color: #000000;}.smart-straps-note p {margin: 0;}.hide-in-desktop {display: none;}@media screen and (max-width: 992px) {.hide-in-mobile {display: none !important;}.hide-in-desktop {display: block !important;}}.footer .social-icons a span {background-color: white;color: black;border-radius: 25px;}.breadcrumbs-sort {display: flex;align-items: center;justify-content: space-between;margin: 18px 0;}.breadcrumbs-sort .breadcrumb-list {display: flex;align-items: center;list-style: none;padding: 0;margin: 0;}.breadcrumbs-sort .breadcrumb-list li {margin: 0;}.breadcrumbs-sort .breadcrumb-list li a {font-size: 14px;font-weight: 400;text-transform: uppercase;letter-spacing: 0.26px;color: #000;}.breadcrumbs-sort .breadcrumb-list li i {font-size: 10px;}.breadcrumbs-sort .breadcrumb-list li:last-child a {color: #888989;}.breadcrumbs-sort .breadcrumb-list li:not(:last-child) {padding: 0 5px 0 0;}.breadcrumb-list {display: none !important;}small#select-shape-msg {color: red;margin-left: 13px;margin-top: 4px;margin-bottom: -16px;font-size: 11px;text-transform: capitalize;}.page-wrapper {display: flex;justify-content: space-between;padding: 0 0 50px;}.page-wrapper .sidebar {display: none;}.page-wrapper .sidebar .close-sidebar {display: flex;align-items: center;justify-content: flex-end;cursor: pointer;width: 24px;height: 24px;margin-left: auto;}@media (max-width: 768px) {.page-wrapper .sidebar {width: 100%;}}.page-wrapper .sidebar .sidebar-item {border-bottom: 1px solid #eee;padding: 5px 0;}.page-wrapper .sidebar .sidebar-item:last-child, .page-wrapper .sidebar .sidebar-item.border-0 {border: none;}.page-wrapper .sidebar .sidebar-item.search-wrapper {border: none;background-color: #f2f2f4;margin-top: 20px;padding: 10px;}.page-wrapper .sidebar .sidebar-item.search-wrapper .sidebar-item-find-info {cursor: pointer;}.page-wrapper .sidebar .sidebar-item.search-wrapper svg {cursor: pointer;}.page-wrapper .sidebar .sidebar-item.search-wrapper a {cursor: pointer;}.page-wrapper .sidebar .sidebar-item.search-wrapper h5 {text-align: left;font-size: 18px;font-weight: 500;cursor: default;padding-bottom: 8px;}@media (max-width: 768px) {.page-wrapper .sidebar .sidebar-item.search-wrapper h5 {padding-bottom: 5px;}}.page-wrapper .sidebar .sidebar-item.is-open .sidebar-item-header svg {transform: rotate(180deg);}.page-wrapper .sidebar .sidebar-item.is-open .sidebar-item-body {display: block;}.page-wrapper .sidebar .sidebar-item .sidebar-item-header {background-color: #fff;padding: 10px 15px;display: flex;align-items: center;justify-content: space-between;cursor: pointer;}.page-wrapper .sidebar .sidebar-item .sidebar-item-header h5 {text-transform: uppercase;color: #000;font-size: 17px;padding: 0;line-height: 1;font-family: "ingra";font-weight: 500;pointer-events: none;}.page-wrapper .sidebar .sidebar-item .sidebar-item-header svg {transition: all 0.28s ease-in-out;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body {display: grid;grid-gap: 15px;padding: 10px 15px;margin: 0;list-style: none;display: none;}@media (max-width: 768px) {.page-wrapper .sidebar .sidebar-item .sidebar-item-body {padding: 0 15px;}}.page-wrapper .sidebar .sidebar-item .sidebar-item-body.search-body-block {display: block;padding: 0;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body li {margin: 0;line-height: 1;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body li a {display: block;font-size: 15px;font-weight: 300;color: #000;letter-spacing: 0.6px;transition: color 0.25s;text-transform: capitalize;padding: 8px 0 8px 20px;position: relative;}@media (max-width: 768px) {.page-wrapper .sidebar .sidebar-item .sidebar-item-body li a {padding: 5px 0 5px 20px;}}.page-wrapper .sidebar .sidebar-item .sidebar-item-body li a:hover, .page-wrapper .sidebar .sidebar-item .sidebar-item-body li a.active {color: #000;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body li a.active:before {width: 7px;height: 7px;background-color: #fff;position: absolute;
133left: 3.3px;top: 50%;transform: translateY(-50%);z-index: 2;border-radius: 50%;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body.with-out-padding {padding: 0;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body .reset {background-color: #dfdfe0;padding: 11px 15px;text-align: center;}.page-wrapper .sidebar .sidebar-item .sidebar-item-body .reset a {color: #000;text-transform: uppercase;font-weight: 400;font-size: 14px;}.page-wrapper .sidebar .sidebar-filter.disabled {pointer-events: none;}.page-wrapper .sidebar .sidebar-filter.disabled .sidebar-item-body {opacity: 0.7;}.page-wrapper .sidebar .apply-button-wrapper.disabled {opacity: 0.7;}.page-wrapper .mainbar {width: 100%;margin: 0 0 0 45px;}.page-wrapper .mainbar.ml-0 {margin: 0;}@media (max-width: 768px) {.page-wrapper .mainbar {width: 100%;margin: 20px 0 0 0;}}@media (max-width: 768px) {.page-wrapper {flex-direction: column;}}.product {position: relative;}.product .product-thumbnail {position: relative;padding: 0 0 100%;height: 0;overflow: hidden;}.product .product-thumbnail img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-height: 100%;}.product .product-thumbnail .is-new {display: flex;align-items: center;justify-content: center;border-radius: 50%;text-transform: uppercase;font-weight: 400;font-size: 14px;letter-spacing: 1px;position: absolute;top: 0;left: 0;width: 70px;height: 70px;background-color: #1dd8fa;color: #FFF;}.product .product-details {margin: 20px 0 0;}.product .product-details .product-name {display: block;line-height: 1.5;color: #050505;font-size: 17px;font-family: "ingra";font-weight: 400;margin: 0;max-height: none;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}.product .product-details .product-price {margin: 10px 0 0;display: block;line-height: 1;color: #888989;font-size: 15px;font-weight: 400;font-family: "ingra";letter-spacing: 1px;}.product .product-details .product-price .sold_out {font-weight: inherit;color: inherit;}.product .product-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}.justify-center {display: grid;justify-content: center;}.align-start {display: grid;align-content: start;}.align-center {display: grid;align-content: center;}.is-grid {display: grid;grid-gap: 20px;}.grid-2 {grid-template-columns: repeat(2, 1fr);}.grid-3 {grid-template-columns: repeat(3, 1fr);}.grid-4 {grid-template-columns: repeat(4, 1fr);}.grid-5 {grid-template-columns: repeat(5, 1fr);}.grid-200 {grid-template-columns: 200px 1fr;}.grid-250 {grid-template-columns: 250px 1fr;}@media screen and (max-width: 992px) {.grid-2.media-grid-1, .grid-3.media-grid-1, .grid-4.media-grid-1, .grid-5.media-grid-1, .grid-200.media-grid-1, .grid-250.media-grid-1 {grid-template-columns: 1fr;grid-gap: 8px;}.grid-2.media-grid-2, .grid-3.media-grid-2, .grid-4.media-grid-2, .grid-5.media-grid-2, .grid-200.media-grid-2, .grid-250.media-grid-2 {grid-template-columns: repeat(2, 1fr);grid-gap: 8px;}}.lg-hide {display: none;}@media screen and (max-width: 767px) {.sm-grid-1 {grid-template-columns: 1fr !important;grid-gap: 8px !important;}.sm-grid-2 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 8px !important;}.sm-hide {display: none !important;}.lg-hide {display: initial !important;}}@media (min-width: 768px) and (max-width: 1024px) {.md-grid-2 {grid-template-columns: repeat(2, 1fr) !important;grid-gap: 8px !important;}}.manual a + .mediaWrapper {margin-top: 30px;}.space-10 > *:not(:first-child) {margin-left: 10px;}.space-20 > *:not(:first-child) {margin-left: 20px;}.is-flex {display: flex;}.is-flex.flex-vstart {align-items: start;}.is-flex.flex-vcenter {align-items: center;}.is-flex.flex-center {align-items: center;justify-content: center;}.is-flex.flex-between {justify-content: space-between;}.footer * {box-sizing: border-box;}.footer {padding: 50px 0 25px;border: 0;margin: 0;}@media (max-width: 992px) {.footer {padding: 30px 0 15px;}}.footer .container {display: flex;padding: 0 48px;max-width: 1696px;}@media (max-width: 1250px) {.footer .container {padding: 0 15px;max-width: 100%;}}@media (max-width: 992px) {.footer .container {width: 100%;padding: 0 15px;flex-direction: column-reverse;}}.footer .container ul {list-style: none;padding: 0;margin: 0;}.footer .footer-company {width: 25%;}@media (max-width: 992px) {.footer .footer-company {width: 100%;}}.footer .footer-company .footer-logo {max-width: 200px;margin: 0 0 25px;height: 32px;}@media (max-width: 992px) {.footer .footer-company .footer-logo {margin-bottom: 15px;}}.footer .footer-company .footer-company-links {display: grid;grid-gap: 15px;}.footer .footer-company .footer-company-links li {margin: 0;line-height: 1;font-family: "ingra";font-weight: 400;}@media (max-width: 992px) {.footer .footer-company .footer-company-links li {font-weight: 200;}.footer .footer-company .footer-company-links li a {font-weight: 200;}}@media (max-width: 992px) {.footer .footer-company .footer-company-links {text-align: center;}}.footer .footer-company .footer-social-links {margin: 35px 0 0;}.footer .footer-company .footer-social-links .social-icons-links {display: flex;align-items: center;flex-wrap: wrap;row-gap: 16px;}.footer .footer-company .footer-social-links .social-icons-links a {display: flex;align-items: center;justify-content: center;color: #000;background-color: #FFF;border-radius: 50%;width: 32px;height: 32px;font-size: 18px;}.footer .footer-company .footer-social-links .social-icons-links a:not(:last-child) {margin: 0 12px 0 0;}@media (max-width: 992px) {.footer .footer-company .footer-social-links .social-icons-links a {width: 30px;height: 30px;font-size: 20px;}.footer .footer-company .footer-social-links .social-icons-links a:not(:last-child) {margin: 0 16px 0 0;}}@media (max-width: 992px) {.footer .footer-company .footer-social-links {margin: 15px 0 20px;}}@media (max-width: 992px) {.footer .footer-company {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 20px 0 0;border-top: 1px solid #4d4b4b;margin-top: 30px;}}.footer .footer-menus {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 30px;width: 75%;}.footer .footer-menus .footer-menu h6 {color: #FFF;line-height: 1;margin: 0 0 20px;letter-spacing: 1.28px;}@media (max-width: 992px) {.footer .footer-menus .footer-menu h6 {display: flex;align-items: center;justify-content: center;font-size: 16px;padding-left: 25px;margin: 0;gap: 10px;}.footer .footer-menus .footer-menu h6:after {content: "\f107";font-family: "FontAwesome";font-size: 20px;transition: transform 0.25s;}}.footer .footer-menus .footer-menu .footer-menu-links {display: grid;grid-gap: 12px;}.footer .footer-menus .footer-menu .footer-menu-links li {line-height: 1;margin: 0;}.footer .footer-menus .footer-menu .footer-menu-links li a {color: #D2D2D2;line-height: 1;transition: color 0.25s;letter-spacing: .04em;}.footer .footer-menus .footer-menu .footer-menu-links li a:hover {color: #FFF;}@media (max-width: 992px) {.footer .footer-menus .footer-menu .footer-menu-links li a {font-size: 12px;}}@media (max-width: 992px) {.footer .footer-menus .footer-menu .footer-menu-links {display: none;}}@media (max-width: 992px) {.footer .footer-menus .footer-menu.active h6 {margin: 0 0 15px;}.footer .footer-menus .footer-menu.active h6:after {transform: rotate(180deg);}.footer .footer-menus .footer-menu.active .footer-menu-links {display: grid;text-align: center;}}@media (max-width: 992px) {.footer .footer-menus .footer-menu.hide-in-desktop h6:after {display: none;}.footer .footer-menus .footer-menu.hide-in-desktop h6 a {font-size: inherit;color: inherit;}.footer .footer-menus .footer-menu.hide-in-desktop.active h6 {margin: 0;}}@media (max-width: 992px) {.footer .footer-menus {grid-template-columns: repeat(1, 1fr);grid-gap: 20px;width: 100%;margin: 0;}}.footer .copyright {text-align: center;padding: 30px 15px 0;border-top: 1px solid #707070;margin-top: 40px;display: grid;gap: 10px;}@media (max-width: 992px) {.footer .copyright {padding: 30px 15px 0;margin: 0;border-top: 0;gap: 1px;}}.footer .copyright p {margin: 0;color: #d2d2d2;font-family: "ingra";font-weight: 400;line-height: 1;font-size: 15px;}.footer .copyright p a {color: #D2D2D2;}@media (max-width: 992px) {.footer .copyright p a {font-weight: 200;font-size: 13px;}}@media (max-width: 992px) {.footer .copyright p {line-height: 1.6;font-size: 13px;font-weight: 200;}}.footer .copyright p:empty {display: none;}.footer .copyright .do-not-sell {margin: 0 auto;color: #d2d2d2;font-family: "ingra";font-weight: 400;line-height: 1;font-size: 14px;}.footer .copyright .do-not-sell a {color: #D2D2D2;font-weight: 200;font-size: 13px;}@media (max-width: 992px) {.footer .copyright .do-not-sell {line-height: 1.6;font-size: 13px;font-weight: 200;}}.footer .copyright .do-not-sell:empty {display: none;}.top-footer .footer-subscribe-block {background-image: none;padding: 35px 15px 24px;background-color: #2A2A2D;}.top-footer .footer-subscribe-block .footer-subscribe-form {display: flex;align-items: center;justify-content: center;column-gap: 65px;}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form {flex-direction: column;align-items: center;gap: 10px;}}.top-footer .footer-subscribe-block .footer-subscribe-form h6 {color: #fff;margin: 0;font-size: 30px;letter-spacing: 0;text-transform: capitalize;line-height: 1;}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form h6 {margin: 0;text-align: center;font-size: 16px;}}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter {width: 100%;}}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter form {width: 560px;display: flex;align-items: center;flex-direction: column;position: relative;margin: 0;}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter form {width: 100%;}}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .contact_email {margin: 0;width: 100%;height: 48px;padding: 10px 20px;font-family: ingra;line-height: 1;border-radius: 0;font-size: 18px;font-weight: 200;}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .contact_email {display: block;width: 100%;margin: 0;font-size: 14px !important;padding: 10px;height: 40px;}}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .attentive_messages {color: #28a745;padding: 0;font-weight: 100;line-height: 1;width: 100%;}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .attentive_messages .success_message {color: #8BC34A;margin-top: 4px;}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .attentive_messages .error_message {color: #D8000C;margin-top: 4px;}.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .sign_up {margin: 0 !important;height: auto;border-radius: 0;padding: 5px 20px;background-color: transparent;position: absolute;width: auto !important;top: 9px;right: 0;color: #000;font-size: 16px !important;box-shadow: none !important;border-left: 2px solid;}@media (max-width: 992px) {.top-footer .footer-subscribe-block .footer-subscribe-form .newsletter .sign_up {width: auto !important;margin: 0 !important;font-size: 14px !important;padding: 5px 10px;}}
133@media (max-width: 992px) {.top-footer .footer-subscribe-block {padding: 25px 15px 15px;}}.featured-collections {margin: 8px 0;}.featured-collections .featured-collection {position: relative;}@media (max-width: 1024px) {.featured-collections .featured-collection {min-height: auto;}}.featured-collections .featured-collection .featured-collection-thumbnail {position: relative;height: 100%;}.featured-collections .featured-collection .featured-collection-thumbnail img {height: 100%;width: 100%;}.featured-collections .featured-collection .featured-collection-caption {position: absolute;bottom: 55px;width: 100%;text-align: center;}.featured-collections .featured-collection .featured-collection-caption .featured-collection-title {display: inline-block;padding: 10px 20px;margin: 0 0 15px;color: #FFF;font-family: "ingra-condensed";font-size: 32px;line-height: 1;background-color: rgba(0, 0, 0, 0.6);}@media (min-width: 768px) and (max-width: 1024px) {.featured-collections .featured-collection .featured-collection-caption .featured-collection-title {font-size: 25px;}}@media (max-width: 686px) {.featured-collections .featured-collection .featured-collection-caption .featured-collection-title {padding: 10px 7px;margin: 5px;font-size: 28px;}}.featured-collections .featured-collection .featured-collection-caption .featured-collection-action a {display: inline-flex;align-items: center;justify-content: center;background-color: #FFF;padding: 12px 35px;line-height: 1.5;color: #000;font-size: 14px;font-family: "ingra-condensed";letter-spacing: 0.8px;border-radius: 2px;}@media (max-width: 686px) {.featured-collections .featured-collection .featured-collection-caption .featured-collection-action a {padding: 7px 25px;line-height: 1.5;font-size: 14px;font-weight: bold;}}@media (max-width: 686px) {.featured-collections .featured-collection .featured-collection-caption .featured-collection-action {margin-bottom: -15px;}}@media (max-width: 786px) {.featured-collections .featured-collection .featured-collection-caption {bottom: 20px;}}.featured-collections .featured-collection .featured-collection-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}.instagram-bar {position: relative;background-color: #000;padding: 25px 15px;}.instagram-bar p {display: flex;align-items: center;justify-content: center;height: 13px;margin: 0;color: #FFF;line-height: 1;font-size: 18px;}.instagram-bar p span:last-child {display: block;font-size: 13px;margin: 0 0 0 20px;}@media (max-width: 768px) {.instagram-bar p span:last-child {margin: 10px 0 0 0;font-weight: 300;}}@media (max-width: 768px) {.instagram-bar p {flex-direction: column;font-weight: 500;}}.instagram-bar .is-link {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}.social-container-slider {margin: 0 0 -10px;}.social-container-slider .fs-wrapper div.fs-timeline-entry {margin: 0;}@media (max-width: 768px) {.collection-page .container {width: 100%;padding: 0;}.collection-page .breadcrumbs-sort {display: none;}}.wk-button__label {display: none !important;}button.wk-button .wk-button__icon {margin: 0 !important;width: 20px !important;height: 20px !important;color: #000;}button.wk-button.wk-button--add:hover .wk-button__icon {color: #3F93C9;}button.wk-button.wk-button--remove .wk-button__icon {color: #3F93C9;}button.wk-button.wk-button--remove:hover .wk-button__icon {color: #000;}button.wk-button.wk-button--remove .wk-icon__svg g {fill: #000;}a#search-toggle svg:hover,.header-top-icon#loginIcon path:hover {fill: #1dd8fa;}.header-icons .wk-icon.wk-link__icon svg:hover path,.top-bar-login span:hover {color: #1dd8fa;}.cart-item-count, .wk-link__count {text-align: center;vertical-align: middle;}.wk-button:hover {background: none;}button.wk-button.wk-button--add:hover .wk-icon__svg {stroke: #1dd8fa;}.wk-sharing__list-item a.wk-share-button {color: #fff;}body.show-Sidebar {position: fixed;width: 100%;}body.show-Sidebar .isp_left_container,body.show-Sidebar .sidebar,body.show-Sidebar .filter-menu {left: 0 !important;}@media (max-width: 768px) {body.show-Sidebar .isp_left_container,body.show-Sidebar .sidebar,body.show-Sidebar .filter-menu {left: 0 !important;max-width: 400px;}}
133body.show-Sidebar .filter-menu .apply-button-wrapper {left: 0;}body.show-Sidebar .collection-filters-overlay {display: block;}.collection-filters-overlay {position: fixed;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7019607843);z-index: 89;display: none;}.global-wrapper #isp_search_result_page_container {min-height: initial !important;display: flex;justify-content: space-between;padding: 0 0 50px;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container {flex-direction: column;}}.global-wrapper #isp_search_result_page_container .isp_left_container {width: 380px;float: none;padding: 140px 15px 20px;background-color: #fff;position: fixed;opacity: 1 !important;left: -100%;top: 0;height: 100vh;transition: all 0.28s ease-in-out;z-index: 99;overflow: hidden;}.global-wrapper #isp_search_result_page_container .isp_left_container .close-sidebar {position: absolute;top: 15px;right: 15px;width: 24px;height: 24px;cursor: pointer;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .close-sidebar {position: relative;top: 0;margin-left: auto;right: 0;}.global-wrapper #isp_search_result_page_container .isp_left_container .close-sidebar svg path {fill: #4093C9;}}.global-wrapper #isp_search_result_page_container .isp_left_container .apply-button-wrapper {position: absolute;bottom: 10px;left: 25px;width: calc(100% - 60px);}.global-wrapper #isp_search_result_page_container .isp_left_container .apply-button-wrapper button {width: 100%;background-color: #000;}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_left_container_facets {height: 100%;overflow: hidden;overflow-y: auto;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .isp_left_container_facets {display: block !important;overflow: unset;height: auto;}}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper {position: absolute;top: 40px;left: 25px;width: calc(100% - 60px);}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper {position: relative;width: 100%;background-color: #fff;margin: 0 0 auto 0;padding: 10px 0;top: 0;left: 0;}}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper .filter {display: none;}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu {display: flex !important;flex-direction: column;margin: 0;width: 100%;padding: 0;}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li a {background: #F2F2F4;height: 45px;display: flex;align-items: center;border: none;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li a {height: 40px;}}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li a span {font-size: 15px;color: #000;font-weight: 300;text-transform: uppercase;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li a span {font-size: 12px;}}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li a .caret {right: 8px;position: absolute;top: 50%;transform: translateY(-50%);}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li .dropdown-menu {padding: 1px 0;width: 100% !important;border: 1px solid #F2F2F4;box-shadow: none;}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li .dropdown-menu li a {background: #fff;border-bottom: 1px solid #F2F2F4;font-weight: 300;text-transform: uppercase;}.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li#search_res_sorting_title {text-transform: uppercase;font-size: 22px;font-weight: 500;margin-bottom: 8px !important;display: inline-block;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu li#search_res_sorting_title {font-size: 14px;}}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_left_container {width: 500px;margin: 0;visibility: visible;top: 28px !important;z-index: 9999;padding: 15px;display: flex;flex-direction: column-reverse;justify-content: space-between;overflow-y: auto;}}@media (max-width: 500px) {.global-wrapper #isp_search_result_page_container .isp_left_container {width: 100%;}}.global-wrapper #isp_search_result_page_container .isp_center_container {width: 100%;margin: 0 !important;padding: 0;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_center_container {width: 100%;padding: 0 15px;}}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header {padding: 0;margin: 0 0 20px;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header {margin: 10px 0 20px;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_refine_nevigation {display: none;}}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper {margin: 0;padding: 0;width: 100%;float: none;display: none;align-items: center;justify-content: flex-end;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper {justify-content: flex-start;position: unset;}}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu {display: inline-flex;align-items: center;padding: 0;margin: 0;z-index: initial;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #search_res_sorting_title {display: inline-block;margin: 0 10px 0 0 !important;font-size: 15px;font-family: "ingra";}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container {font-size: 14px;color: #666767;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container .dropdown-toggle-isp {padding: 0;background: none;border: 0;line-height: 1;color: #666767;font-family: "ingra";}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container .dropdown-toggle-isp #sorting_chosen_name {margin: 0 10px 0 0;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container .dropdown-toggle-isp .caret {width: auto;height: auto;margin: 0 !important;border: 0;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container .dropdown-toggle-isp .caret:before {font-family: "FontAwesome";content: "\f107";}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_sorting_and_result_view_wrapper #isp_search_res_sorting_menu #isp_sorting_drop_container .dropdown-menu {margin: 5px 0 0;border-radius: 0;box-shadow: none;border-color: #e5e5e5;}.global-wrapper #isp_search_result_page_container .isp_center_container .isp_center_container_header .isp_results_summary_wrapper {display: none;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container {float: none;display: grid !important;grid-template-columns: repeat(5, 1fr);grid-gap: 30px 20px;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;}}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product {width: 100% !important;height: auto;border: 0;margin: 0;padding: 0;box-shadow: none;float: none;background: none;}@media (max-width: 768px) {.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product {width: 100% !important;}}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_image_wrapper {height: auto;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_image_wrapper .isp_product_image_href {display: block;position: relative;padding: 0 0 100%;height: 0;overflow: hidden;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_image_wrapper .isp_product_image_href img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-height: 100%;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_info {margin: 20px 0 0;padding: 0;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_info .isp_product_title {line-height: 1.5;color: #050505;font-size: 16px;font-family: "ingra";font-weight: 400;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-transform: capitalize;}.global-wrapper #isp_search_result_page_container .isp_center_container #isp_search_results_container .isp_grid_product .isp_product_info .isp_product_price_wrapper {margin: 10px 0 0;margin: 0;display: block;line-height: 1;color: #888989;font-size: 18px;font-weight: 400;font-family: "ingra";letter-spacing: 1px;}.global-wrapper #isp_search_result_page_container .jdgm-preview-badge {display: none !important;}.filter-group-clear {display: none;}.filter-menu .filter-group {border-bottom: 1px solid #eee;}span.selected-filter {padding: 5px 12px 5px 15px;background: #F2F0F0;margin: 3px;border-radius: 4px;color: #000;font-size: 13px;line-height: normal;letter-spacing: 0.6px;
133display: inline-flex;align-items: center;text-transform: capitalize;cursor: pointer;}span.selected-filter img {width: 10px;height: 10px;margin-left: 9px;}li#selected-option {background: #f2f0f0;height: 45px;display: flex;align-items: center;border: none;padding: 2px 18px 2px 24px;text-decoration: none;outline: 0;justify-content: space-between;margin-bottom: 0;}li#selected-option span {font-size: 15px;font-weight: 600;letter-spacing: 0.6px;color: #111111;}li#selected-option b {display: inline-block;width: 0;height: 0;margin-left: 2px !important;vertical-align: middle;border-top: 9px solid;border-right: 7px solid transparent;border-left: 7px solid transparent;font-weight: 700;box-sizing: border-box;margin: 0;padding: 0;position: initial;color: #000;}li#selected-option + ul.active {display: flex;}.filter-group-clear.active {display: none;text-decoration: underline;}div#isp_search_results_container {display: grid;grid-template-columns: repeat(5, 1fr);gap: 20px;padding: 50px 0;}@media (max-width: 768px) {div#isp_search_results_container {padding: 20px 15px;}}a#reset-function {font-size: 15px;font-weight: 400;text-decoration: underline;letter-spacing: 0.6px;color: #000;}.filter-result-flex {display: flex;gap: 2px;width: 100%;}.filter-result-flex .selected-filters {flex: 1;}form.search input[type=text] {height: 50px;min-height: 50px;}form.search .action_button {background: none;position: absolute;margin-left: -53px;margin-top: 3px;padding: 15px 8px 5px;}.isp_product_title {line-height: 1.5;color: #050505;font-size: 16px;font-family: ingra;font-weight: 400;margin: 0;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;min-height: 50px;}.isp_product_title {text-transform: capitalize;}.isp_product_price_wrapper {margin: 10px 0 0;margin: 0;display: block;line-height: 1;color: #888989;font-size: 18px;font-weight: 400;font-family: ingra;letter-spacing: 1px;}.isp_product_image_wrapper.badge:before,.isp_product_image_wrapper.badge:after {background-image: none;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: 400;font-size: 9px;letter-spacing: initial;position: absolute;top: 0;left: 0;width: 30px;color: #fff;height: 30px;border-radius: 50%;}span.badge--discontinued:before {content: "DISCONTINUED" !important;background-color: #000 !important;z-index: 1 !important;font-size: 10px;width: 85px;color: #fff;line-height: 1.2;min-height: 23px;display: flex;align-items: center;justify-content: center;text-transform: uppercase;font-weight: 400;margin: 0 auto;}span.badge--soldout {background: url(https://cdn.shopify.com/s/files/1/2600/1720/t/41/assets/FS-SoldOut-Black.png);background-size: 80%;width: 99px;height: 23px;position: absolute;bottom: 100px;display: block;background-repeat: no-repeat;}span.badge--discontinued + .badge::after {margin-top: 25px;}.isp_product_image_wrapper.badge--new:before {content: "NEW";background-color: #1cd7fa;z-index: 1;}.isp_product_image_wrapper.badge--sale:before {content: "SALE";background-color: #e84a5f;z-index: 3;}.isp_product_image_wrapper.badge--mini:after {content: "MINI";background-color: #ffa948;z-index: 2;}.isp_product_image_wrapper.badge--new.badge--mini:after, .isp_product_image_wrapper.badge--new.badge--sale:after, .isp_product_image_wrapper.badge--sale.badge--mini:after {top: 38px;}@media screen and (max-width: 992px) {div#isp_search_results_container {grid-template-columns: repeat(4, 1fr);}}@media screen and (max-width: 992px) {div#isp_search_results_container {grid-template-columns: repeat(3, 1fr);}}@media screen and (max-width: 520px) {div#isp_search_results_container {grid-template-columns: repeat(2, 1fr);}form.search {padding: 15px;}form.search > div {grid-template-columns: 1fr 20%;}form.search > div h3 {grid-column-start: 1;grid-column-end: 3;}}#toSlider, #fromSlider {padding: 0 !important;}.collection-filters-drawer {position: fixed;top: 0;left: -150%;bottom: 0;margin: 0;width: 380px;z-index: 100;background: #fff;overflow: auto;padding: 24px 10px 50px 18px;transition: all 0.28s ease-in-out;}@media (max-width: 768px) {.collection-filters-drawer {width: 100%;padding-top: 115px;}}.collection-filters-drawer .apply-filters-wrapper {position: fixed;bottom: 0;background-color: #fff;padding: 10px;left: -105%;width: 380px;transition: all 0.28s ease-in-out;z-index: 2;}.collection-filters-drawer.opened {left: 0 !important;max-width: 380px;}.collection-filters-drawer.opened .apply-filters-wrapper {left: 0;}@media (max-width: 379px) {.collection-filters-drawer.opened .apply-filters-wrapper {max-width: 100%;}}.collection-filters-drawer .filter-group-header {display: flex;justify-content: space-between;align-items: center;padding: 0 10px;cursor: pointer;}.collection-filters-drawer .filter-group-header h4 {display: flex;justify-content: start;align-items: center;gap: 5px;font-size: 16px;font-weight: 500;letter-spacing: 1px;margin-bottom: 0;padding: 8px 0;}.isp-product-_hat_color-multi, .isp-product-watch-color-multi, .isp-product-strap-color-multi {background: url(https://cdn.shopify.com/s/files/1/2
133600/1720/files/isp-product-color-swatch-multi.png?v=1605960411) !important;background-size: 100% !important;}.isp-product-watch-color-black, .isp-product-strap-color-black {background: #000;}.isp-product-watch-color-blue, .isp-product-strap-color-blue {background: #0000cd;}.isp-product-_hat_color-pattern, .isp-product-watch-color-pattern, .isp-product-strap-color-pattern {background: url(https://cdn.shopify.com/s/files/1/2600/1720/files/isp-product-color-swatch-pattern.png?v=1605960410) !important;background-size: 120% !important;}.isp-product-watch-color-pink, .isp-product-strap-color-pink {background: #ff69b4;}.isp-product-watch-color-white, .isp-product-strap-color-white {background: #fff;}.isp-product-watch-color-turquoise, .isp-product-strap-color-turquoise {background: #30d5c8;}.isp-product-watch-color-green, .isp-product-strap-color-green {background: green;}.isp-product-watch-color-purple, .isp-product-strap-color-purple {background: #9400d3;}.isp-product-watch-color-gray, .isp-product-watch-color-grey, .isp-product-strap-color-gray, .isp-product-strap-color-grey {background: gray;}.isp-product-_hat_color-clear, .isp-product-watch-color-clear, .isp-product-strap-color-clear, .isp-product-clear {background: url(https://cdn.shopify.com/s/files/1/2600/1720/files/isp-product-color-swatch-clear.jpg?v=1605960410) !important;background-size: 100% !important;}.isp-product-watch-color-orange, .isp-product-strap-color-orange {background: #ff8c00;}.isp-product-watch-color-red, .isp-product-strap-color-red {background: red;}.isp-product-watch-color-yellow, .isp-product-strap-color-yellow {background: #ff0;}.isp-product-watch-color-tan, .isp-product-strap-color-tan {background: tan;}.scroll-content.shown ul.filter-type-color {display: grid;grid-template-columns: repeat(6, 1fr);gap: 6px;}@media screen and (max-width: 900px) {.scroll-content.shown ul.filter-type-color {grid-template-columns: repeat(5, 1fr);}}.collection-name.is-flex input {display: none;}ul.nav-filter-item.filter-type-closure {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}ul.nav-filter-item.filter-type-size {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}ul.nav-filter-item.filter-type-apple-strap-type {display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;}ul.nav-filter-item li.collection-container {list-style: none;margin-bottom: 0;}ul.nav-filter-item li.collection-container.filter-color .collection-name label {display: flex;flex-direction: column;align-items: center;border: 1px solid #D1D5DF;border-radius: 4px;padding: 0;overflow: hidden;}ul.nav-filter-item li.collection-container.filter-color .collection-name label:after {display: none;}ul.nav-filter-item li.collection-container.filter-color .collection-name label:before {display: none;}ul.nav-filter-item li.collection-container.filter-color .collection-name label .color-swatch {width: 100%;height: 0;margin: 0;padding-bottom: 100%;border: none;}ul.nav-filter-item li.collection-container.filter-color .collection-name label .color-swatch-title {font-size: 11px;font-weight: 500;text-align: center;color: #111;letter-spacing: 0;margin: 0;text-transform: capitalize;line-height: 2;}ul.nav-filter-item li.collection-container.filter-color .collection-name input {display: none;opacity: 0;}ul.nav-filter-item li.collection-container.filter-color .collection-name input:checked + label {border-color: #000000;}ul.nav-filter-item li.collection-container.filter-color .collection-name input:checked + label .color-swatch-title {font-weight: bold;}ul.nav-filter-item li.collection-container.filter-closure label.value-label {display: flex;flex-direction: column;align-items: center;width: 100%;border: 1px solid #D1D5DF;border-radius: 4px;overflow: hidden;}ul.nav-filter-item li.collection-container.filter-closure label.value-label:after {display: none;}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch {width: 100%;height: 0;margin: 0;padding-bottom: 100%;background-color: #F2F0F0;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch--clip {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-closure-clip.svg?v=136049035659472285801752699519);}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch--leash {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-closure-leash.svg?v=130022599324928622821752699520);}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch--buckle {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-closure-buckle.svg?v=27384435983881702531752699519);}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch--fastwrap {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-closure-fastwrap.svg?v=51183414968401513121752699520);}ul.nav-filter-item li.collection-container.filter-closure label.value-label .closure-swatch-title {font-size: 12px;font-weight: 500;text-align: center;color: #111;letter-spacing: 0;margin: 0;height: 40px;display: flex;align-items: center;justify-content: center;text-transform: capitalize;}ul.nav-filter-item li.collection-container.filter-closure label.value-label:hover {border-color: #000000;}ul.nav-filter-item li.collection-container.filter-closure label.value-label:hover .closure-swatch {filter: invert(1);}ul.nav-filter-item li.collection-container.filter-closure label.value-label:hover .closure-swatch-title {font-weight: 700;}
133ul.nav-filter-item li.collection-container.filter-closure input:checked + label {border-color: #000000;}ul.nav-filter-item li.collection-container.filter-closure input:checked + label .closure-swatch-title {font-weight: bold;}ul.nav-filter-item li.collection-container.filter-size label.value-label {display: flex;flex-direction: column;align-items: center;width: 100%;border: 1px solid #D1D5DF;border-radius: 4px;overflow: hidden;}ul.nav-filter-item li.collection-container.filter-size label.value-label:after {display: none;}ul.nav-filter-item li.collection-container.filter-size label.value-label .size-swatch {width: 100%;height: 0;margin: 0;padding-bottom: 100%;background-color: #F2F0F0;background-position: center;background-size: 100% 100%;background-repeat: no-repeat;}ul.nav-filter-item li.collection-container.filter-size label.value-label .size-swatch--classic {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-size-classic.svg?v=131496775875491177121752699521);}ul.nav-filter-item li.collection-container.filter-size label.value-label .size-swatch--mini {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-size-mini.svg?v=10796416367980022281752699521);}ul.nav-filter-item li.collection-container.filter-size label.value-label .size-swatch-title {font-size: 12px;font-weight: 500;text-align: center;color: #111;letter-spacing: 0;margin: 0;height: 40px;display: flex;align-items: center;justify-content: center;}ul.nav-filter-item li.collection-container.filter-size label.value-label:hover {border-color: #000000;}ul.nav-filter-item li.collection-container.filter-size label.value-label:hover .size-swatch {filter: invert(1);}ul.nav-filter-item li.collection-container.filter-size label.value-label:hover .size-swatch-title {font-weight: 700;}ul.nav-filter-item li.collection-container.filter-size input:checked + label {border-color: #000000;}ul.nav-filter-item li.collection-container.filter-size input:checked + label .size-swatch-title {font-weight: bold;}.range_container {display: flex;flex-direction: column;margin: 8px 2px;}.range_container .sliders_control {position: relative;min-height: 50px;}.range_container .form_control {position: relative;display: flex;justify-content: space-between;font-size: 16px;color: #635a5a;text-transform: uppercase;margin-bottom: 1rem;text-align: center;font-family: Animosa, sans-serif;}.range_container .form_control .form_control_container__time {color: #000;}.range_container input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;pointer-events: all;width: 24px;height: 24px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;}.range_container input[type=range]::-moz-range-thumb {-webkit-appearance: none;pointer-events: all;width: 24px;height: 24px;background-color: #fff;border-radius: 50%;box-shadow: 0 0 0 1px #C6C6C6;cursor: pointer;}.range_container input[type=range]::-webkit-slider-thumb:hover {background: #f7f7f7;}.range_container input[type=range]::-webkit-slider-thumb:active {box-shadow: inset 0 0 3px #b59f78, 0 0 9px #b59f78;-webkit-box-shadow: inset 0 0 3px #b59f78, 0 0 9px #b59f78;}.range_container input[type=number] {color: #000;width: 70px;height: 2.6rem;font-size: 16px;border: none;background: #f1f1f1;padding: 5px;border-radius: 5px;outline: #000;}.range_container input[type=number]::-webkit-inner-spin-button,.range_container input[type=number]::-webkit-outer-spin-button {opacity: 1;}.range_container input[type=range] {-webkit-appearance: none;appearance: none;height: 4px;border-radius: 25%;width: 100%;position: absolute;background-color: #C6C6C6;pointer-events: none;min-height: 0;border: none;}.range_container #fromSlider {height: 0;z-index: 1;}.collection-filters-drawer-close {display: flex;align-items: center;justify-content: flex-end;cursor: pointer;width: 24px;height: 24px;position: absolute;right: 15px;margin-left: auto;}.collection-name label {position: relative;cursor: pointer;height: 100%;}.collection-name label div {margin-left: 20px;font-size: 15px;padding: 0;position: relative;font-weight: 300;letter-spacing: 0.6px;text-transform: capitalize;}.collection-name label div small {color: #A2A5AB;letter-spacing: 0.6px;}
133.collection-name input:checked + label div {font-weight: bold;}.collection-name input:checked + label div small {font-weight: 300;}.collection-name label:after {content: "";width: 13px;height: 13px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-unchecked.svg?v=86516455038613981391752699521);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}.collection-name input:checked + label:after {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-checked.svg?v=151575381257199208161752699520);}.apply-filters-wrapper {position: absolute;bottom: 10px;left: 5%;width: 90%;}.apply-filters-wrapper a {transition: all 0.28s ease-in-out;width: 100%;display: flex;align-items: center;justify-content: center;background-color: #000;color: #1cd7fa;border: 0;padding: 10px 20px;text-align: center;cursor: pointer;font-family: "ingra", sans-serif;font-weight: 500;font-size: 18px;letter-spacing: 2.2px;text-transform: uppercase;border-radius: 2px;box-sizing: border-box;}.apply-filters-wrapper a:hover {background-color: #1cd7fa;color: #fff;}.filter-group-header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;padding: 0 10px;}.filtered-count {display: none;}.filtered-count.active {display: none;}.filter-group-header svg {transform: rotate(0deg);transition: all 0.28s ease-in-out;}.filter-group-header.is-open svg {transform: rotate(180deg);}.filter-group-flex {display: flex;justify-content: center;align-items: center;gap: 10px;}.scroll-content {height: 0;overflow: hidden;}.scroll-content.shown {height: auto;overflow: auto;transition: all 3s linear;}.scroll-content.shown ul {margin-left: 0;padding: 0 10px;}.collection-filters-drawer-element {padding-bottom: 100px;}li.collection-container.disabled-filter {opacity: 0.3;cursor: not-allowed;}li.collection-container.disabled-filter .collection-name {pointer-events: none;}.collection-top-filter {width: fit-content;padding: 3px 10px;display: flex;align-items: center;color: #000;cursor: pointer;}@media (max-width: 414px) {.collection-top-filter {max-width: 95%;margin: 0 auto 0 0;}}.collection-top-filter .icon-filter {margin-right: 8px;display: flex;align-items: center;justify-content: center;}@media (max-width: 768px) {.collection-top-filter .icon-filter {height: 45px;}}.collection-top-filter .icon-filter svg {width: 17px;height: auto;}.collection-top-filter .icon-filter svg path {fill: #000;}.collection-top-filter span {font-weight: 500;font-size: 22px;letter-spacing: 0.52px;text-transform: uppercase;}.collection-top-filter.disabled {background: #fff;color: #000;width: 100%;max-width: 100%;margin: 0 auto;display: block;}.collection-top-filter.disabled span {width: 100%;}.strapeguide-page {padding: 35px 0 0;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .search-body-block.sidebar-item-body {padding: 0;}}.strapeguide-page .page-wrapper .sidebar .search-area h5 {display: none;font-size: 15px;line-height: 1.5;text-align: center;color: #000;margin: 0 0 15px;padding: 0;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .search-area h5 {display: block;}}.strapeguide-page .page-wrapper .sidebar .sidebar-search {position: relative;}.strapeguide-page .page-wrapper .sidebar .sidebar-search input {border: 0;border-radius: 4px;box-shadow: none;padding: 10px 15px;text-align: left;background-color: #000;height: 40px;line-height: 1;color: #fff;font-family: "ingra";font-size: 13px;font-weight: 400;text-transform: uppercase;margin: 0;}.strapeguide-page .page-wrapper .sidebar .sidebar-search input::placeholder {color: #fff;font-size: 12px;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-search input {padding: 10px 15px;font-size: 15px !important;}}.strapeguide-page .page-wrapper .sidebar .sidebar-search input:autofill + a,.strapeguide-page .page-wrapper .sidebar .sidebar-search input:-internal-autofill-selected + a {filter: invert(1);}.strapeguide-page .page-wrapper .sidebar .sidebar-search a {display: block;background-color: transparent;color: #fff;text-align: center;padding: 7px 12px;font-size: 16px;text-transform: uppercase;font-weight: 400;letter-spacing: 1px;position: absolute;right: 0;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-search a {padding: 6px 10px;font-size: 15px;}}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-search {margin: 0;}}.strapeguide-page .page-wrapper .sidebar .sku-search-error-box {font-size: 14px;font-weight: 400;line-height: 1.5;}.strapeguide-page .page-wrapper .sidebar .sku-search-error-box .fa {display: none;}.strapeguide-page .page-wrapper .sidebar .sku-search-error-box a {display: block;margin: 5px 0 0;}.strapeguide-page .page-wrapper .sidebar .sidebar-item-find {position: relative;margin: 8px 0 0;font-weight: 400;text-transform: uppercase;color: #4093c9;font-size: 14px;}.strapeguide-page .page-wrapper .sidebar .sidebar-item-find .fa {padding: 0;width: 15px;height: 15px;color: #FFF;background-color: #A8A8A8;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;cursor: pointer;font-size: 11px;}.strapeguide-page .page-wrapper .sidebar .sidebar-item-find .sku-preview {margin-top: 10px;z-index: 1;opacity: 0;visibility: hidden;transition: transform 0.25s;display: none;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-item-find .sku-preview {top: 35px;left: 5px;
133width: calc(100% - 10px);transform: translateX(0);}}.strapeguide-page .page-wrapper .sidebar .sidebar-item-find.active .sku-preview {opacity: 1;visibility: visible;display: block;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-item-find {text-align: left;padding: 0;margin: 5px 0 0;color: #2a94ce;}.strapeguide-page .page-wrapper .sidebar .sidebar-item-find .fa {width: 15px;height: 15px;color: #2a94ce;background-color: transparent;border: 1px solid #2a94ce;}}.strapeguide-page .page-wrapper .sidebar .sidebar-item-title {display: none;margin: 40px 0 10px;font-size: 18px;font-weight: 400;}@media (max-width: 768px) {.strapeguide-page .page-wrapper .sidebar .sidebar-item-title {display: none;margin: 10px 0 0;font-size: 15px;padding: 15px;background-color: #4093c9;color: #FFF;text-align: center;}}.strapeguide-page .page-wrapper .sidebar .shape-options {margin: 0;border-radius: 0;border-color: #dfdfe0;color: #000;padding: 0 15px;min-height: 35px;display: block;height: 35px;font-family: inherit;box-shadow: none;width: 100%;}.strapeguide-page .page-wrapper .sidebar .type-options label {position: relative;font-size: 14px;font-weight: 300;color: #000;letter-spacing: 0.26px;transition: color 0.25s;text-transform: capitalize;position: relative;}.strapeguide-page .page-wrapper .sidebar .type-options input {display: none;}.strapeguide-page .page-wrapper .sidebar .type-options span {padding: 8px 0 8px 20px;font-size: 13px;font-weight: 300;letter-spacing: 0.6px;cursor: pointer;}.strapeguide-page .page-wrapper .sidebar .type-options span:after {content: "";width: 13px;height: 13px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-unchecked.svg?v=86516455038613981391752699521);background-size: 100% 100%;background-repeat: no-repeat;background-position: center;}.strapeguide-page .page-wrapper .sidebar .type-options input:checked + span {font-weight: 700;border: none;}.strapeguide-page .page-wrapper .sidebar .type-options input:checked + span:after {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-checked.svg?v=151575381257199208161752699520);}.strapeguide-page .page-wrapper .sidebar .type-options,.strapeguide-page .page-wrapper .sidebar .material-options {margin: 0;padding: 0;list-style: none;display: grid;}.strapeguide-page .page-wrapper .sidebar .color-options {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 6px;margin: 0;padding: 0;list-style: none;}.strapeguide-page .page-wrapper .sidebar .color-options li {min-width: 1px;width: 100%;height: fit-content;}.strapeguide-page .page-wrapper .sidebar .color-options li a.color-swatch-wrapper {width: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #D1D5DF;border-radius: 4px;padding: 0;overflow: hidden;}.strapeguide-page .page-wrapper .sidebar .color-options li a.color-swatch-wrapper .color-swatch {width: 100%;height: 0;padding-bottom: 100%;}.strapeguide-page .page-wrapper .sidebar .color-options li a.color-swatch-wrapper .color-swatch-title {display: flex;align-items: center;justify-content: center;font-size: 11px;font-weight: 500;text-align: center;color: #111;letter-spacing: 0;margin: 0;height: 20px;text-transform: capitalize;}.strapeguide-page .page-wrapper .sidebar .color-options li a.color-swatch-wrapper.active {border-color: #000;}.strapeguide-page .page-wrapper .sidebar .color-options li a.color-swatch-wrapper.active .color-swatch-title {font-weight: 700;}.strapeguide-page .page-wrapper .sidebar .navbar .initial > div {padding: 0;width: 100%;max-width: 100%;}.strapeguide-page .page-wrapper .sidebar .shape-options-initial {display: grid;grid-gap: 15px;margin: 0;padding: 0;}.strapeguide-page .page-wrapper .sidebar .shape-options-initial li {background-color: transparent;}.strapeguide-page .page-wrapper .sidebar .shape-view {margin: 15px 0 0;}.strapeguide-page .page-wrapper .sidebar .filter-options:not(.options-color) a:after {content: "";width: 13px;height: 13px;position: absolute;
133left: 0;top: 50%;transform: translateY(-50%);background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-unchecked.svg?v=86516455038613981391752699521);background-position: center;background-size: 100%;background-repeat: no-repeat;}.strapeguide-page .page-wrapper .sidebar .filter-options:not(.options-color) a:not(.disabled) {display: flex;align-items: center;justify-content: space-between;}.strapeguide-page .page-wrapper .sidebar .filter-options:not(.options-color) a:not(.disabled).active:after {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/icon-filter-checked.svg?v=151575381257199208161752699520);}@media (max-width: 768px) {.strapeguide-page {padding: 0;}.strapeguide-page .container {width: 100%;}.strapeguide-page .products {grid-template-columns: repeat(2, 1fr);padding: 0 15px;}}.mb-4 {margin-bottom: 30px;}.collabs-page .featured-collections {margin: 0 0 20px;}.apple-starps-page {padding: 50px 0;}@media (max-width: 768px) {.apple-starps-page {padding: 25px 0;}.apple-starps-page .products.grid-5 {grid-template-columns: repeat(2, 1fr);}}.apple-starps-page .product .product-details .product-name {height: auto;}.apple-starps-page .product .product-details .product-name a {color: inherit;}@media (max-width: 768px) {.apple-starps-page .container {width: 100%;padding: 0 15px;}}.content-desktop-only {display: block !important;padding-bottom: 15px;}.content-mobile-only {display: none !important;}@media screen and (max-width: 768px) {.content-desktop-only {display: none !important;}.content-mobile-only {display: block !important;}}.strapeguide-page .page-wrapper .sidebar .color-options li a.active:before {top: -3px;left: -3px;}.strapeguide-page .page-wrapper .sidebar .color-options li a.disabled {opacity: 0.7;}.color-swatch {border: 3px solid #eee;}* {box-sizing: border-box;}html {/*fix drag on mobile */overflow-x: hidden !important;-webkit-overflow-scrolling: touch;height: 100vh;height: -webkit-fill-available;overflow: auto;}.fs-drawer .drawer-msg-outer {height: auto;}.fs-drawer .drawer-msg a {color: #c80405;}.fs-drawer .drawer-msg-outer .fs-drawer-close {color: #fff;}@media (max-width: 860px) {.fs-drawer .drawer-msg-outer {height: 72vh !important;}.fs-drawer {width: 116vw;}.fs-drawer h1 {line-height: 1.2;}.drawer-msg ol, .drawer-msg ul {margin-left: 18px;}.drawer-msg ol li {font-size: 14px;}.drawer-msg ul li {font-size: 14px;line-height: 1.5;margin-left: 0;}}.global-wrapper {min-height: 500px;}.page-top {display: none !important;}/* el guapo edits */#shopify-section-product-apple-straps-template .sold_out {font-size: 20px;color: #e84a5f;}#cart_form .remove_item a:before {font-family: "FontAwesome";content: "\f00d";padding-right: 5px;}
133.isp_product_old_price.was_price.money {color: #e84a5f;}.wrapper-header.hide-in-mobile .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li, .wrapper-header.hide-in-mobile .header-nav .header-nav-menu .mega-menu-item-title {line-height: 1.8;}.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item {line-height: 2.5rem;}.wrapper-header.hide-in-mobile .is-flex.header-nav a.header-brand {margin: 0 10px 0 0;}.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {font-size: 13px;padding: 20px 16px;}.wrapper-header.hide-in-mobile .header-icons {gap: 10px;}.wrapper-header.hide-in-mobile .header-icons .hide-in-mobile.top-bar-icons a, .wrapper-header.hide-in-mobile .header-icons a#search-toggle {padding: 8px 4px;display: flex;}.wrapper-header.hide-in-mobile .header-icons .cart .header-cart-bubble {padding: 7px 0 5px 10px;display: flex;}.wrapper-header.hide-in-mobile .header-icons .hide-in-mobile.top-bar-icons a.top-bar-login svg#loginIcon, .wrapper-header.hide-in-mobile .header-icons .wk-icon.wk-link__icon svg {height: 20px;width: auto;}.wrapper-header.hide-in-mobile .header-icons a.wk-link {padding: 8px 4px;display: flex;}.wrapper-header.hide-in-mobile .header-icons a.wk-link .wk-link__icon {display: block;}.wrapper-header.hide-in-mobile .header-icons a#search-toggle svg {height: 18px;width: auto;}.wrapper-header.hide-in-mobile .header-icons .cart .header-cart-bubble svg {height: 2em;width: auto;stroke: #fff;stroke-width: 0.525px;}.header-nav-mobile .mobile-menu-icons .header-cart-bubble svg {height: 1.5em;width: auto;stroke: #fff;stroke-width: 0.8px;}.wrapper-header.hide-in-mobile .header-icons .hide-in-mobile.top-bar-icons a:hover svg {fill: #3f93c9;}.wk-icon.wk-button__icon .wk-icon__svg, .wrapper-header.hide-in-mobile .header-icons .wk-icon.wk-link__icon svg {stroke-width: 2px;}.wrapper-header.hide-in-mobile .header-icons .cart-item-count, .wrapper-header.hide-in-mobile .header-icons .wk-link__count {top: -4px;right: -6px;}.footer .footer-company .footer-social-links .social-icons-links a:hover {color: #000;background: #1dd8fa;}.wrapper-header.hide-in-mobile .gift-card:before {display: none;}ul.product-highlights {margin: 0 0 10px 14px;}ul.product-highlights li {margin: 0;}.hat_care_content {margin-bottom: 0;padding-left: 4px;}.hat_care_content li {margin: 0;}.hat_care_content p {white-space: break-spaces;}.hat_care_content ol {margin: 0 0 10px 14px;}/* mobile menu overwrites */@media screen and (max-width: 992px) {.header-top-content .hide-in-desktop p * {font-size: 10px;font-weight: 400;letter-spacing: 0.04em;}.is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons {position: absolute;right: 10px;}.is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons .header-cart-bubble {margin-left: 18px;}.menu-mobile.mobile.visible .menu-mobile-nav ul {padding: 0;margin-bottom: 0;}.menu-mobile.mobile.visible .menu-mobile-nav ul li:last-child {margin-bottom: 25px;}.is-flex.flex-between.flex-center.header-nav-mobile a.mobile_logo img {height: 42px;width: 64px;}.is-flex.flex-between.flex-center.header-nav-mobile .icon-menu {position: absolute;width: 32px;height: 32px;display: inline-block;}.is-flex.flex-between.flex-center.header-nav-mobile a.mobile_logo {display: flex;text-align: center;margin: 0 auto;padding: 12px 0;}.is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons .wishlist-item, .is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons .wishlist-item a {height: 20px;width: 20px;}.is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons .header-cart-bubble {height: 22px;}.is-flex.flex-between.flex-center.header-nav-mobile .mobile-menu-icons .header-nav-icon {height: 22px;width: 22px;}.menu-mobile-social .social-icons-links a {display: flex;width: 30px;height: 30px;color: #FFF;border-radius: 50%;align-items: center;justify-content: center;}.menu-mobile-social .social-icons-links a svg {width: 100%;height: 100%;}.menu-mobile-social .social-icons-links a:nth-child(2) {background-color: #000;}.menu-mobile-social .social-icons-links a:nth-child(2) svg {width: 60%;height: 60%;}.menu-mobile .menu-mobile-search input::placeholder {font-size: 10px !important;letter-spacing: 0.06em !important;}.menu-mobile .menu-mobile-login-btn a {font-size: 12px;font-weight: 400;line-height: 2em;}.header-nav-mobile .mobile-menu-icons .cart-item-count, .header-nav-mobile .mobile-menu-icons .wk-link__count {top: -6px;right: -12px;}.header-nav-mobile .mobile-menu-icons .wk-icon.wk-link__icon svg {stroke-width: 3px;}}@media only screen and (min-width: 1024px) and (max-width: 1120px) {.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {padding: 20px 5px;}.wrapper-header.hide-in-mobile .header-icons .cart .header-cart-bubble {padding: 6px 4px 5px;}}@media only screen and (min-width: 1121px) and (max-width: 1201px) {.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {padding: 20px 10px;}.wrapper-header.hide-in-mobile .header-icons .cart .header-cart-bubble {padding: 6px 4px 5px;}}.menu-mobile.mobile.visible .menu-mobile-nav ul .mega-menu ul {padding: 0;}.sort-by-flex .collection-filters-drawer-element-title {text-transform: uppercase;font-size: 20px;font-weight: 500;margin: 0;padding: 24px 0 12px;display: inline-block;}.reset-wrapper {flex: none;display: none;}.reset-wrapper.active {display: block;height: fit-content;padding: 5px 0;}.new-search-popup form {margin-bottom: 0;width: 800px;display: flex;align-items: center;position: relative;padding: 0 !important;}.new-search-popup form .search-close {position: absolute;top: 15px;right: 15px;display: flex;align-items: center;justify-content: center;padding: 0 !important;}.new-search-popup form .search-close .icon-close {margin: 0;}.new-search-popup form input {margin: 0;}.new-search-popup form .search-submit {position: absolute;margin: 0 !important;top: 12px !important;float: none;}.new-search-popup form .search-submit {position: absolute;margin: 0 !important;top: 15px !important;float: none;padding: 0 !important;}.new-search-popup form .search-submit .fa {padding: 0;}.new-search-popup .offset-by-three {margin: 0;}.index .top-footer .footer-promo-block {display: none;}.homepage-container {max-width: calc(100% - 330px);padding: 0 15px;margin: 0 auto;width: 100%;}@media (max-width: 1440px) {.homepage-container {max-width: calc(100% - 60px);}}
133.social-container-slider .fs-slider-prev-button,.social-container-slider .fs-slider-next-button {display: none !important;}.social-container-slider .fs-wrapper.fs-timeline {position: relative;display: grid;grid-template-columns: repeat(4, 1fr);}.social-container-slider .fs-wrapper .social-container-slider-item {background-image: url(//www.freestyleusa.com/cdn/shop/t/212/assets/shop-the-feed.png?v=118350659546546246641743620268);background-repeat: no-repeat;background-size: 100% 100%;margin: -1px;background-color: #000;background-position: 50% 50%;}.social-container-slider .fs-wrapper .social-container-slider-item a {display: flex;width: 100%;height: 100%;}div.social-container-slider .fs-entry-container {width: 100% !important;padding: 0 0 100% !important;display: none !important;}div.social-container-slider .fs-entry-container:first-child,div.social-container-slider .fs-entry-container:nth-child(2),div.social-container-slider .fs-entry-container:nth-child(3),div.social-container-slider .fs-entry-container:nth-child(4),div.social-container-slider .fs-entry-container:nth-child(5),div.social-container-slider .fs-entry-container:nth-child(6),div.social-container-slider .fs-entry-container:nth-child(7),div.social-container-slider .fs-entry-container:nth-child(8) {display: block !important;}@media (max-width: 768px) {div.social-container-slider .fs-entry-container:nth-child(8) {display: none !important;}}.instagram-bar {display: none;}div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {padding: 0 18px;font-size: 13px;display: flex;align-items: center;height: 85px;gap: 6px;letter-spacing: 0.56px;justify-content: center;text-align: center;line-height: 1.5;}div.wrapper-header.hide-in-mobile .is-flex.header-nav a.header-brand {margin: 0;}.header-nav .header-nav-menu {margin-left: 33px;}.wrapper-header.hide-in-mobile .header-icons {align-items: center;}div.header-nav .header-nav-menu .header-nav-menu-item > a {position: relative;}div.header-nav .header-nav-menu .header-nav-menu-item > a:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 4px;background-color: #000;display: none;}div.header-nav .header-nav-menu .header-nav-menu-item > a:hover {color: #000;text-decoration: none;}div.header-nav .header-nav-menu .header-nav-menu-item > a:hover:after,div.header-nav .header-nav-menu .header-nav-menu-item.active > a:after {display: block;}.header-nav .header-nav-menu .header-nav-menu-item:hover .mega-menu {visibility: visible;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item {position: relative;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu {left: 0 !important;margin: 0;width: auto !important;transform: none !important;top: 85px !important;padding: 0;gap: 0 !important;background-color: #fff;display: block !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item {padding: 14px 0 !important;width: calc(100% + 100px) !important;border-top: 1px solid #D5D8D8;position: relative;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item ul li a {display: flex;align-items: center;line-height: 1;font-size: 14px;padding: 10px 35px !important;text-decoration: none;color: #000;justify-content: space-between;}.m2.menu-item-smart-straps {padding: 0 !important;}.smart-straps-menu-container {position: absolute;display: none;width: fit-content;top: -1px;padding: 0;left: 100%;border-top: 1px solid #d6d8d8;margin: 0;min-height: calc(100% + 1px);border-left: 1px solid #d6d8d8;background-color: #FFF;}.smart-straps-menu-container ul {width: 100%;border: 0;display: grid;grid-template-columns: repeat(2, 1fr);height: auto;padding: 14px 0;gap: 0;}.smart-straps-menu-container ul li {padding: 0;}.smart-straps-menu-container ul li ul {display: none !important;}.smart-straps-menu-container ul li a {padding: 0 !important;font-size: 14px;font-weight: 200 !important;margin: 0 -25px;text-transform: none !important;}.smart-straps-menu-container.is-active {display: block !important;}.mega-menu .mega-menu-item ul li a svg#eye {width: 16px;}.mega-menu.g3 .mega-menu-item > ul li:nth-child(4) .smart-straps-menu-container,.mega-menu.g3 .mega-menu-item > ul li:nth-child(8) .smart-straps-menu-container,.mega-menu.g3 .mega-menu-item > ul li:nth-child(10) .smart-straps-menu-container {width: 100%;}.mega-menu.g3 .mega-menu-item > ul li:nth-child(4) .smart-straps-menu-container ul,.mega-menu.g3 .mega-menu-item > ul li:nth-child(8) .smart-straps-menu-container ul,.mega-menu.g3 .mega-menu-item > ul li:nth-child(10) .smart-straps-menu-container ul {grid-template-columns: repeat(1, 1fr);}.mega-menu.g3 .mega-menu-item > ul li:nth-child(6) .smart-straps-menu-container {width: calc(100% + 180px);}.container .columns iframe {max-width: 100%;}/* el guapo changes */.container.no-title-container {padding-top: 50px;}.container.no-title-container .columns > h3 {display: none;}
133@media (max-width: 1500px) {.collection-page .container {width: calc(100% - 40px);padding: 0 15px;}}@media (max-width: 1400px) {.collection-page div#isp_search_results_container {grid-template-columns: repeat(4, 1fr) !important;}}@media (max-width: 992px) {.collection-page div#isp_search_results_container {grid-template-columns: repeat(3, 1fr) !important;}.collection-page .container {width: 100%;padding: 0;}}@media (min-width: 993px) and (max-width: 1040px) {.collection-page div#isp_search_results_container {grid-template-columns: repeat(3, 1fr) !important;}.collection-page .container {width: 100%;padding: 0;}}@media (max-width: 650px) {.collection-page div#isp_search_results_container {grid-template-columns: repeat(2, 1fr) !important;padding-left: 0;padding-right: 0;}}@media (max-width: 992px) {.menu-mobile-nav-item .mega-menu .mega-menu-item ul li a,.menu-mobile-nav-item .mega-menu .mega-menu-item ul li a:visited {text-transform: none;letter-spacing: 0;}}@media (max-width: 992px) {.smart-straps-menu-container {display: none !important;position: unset !important;min-height: auto;border: 0;padding: 10px 15px 0 !important;margin-top: 5px !important;}.smart-straps-menu-container ul {grid-template-columns: repeat(1, 1fr);}.smart-straps-menu-container ul li a {margin: 0 !important;}.smart-straps-menu-container ul li a i {display: none !important;}}.menu-item-smart-straps li.smart-straps-brand-name:hover {background-color: transparent !important;}.mega-menu-item.gm5 ul li:nth-child(4),.mega-menu-item.gm8 ul li:nth-child(4) {padding: 0 !important;border-bottom: 0;}.mega-menu-item.gm8 ul li:nth-child(5) {margin-top: 0;}.mega-menu-item.gm5 ul li:nth-child(5) {margin-top: 0;border-bottom: 1px solid #E9E7E7;padding-bottom: 10px;margin-bottom: 10px !important;}.mega-menu-item.gm1 ul li:nth-child(3),.mega-menu-item.gm1 ul li:nth-child(6),.mega-menu-item.gm1 ul li:nth-child(8),.mega-menu-item.gm2 ul li:nth-child(5) {margin-top: 0;border-bottom: 1px solid #E9E7E7;padding-bottom: 10px;margin-bottom: 10px !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item ul li a:hover {background-color: #F3F3F3;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .rowgrid {display: none !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu:after {content: "";position: fixed;left: 0;bottom: 0;height: calc(100vh - 118px);background-color: rgba(0, 0, 0, 0.6);z-index: -1;width: 100%;display: none;}@media (max-width: 768px) {.index .flexslider .slides {height: auto;}.homepage-container {max-width: 100%;}.instagram-bar {display: block;}.instagram-bar p span:first-child {color: #1DD7FA;display: flex;align-items: center;flex-direction: row-reverse;line-height: 1;gap: 5px;font-size: 12px;}div.instagram-bar p span:last-child {font-weight: 400;font-size: 12px;}.social-container-slider .fs-wrapper:before {display: none;}.social-container-slider .fs-wrapper.fs-timeline {grid-template-columns: repeat(3, 1fr);}div.social-container-slider .fs-entry-container:nth-child(6) {display: none !important;}.fs-social-slider-section {border-top: 1px solid #fff;}}.freestyle-to-top {position: fixed;bottom: 250px;right: 20px;z-index: 10008;cursor: pointer;width: 60px;height: 60px;display: none;}.freestyle-to-top.active {display: block;opacity: 1;}.freestyle-to-top svg {width: 100%;height: 100%;}.account-container .sixteen.columns {width: 100%;}.account-container .six.columns {width: 70%;margin: auto;padding-left: 0;float: unset;display: block;}@media (max-width: 992px) {.freestyle-to-top {width: 34px;height: 34px;right: 16px;}.wrap-bande {padding: 30px 15px 15px !important;gap: 20px;}.wrap-bande .bande-content {margin: 0 !important;}.wrap-bande .bande-title {font-weight: 600;}/* viva el guapo */.menu-mobile-nav-item .mega-menu .mega-menu-item ul li a, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a:visited {font-weight: 400;font-size: 13px;}.mega-menu-item.gm1 ul li:nth-child(3), .mega-menu-item.gm1 ul li:nth-child(6), .mega-menu-item.gm1 ul li:nth-child(8), .mega-menu-item.gm2 ul li:nth-child(5), .mega-menu-item.gm5 ul li:nth-child(5), .menu-mobile .menu-mobile-nav li .m7:nth-child(4) {border: 0 none;padding-bottom: 0 !important;}.menu-mobile .menu-mobile-nav .menu-mobile-nav-item > a {padding: 15px;margin-bottom: 0;border-bottom: 1px solid #D0D0D0;}.menu-mobile .menu-mobile-nav .menu-mobile-nav-item > a.active {background-color: #F2F0F0;}.menu-mobile svg#eye {fill: #585858;width: 16px;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul li.menu-item-smart-straps a, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li.menu-item-smart-straps a:visited {padding: 0 25px 0 10px !important;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul li.menu-item-smart-straps a ul li a, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li.menu-item-smart-straps a ul li a:visited {padding: 0 0 0 10px !important;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul li a {line-height: 1.2;}#shopify-section-1602848507764 .hide-in-desktop .is-flex.flex-vstart {display: grid !important;grid-template-columns: repeat(5, 1fr);}#shopify-section-1602848507764 .hide-in-desktop .wrap-bande .bande-content {margin-right: 18px;max-width: 80px;margin: 0 auto !important;}#shopify-section-1602848507764 .hide-in-desktop .wrap-bande .bande-cercle {text-align: center;margin: 0 auto;}}@media (max-width: 1680px) {div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {padding: 0 20px;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item ul li a {padding: 8px 15px !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item {width: calc(100% + 92px) !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.g2 .mega-menu-item {width: calc(100% + 35px) !important;}}@media (max-width: 1552px) {.header-nav .header-nav-menu {margin-left: 20px;}div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {padding: 0 14px;}}@media (max-width: 1500px) {div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {font-size: 13px;}}@media (max-width: 1374px) {div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {font-size: 12px;padding: 0 10px;}}
133@media (max-width: 1350px) {.header-nav-logo {width: 70px;height: 40px;}}@media (max-width: 1188px) {div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {font-size: 11px;padding: 0 7px;}}@media (max-width: 1079px) {div.wrapper-header.hide-in-mobile .header-nav .header-nav-menu li.header-nav-menu-item a.top-link {font-size: 10px;padding: 0 5px;}}.mega-menu-item .link-view-all {display: flex !important;align-items: center !important;gap: 5px;justify-content: flex-start !important;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item ul li.smart-straps-brand-name a {padding: 7px 15px !important;margin: 0;font-size: 13px;text-wrap: nowrap;}div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu .mega-menu-item ul li.smart-straps-brand-name a:hover {background-color: #f3f3f3 !important;font-weight: 200 !important;}@media (max-width: 992px) {.menu-mobile-nav-item .mega-menu {background-color: #fff !important;padding: 18px 15px;}.menu-mobile-nav-item .mega-menu .mega-menu-item {background-color: transparent !important;display: block !important;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul {margin: 0 !important;display: grid;gap: 15px;}.menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item ul {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px 5px;}.menu-mobile-nav-item .mega-menu.is-grid.grid-250.media-grid-1.g2 {background-color: #fff !important;}.freestyle-to-top.active {opacity: 1;}}.desktop-menu-overlay {display: none;position: fixed;left: 0;top: 118px;height: calc(100vh - 118px);background-color: rgba(0, 0, 0, 0.6);width: 100%;z-index: 4;cursor: pointer;}.desktop-menu-overlay.active {display: block;}.details-wrapper {margin-bottom: 0;padding-left: 4px;}.details-wrapper.has-overflow {height: 70px;overflow: hidden;}.details-wrapper.has-overflow p {white-space: break-spaces;}.show-mor-wrapper {margin-top: 5px;}.show-mor-wrapper span {cursor: pointer;letter-spacing: 1.2px;color: #000000;text-transform: uppercase;font-weight: 600;border-bottom: 1px solid #000;padding: 3px 8px;transition: all 0.28s ease-in-out;font-size: 12px;}.show-mor-wrapper span:hover {color: #fff;background-color: #000;}.isp_product_info .isp_product_image_href {display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0;text-align: center;}.isp_product_info .isp_product_image_href .isp_product_title {min-height: auto;color: #050505;text-transform: uppercase;font-size: 18px;font-weight: 600;letter-spacing: 1.6px;}.isp_product_info .isp_product_image_href .isp_product_subtitle {font-size: 15px;font-weight: 500;color: #050505;text-transform: capitalize;}.isp_product_info {display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 4px;}.isp_product_info .isp_product_price_wrapper {color: #000000;font-size: 16px;font-weight: 600;letter-spacing: 0.64px;}@media (max-width: 768px) {.isp_product_info .isp_product_image_href .isp_product_title {font-size: 14px;}.isp_product_info .isp_product_image_href .isp_product_subtitle,.isp_product_price_wrapper {font-size: 13px;}}@media (min-width: 993px) {body.product h1.product_name,body.product-fieldnotes h1.product_name {width: calc(100% - 35px - 14px);}.product_section .seven.columns.omega .product-tabs-container ul.product-tabs li {margin-bottom: -1px;}.product_section .seven.columns.omega .product-form-qte-btn p.modal_price {min-width: unset;}.product_section .seven.columns.omega .product-form-qte-btn .inline_purchase,.product_section .seven.columns.omega .product-form-qte-btn .inline_purchase .wk-button {margin-left: 0px;}}@media (min-width: 880px) {.product_section .pdp-gallery .fs-wrapper {margin: 0 31px;}.product_section .pdp-gallery {background-color: #eee;overflow: hidden;}.product_section .pdp-gallery .fs-wrapper div.fs-text-container {background-color: rgba(0, 0, 0, 0.5);}.product_section .pdp-gallery .fs-slider-next-button,.product_section .pdp-gallery .fs-slider-prev-button {background-color: #ffffff;min-width: 28px;opacity: 1;background-size: 75%;background-position: center center;background-repeat: no-repeat;height: calc(100% + 28px);top: -18px;display: flex !important;z-index: 0;}.product_section .pdp-gallery .fs-slider-next-button svg,.product_section .pdp-gallery .fs-slider-prev-button svg {display: none;}
133.product_section .pdp-gallery .fs-wrapper .fs-entry-container {padding-top: calc(50% - 30px) !important;width: calc(50% - 30px) !important;margin: 0;}.product_section .pdp-gallery .fs-slider-next-button {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="1792" viewBox="0 0 1792 1792" width="1792"><path fill="black" d="M1171 960q0 13-10 23l-466 466q-10 10-23 10t-23-10l-50-50q-10-10-10-23t10-23l393-393-393-393q-10-10-10-23t10-23l50-50q10-10 23-10t23 10l466 466q10 10 10 23z"/></svg>');right: 0px;}.product_section .pdp-gallery .fs-slider-prev-button {background-image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" height="1792" viewBox="0 0 1792 1792" width="1792"><path fill="black" d="M1203 544q0 13-10 23l-393 393 393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10l-466-466q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z"/></svg>');}}@media (min-width: 993px) and (max-width: 1030px) {.header-nav-logo {width: 70px;height: auto;}}@media (min-width: 880px) and (max-width: 992px) {.product_section .pdp-gallery .fs-slider-next-button {right: 0px;}}@media (max-width: 992px) {.product_section .seven.columns.omega .product-form-qte-btn .modal_price {display: none;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul li {margin: 0 !important;}.menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.link-view-all {font-weight: 700 !important;}}h1.product_name {margin-left: 0 !important;width: 100%;font: normal normal 600 28px/40px Ingra;letter-spacing: 0;color: #000000;text-transform: uppercase;opacity: 1;}h2.product_name_color {margin-bottom: 0 !important;margin-left: 0 !important;}.seven.columns.omega .jdgm-widget.jdgm-preview-badge {margin-left: 0 !important;}.product-tabs-container .product-tabs-content .details-wrapper a, #discontinued_notes a, #parts_note a {text-decoration: underline;}.product-tabs-container .product-tabs-content a, .product-tabs-container .product-tabs-content a:hover {cursor: pointer;}.product-tabs-container ul.product-tabs {line-height: 1.6;display: flex;align-items: center;justify-content: flex-start;gap: 5px;}.product-tabs-container ul.product-tabs {border-bottom: 1px solid #D2D2D2;}.product-tabs-container ul.product-tabs li.active {border-bottom: 3px solid #000;}.product-tabs-container ul.product-tabs li a {background: none;color: #000000;position: relative;text-transform: uppercase;font-size: 14px;display: block;}.product-tabs-container ul.product-tabs li a:hover {color: #1dd8fa;}.product-tabs-container ul.product-tabs li.active a {color: #000;background: none !important;}.product-tabs-container .product-tabs-content {padding-top: 22px;padding-bottom: 22px;font-size: 14px;line-height: 1.6;}.product-tabs-container > h2.tab-heading {background-color: #fff;padding: 8px 5px;font-size: 14px;}.product-tabs-container h2.tab-heading.no-border-top {border-top: none;}.product-tabs-container > h2.tab-heading a i.fa,.product-tabs-container > h2.tab-heading a svg {position: absolute;right: 15px;top: 8px;transition: transform 0.5s;pointer-events: none;}.product-tabs-container > h2.tab-heading a i.fa,.product-tabs-container > h2.tab-heading a svg {right: 2px;top: 11px;padding: 2px;}.product-tabs-container > h2.tab-heading.active a i.fa,.product-tabs-container > h2.tab-heading.active a svg {transform: rotate(180deg);}.product_name.custom-mobile p {display: none;}.preview-img {display: none;}@media screen and (max-width: 992px) {.preview-img.pure-apple-strap {display: block !important;}}.show-preview {display: block !important;}.hide-preview {display: none !important;}body.product .breadcrumb,body.product-fieldnotes .breadcrumb {display: none !important;}.product-tabs-container .product-tabs-content iframe {width: 100%;}@media screen and (min-width: 1200px) and (max-width: 1360px) {#shopify-section-product-template .container .nine.columns {width: 520px !important;}#shopify-section-product-template .columns.omega {width: 400px !important;}}@media (max-width: 992px) {body.product-no-sold-out-subscribe .multiple-items,body.product-no-sold-out-subscribe .stra
133p-multiple-items,body.product-lanyard .strap-multiple-items {display: none;}.product_section .seven.columns.omega.align-start.space-v10,.product_section .seven.columns.omega.space-v10 {padding: 0 15px;width: 100%;}body.product-no-sold-out-subscribe .product_section .seven.columns.omega.space-v10 form.product_form.init {width: 100% !important;}body.product-no-sold-out-subscribe .product_section .seven.columns.omega.space-v10 form.product_form.init .space-v10 {width: 100%;margin-bottom: 10px;}}/* part-apple notice style */.smile-launcher-frame-container {bottom: 80px !important;}@media screen and (max-width: 992px) {#parts_note.smart-straps-note > div:first-child {width: 40px;height: 50px;}#discontinued_notes.smart-straps-note svg {width: 40px;height: 50px;}}.offscreen {border: 0 !important;clip: rect(0 0 0 0) !important;height: 1px !important;margin: -1px !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;}#tracktorContainer #tracktorOrderForm {text-align: center;padding-top: 80px;}#tracktorContainer #tracktorOrderForm .feature_divider {float: none;width: 110px;}.chose-type-option-item.soldout:after {content: "OUT OF STOCK";position: absolute;width: 60px;height: 60px;color: red;top: 34px;font-weight: 600;text-shadow: -2px -1px 1px white;line-height: 0.8rem;}.chose-type .chose-type-option.option-adapter .chose-type-option-item {position: relative;}@media (max-width: 1190px) {.chose-type-option-item.soldout:after {top: 29px;}}@media (max-width: 992px) {.chose-type-option-item.soldout:after {top: 16px;}}body.filter-opened #attentive_overlay iframe {display: none;} 134 </style> 135 136 <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> 137
137<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
137 138 139
139<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
139 140 141
141<script> 142 console.log('%c"freestyleusa-compressed/main" - Live !', "background-color:#6e7bff; color: white; padding: 0 10px;"); 143 console.log('%ctemplate - **search**', 'background-color:#6e7bff; color: white; padding: 0 10px;'); 144 </script>
144 145 146
146<script src="//www.freestyleusa.com/cdn/shop/t/212/assets/app.js?v=119033173701149977211765381628" type="text/javascript"></script>
146 147
147<script src="//www.freestyleusa.com/cdn/shop/t/212/assets/custom.js?v=60674991466860621631743620271" type="text/javascript"></script>
147 148 149 150 151 152 153 154 155 156 157 158 <link href="//www.freestyleusa.com/cdn/shop/t/212/assets/countdown-bar.css?v=18261907844688055791743620270" rel="stylesheet" type="text/css" media="all" /> 159 160
160<script src="//www.freestyleusa.com/cdn/shop/t/212/assets/apps.js?v=76587692559403746751743620265" type="text/javascript"></script>
160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184
185<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
185<meta name="google-site-verification" content="aj2YK2rwGTGobkodiv9c8NTCBMgWSxk2rpy0to80Oq8"> 186<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/26001720/digital_wallets/dialog"> 187<meta id="in-context-paypal-metadata" data-shop-id="26001720" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 188<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
188<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=10387499"></script>
188 189<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
190<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=10387499&shop_id=26001720" crossorigin="anonymous"></script>
vendor: 1 bytes, line 190
190
191<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":26001720,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/26001720","merchantName":"Freestyle USA","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Freestyle USA","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 191
191
192<script id="shopify-features" type="application/json">{"accessToken":"d61c65710f19233347d1dd4368d4836b","betas":["rich-media-storefront-analytics"],"domain":"www.freestyleusa.com","predictiveSearch":true,"shopId":26001720,"locale":"en"}</script>
vendor: 1 bytes, line 192
192
193<script>var Shopify = Shopify || {}; 194Shopify.shop = "freestyleusa.myshopify.com"; 195Shopify.locale = "en"; 196Shopify.currency = {"active":"USD","rate":"1.0"}; 197Shopify.country = "US"; 198Shopify.theme = {"name":"freestyleusa-compressed\/main","id":128904265771,"schema_name":"Parallax","schema_version":"3.3.2","theme_store_id":null,"role":"main"}; 199Shopify.theme.handle = "null"; 200Shopify.theme.style = {"id":null,"handle":null}; 201Shopify.cdnHost = "www.freestyleusa.com/cdn"; 202Shopify.routes = Shopify.routes || {}; 203Shopify.routes.root = "/"; 204Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 205Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 206Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 207Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 207
207
208<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 208
208
209<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 209
209
210<script> 211 window.ShopifyPay = window.ShopifyPay || {}; 212 window.ShopifyPay.apiHost = "shop.app\/pay"; 213 window.ShopifyPay.redirectState = null; 214</script>
vendor: 1 bytes, line 214
214
215<script> 216 window.Shopify = window.Shopify || {}; 217 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 218 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 219 window.Shopify.SignInWithShop.eligible = true; 220</script>
vendor: 1 bytes, line 220
220
221<script id="shop-js-analytics" type="application/json">{"pageType":"search"}</script>
vendor: 1 bytes, line 221
221
222<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 222
222
223<script type="module"> 224 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 225 226 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 227 228</script>
vendor: 1 bytes, line 228
228
229<script> 230 window.Shopify = window.Shopify || {}; 231 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 232 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"]}; 233</script>
vendor: 1 bytes, line 233
233
234<script>(function() { 235 var isLoaded = false; 236 function asyncLoad() { 237 if (isLoaded) return; 238 isLoaded = true; 239 var urls = ["https:\/\/id-shop.govx.com\/app\/freestyleusa.myshopify.com\/govx.js?shop=freestyleusa.myshopify.com","https:\/\/static-autocomplete.fastsimon.com\/fast-simon-autocomplete-init.umd.js?mode=shopify\u0026UUID=3b3ef15a-cc5f-4c53-b5d5-0004f5dc0d62\u0026store=26001720\u0026shop=freestyleusa.myshopify.com","https:\/\/cdn.attn.tv\/freestyle\/dtag.js?shop=freestyleusa.myshopify.com","https:\/\/s3.eu-west-1.amazonaws.com\/production-klarna-il-shopify-osm\/0b7fe7c4a98ef8166eeafee767bc667686567a25\/freestyleusa.myshopify.com-1763581299081.js?shop=freestyleusa.myshopify.com","https:\/\/shopify-extension.getredo.com\/main.js?widget_id=0plv76vu6qex21c\u0026shop=freestyleusa.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=freestyleusa.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=freestyleusa.myshopify.com","\/\/backinstock.useamp.com\/widget\/9430_1790011577.js?category=bis\u0026v=6\u0026shop=freestyleusa.myshopify.com"]; 240 for (var i = 0; i < urls.length; i++) { 241 var s = document.createElement('script'); 242 s.type = 'text/javascript'; 243 s.async = true; 244 s.src = urls[i]; 245 var x = document.getElementsByTagName('script')[0]; 246 x.parentNode.insertBefore(s, x); 247 } 248 }; 249 if(window.attachEvent) { 250 window.attachEvent('onload', asyncLoad); 251 } else { 252 window.addEventListener('load', asyncLoad, false); 253 } 254})();</script>
vendor: 1 bytes, line 254
254
255<script id="__st">var __st={"a":26001720,"offset":-18000,"reqid":"b1060224-1491-4fc2-ac9c-98eb4cbdb8d3-1790363349","pageurl":"www.freestyleusa.com\/search","u":"3c6921516a92","p":"searchresults"};</script>
vendor: 1 bytes, line 255
255
256<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 256
256
257<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'])})(!1,!0)}();</script>
vendor: 1 bytes, line 257
257
258<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.freestyleusa.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 258
258
259<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 = "//www.freestyleusa.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>
259<script crossorigin="anonymous" defer="defer" src="//www.freestyleusa.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 259
259
260<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 260
260
261<script> 262 window.Shopify = window.Shopify || {}; 263 window.Shopify.MCP = window.Shopify.MCP || {}; 264 window.Shopify.MCP.enabled = true; 265 window.Shopify.MCP.shop = "freestyleusa.myshopify.com"; 266 window.Shopify.MCP.mcpEndpoint = "https:\/\/www.freestyleusa.com\/api\/mcp"; 267 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"]}}]; 268</script>
vendor: 1 bytes, line 268
268
269<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("\/\/www.freestyleusa.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 270</script>
vendor: 1 bytes, line 270
270
271<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://www.freestyleusa.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 272</script>
vendor: 1 bytes, line 272
272
273<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 274 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); 275</script>
vendor: 1 bytes, line 275
275
276<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})}})); 277</script>
277 278<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.freestyleusa.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 279<style id="shopify-accelerated-checkout-cart"> 280 #shopify-buyer-consent { 281 margin-top: 1em; 282 display: inline-block; 283 width: 100%; 284} 285 286#shopify-buyer-consent.hidden { 287 display: none; 288} 289 290#shopify-subscription-policy-button { 291 background: none; 292 border: none; 293 padding: 0; 294 text-decoration: underline; 295 font-size: inherit; 296 cursor: pointer; 297} 298 299#shopify-subscription-policy-button::before { 300 box-shadow: none; 301} 302 303 </style> 304
305<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
305 306 307 308<!-- Start of Judge.me Core --> 309<link rel="dns-prefetch" href="https://cdn.judge.me/">
310<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ average_rating }} | {{ n }} review/reviews","badge_star_color":"#FFC401","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
310ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#000000","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFC401","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":true,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":false,"enable_question_anwser":true,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":true,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":true,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"below","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
310itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"Summarized and selected by AI from recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
310youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"above-related","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
310:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/www.freestyleusa.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Freestyle USA","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
310shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"widget_events_v4_impressions_enabled":false,"widget_events_review_grain_enabled":false,"widget_events_v4_time_in_view_enabled":false,"widget_events_v4_session_key_enabled":false,"widget_events_v4_interactions_enabled":false,"widget_attribution_exposure_timestamps_enabled":false,"widget_attribution_v4_exposures_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"hostname_allowlist":"","can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Freestyle USA"};</script>
310 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: rgba(0,0,0,0.1);--jdgm-star-color: #FFC401;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFC401}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-widget.jdgm-all-reviews-widget,.jdgm-widget .jdgm-rev-widg{border:none;padding:0}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Freestyle USA'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 311</style> <style class='jdgm-settings-style'></style> 312 313 314 315 316 <style class='jdgm-miracle-styles'> 317 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
317/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 318 319</style> 320 321 322 323 324 325 326
327<script data-cfasync='false' class='jdgm-script'> 328!function(e){window.jdgm=window.jdgm||{},jdgm.CDN_HOST="https://cdn.judge.me/", 329jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 330setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,s){ 331!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 332(s=e.createElement("link")).rel="stylesheet",s.class="jdgm-stylesheet",s.media="nope!", 333s.href=d,s.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(s))}, 334jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 335t.onreadystatechange=function(){4===t.readyState&&(Function(t.response)(),d&&d(t.response))}, 336t.open("GET",e),t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 337".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 338parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_HOST+"widget_v3/base.css"): 339jdgm.loadCSS(jdgm.CDN_HOST+"widget/base.css"):jdgm.loadCSS(jdgm.CDN_HOST+"shopify_v2.css"), 340jdgm.loadJS(jdgm.CDN_HOST+"loader.js"))}))}(document); 341</script>
341 342 343<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.judge.me/shopify_v2.css"></noscript> 344<!-- End of Judge.me Core --> 345 346 347 348 <meta name="google-site-verification" content="3zWgh7lLqE4Litr_nOH4X6cALKvlCi43TSnIVNwrku0" /> 349 350 <!-- Google Recaptcha -->
vendor: 123 bytes, lines 350-352
350 351 <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> 352
352<!-- /Google Recaptcha --> 353 354
354<script> 355 356 357 358 359 var gsf_conversion_data = {page_type : '', event : '', data : {shop_currency : "USD"}}; 360 361</script>
361 362 <link href="//www.freestyleusa.com/cdn/shop/t/212/assets/patrol-accessibility.css?v=170056090374392871861763580736" rel="stylesheet" type="text/css" media="all" /> 363
363<script src="https://track.getgobot.com/gobot/js/shopify.js?key=-ORWNLk-K2xz0P2qjV4a"></script>
363 364 <!-- BEGIN app block: shopify://apps/pandectes-gdpr/blocks/banner/58c0baa2-6cc1-480c-9ea6-38d6d559556a --> 365 366 367 368
368<script> 369 if (!window.pandectesRulesSettings) { 370 window.pandectesRulesSettings = {"version":"5","timestamp":1778270264595,"store":{"id":26001720,"plan":"enterprise","primaryLocale":"en","headless":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":""},"banner":{"enabled":true},"regions":{"strict":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB"],"visible":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB","USCA","USCO","USCT","USDE","USFL","USIN","USIA","USKY","USMN","USMT","USNE","USNH","USNJ","USOR","USRI","USTN","USTX","USUT","USVA"]},"storage":{"type":"http","domain":"","duration":365,"lastReset":1727371398},"gpc":{"enabled":true},"klaviyo":{"enabled":false},"customEvent":{"enabled":false},"rakuten":{"enabled":false,"cmp":false,"ccpa":false},"facebook":{"enabled":false,"id":"414420508935015"},"amazon":{"enabled":false},"microsoft":{"uet":{"enabled":false,"tags":""},"clarity":{"enabled":false,"id":""}},"google":{"enabled":true,"gtmId":"","ga4Id":"G-1835985","adsId":"AW-1033615370","gtmOnly":false,"adStorageCategory":4,"analyticsStorageCategory":2,"functionalityStorageCategory":1,"personalizationStorageCategory":1,"securityStorageCategory":0,"redactData":false,"urlPassthrough":false,"dataLayerName":"dataLayer","waitForUpdate":0,"sendPageView":true,"debugMode":false,"basicMode":false},"blocker":{"enabled":true,"scripts":{"0":[],"1":["hextom.com","https://foursixty.com/media/scripts/fs.slider.v2.5.js"],"2":[],"4":["analytics.tiktok.com/i18n/pixel","static.ads-twitter.com/uwt.js|static.ads-twitter.com/oct.js","static.klaviyo.com|www.klaviyo.com|static-tracking.klaviyo.com|a.klaviyo.com","connect.facebook.net","cdn.attn.tv","https://backend.alia-cloudflare.com/public/launcher.js"],"8":[]},"css":{"0":[],"1":[],"2":[],"4":[],"8":[]},"iframes":{"0":[],"1":[],"2":[],"4":[],"8":[]},"pixels":{"0":[],"1":[],"2":[],"4":[],"8":[]}}}; 371 const rulesScript = document.createElement('script'); 372 373 rulesScript.src = "https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-rules-latest.js"; 374 375 const firstChild = document.head.firstChild; 376 document.head.insertBefore(rulesScript, firstChild); 377 } 378 </script>
378 379 380 381
381<script defer src='https://cdn.shopify.com/extensions/01a0d309-5aa0-76cf-9f48-2a42b2760403/gdpr-cookie-consent-411/assets/pandectes-core-latest.js'></script>
381 382 383
383<script> 384 (() => { 385 const isLivePreview = locateLivePreviewParam(); 386 let previewUrl = 'https://app.pandect.es/js/pandectes-live-site-preview.js'; 387 388 389 function locateLivePreviewParam(paramName = 'pandectesLivePreview') { 390 const fromUrl = new URLSearchParams(window.location.search).get(paramName); 391 if (fromUrl) { 392 try { 393 sessionStorage.setItem(paramName, fromUrl); 394 } catch { 395 // storage disabled 396 } 397 return fromUrl; 398 } 399 return sessionStorage.getItem(paramName); 400 } 401 402 /** Injects the preview helper script when live preview is active (URL or sessionStorage). */ 403 function appendLivePreviewScriptIfNeeded(previewModeScriptUrl) { 404 if (!isLivePreview) return; 405 if (document.head.querySelector('script[data-pandectes-live-preview]')) return; 406 const script = document.createElement('script'); 407 script.src = previewModeScriptUrl; 408 script.async = true; 409 script.setAttribute('data-pandectes-live-preview', ''); 410 document.head.appendChild(script); 411 } 412 413 window.pandectesBannerSettings = {"version":"5","timestamp":1778270264,"store":{"id":26001720,"plan":"enterprise","primaryLocale":"en","headless":false,"checkoutRootDomain":"","storefrontRootDomain":"","storefrontAccessToken":"","useGeolocation":false},"impressions":{"enabled":true,"timezone":"America/Chicago"},"visibility":{"delay":0,"enabled":true,"startHidden":["/policies/privacy-policy"],"botsFriendly":true,"disableDesignMode":false,"adminMode":false},"regions":{"strict":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB"],"visible":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IS","IE","IT","LV","LI","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE","GB","USCA","USCO","USCT","USDE","USFL","USIN","USIA","USKY","USMN","USMT","USNE","USNH","USNJ","USOR","USRI","USTN","USTX","USUT","USVA"]},"consent":{"redirectOnDeny":false,"reloadOnConsent":false,"broadcastChannel":false,"redirectOnDenyUrl":"https://www.pandectes.io","shopify":true},"theme":{"logos":{"custom":false,"customWidget":false,"banner":"","widget":"//freestyleusa.myshopify.com/cdn/shop/files/pandectes-reopen-logo.png?v=1778270264"},"mode":"custom","border":0,"variables":":host { --float: 16px; --font-size: 14px; --duration: 250ms; --padding: 20px; --radius-dialog:8px; --radius-button:8px; --border-button: 2px; --font-family: inherit; --font-weight-button: 400; --color-base-100: #000000; --color-base-200: oklch(0 0 none); --color-base-300: oklch(0 0 none); --color-base-content: #FFFFFF; --color-primary: #FFFFFF; --color-primary-content: #000000; --color-secondary: #FFFFFF; --color-secondary-content: #000000; --color-accent: #000000; --color-accent-content: #FFFFFF; }","shadows":true,"isModal":false,"scrollLock":false,"useAnimations":true,"focus":"off","buttons":{"size":"md","border":2,"radius":8,"variants":{"primary":"filled","secondary":"outlined"}},"zIndex":2147483647,"showPoweredBy":true},"close":{"triggers":[],"action":"dismiss","pixels":200,"timeout":5},"language":{"multilingual":false,"detection":"browser","fallback":"en","supported":["en"],"allowChange":false},"widget":{"enabled":false,"position":"bottom left","action":"reopen","customTrigger":false},"dialogs":{"notice":{"style":{"type":"bar","layout":"horizontal","position":"bottom","animation":"animation-zoom","size":300},"buttons":{"primary":["allow"],"secondary":["preferences"]},"features":{"hideHeader":false,"alignCenter":false,"flipButtons":true,"expandableIntro":false,"inlineLinks":false}},"preferences":{"style":{"type":"box","layout":"horizontal-grouped","position":"middle center","animation":"animation-fade","size":500},"buttons":{"primary":["allow","deny"],"secondary":["custom"]},"features":{"flipButtons":false,"primarySave":false,"showCookies":false,"useCheckboxes":false,"expandableIntro":false,"showDescriptions":true,"inlineLinks":false}},"status":false},"links":{"links":[{"id":"policy","url":"https://www.freestyleusa.com/policies/privacy-policy"}],"target":"_self","respectLocale":false},"storage":{"type":"http","domain":"","duration":365,"lastReset":1727371398},"texts":{"en":{"buttons":{"showLess":"Show less","showMore":"Show more"},"links":{"policy":"Learn more","google":"Google's Privacy Terms","imprint":"Imprint"},"categories":[{"title":"Strictly necessary cookies","description":"The
413se cookies are essential in order to enable you to move around the website and use its features, such as accessing secure areas of the website. The website cannot function properly without these cookies."},{"title":"Functional cookies","description":"These cookies enable the site to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly."},{"title":"Performance cookies","description":"These cookies enable us to monitor and improve the performance of our website. For example, they allow us to count visits, identify traffic sources and see which parts of the site are most popular."},{"title":"Targeting cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising."}],"notice":{"title":"We respect your privacy","message":"This website uses cookies to ensure you get the best experience.","dismiss":"Ok","allow":"Accept","deny":"Decline","preferences":"Preferences"},"preferences":{"title":"Manage consent preferences","message":"We use cookies to optimize website functionality, analyze the performance, and provide personalized experience to you. Some cookies are essential to make the website operate and function correctly. Those cookies cannot be disabled. In this window you can manage your preference of cookies.","cookieDetails":"Cookies details","alwaysActive":"Always allowed","deny":"Reject all","allow":"Accept all","custom":"Save preferences","dismiss":"Close"},"status":{"title":"Cookie settings","message":"Your current state","allow":"Accept all","deny":"Deny all","dismiss":"Close","reopen":"Change your consent","consentDate":"C
413onsent date","consentId":"Your consent ID","hideDetails":"Hide details","showDetails":"Show details","noConsent":"No consent"},"declaration":{"name":"Name","type":"Type","vendor":"Provider","purpose":"Purpose","retention":"Retention","expirations":{"declSeconds":"seconds","declMinutes":"minutes","declHours":"hours","declDays":"days","declWeeks":"week(s)","declMonths":"months","declYears":"years","declSession":"Session"}},"cookies":{"cart":"Necessary for the shopping cart functionality on the website.","cart_currency":"The cookie is necessary for the secure checkout and payment function on the website. This function is provided by shopify.com.","epb_previous_pathname":"Used by Hextom promotion bar.","IDE":"To measure the visitorsâ actions after they click through from an advert. Expires after 1 year.","isp_badges_css":"Stores information related to the website's functionality, such as user interface customization or feature toggles.","isp_category_navigation_tree":"Stores data related to the navigation tree for category browsing.","isp_custom_colors":"Stores custom color preferences set by the user for the website's interface.","isp_desktop_show_hide_filters_button":"Stores the state of the show/hide filters button on the desktop interface.","isp_desktop_show_price_slider":"Stores user preferences related to the price slider display on the website.","isp_desktop_show_search_within_filters":"Stores user preferences related to search filters display.","isp_display_price":"Stores display price information for the website's functionality.","isp_display_tagline":"Stores information related to the display tagline for the search functionality.","isp_header_lang":"Stores the user's language preference for website functionality.","isp_hide_color_swatch_in_products":"Stores user interface preferences related to product color swatches.","isp_hide_product_color_swatch":"Stores information related to the visibility of product color swatches.","isp_hide_product_description_serp":"Stores user preferences related to product description visibility on the site.","isp_horizontal_serp_filters":"Stores user preferences related to horizontal search result filters.","isp_horizontal_serp_filters_with_apply":"Stores information related to the horizontal search engine results page filters with apply functionality.","isp_infinite_scroll_enabled":"Stores a setting related to infinite scrolling functionality.","isp_infinite_scroll_load_more_enabled":"Controls the infinite scroll load more feature on the website.","isp_inventory_level_badge_enabled":"Stores a flag indicating whether the inventory level badge is enabled.","isp_look_a_like_enabled":"Stores a flag indicating whether the 'look alike' feature is enabled for the user.","isp_max_filter_value_visible":"Stores the maximum filter value visibility setting for the user.","isp_mobile_filters_slider_direction":"Stores the direction of the mobile filters slider.","isp_mobile_modern_slidebar_filters":"Stores user interface preferences related to the mobile slidebar filters.","isp_pagination_progress_bar_enabled":"Stores the state of the pagination progress bar feature.","isp_personalized_search_enabled":"Stores user preferences related to personalized search features.","isp_price_range_format":"Stores user preferences related to price range formatting.","isp_product_image_optimization":"Stores information related to product image optimization.","isp_quick_view_color_scheme":"Stores the color scheme preference for the quick view feature.","isp_results_page_default_sort":"Stores the default sorting option for the results page.","isp_results_page_disable_add_to_cart":"Disables the 'Add to Cart' button on the results page.","isp_results_page_disable_flip_card_effect":"Stores user preferences related to the display effects on the results page.","isp_results_page_enable_sorting":"Enables sorting options on the results page.","isp_results_page_hide_search_box":"A cookie used to control the visibility of the search box on the results page.","isp_results_page_in_stock_banner_enabled":"Indicates whether the in-stock banner on the results page is enabled.","isp_results_page_product_takeover":"Stores information related to product takeovers on the results page.","isp_results_page_quick_view_enabled":"Stores the state of the quick view feature on the results page.","isp_results_page_show_sku":"Stores information related to the display of specific results on the results page.","isp_results_page_sold_out_banner_enabled":"Stores the state of the 'sold out' banner on the results page.","isp_results_page_type":"Stores information related to the page type for personalization or functionality purposes.","isp_second_serp_image_flip_enabled":"Controls the display of search results images on the website.","isp_serp_products_per_row":"Stores user preferences related to product display settings.","isp_serp_products_per_row_mobile":"Stores user preferences related to product display layout on mobile devices.","isp_serp_products_per_row_tablet":"Stores user preferences related to product display layout on the website.","isp_serp_product_image_carousel":"Stores information related to the product image carousel on the website.","isp_serp_results_counters":"Stores counters related to search engine results pages for the website.","isp_serp_search_within_search":"Stores information related to search within the website to enhance user experience.","isp_serp_title_max_lines":"Stores configuration related to the display of search result titles.","isp_serp_title_max_lines_mobile":"Stores the maximum number of lines for the mobile search result title.","isp_serp_title_max_lines_tablet":"Stores the maximum number of lines for the search results title display on tablet devices.","isp_session_1":"Stores session information related to user interactions used by InstantSearch+.","isp_smart_nav_default_sort":"Stores user preferences related to default sorting options for product navigation.","isp_sort_options":"Stores user preferences related to sorting options on the website.","isp_splited_by_color":"Stores information related to the website's functionality, such as user interface preferences or feature toggles.","isp_sub_lvl":"Stores information related to user navigation levels or preferences.","isp_token_1":"Stores a token used by InstantSearch+.","keep_alive":"Used in connection with buyer localization.","lastExter
413nalReferrer":"Detects how the user reached the website by registering their last URL-address.","lastExternalReferrerTime":"Contains the timestamp of the last update of the lastExternalReferrer cookie.","localization":"Shopify store localization","session-storage-test":"Used to test whether session storage is available in the browser.","shopify_pay_redirect":"The cookie is necessary for the secure checkout and payment function on the website. This function is provided by shopify.com.","test":"Used to discover cookie support.","test_cookie":"To measure the visitorsâ actions after they click through from an advert. Expires after each visit.","VISITOR_INFO1_LIVE":"A cookie that YouTube sets that measures your bandwidth to determine whether you get the new player interface or the old.","VISITOR_PRIVACY_METADATA":"Stores visitor privacy metadata for YouTube.","YSC":"Registers a unique ID to keep statistics of what videos from YouTube the user has seen.","yt-remote-cast-installed":"Stores information related to YouTube's remote casting feature.","yt-remote-connected-devices":"Stores user video preferences for embedded YouTube videos.","yt-remote-device-id":"Stores user preferences for embedded YouTube videos.","yt-remote-fast-check-period":"Stores the check period for remote control features.","yt-remote-session-app":"Stores session information for YouTube remote app functionality.","yt-remote-session-name":"Stores session information for YouTube remote control features.","ytidb::LAST_RESULT_ENTRY_KEY":"Stores information related to YouTube's internal data management.","_attn_":"Used by attentive sms services.","_boomr_clss":"Stores performance measurement data related to page load times.","_fbp":"Cookie is placed by Facebook to track visits across websites.","_gcl_au":"Cookie is placed by Google Tag Manager to track conversions.","_shopify_essential":"Used on the accounts page.","_tracking_consent":"Tracking preferences.","__attentive_cco":"Used by attentive sms services.","__attentive_dv":"Used by attentive sms services.","__attentive_id":"Used by attentive sms services.","__attentive_pv":"Used by attentive sms services.","__attentive_ss_referrer":"Used by attentive sms services.","__cf_bm":"Used to manage incoming traffic that matches criteria associated with bots.","__klarna_sdk_default-config":"Stores configuration data for the Klarna SDK.","__klarna_sdk_identity-api":"Stores the identity information for the Klarna SDK session.","__klarna_sdk_version":"Stores the version of the Klarna SDK used on the website.","__sak":"Stores a session-specific identifier used for functionality purposes.","__storage_test__":"Used to test whether storage is available in the browser.","secure_customer_sig":"Used in connection with customer login.","_cmp_a":"Used for managing customer privacy settings.","cart_ts":"Used in connection with checkout.","cart_sig":"Shopify analytics."}}},"categories":[{"bitwise":0},{"bitwise":1},{"bitwise":2},{"bitwise":4}],"cookies":[{"name":"secure_customer_sig","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"localization","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"cart_currency","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"2 ","unit":"declSession","expires":2},{"name":"_tracking_consent","domain":".freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_cmp_a","domain":".freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 day(s)","unit":"declDays","expires":1},{"name":"__cf_bm","domain":".tinyurl.com","type":"http","vendor":"CloudFlare","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"__attentive_id","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"_attn_","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"__attentive_cco","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"shopify_pay_redirect","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 hour(s)","unit":"declHours","expires":1},{"name":"__attentive_pv","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"__attentive_ss_referrer","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"epb_previous_pathname","domain":"www.freestyleusa.com","type":"http","vendor":"Hextom","category":2,"retention":"Session","unit":"declYears","expires":-55},{"name":"keep_alive","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"30 minute(s)","unit":"declMinutes","expires":30},{"name":"_gcl_au","domain":".freestyleusa.com","type":"http","vendor":"Google","category":3,"retention":"3 month(s)","unit":"declMonths","expires":3},{"name":"__attentive_dv","domain":"www.freestyleusa.com","type":"http","vendor":"Attentive","category":2,"retention":"1 day(s)","unit":"declDays","expires":1},{"name":"_fbp","domain":".freestyleusa.com","type":"http","vendor":"Facebook","category":3,"retention":"3 month(s)","unit":"declMonths","expires":3},{"name":"_shopify_essential","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"YSC","domain":".youtube.com","type":"http","vendor":"Google","category":3,"retention":"Session","unit":"declYears","expires":-55},{"name":"VISITOR_INFO1_LIVE","domain":".youtube.com","type":"http","vendor":"Google","category":1,"retention":"6 month(s)","unit":"declMonths","expires":6},{"name":"cart","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 month(s)","unit":"declMonths","expires":1},{"name":"cart_ts","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 month(s)","unit":"declMonths","expires":1},{"name":"cart_sig","domain":"www.freestyleusa.com","type":"http","vendor":"Shopify","category":0,"retention":"1 month(s)","unit":"declMonths","expires":1},{"name":"test_cookie","domain":".doubleclick.net","type":"http","vendor":"Google","category":3,"retention":"15 minute(s)","unit":"declMinutes","expires":15}
413,{"name":"IDE","domain":".doubleclick.net","type":"http","vendor":"Google","category":3,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"lastExternalReferrer","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Facebook","category":3,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"lastExternalReferrerTime","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Facebook","category":3,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"_attn_","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"pagead/1p-conversion/#","domain":"https://www.google.ie","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"fs_trigger","domain":"www.freestyleusa.com","type":"http","vendor":"Unknown","category":4,"retention":"1 ","unit":"declSession","expires":1},{"name":"oxsessionv2-072f173a-e48d-4de9-a93f-adb778cbb6c8","domain":".freestyleusa.com","type":"http","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":-55},{"name":"oxbidv2-072f173a-e48d-4de9-a93f-adb778cbb6c8","domain":".freestyleusa.com","type":"http","vendor":"Unknown","category":4,"retention":"1 year(s)","unit":"declYears","expires":1},{"name":"oxltv2-072f173a-e48d-4de9-a93f-adb778cbb6c8","domain":".freestyleusa.com","type":"http","vendor":"Unknown","category":4,"retention":"3 month(s)","unit":"declMonths","expires":3},{"name":"btq-ucd-settings","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"VISITOR_PRIVACY_METADATA","domain":".youtube.com","type":"http","vendor":"Google","category":3,"retention":"6 month(s)","unit":"declMonths","expires":6},{"name":"fs_avoid_inject_on_interaction","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"oxtagmgr:queue","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"appmate-session","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"smile_shopify_data","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__klarna_sdk_version","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"upside-ucd-settings","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"oxtagmgr:dedup","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"klaviyoOnsite","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"epb_payload","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"attn_cart","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"adroll_dqs","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"_boomr_clss","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"adroll_flgs","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"attn_cart_items","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"__klarna_sdk_identity-api","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"__klarna_sdk_default-config","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"klaviyoPagesVisitCount","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"__storage_test__","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"_-_","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"session-storage-test","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"_-_","domain":"https://www.freestyleusa.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"test","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"yt-remote-device-id","domain":"https://www.youtube.com","type":"html_local","vendor":"YouTube","category":3,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"yt-remote-connected-devices","domain":"https://www.youtube.com","type":"html_local","vendor":"YouTube","category":3,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"ytidb::LAST_RESULT_ENTRY_KEY","domain":"https://www.youtube.com","type":"html_local","vendor":"Youtube","category":2,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"yt-remote-session-app","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":1,"retention":"Session","unit":"declYears","expires":1},{"name":"-313ab888351e25f2","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"iU5q-!O9@$","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"40bd528d-6761fbfd","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"yt-remote-cast-installed","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":1,"retention":"Session","unit":"declYears","expires":1},{"name":"yt-remote-session-name","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":1,"retention":"Session","unit":"declYears","expires":1},{"name":"yt-remote-fast-check-period","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":1,"retention":"Session","unit":"declYears","expires":1},{"name":"isp_results_page_in_stock_banner_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__sak","domain":"https://www.youtube.com","type":"html_local","vendor":"Youtube","category":1,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__sak","domain":"https://www.youtube.com","type":"html_session","vendor":"Youtube","category":1,"retention":"Session","unit":"declYears","expires":1},{"name":"fs-autocomplete-new-settings-cache-3b3ef15a-cc5f-4c53-b5d5-0004f5dc0d62-26001720","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_title_max_lines_mobile","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_hide_color_swatch_in_products","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_sort_options","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"serp_enable_add_to_cart_ajax_animation","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_products_per_row_mobile","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_desktop_show_price_slider","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_pagination_progress_bar_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_badges_css","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_horizontal_serp_filters","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_smart_nav_default_sort","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"fast-session-token","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_session_1","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_product_image_optimization","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_enable_sorting","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__isp_cdn_cache_key_expiration","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_default_sort","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_header_lang","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_quick_view_color_scheme","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"FS_TAG_MANAGER_PROVIDER","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_price_range_format","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_results_counters","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_product_image_carousel","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_mobile_filters_slider_direction","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_type","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_products_per_row_tablet","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_category_navigation_tree","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_products_per_row","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_disable_flip_card_effect","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_splited_by_color","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"ISP_PRODUCTS_VIEWED_SESSION_2","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_hide_product_color_swatch","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_mobile_modern_slidebar_filters","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_horizontal_serp_filters_with_apply","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__isp_cdn_cache_key_1","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"endpoint_autocomplete","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_second_serp_image_flip_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_desktop_show_hide_filters_button","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"product_editor_settings","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_inventory_level_badge_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_look_a_like_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_display_price","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_desktop_show_search_within_filters","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"serp_enable_favorites","domain":"https://www.freestyleusa.c
413om","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_show_sku","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"avoid_tag_prefixes","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_title_max_lines_tablet","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_product_takeover","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_display_tagline","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_title_max_lines","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"text_badges","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_infinite_scroll_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_quick_view_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_max_filter_value_visible","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_infinite_scroll_load_more_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_hide_search_box","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_personalized_search_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_sub_lvl","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"__isp_cart","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_custom_colors","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"serp_enable_add_to_cart_variants","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_serp_search_within_search","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_disable_add_to_cart","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_results_page_sold_out_banner_enabled","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"inventory_level_badge_min","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_token_1","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"isp_hide_product_description_serp","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"2b983977-6761fbfd","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"1b636e9d-6761fbfd","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1},{"name":"isp_results_page","domain":"https://www.freestyleusa.com","type":"html_local","vendor":"Unknown","category":4,"retention":"Local Storage","unit":"declYears","expires":1},{"name":"4dc744a1-6761fbfd","domain":"https://www.youtube.com","type":"html_session","vendor":"Unknown","category":4,"retention":"Session","unit":"declYears","expires":1}]}; 414 if (isLivePreview) { 415 if (!window.pandectesBannerSettings.store) { 416 window.pandectesBannerSettings.store = {}; 417 } 418 window.pandectesBannerSettings.store.plan = 'enterprise'; 419 } 420 421 function whenBodyReady(callback) { 422 window.addEventListener('DOMContentLoaded', callback); 423 } 424 425 426 whenBodyReady(function(){ 427 const element = document.createElement('pandectes-cmp'); 428 element.appData = window.pandectesBannerSettings; 429 document.body.appendChild(element); 430 appendLivePreviewScriptIfNeeded(previewUrl); 431 }); 432 433 })() 434 </script>
434 435 436 437 438 439 <!-- A11y --> 440 441 442 443 444 445 446 447 448 449 450<!-- END app block --><!-- BEGIN app block: shopify://apps/attentive/blocks/attn-tag/8df62c72-8fe4-407e-a5b3-72132be30a0d -->
450<script type="text/javascript" src="https://cdn.attn.tv/freestyle/dtag.js?source=app-embed" defer="defer"></script>
450 451 452 453<!-- END app block --><!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core --> 454 455 456 457 458 459 460 461<link rel="dns-prefetch" href="https://cdn.judge.me"> 462<link rel="dns-prefetch" href="https://cdn1.judge.me"> 463<link rel="dns-prefetch" href="https://api.judge.me"> 464
465<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ average_rating }} | {{ n }} review/reviews","badge_star_color":"#FFC401","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
465ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#000000","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#FFC401","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":true,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"country_iso_code","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":false,"enable_question_anwser":true,"widget_theme":"","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"â
Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"text","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":true,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"vintage","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":true,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":false,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":true,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"below","remove_judgeme_branding":true,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":false,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
465itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#000000","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":true,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":true,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"vertical","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"popup_widget_source_mode":"auto","popup_widget_page_product":"current_product","popup_widget_page_collection":"current_collection","popup_widget_page_cart":"cart_mode","popup_widget_page_home":"all","popup_widget_star_rating":"all","popup_widget_review_type":"all","popup_widget_top_up_thin_pages":true,"popup_widget_corner_styling":"soft","review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#000000","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"Summarized and selected by AI from recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":true,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"review_widget","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#000000","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#000000","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
465youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":false,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":true,"review_widget_install_preference":"above-related","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":false,"review_widget_qna_enabled":false,"review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
465:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"Weâll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews/stores/www.freestyleusa.com","branding_text":"Powered by Judge.me","locale":"en","reply_name":"Freestyle USA","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_use_review_site":true,"shop_locale":"en","enable_multi_locales_translations":true,"show_review_title_input":true,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
465shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"widget_events_v4_impressions_enabled":false,"widget_events_review_grain_enabled":false,"widget_events_v4_time_in_view_enabled":false,"widget_events_v4_session_key_enabled":false,"widget_events_v4_interactions_enabled":false,"widget_attribution_exposure_timestamps_enabled":false,"widget_attribution_v4_exposures_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"hostname_allowlist":"","can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"Freestyle USA"};</script>
465 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #000;--jdgm-secondary-color: rgba(0,0,0,0.1);--jdgm-star-color: #FFC401;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #000000;--jdgm-paginate-color: #000;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #000000}.jdgm-histogram__bar-content{background-color:#000000}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#000}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#FFC401}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-widget.jdgm-all-reviews-widget,.jdgm-widget .jdgm-rev-widg{border:none;padding:0}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #000;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'Freestyle USA'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )} 466</style> <style class='jdgm-settings-style'></style> 467 468 469 470 471 <style class='jdgm-miracle-styles'> 472 @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
472/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important} 473 474</style> 475 476 477 478 479 480 481 482 483
484<script data-cfasync='false' class='jdgm-script'> 485!function(e){window.jdgm=window.jdgm||{}; 486/* INF-1976 */ 487var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}(); 488if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;} 489jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/", 490jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)? 491setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){ 492!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d), 493(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!", 494a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))}, 495jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest; 496t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))}, 497t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll( 498".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting? 499parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"): 500jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css") 501)}))}(document); 502</script>
502 503<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/shopify_v2.css"></noscript> 504 505<!-- BEGIN app snippet: theme_fix_tags -->
505<script> 506 (function() { 507 var jdgmThemeFixes = null; 508 if (!jdgmThemeFixes) return; 509 510 // "All themes" fix: CSS and JS applied on every theme. CSS is injected 511 // before the per-theme fix so the theme-specific CSS wins the cascade. 512 // HTML is never applied globally (too risky). 513 var allThemesFix = jdgmThemeFixes['all']; 514 if (allThemesFix && allThemesFix.css) { 515 var allStyleTag = document.createElement('style'); 516 allStyleTag.classList.add('jdgm-theme-fix-style-all'); 517 allStyleTag.innerHTML = allThemesFix.css; 518 document.head.append(allStyleTag); 519 }; 520 521 if (allThemesFix && allThemesFix.js) { 522 var allScriptTag = document.createElement('script'); 523 allScriptTag.classList.add('jdgm-theme-fix-script-all'); 524 allScriptTag.innerHTML = allThemesFix.js; 525 document.head.append(allScriptTag); 526 }; 527 528 var thisThemeFix = jdgmThemeFixes[Shopify.theme.id]; 529 if (!thisThemeFix) return; 530 531 if (thisThemeFix.html) { 532 document.addEventListener("DOMContentLoaded", function() { 533 var htmlDiv = document.createElement('div'); 534 htmlDiv.classList.add('jdgm-theme-fix-html'); 535 htmlDiv.innerHTML = thisThemeFix.html; 536 document.body.append(htmlDiv); 537 }); 538 }; 539 540 if (thisThemeFix.css) { 541 var styleTag = document.createElement('style'); 542 styleTag.classList.add('jdgm-theme-fix-style'); 543 styleTag.innerHTML = thisThemeFix.css; 544 document.head.append(styleTag); 545 }; 546 547 if (thisThemeFix.js) { 548 var scriptTag = document.createElement('script'); 549 scriptTag.classList.add('jdgm-theme-fix-script'); 550 scriptTag.innerHTML = thisThemeFix.js; 551 document.head.append(scriptTag); 552 }; 553 })(); 554</script>
554 555<!-- END app snippet --> 556<!-- End of Judge.me Core --> 557 558 559 560<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 561 562 563 564 565 566 567 568 569 570 571 572 573
573<script async src="https://static.klaviyo.com/onsite/js/Njm3qt/klaviyo.js?company_id=Njm3qt"></script>
573 574
574<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>
574 575 576 577 578 579 580 581
581<script> 582 window.klaviyoReviewsProductDesignMode = false 583 </script>
583 584 585 586 587 588 589 590 591 592 593<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/brandAgents_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea --> 594 595 596
597<script type="text/javascript"> 598 (function(d){ 599 var s = d.createElement('script'); 600 s.async = true; 601 s.src = "https://adsagentclientafd-b7hqhjdrf3fpeqh2.b01.azurefd.net/frontendInjection.js"; 602 var firstScript = d.getElementsByTagName('script')[0]; 603 firstScript.parentNode.insertBefore(s, firstScript); 604 })(document); 605</script>
605 606 607 608 609<!-- END app block --><!-- BEGIN app block: shopify://apps/patrol/blocks/theme-injection/019c9621-793f-7152-a8bf-bac8d71d9665 --> 610 611
612<script> 613 window.__patrolConsentPopupActive = false; 614 window.__patrolPreviewScriptUrl = "https:\/\/cdn.shopify.com\/extensions\/01a0cb1b-4614-7607-b4d4-310d6b779d07\/patrol-81\/assets\/patrol-preview.js"; 615</script>
615 616 617<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
618<script type="text/javascript"> 619 (function (c, l, a, r, i, t, y) { 620 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 621 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 622 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 623 624 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 625 if (error) { 626 console.error("Error loading Shopify features:", error); 627 return; 628 } 629 630 c[a]('consentv2', { 631 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 632 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 633 source: 101, 634 }); 635 }); 636 637 l.addEventListener("visitorConsentCollected", function (e) { 638 c[a]('consentv2', { 639 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 640 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 641 source: 101, 642 }); 643 }); 644 })(window, document, "clarity", "script", "v8pt7qufpf"); 645</script>
645 646 647 648 649<!-- 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 /> 650<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
651<script> 652/* >> TriplePixel :: start*/ 653window.TriplePixelData={TripleName:"freestyleusa.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"",name:``,price:"",variant:"",av:{ }},search:"",collection:"",cart:"",template:"search",curr:"USD" || "USD", market:"2555947"},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); 654/* << TriplePixel :: end*/ 655</script>
655 656 657 658 659<!-- END app block -->
659<script src="https://cdn.shopify.com/extensions/01a0cdf8-b2d2-7ccd-a251-5cf8c66ad2ca/judgeme-762/assets/loader.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 659
659
660<script src="https://cdn.shopify.com/extensions/01a0cb1b-4614-7607-b4d4-310d6b779d07/patrol-81/assets/patrol-modules.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 660
660
661<script src="https://cdn.shopify.com/extensions/01a0c84d-09f9-74b4-a007-90becfd116ee/2026-09-22-08-46-47-UTC--1331660/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
661 662<meta property="og:image" content="https://cdn.shopify.com/s/files/1/2600/1720/files/logo-black.png?height=628&pad_color=fff&v=1613171029&width=1200" /> 663<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2600/1720/files/logo-black.png?height=628&pad_color=fff&v=1613171029&width=1200" /> 664<meta property="og:image:width" content="1200" /> 665<meta property="og:image:height" content="628" /> 666<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
667<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: 26001720,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "search"};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 667
667
668<script> 669 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 670</script>
vendor: 1 bytes, line 670
670
671<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}
671).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: 26001720,storefrontBaseUrl: "https://www.freestyleusa.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.freestyleusa.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"1577156651","configuration":"{\"projectId\":\"v8pt7qufpf\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
671,"dataSharingState":"unrestricted"},{"id":"1261404203","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1257635883","configuration":"{\"shopId\":\"freestyleusa.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":"1245478955","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":"1052999723","configuration":"{\"accountID\":\"Njm3qt\",\"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":"884539435","configuration":"{\"account_ID\":\"5265\",\"google_analytics_tracking_tag\":\"1\",\"measurement_id\":\"2\",\"api_secret\":\"3\",\"shop_settings\":\"{\\\"custom_pixel_script\\\":\\\"https:\\\\\\\/\\\\\\\/storage.googleapis.com\\\\\\\/gsf-scripts\\\\\\\/custom-pixels\\\\\\\/freestyleusa.js\\\",\\\"allow_tracking\\\":true,\\\"enable_post_purchase\\\":false,\\\"ga4_enabled\\\":\\\"-1\\\",\\\"ga4_measurement_id\\\":\\\"\\\",\\\"ga4_tag_id\\\":\\\"\\\",\\\"ga4_submit_subtotal\\\":1,\\\"google_ads_enabled\\\":\\\"1\\\",\\\"ga_conversion_id\\\":\\\"AW-1033615370\\\",\\\"ga_purchase_label\\\":\\\"uL87CI-kvosYEIrw7uwD\\\",\\\"ga_add_to_cart_label\\\":\\\"-gAjCO_xvIsYEIrw7uwD\\\",\\\"ga_begin_checkout_label\\\":\\\"BXP1CMTpvYsYEIrw7uwD\\\",\\\"ga_tag_id\\\":\\\"\\\",\\\"ga_submit_subtotal\\\":\\\"0\\\",\\\"drm_enabled\\\":\\\"1\\\",\\\"prefixD\\\":\\\"US\\\",\\\"google_merchant_id\\\":\\\"115643633\\\",\\\"target_country\\\":\\\"US\\\",\\\"content_language\\\":\\\"en\\\",\\\"enhace_conversion_browser_side\\\":false,\\\"enhace_conversion_server_side\\\":\\\"1\\\",\\\"consent_mode\\\":1,\\\"ads_data_redaction\\\":0,\\\"url_passthrough\\\":1,\\\"sku_as_product_id\\\":\\\"1\\\",\\\"gtm_enabled\\\":0,\\\"gtm_container\\\":\\\"\\\",\\\"server_container_url\\\":\\\"\\\",\\\"shopify_store\\\":\\\"dbf0ce31094c910eb8232273a97ed7330637a94233826ee58b04ef3c2e7444cf663f5657705871c565c6b59625f16d8d497607707dce0375b10e921fbcbca2fe\\\"}\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"dbf16afd37d7bda963909dd4e886232e","type":"APP","apiClientId":1558137,"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"},{"id":"677249067","configuration":"{\"tagID\":\"2621131233882\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"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":"541032491","configuration":"{\"accountID\":\"3b3ef15a-cc5f-4c53-b5d5-0004f5dc0d62\",\"customCartAddEventNames\":\",\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8a1c0ad0b207d676b4a622ea95a64a58","type":"APP","apiClientId":159457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"352026667","configuration":"{\"publicKey\":\"pub_6af13dfdf749d706bd63\",\"apiUrl\":\"https:\\\/\\\/tracking.refersion.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0fb80394591dba97de0fece487c9c5e4","type":"APP","apiClientId":147004,"privacyPurposes":["ANALYTICS","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"268992555","configuration":"{\"pixel_id\":\"414420508935015\",\"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"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"223805483","configuration":"{\"env\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"8a9a175b11d15038a70fe78d09c59720","type":"APP","apiClientId":397
6717633,"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":"18645035","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Simprosys Custom Pixel"},{"id":"25067563","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"SearchSpring Purchase Tracking"},{"id":"25100331","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google AdWords"},{"id":"25198635","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Tag Manager"},{"id":"25657387","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention Tracking"},{"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":"Freestyle USA","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"freestyleusa.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.freestyleusa.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.freestyleusa.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"128904265771","themePublished":"true","eventMetadataId":"d4681b52-e4c8-4277-8272-d59f8576e8ee","pageType":"searchresults","shopId":"26001720","storefrontBaseUrl":"https:\/\/www.freestyleusa.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"search_submitted\",{\"searchResult\":{\"query\":\"\",\"productVariants\":[]}}]]"});})();</script>
671<script> 672 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 673 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 674 window.ShopifyAnalytics.meta.currency = 'USD'; 675 var meta = {"products":[],"page":{"pageType":"searchresults","requestId":"b1060224-1491-4fc2-ac9c-98eb4cbdb8d3-1790363349"}}; 676 for (var attr in meta) { 677 window.ShopifyAnalytics.meta[attr] = meta[attr]; 678 } 679</script>
vendor: 1 bytes, line 679
679
680<script class="analytics"> 681 (function () { 682 var customDocumentWrite = function(content) { 683 var jquery = null; 684 685 if (window.jQuery) { 686 jquery = window.jQuery; 687 } else if (window.Checkout && window.Checkout.$) { 688 jquery = window.Checkout.$; 689 } 690 691 if (jquery) { 692 jquery('body').append(content); 693 } 694 }; 695 696 var hasLoggedConversion = function(token) { 697 if (token) { 698 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 699 } 700 return false; 701 } 702 703 var setCookieIfConversion = function(token) { 704 if (token) { 705 var twoMonthsFromNow = new Date(Date.now()); 706 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 707 708 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 709 } 710 } 711 712 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 713 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 714 if (trekkie.integrations) { 715 return; 716 } 717 trekkie.methods = [ 718 'identify', 719 'page', 720 'ready', 721 'track', 722 'trackForm', 723 'trackLink' 724 ]; 725 trekkie.factory = function(method) { 726 return function() { 727 var args = Array.prototype.slice.call(arguments); 728 args.unshift(method); 729 trekkie.push(args); 730 if (method == 'track' || method == 'page') { 731 var pageUrl; 732 try { 733 pageUrl = window.location.href; 734 } catch (e) {} 735 var pageReferrer; 736 try { 737 pageReferrer = document.referrer; 738 } catch (e) {} 739 try { 740 if (window.__TREKKIE_SHIM_QUEUE == null) { 741 window.__TREKKIE_SHIM_QUEUE = []; 742 } 743 window.__TREKKIE_SHIM_QUEUE.push({ 744 from: 'trekkie-stub', 745 method: method, 746 args: args.slice(1), 747 pageContext: { 748 url: pageUrl, 749 referrer: pageReferrer 750 } 751 }); 752 } catch (e) { 753 // no-op 754 } 755 } 756 return trekkie; 757 }; 758 }; 759 for (var i = 0; i < trekkie.methods.length; i++) { 760 var key = trekkie.methods[i]; 761 trekkie[key] = trekkie.factory(key); 762 } 763 trekkie.load = function(config) { 764 trekkie.config = config || {}; 765 trekkie.config.initialDocumentCookie = document.cookie; 766 var first = document.getElementsByTagName('script')[0]; 767var script = document.createElement('script'); 768script.type = 'text/javascript'; 769script.onerror = function(e) { 770 var scriptFallback = document.createElement('script'); 771 scriptFallback.type = 'text/javascript'; 772 scriptFallback.onerror = function(error) { 773 var Monorail = { 774 produce: function produce(monorailDomain, schemaId, payload) { 775 var currentMs = new Date().getTime(); 776 var event = { 777 schema_id: schemaId, 778 payload: payload, 779 metadata: { 780 event_created_at_ms: currentMs, 781 event_sent_at_ms: currentMs 782 } 783 }; 784 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 785 }, 786 sendRequest: function sendRequest(endpointUrl, payload) { 787 // Try the sendBeacon API 788 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 789 var blobData = new window.Blob([payload], { 790 type: 'text/plain' 791 }); 792 793 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 794 return true; 795 } // sendBeacon was not successful 796 797 } // XHR beacon 798 799 var xhr = new XMLHttpRequest(); 800 801 try { 802 xhr.open('POST', endpointUrl); 803 xhr.setRequestHeader('Content-Type', 'text/plain'); 804 xhr.send(payload); 805 } catch (e) { 806 console.log(e); 807 } 808 809 return false; 810 }, 811 isIos12: function isIos12() { 812 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 813 } 814 }; 815 Monorail.produce('monorail-edge.shopifysvc.com', 816 'trekkie_storefront_load_errors/1.1', 817 {shop_id: 26001720, 818 theme_id: 128904265771, 819 app_name: "storefront", 820 context_url: window.location.href, 821 source_url: "//www.freestyleusa.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 822 823 }; 824 scriptFallback.async = true; 825 scriptFallback.src = '//www.freestyleusa.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 826 first.parentNode.insertBefore(scriptFallback, first); 827}; 828script.async = true; 829script.src = '//www.freestyleusa.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 830first.parentNode.insertBefore(script, first); 831 832 }; 833 trekkie.load( 834 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":26001720,"isMerchantRequest":null,"themeId":128904265771,"themeCityHash":"2225211244462611972","contentLanguage":"en","currency":"USD","eventMetadataId":"d4681b52-e4c8-4277-8272-d59f8576e8ee"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 835 ); 836 837 var loaded = false;
838 trekkie.ready(function() { 839 if (loaded) return; 840 loaded = true; 841 842 window.ShopifyAnalytics.lib = window.trekkie; 843 844 var originalDocumentWrite = document.write; 845 document.write = customDocumentWrite; 846 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 847 document.write = originalDocumentWrite; 848 849 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 850 var token = match? match[1]: undefined; 851 if (!hasLoggedConversion(token)) { 852 setCookieIfConversion(token); 853 window.ShopifyAnalytics.lib.track("Performed Search",{"query":null},undefined,undefined,{"shopifyEmitted":true}); 854 } 855 }); 856 857 window.ShopifyAnalytics.lib.page(null,{"pageType":"searchresults","requestId":"b1060224-1491-4fc2-ac9c-98eb4cbdb8d3-1790363349","shopifyEmitted":true}); 858 859 var eventsListenerScript = document.createElement('script'); 860 eventsListenerScript.async = true; 861 eventsListenerScript.src = "//www.freestyleusa.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 862 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 863})();</script>
863 864
864<script> 865 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 866 window.ga = function ga() { 867 (window.ga.q = window.ga.q || []).push(arguments); 868 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 869 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 870 } 871 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 872 }; 873 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 874 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 875 } 876 } 877</script>
vendor: 1 bytes, line 877
877
878<script 879 defer 880 src="https://www.freestyleusa.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 881 data-application="storefront-renderer" 882 data-shop-id="26001720" 883 data-render-region="gcp-us-central1" 884 data-page-type="search" 885 data-theme-instance-id="128904265771" 886 data-theme-name="Parallax" 887 data-theme-version="3.3.2" 888 data-monorail-region="shop_domain" 889 data-resource-timing-sampling-rate="10" 890 data-shs="true" 891 data-shs-beacon="true" 892 data-shs-export-with-fetch="true" 893 data-shs-logs-sample-rate="1" 894 data-shs-beacon-endpoint="https://www.freestyleusa.com/api/collect" 895></script>
895 896<meta name="shopify-y" content="e253b6fa-79d4-4ed0-af55-10f25e7d5084" data-expiration="1821920949000"><meta name="shopify-s" content="2311b764-e758-488a-9755-2d85633c764b" data-expiration="1790365149000"><meta name="new-cookie-storage-activated" content="t"> 897</head> 898 899 900 901 <body class="search "> 902 <a href="#main" class="patrol-skip-link">Skip to content</a> 903 <div class="site_modal_overlay" onclick="close_all_layers()"></div> 904 <div class="desktop-menu-overlay"></div> 905 906 <div id="content_wrapper"> 907 <div id="shopify-section-header" class="shopify-section header-section"> 908 909<style> 910 body.mobile > div > #smile-ui-container, 911 body.mobile > #attentive_overlay { 912 display: none; 913 } 914 915 /* el guapo 916 .header-top-content .header-top-msg a, 917 .header-top-content .header-top-msg a strong { 918 color: #e02424; 919 } 920 */ 921 922 923 @media screen and (max-width: 992px) { 924 #content_wrapper .global-wrapper { 925 padding-top: 100px; 926 padding-left:0px; 927 padding-right:0px; 928 } 929 } 930 .acsb-trigger.acsb-trigger-size-small{ 931 z-index: 0 !important; 932 } 933 @media screen and (min-width: 1920px) { 934 .g2{ 935 margin-left: -130px; 936 } 937 .g1{ 938 margin-left: 122px; 939 } 940 .g3{ 941 margin-left: -5px; 942 } 943 .g6{ 944 margin-left: 27px; 945 } 946 } 947 948 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 949 z-index: 1000; 950 } 951 .rowgrid{ 952 grid-gap: 7px !important; 953 } 954 @media screen and (min-width: 773px) { 955 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 956 margin-top: -11px; 957 } 958 } 959 960 .is-hidden{ 961 display:none !important; 962 } 963 @media screen and (max-width: 690px) { 964 .media-grid-1{ 965 display:none; 966 } 967 968 } 969 @media screen and (max-width: 773px) { 970 .mega-menu-item+.is-grid.media-grid-2{ 971 display:none; 972 } 973 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 974 width: calc(100% - 300px) !important; 975 } 976 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 977 width: 100% !important ; 978 } 979 .mega-menu { 980 width: 100% !important ; 981 } 982 .desktop{ 983 display:none; 984 } 985 986 .global-wrapper.visible { 987 display: none; 988 } 989 #shopify-section-footer.visible{ 990 display: none; 991 992 } 993 body.mobile{ 994 background-color: transparent !important; 995 996 } 997 } 998 @media screen and (min-width: 993px) and (max-width: 1030px) { 999 .header-nav-logo { 1000 width: 80px!important; 1001 height: auto!important; 1002 1003 } 1004 } 1005 @media screen and (min-width: 768px) and (max-width: 992px) { 1006 .header-nav-logo { 1007 width: 156px!important; 1008 height: auto!important; 1009 1010 } 1011 } 1012 @media screen and (min-width: 768px) and (max-width: 773px) { 1013 .desktop { 1014 display: block; 1015 } 1016 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 1017 width: 100% !important; 1018 } 1019 } 1020 @media only screen and (min-width: 722px) and (max-width: 1350px) { 1021 #accessibility-widget.mobile{ 1022 /* display:none !important;*/ 1023 } 1024 .mega-menu-item{ 1025 margin-top: 0; 1026 } 1027 .left-mega{ 1028 left: 59% !important; 1029 } 1030 } 1031 @media only screen and (min-width: 1351px) and (max-width: 1478px) { 1032 .mega-menu-item{ 1033 margin-top: 0; 1034 } 1035 .left-mega{ 1036 left: 49% !important; 1037 } 1038 } 1039 @media only screen and (min-width: 1479px) and (max-width: 1799px) { 1040 .mega-menu-item{ 1041 margin-top: 0; 1042 } 1043 .left-mega{ 1044 left: 39% !important; 1045 } 1046 } 1047 @media only screen and (min-width: 1800px){ 1048 1049 .mega-menu-item{ 1050 margin-top: 0; 1051 } 1052 .left-mega{ 1053 left: 30% !important; 1054 } 1055 1056 1057 } 1058 .text-center { 1059 text-align: center; 1060 } 1061 1062 .m-auto { 1063 margin-left: auto; 1064 margin-right: auto; 1065 } 1066 1067 .fa { 1068 padding: 2px; 1069 } 1070 1071 .header-section { 1072 box-shadow: 0px 1px 0px 0px rgba(223, 223, 224, 0.75); 1073 } 1074 1075 .wrapper-top { 1076 width: 100%; 1077 margin: 0 auto; 1078 padding: 0; 1079 } 1080 1081 .wrapper-header { 1082 width: 100%; 1083 padding: 0 40px; 1084 margin: auto; 1085 position: -webkit-sticky; 1086 position: sticky; 1087 top: 0; 1088 z-index: 10; 1089 max-width: 1920px; 1090 } 1091 @media (min-width: 425px) and (max-width: 1248px) { 1092 .wrapper-header { 1093 1094 padding: 0 15px; 1095 } 1096 .header-nav .header-brand { 1097 margin: 0 10px 0 0 !important; 1098 } 1099 .space-20>*:not(:first-child) { 1100 margin: 0; 1101 } 1102 } 1103 1104 @media (min-width: 768px) and (max-width:864px) { 1105 .header-nav .header-nav-menu .header-nav-menu-item > a { 1106 padding: 20px 4px !important; 1107 font-size: 10px!important; 1108 } 1109 .space-10>*:not(:first-child) { 1110 margin-left: 0; 1111 } 1112 .wrapper-header.hide-in-mobile div.is-flex.space-10 > ul.header-nav-menu.is-flex { 1113 display: none; 1114 } 1115 } 1116 @media (min-width: 865px) and (max-width: 992px) { 1117 .header-nav .header-nav-menu .header-nav-menu-item > a { 1118 padding: 20px 5px !important; 1119 font-size: 11px!important; 1120 } 1121 } 1122 1123 /* Accessibility Styles for Keyboard Navigation */ 1124 1125 /* Focus styles for menu links */ 1126 .header-nav .header-nav-menu .header-nav-menu-item > a:focus-visible { 1127 outline: 2px solid #000; 1128 outline-offset: -2px; 1129 background: rgba(29, 216, 250, 0.1); 1130 } 1131 1132 /* Focus indicator bar for menu links */ 1133 .header-nav .header-nav-menu .header-nav-menu-item > a:focus-visible::before { 1134 content: ""; 1135 display: block; 1136 position: absolute; 1137 left: 0; 1138 right: 0; 1139 bottom: -3px; 1140 height: 5px; 1141 background: #1dd8fa; 1142 } 1143 1144 /* Focus-within for parent menu items */ 1145 .header-nav .header-nav-menu .header-nav-menu-item:focus-within > a::before { 1146 content: ""; 1147 display: block; 1148 position: absolute; 1149 left: 0; 1150 right: 0; 1151 bottom: -3px; 1152 height: 5px; 1153 background: #1dd8fa; 1154 } 1155 1156 /* Focus styles for dropdown and mega menu links */ 1157 .mega-menu a:focus-visible, 1158 [data-dropdown-menu] a:focus-visible { 1159 text-decoration: underline; 1160 outline: 2px solid #000; 1161 outline-offset: 2px; 1162 background: #f0f0f0; 1163 } 1164 1165 /* Close button - visible to all users */ 1166 .dropdown-close-btn { 1167 position: absolute; 1168 top: 10px; 1169 right: 10px; 1170 background: #fff; 1171 padding: 8px 16px; 1172 font-size: 14px; 1173 font-weight: bold; 1174 cursor: pointer; 1175 pointer-events: auto; 1176 z-index: 10; 1177 transition: opacity 0.2s ease; 1178 } 1179 1180 .dropdown-close-btn:hover { 1181 opacity: 1; 1182 } 1183 1184 .dropdown-close-btn:focus-visible { 1185 opacity: 1; 1186 color: black !important 1187 } 1188 1189 /* Focus styles for cart, search, and account buttons */ 1190 .header-cart-bubble:focus-visible, 1191 #search-toggle:focus-visible, 1192 .top-bar-login:focus-visible { 1193 outline: 2px solid #1dd8fa; 1194 outline-offset: 2px; 1195 } 1196 1197 /* Ensure proper z-index for mega menus */ 1198 .mega-menu { 1199 position: absolute; 1200 z-index: 1001; 1201 } 1202 1203 /* Improve visibility of focus states */ 1204 a:focus-visible, 1205 button:focus-visible { 1206 outline: 2px solid #1dd8fa; 1207 outline-offset: 2px; 1208 } 1209 1210 .header-top { 1211 background-color: #000000; 1212 min-height: 25px; 1213 } 1214 1215 .header-top-content { 1216 padding: 8px 25px; 1217 box-sizing: border-box; 1218 } 1219 1220 .header-top-content * { 1221 font-family: 'ingra'; 1222 font-weight: 400; 1223 color: #ffffff; 1224 font-size: 14px; 1225 line-height: 1.2; 1226 text-transform: uppercase; 1227 } 1228 1229 .header-top-icon { 1230 height: 18px; 1231 width: 18px; 1232 } 1233 1234 .header-nav * { 1235 font-family: 'ingra'; 1236 font-weight: 400; 1237 font-size: 12px; 1238 } 1239 1240 .header-nav { 1241 height: auto; 1242 padding: 0; 1243 position: relative; 1244 } 1245 1246 .header-nav .header-brand { 1247 display: flex; 1248 margin: 0 40px 0 0; 1249 } 1250 1251 .header-nav [style="clear:both"] { 1252 display: none; 1253 } 1254 1255 .header-nav-logo { 1256 width: 83px; 1257 height: 54px; 1258 } 1259 1260 .header-nav .header-nav-menu { 1261 margin-bottom: 0; 1262 list-style-type: none; 1263 } 1264 1265 .header-nav .header-nav-menu .header-nav-menu-item { 1266 margin: 0; 1267 } 1268 1269 .header-nav .header-nav-menu .header-nav-menu-item > a { 1270 padding: 22px 20px; 1271 position: relative; 1272 color: black; 1273 text-transform: uppercase; 1274 } 1275 1276 .header-nav .header-nav-menu .header-nav-menu-item a:hover { 1277 color: #1dd8fa; 1278 text-decoration: underline; 1279 } 1280 1281 .header-nav-icon { 1282 height: 22px; 1283 width: 22px; 1284 } 1285 1286 .cart { 1287 position: relative; 1288 } 1289 1290 .cart .header-cart-bubble { 1291 margin-right: 6px; 1292 } 1293 1294 .cart-item-count, .wk-link__count { 1295 position: absolute; 1296 top: -7px; 1297 right: 1px; 1298 background: #1dd8fa; 1299 color: #000; 1300 padding: 0; 1301 height: 18px; 1302 width: 18px; 1303 font-size: 11px; 1304 border-radius: 50%; 1305 line-height: 1.5; 1306 display: flex; 1307 justify-content: center;
1308 align-items: center; 1309 } 1310 .wk-link__count { 1311 position: absolute !important; 1312 } 1313 .wishlist-item{ 1314 height: 22px; 1315 width: 22px; 1316 } 1317 1318 .mobile-menu-icons { 1319 display: flex; 1320 justify-content: space-around; 1321 gap: 20px; 1322 align-items: center; 1323 right: 25px; 1324 } 1325 1326 .header-nav-mobile { 1327 display: none; 1328 } 1329 1330 .menu-mobile { 1331 display: none; 1332 overflow-x: hidden; 1333 overflow-y: auto; 1334 height: calc(100% - 94px); 1335 /* height: calc(100vh - 230px); 1336 el guapo 1337 overflow-y: scroll; */ 1338 background-color: #f8f8f8; 1339 } 1340 1341 1342 1343 .header-top-content .header-top-msg a * { 1344 color: #1dd8fa; 1345 } 1346 1347 .header-top-content .header-top-msg * { 1348 margin-bottom: 0 !important; 1349 line-height: 1.2; 1350 } 1351 1352 @media screen and (max-width: 992px) { 1353 /* MENU MOBILE */ 1354 .menu-mobile *:not(:before) { 1355 box-sizing: border-box; 1356 font-family: 'ingra-condensed'; 1357 } 1358 1359 .menu-mobile.visible { 1360 display: block !important; 1361 padding: 0; 1362 background-color: #FFF; 1363 } 1364 .header-and-menu { 1365 z-index: 1000; 1366 max-height: 100%; 1367 /* height: 100%; */ 1368 width: 100vw; 1369 overflow: auto; 1370 overflow-x: hidden; 1371 overflow-y: scroll; 1372 position: fixed; 1373 /* top: 0; */ 1374 /* background-color: white; */ 1375 -webkit-overflow-scrolling:touch; 1376 } 1377 1378 .menu-mobile .menu-mobile-search { 1379 position: relative; 1380 background-color: #F9F8F8; 1381 } 1382 .menu-mobile .menu-mobile-search form { 1383 margin-bottom: 10px; 1384 margin-top: 20px; 1385 } 1386 .menu-mobile .menu-mobile-search:after { 1387 content: '\f002'; 1388 font-family: 'FontAwesome'; 1389 position: absolute; 1390 width: auto; 1391 height: auto; 1392 top: 50%; 1393 right: 20px; 1394 transform: translateY(-50%); 1395 color: hsl(0deg 0% 0% / 46%); 1396 z-index: 1; 1397 font-size: 20px; 1398 } 1399 1400 .menu-mobile .menu-mobile-search input { 1401 height: 54px; 1402 border: 0; 1403 background-color: transparent; 1404 padding: 0 20px; 1405 margin-bottom: 0; 1406 text-transform: none; 1407 box-shadow: none; 1408 color: rgb(0 0 0 / 60%); 1409 font-size: 14px !important; 1410 } 1411 1412 .menu-mobile .menu-mobile-search input::placeholder { 1413 font-size: 14px; 1414 } 1415 1416 .menu-mobile .menu-mobile-nav { 1417 background-color: transparent; 1418 } 1419 .menu-mobile .menu-mobile-nav .fa-chevron-down, 1420 .menu-mobile .menu-mobile-nav .fa-chevron-up { 1421 font-size: 10px; 1422 } 1423 1424 .menu-mobile .menu-mobile-nav ul { 1425 margin-left: 0; 1426 padding: 0 15px 15px; 1427 } 1428 1429 .menu-mobile .menu-mobile-nav ul li { 1430 list-style-type: none; 1431 } 1432 1433 .menu-mobile .menu-mobile-nav ul li a.mega-menu-item { 1434 display: -webkit-box; 1435 } 1436 1437 .menu-mobile .menu-mobile-nav ul li a { 1438 padding: 0; 1439 text-transform: uppercase; 1440 color: #000; 1441 font-size: 14px; 1442 font-family: 'ingra'; 1443 font-weight: 400; 1444 letter-spacing: 0.05rem; 1445 display: flex; 1446 justify-content: space-between; 1447 align-items: center; 1448 width: 100%; 1449 line-height: 1; 1450 } 1451 .menu-mobile .menu-mobile-nav ul li.menu-item-smart-straps a svg { 1452 transform: rotate(90deg); 1453 } 1454 .menu-mobile .menu-mobile-nav ul li.menu-item-smart-straps.is-active a svg { 1455 transform: rotate(-90deg); 1456 } 1457 .menu-mobile .menu-mobile-nav ul li.menu-mobile-nav-item { 1458 position: relative; 1459 margin-bottom: 0; 1460 1461 } 1462 li.m2.menu-item-smart-straps a::after{ 1463 /* content: "\f078"; */ 1464 } 1465 li.menu-mobile-nav-item.gift-card { 1466 1467 } 1468 .menu-mobile .menu-mobile-nav ul li .mega-menu { 1469 background-color: #fff; 1470 1471 } 1472 1473 1474 /* FIN MENU MOBILE */ 1475 .wrapper { 1476 width: 100%; 1477 } 1478 1479 .header-top-content { 1480 padding: 5px 0; 1481 } 1482 1483 .header-top-content .header-top-msg { 1484 font-size: 12px; 1485 text-align: center; 1486 line-height: 1.2; 1487 overflow-x: hidden; 1488 } 1489 1490 /* MOBILE */ 1491 .header-nav-mobile * { 1492 font-family: 'ingra-condensed'; 1493 font-weight: 400; 1494 } 1495 1496 .header-nav-mobile { 1497 display: flex; 1498 height: auto; 1499 padding: 0 15px; 1500 border-bottom: 1px solid #F2F2F2; 1501 background-color: #fff; 1502 } 1503 1504 .header-nav-mobile .header-cart-bubble { 1505 position: relative; 1506 margin-right: 10px; 1507 display: flex; 1508 align-items: center; 1509 justify-content: center; 1510 } 1511 .header-nav-mobile .header-cart-bubble .cart-item-count { 1512 position: absolute; 1513 top: -5px; 1514 right: -12px; 1515 } 1516 1517 .header-nav-mobile .header-nav-icon { 1518 height: 22px; 1519 width: 22px; 1520 } 1521 1522 .header-nav-mobile .mobile_logo img { 1523 height: 30px; 1524 } 1525 1526 .header-nav-mobile .icon-menu { 1527 position: relative; 1528 width: 32px; 1529 height: 32px; 1530 } 1531 1532 .header-nav-mobile .icon-menu:before { 1533 position: absolute; 1534 font-size: 25px; 1535 color: black; 1536 font-weight: normal; 1537 top: 50%; 1538 left: 50%; 1539 transform: translate(-50%, -50%); 1540 } 1541 1542 .header-nav-mobile .icon-menu.close:after { 1543 content: url(//www.freestyleusa.com/cdn/shop/t/212/assets/menu-close.png?v=155238409741213268431743620266); 1544 position: absolute; 1545 top: 25%; 1546 left: 6px; 1547 } 1548 .header-nav-mobile .icon-menu.close:before { 1549 display: none; 1550 } 1551 1552 .mm-menu .mm-navbar { 1553 border-bottom: 0; 1554 } 1555 1556 .mm-menu .mm-navbar img { 1557 height: 35px !important; 1558 } 1559 1560 .mm-menu .mm-navbar .mm-search input { 1561 border-radius: 0; 1562 } 1563 1564 .mm-menu .mm-navbar .mm-panel .mm-listview { 1565 margin-left: 0 !important; 1566 margin-right: 0 !important; 1567 } 1568 1569 .mm-menu .mm-navbar .mm-panel .mm-listview li a { 1570 padding: 12px 0 !important; 1571 } 1572 1573 .mm-menu .mm-navbar .mm-panel .mm-listview li a:after { 1574 left: 0 !important; 1575 } 1576 } 1577 1578 .wrap-header { 1579 position: -webkit-sticky; 1580 /* Safari */ 1581 position: sticky; 1582 top: 0; 1583 } 1584 1585 .primary_logo { 1586 max-width: 200px; 1587 height: auto; 1588 } 1589 @media screen and (max-width: 767px) { 1590 .marquee-container-mobile { 1591 overflow: hidden; 1592 white-space: nowrap; 1593 margin: 0 15px; 1594 } 1595 1596 .header-top-content { 1597 padding: 8px 0px; 1598 } 1599 } 1600 1601 div.logo img { 1602 width: 205px; 1603 max-width: 100%; 1604 max-height: 200px; 1605 display: block; 1606 } 1607 1608 .mm-title img { 1609 max-width: 100%; 1610 max-height: 60px; 1611 } 1612 1613 .header .nav .main-menu-left li .top-link { 1614 margin-left: 8px; 1615 margin-right: 8px; 1616 padding-left: 0; 1617 padding-right: 0; 1618 } 1619 div.header-nav .header-nav-menu .header-nav-menu-item>a.menu__link_red,div.header-nav .header-nav-menu .header-nav-menu-item>a.menu__link_red:hover{ 1620 color: #db0000 !important; 1621 font-weight: 500; 1622 } 1623 .header div.logo a { 1624 padding-top: 10px; 1625 1626 padding-bottom: 10px; 1627 } 1628 1629 1630
1631 .nav ul.menu { 1632 padding-top: 0px; 1633 } 1634 1635 1636 1637 1638 a.dropdown-link>span.icon-arrow-down { 1639 display: none; 1640 } 1641 1642 ul.menu>li.sub-menu { 1643 padding-right: 13px; 1644 } 1645 1646 li.sub-menu>.dropdown-link { 1647 font-size: 20px; 1648 font-weight: 500; 1649 } 1650 1651 .nav ul li.nav-menu-heading { 1652 margin-top: 6px; 1653 margin-bottom: 6px; 1654 font-weight: 500; 1655 font-size: 18px; 1656 } 1657 1658 div.content { 1659 padding: 70px 15px 0; 1660 max-width: 970px; 1661 width: 100%; 1662 } 1663 1664 .product-template-section div.content { 1665 padding: 96px 0 0; 1666 max-width: unset; 1667 } 1668 1669 .nav ul.menu ul li a.sub-link, 1670 .nav ul.menu ul li>a { 1671 font-weight: 600; 1672 color: #0094ce !important; 1673 font-size: 15px; 1674 padding: 5px 0 5px 24px; 1675 text-transform: none; 1676 display: block; 1677 width: 100%; 1678 } 1679 1680 @media only screen and (max-width: 767px) { 1681 div.content { 1682 padding-top: 20px; 1683 } 1684 } 1685 1686 1687 1688 div.dropdown-links>ul>li.nav-menu-heading:not(:first-child) { 1689 margin-top: 12px; 1690 } 1691 1692 .search-submit { 1693 position: relative; 1694 left: 15px; 1695 float: left; 1696 top: 168px; 1697 cursor: pointer; 1698 } 1699 1700 .fa-search:before { 1701 content: "\f002"; 1702 color: #e9e9e9; 1703 font-size: 1em; 1704 } 1705 1706 .menu-mobile { 1707 display: none; 1708 } 1709 .new-search-popup form .search-close { 1710 width: 28px; 1711 height: 28px; 1712 } 1713 1714 .new-search-popup form .search-close svg { 1715 width: 100%; 1716 height: 100%; 1717 } 1718 1719 #shopify-section-header .header-and-menu .header-nav-mobile .icon-menu { 1720 display: flex; 1721 align-items: center; 1722 justify-content: center; 1723 } 1724 1725 #shopify-section-header .header-and-menu .header-nav-mobile .icon-menu.close svg { 1726 display: none; 1727 } 1728 .header-and-menu .header-nav-mobile .icon-menu:before { 1729 display: none; 1730 } 1731</style>
1732<script> 1733 $(document).ready(function () { 1734 $('.icon-menu').click(function () { 1735 $('.menu-mobile').toggleClass('visible'); 1736 $('.icon-menu').toggleClass('close'); 1737 $('.global-wrapper').toggleClass('visible'); 1738 $('#shopify-section-footer').toggleClass('visible'); 1739 $('body').toggleClass('mobile'); 1740 1741 $('.acsb-trigger').toggleClass("is-hidden"); 1742 $('#gorgias-chat-container').toggleClass("is-hidden"); 1743 1744 1745 if ($('body').hasClass('mobile')) { 1746 const widgets = document.querySelectorAll('access-widget-ui'); 1747 widgets.forEach((widget) => { 1748 const shadowRoot = widget.shadowRoot; 1749 if (shadowRoot) { 1750 const style = document.createElement('style'); 1751 style.textContent = '* { display: none !important; }'; 1752 shadowRoot.appendChild(style); 1753 style.style.opacity = '0'; 1754 } 1755 }); 1756 } else { 1757 const widgets = document.querySelectorAll('access-widget-ui'); 1758 widgets.forEach((widget) => { 1759 const shadowRoot = widget.shadowRoot; 1760 if (shadowRoot) { 1761 const style = document.createElement('style'); 1762 style.textContent = '* { display: block !important; }'; 1763 shadowRoot.appendChild(style); 1764 style.style.opacity = '0'; 1765 } 1766 }); 1767 } 1768 1769 }); 1770 }); 1771</script>
1771 1772 1773<div class="header-and-menu"> 1774 1775 1776 1777 1778 <div class="header-top"> 1779 <div class="wrapper-top is-flex flex-between flex-vcenter header-top-content marquee-container-mobile"> 1780 <div class="header-top-msg m-auto"> 1781 <div class="hide-in-mobile"><p><strong>FREE SHIPPING ON DOMESTIC ORDERS $60+ | </strong><a href="https://www.freestyleusa.com/pages/shipping" title="Shipping Info"><strong>SHIPPING INFO</strong></a></p></div> 1782 1783 <span class="hide-in-desktop"> 1784 <div><p><strong>FREE SHIPPING ON DOMESTIC ORDERS $60+ |  </strong><a href="https://www.freestyleusa.com/pages/shipping" title="Shipping Info"><strong>SHIPPING INFO</strong></a></p></div> 1785 </span> 1786 <!-- FREE FEDEX 2 DAY SHIPPING ON DOMESTIC ORDERS $50+ | WATER RESISTANT SPORT WATCHES --> 1787 </div> 1788 1789 </div> 1790 </div> 1791 1792 1793 <div class="is-flex flex-between flex-center header-nav-mobile"> 1794 <div class="icon-menu"> 1795 <svg width="25" height="17" viewBox="0 0 25 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 1796 <line y1="8.25" x2="25" y2="8.25" stroke="black" stroke-width="1.5"/> 1797 <line y1="0.75" x2="25" y2="0.75" stroke="black" stroke-width="1.5"/> 1798 <line y1="15.75" x2="25" y2="15.75" stroke="black" stroke-width="1.5"/> 1799 </svg> 1800 </div> 1801 <a href="https://www.freestyleusa.com" title="Freestyle USA" class="mobile_logo is-flex flex-center"> 1802 1803 <img src="//www.freestyleusa.com/cdn/shop/files/logo_250x.png?v=1699370846" alt="Freestyle USA" /> 1804 1805 </a> 1806 <div class="mobile-menu-icons"> 1807 <span class="wishlist-item"></span> 1808 <div class="header-cart-bubble" onclick="open_slider_cart()"> 1809 <svg xmlns="http://www.w3.org/2000/svg" width="18.067" height="18.08" viewBox="0 0 18.067 18.08"> 1810 <g id="cart" transform="translate(-5.98 -5.98)"> 1811 <path id="Path_5464" data-name="Path 5464" d="M11.44,9.059V10.25H22.756v2.358L21.434,16.8H11.065L9.576,6.08H6.08V7.271H8.539l1.489,10.722h12.28l1.639-5.2V9.059Z" transform="translate(0 0)" stroke="#000" stroke-width="0.2"/> 1812 <path id="Path_5465" data-name="Path 5465" d="M45.316,139.971a2.382,2.382,0,1,0,2.382,2.382A2.385,2.385,0,0,0,45.316,139.971Zm0,3.573a1.191,1.191,0,1,1,1.191-1.191A1.191,1.191,0,0,1,45.316,143.544Z" transform="translate(-33.244 -120.775)" stroke="#000" stroke-width="0.2"/> 1813 <path id="Path_5466" data-name="Path 5466" d="M130.436,139.971a2.382,2.382,0,1,0,2.382,2.382A2.385,2.385,0,0,0,130.436,139.971Zm0,3.573a1.191,1.191,0,1,1,1.191-1.191A1.191,1.191,0,0,1,130.436,143.544Z" transform="translate(-110.026 -120.775)" stroke="#000" stroke-width="0.2"/> 1814 </g> 1815 </svg> 1816 <span class="cart-item-count">0</span> 1817 </div> 1818 </div> 1819 </div> 1820 1821 <div class="menu-mobile mobile"> 1822 <div class="menu-mobile-search"> 1823 <form action="/search"> 1824 <input type="search" name="q" placeholder="SEARCH WATCHES, STRAPS, PARTS AND MORE!"> 1825 </form> 1826 </div> 1827 <div class="menu-mobile-nav"> 1828 <ul> 1829 1830 <li class="menu-mobile-nav-item "> 1831 <a href="#" class="is-flex flex-between align-center "> 1832 <div style="display: flex; align-items: center;"> 1833 1834 WATCHES</div> 1835 1836 <i class="fa fa-chevron-down"></i> 1837 1838 </a> 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 <div class="mega-menu is-grid grid-200 media-grid-1 global-mega-menu"> 1849 1850 1851 1852 1853 1854 1855 1856 1857 <div class="mega-menu-item gm1 featured-menu" > 1858 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 1859 <h3 class="mega-menu__title">Featured</h3><a href="/collections/view-all" class="mega-menu__link hide-desktop">View All</a></div> 1860 <ul class="mega-menu__list"><li class="mega-menu__item"> 1861 <a href="/collections/new" class="mega-menu__link">New Arrivals</a> 1862 </li><li class="mega-menu__item"> 1863 <a href="/pages/45th-anniversary" class="mega-menu__link">45th Anniversary</a> 1864 </li><li class="mega-menu__item"> 1865 <a href="/collections/best-sellers" class="mega-menu__link">Best Sellers</a> 1866 </li><li class="mega-menu__item"> 1867 <a href="/collections/collabs" class="mega-menu__link">Collabs</a> 1868 </li><li class="mega-menu__item"> 1869 <a href="/collections/watch-sale" class="mega-menu__link menu__link_red">Sale</a> 1870 </li><li class="mega-menu__item mega-menu__view-all hide-mobile"> 1871 <a href="/collections/view-all" class="mega-menu__link">View All</a> 1872 </li></ul></div> 1873 </div> 1874 1875 <style> 1876 .hide-desktop { 1877 display: none !important; 1878 } 1879 1880 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 1881 1882 padding-left: 160px; 1883 width: 100vw !important; 1884 top: 84px !important; 1885 left: -40px !important; 1886 display: flex !important; 1887 gap: 35px !important; 1888 border-top: 1px solid #D5D8D8; 1889 } 1890 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 1891 padding-left: 250px; 1892 } 1893 1894 @media (max-width: 1500px) { 1895 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 1896 padding-left: 140px; 1897 } 1898 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 1899 padding-left: 225px; 1900 } 1901 } 1902 @media (max-width: 1374px) { 1903 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 1904 padding-left: 140px; 1905 } 1906 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 1907 padding-left: 215px; 1908 } 1909 } 1910 @media (min-width: 425px) and (max-width: 1248px) { 1911 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 1912 left: -15px !important; 1913 padding-left: 100px; 1914 } 1915 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 1916 padding-left: 180px; 1917 } 1918 } 1919 @media (max-width: 1079px) { 1920 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 1921 padding-left: 160px; 1922 } 1923 } 1924 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 1925 border-top: none !important; 1926 } 1927 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 1928 width: auto !important; 1929 } 1930 1931 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 1932 font: normal normal bold 14px/40px Ingra; 1933 letter-spacing: 0.56px; 1934 color: #000000; 1935 text-transform: uppercase; 1936 margin: 0; 1937 padding: 0px 15px; 1938 } 1939 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 1940 letter-spacing: 0px; 1941 color: #0F0F0F !important; 1942 text-align: left; 1943 padding: 8px 15px !important; 1944 text-transform: capitalize; 1945 } 1946 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 1947 color: #db0000 !important; 1948 font-weight: 500; 1949 } 1950 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 1951 font-weight: 700; 1952 } 1953 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 1954 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 1955 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 1956 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 1957 margin-top: 0; 1958 border-bottom: none; 1959 padding-bottom: 0; 1960 margin-bottom: 0 !important; 1961 } 1962 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 1963 display: grid; 1964 grid-template-columns: repeat(2, 1fr); 1965 gap: 0px 15px; 1966 padding-left: 15px; 1967 } 1968 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 1969 position: relative; 1970 padding-left: 27px !important; 1971 } 1972 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 1973 content: ''; 1974 width: 14px; 1975 height: 14px; 1976 position: absolute; 1977 top: 50%; 1978 left: 4px; 1979 transform: translateY(-50%); 1980 border-radius: 50%; 1981 border: 1px solid transparent; 1982 } 1983 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 1984 background-color: #000; 1985 } 1986 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 1987 background-color: #765623; 1988 } 1989 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 1990 background-color: #D54C4C; 1991 } 1992 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 1993 background-color: #56ACD8; 1994 } 1995 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 1996 background-color: #EFCD13; 1997 } 1998 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 1999 background-color: #EBA3D8; 2000 } 2001 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 2002 background-color: #53B553; 2003 } 2004 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 2005 background-color: #9963C1; 2006 } 2007 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 2008 background-color: #7C7C7C; 2009 } 2010 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 2011 background-color: #FF9D19; 2012 } 2013 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 2014 background-color: #fff; 2015 border-color: #707070 !important; 2016 } 2017 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 2018 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2018no-repeat padding-box; 2019 } 2020 2021 .g1{ 2022 width: 1000px; 2023 2024 } 2025 @media screen and (min-width: 1920px) { 2026 .g1 { 2027 margin-left: 75px !important; 2028 } 2029 } 2030 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 2031 visibility: hidden; 2032 display: none; 2033 } 2034 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 2035 visibility: hidden; 2036 position: absolute; 2037 top: 65px; 2038 left: 50%; 2039 width: calc(100% - 300px); 2040 height: auto; 2041 background-color: white; 2042 z-index: 1; 2043 box-sizing: border-box; 2044 padding: 30px; 2045 transform: translateX(-50%); 2046 font-size: 14px; 2047 grid-gap: 10px !important; 2048 } 2049 2050 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 2051 color: black; 2052 } 2053 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 2054 letter-spacing: .7px; 2055 padding: 0 !important; 2056 } 2057 2058 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 2059 color: #1cd7fa; 2060 } 2061 2062 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 2063 margin: 0; 2064 list-style-type: none; 2065 } 2066 2067 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 2068 margin-bottom: 0; 2069 } 2070 2071 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 2072 a:visited { 2073 padding: 5px 10px; 2074 position: relative; 2075 text-transform: uppercase; 2076 } 2077 2078 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 2079 .menu-mobile .mega-menu-item img { 2080 width: 100%; 2081 } 2082 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 2083 visibility: visible; 2084 } 2085 .menu-mobile .mega-menu-item { 2086 position: relative; 2087 display: flex; 2088 padding: 0 !important; 2089 } 2090 2091 .menu-mobile .mega-menu-item .mega-menu-item-title { 2092 position: absolute; 2093 bottom: 15px; 2094 color: white; 2095 text-align: center; 2096 left: 50%; 2097 transform: translateX(-50%); 2098 width: 100%; 2099 box-sizing: border-box; 2100 padding: 10px 8px; 2101 line-height: 1; 2102 background-color: rgba(0,0,0,0.6); 2103 } 2104 2105 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 2106 order: 1; 2107 } 2108 @media screen and (min-width: 1024px) and (max-width: 1399px) { 2109 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2110 left: 52%; 2111 } 2112 } 2113 @media screen and (min-width: 1400px) { 2114 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2115 left: 50%; 2116 } 2117 } 2118 @media(max-width: 992px) { 2119 .hide-mobile { 2120 display: none !important; 2121 } 2122 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 2123 order: unset !important; 2124 } 2125 .menu-mobile-nav-item .mega-menu.global-mega-menu { 2126 padding: 18px 15px; 2127 } 2128 2129 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 2130 display: grid !important; 2131 2132 gap: 15px 0; 2133 } 2134 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 2135 text-align: left; 2136 font: normal normal bold 14px Ingra; 2137 letter-spacing: 0.56px; 2138 color: #000000; 2139 padding-left: 0; 2140 } 2141 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 2142 display: flex; 2143 align-items: center; 2144 justify-content: space-between; 2145 } 2146 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 2147 margin-bottom: 15px; 2148 width: auto; 2149 text-transform: capitalize; 2150 font-weight: 700; 2151 display: block !important; 2152 } 2153 2154 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 2155 grid-column: span 2; 2156 } 2157 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 2158 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 2159 position: relative; 2160 padding-left: 0 !important; 2161 } 2162 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 2163 color: #db0000 !important; 2164 font-weight: 500; 2165 } 2166 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 2167 padding-left: 21px !important; 2168 line-height: normal !important; 2169 } 2170 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 2171 content: ''; 2172 width: 14px; 2173 height: 14px; 2174 position: absolute; 2175 top: 50%; 2176 left: 0px; 2177 transform: translateY(-50%); 2178 border-radius: 50%; 2179 border: 1px solid transparent; 2180 } 2181 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 2182 background-color: #000; 2183 } 2184 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 2185 background-color: #765623; 2186 } 2187 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 2188 background-color: #D54C4C; 2189 } 2190 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 2191 background-color: #56ACD8; 2192 } 2193 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 2194 background-color: #EFCD13; 2195 } 2196 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 2197 background-color: #EBA3D8; 2198 } 2199 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 2200 background-color: #53B553; 2201 } 2202 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 2203 background-color: #9963C1; 2204 } 2205 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 2206 background-color: #7C7C7C; 2207 } 2208 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 2209 background-color: #FF9D19; 2210 } 2211 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 2212 background-color: #fff; 2213 border-color: #707070 !important; 2214 } 2215 2216 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 2217 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2217no-repeat padding-box; 2218 } 2219 } 2220 </style> 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 <div class="mega-menu-item gm1 collection-menu" > 2232 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 2233 <h3 class="mega-menu__title">Collection</h3></div> 2234 <ul class="mega-menu__list"><li class="mega-menu__item"> 2235 <a href="/collections/shark" class="mega-menu__link">Shark Classic</a> 2236 </li><li class="mega-menu__item"> 2237 <a href="/collections/analog" class="mega-menu__link">Shark Analog</a> 2238 </li><li class="mega-menu__item"> 2239 <a href="/collections/shark-mini" class="mega-menu__link">Shark Mini</a> 2240 </li><li class="mega-menu__item"> 2241 <a href="/collections/tide" class="mega-menu__link">Tide</a> 2242 </li><li class="mega-menu__item"> 2243 <a href="/collections/dive" class="mega-menu__link">Dive</a> 2244 </li></ul></div> 2245 </div> 2246 2247 <style> 2248 .hide-desktop { 2249 display: none !important; 2250 } 2251 2252 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2253 2254 padding-left: 160px; 2255 width: 100vw !important; 2256 top: 84px !important; 2257 left: -40px !important; 2258 display: flex !important; 2259 gap: 35px !important; 2260 border-top: 1px solid #D5D8D8; 2261 } 2262 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2263 padding-left: 250px; 2264 } 2265 2266 @media (max-width: 1500px) { 2267 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2268 padding-left: 140px; 2269 } 2270 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2271 padding-left: 225px; 2272 } 2273 } 2274 @media (max-width: 1374px) { 2275 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2276 padding-left: 140px; 2277 } 2278 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2279 padding-left: 215px; 2280 } 2281 } 2282 @media (min-width: 425px) and (max-width: 1248px) { 2283 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2284 left: -15px !important; 2285 padding-left: 100px; 2286 } 2287 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2288 padding-left: 180px; 2289 } 2290 } 2291 @media (max-width: 1079px) { 2292 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2293 padding-left: 160px; 2294 } 2295 } 2296 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 2297 border-top: none !important; 2298 } 2299 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 2300 width: auto !important; 2301 } 2302 2303 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 2304 font: normal normal bold 14px/40px Ingra; 2305 letter-spacing: 0.56px; 2306 color: #000000; 2307 text-transform: uppercase; 2308 margin: 0; 2309 padding: 0px 15px; 2310 } 2311 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 2312 letter-spacing: 0px; 2313 color: #0F0F0F !important; 2314 text-align: left; 2315 padding: 8px 15px !important; 2316 text-transform: capitalize; 2317 } 2318 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 2319 color: #db0000 !important; 2320 font-weight: 500; 2321 } 2322 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 2323 font-weight: 700; 2324 } 2325 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 2326 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 2327 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 2328 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 2329 margin-top: 0; 2330 border-bottom: none; 2331 padding-bottom: 0; 2332 margin-bottom: 0 !important; 2333 } 2334 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 2335 display: grid; 2336 grid-template-columns: repeat(2, 1fr); 2337 gap: 0px 15px; 2338 padding-left: 15px; 2339 } 2340 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 2341 position: relative; 2342 padding-left: 27px !important; 2343 } 2344 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 2345 content: ''; 2346 width: 14px; 2347 height: 14px; 2348 position: absolute; 2349 top: 50%; 2350 left: 4px; 2351 transform: translateY(-50%); 2352 border-radius: 50%; 2353 border: 1px solid transparent; 2354 } 2355 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 2356 background-color: #000; 2357 } 2358 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 2359 background-color: #765623; 2360 } 2361 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 2362 background-color: #D54C4C; 2363 } 2364 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 2365 background-color: #56ACD8; 2366 } 2367 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 2368 background-color: #EFCD13; 2369 } 2370 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 2371 background-color: #EBA3D8; 2372 } 2373 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 2374 background-color: #53B553; 2375 } 2376 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 2377 background-color: #9963C1; 2378 } 2379 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 2380 background-color: #7C7C7C; 2381 } 2382 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 2383 background-color: #FF9D19; 2384 } 2385 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 2386 background-color: #fff; 2387 border-color: #707070 !important; 2388 } 2389 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 2390 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2390no-repeat padding-box; 2391 } 2392 2393 .g1{ 2394 width: 1000px; 2395 2396 } 2397 @media screen and (min-width: 1920px) { 2398 .g1 { 2399 margin-left: 75px !important; 2400 } 2401 } 2402 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 2403 visibility: hidden; 2404 display: none; 2405 } 2406 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 2407 visibility: hidden; 2408 position: absolute; 2409 top: 65px; 2410 left: 50%; 2411 width: calc(100% - 300px); 2412 height: auto; 2413 background-color: white; 2414 z-index: 1; 2415 box-sizing: border-box; 2416 padding: 30px; 2417 transform: translateX(-50%); 2418 font-size: 14px; 2419 grid-gap: 10px !important; 2420 } 2421 2422 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 2423 color: black; 2424 } 2425 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 2426 letter-spacing: .7px; 2427 padding: 0 !important; 2428 } 2429 2430 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 2431 color: #1cd7fa; 2432 } 2433 2434 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 2435 margin: 0; 2436 list-style-type: none; 2437 } 2438 2439 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 2440 margin-bottom: 0; 2441 } 2442 2443 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 2444 a:visited { 2445 padding: 5px 10px; 2446 position: relative; 2447 text-transform: uppercase; 2448 } 2449 2450 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 2451 .menu-mobile .mega-menu-item img { 2452 width: 100%; 2453 } 2454 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 2455 visibility: visible; 2456 } 2457 .menu-mobile .mega-menu-item { 2458 position: relative; 2459 display: flex; 2460 padding: 0 !important; 2461 } 2462 2463 .menu-mobile .mega-menu-item .mega-menu-item-title { 2464 position: absolute; 2465 bottom: 15px; 2466 color: white; 2467 text-align: center; 2468 left: 50%; 2469 transform: translateX(-50%); 2470 width: 100%; 2471 box-sizing: border-box; 2472 padding: 10px 8px; 2473 line-height: 1; 2474 background-color: rgba(0,0,0,0.6); 2475 } 2476 2477 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 2478 order: 1; 2479 } 2480 @media screen and (min-width: 1024px) and (max-width: 1399px) { 2481 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2482 left: 52%; 2483 } 2484 } 2485 @media screen and (min-width: 1400px) { 2486 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2487 left: 50%; 2488 } 2489 } 2490 @media(max-width: 992px) { 2491 .hide-mobile { 2492 display: none !important; 2493 } 2494 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 2495 order: unset !important; 2496 } 2497 .menu-mobile-nav-item .mega-menu.global-mega-menu { 2498 padding: 18px 15px; 2499 } 2500 2501 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 2502 display: grid !important; 2503 2504 gap: 15px 0; 2505 } 2506 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 2507 text-align: left; 2508 font: normal normal bold 14px Ingra; 2509 letter-spacing: 0.56px; 2510 color: #000000; 2511 padding-left: 0; 2512 } 2513 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 2514 display: flex; 2515 align-items: center; 2516 justify-content: space-between; 2517 } 2518 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 2519 margin-bottom: 15px; 2520 width: auto; 2521 text-transform: capitalize; 2522 font-weight: 700; 2523 display: block !important; 2524 } 2525 2526 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 2527 grid-column: span 2; 2528 } 2529 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 2530 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 2531 position: relative; 2532 padding-left: 0 !important; 2533 } 2534 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 2535 color: #db0000 !important; 2536 font-weight: 500; 2537 } 2538 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 2539 padding-left: 21px !important; 2540 line-height: normal !important; 2541 } 2542 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 2543 content: ''; 2544 width: 14px; 2545 height: 14px; 2546 position: absolute; 2547 top: 50%; 2548 left: 0px; 2549 transform: translateY(-50%); 2550 border-radius: 50%; 2551 border: 1px solid transparent; 2552 } 2553 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 2554 background-color: #000; 2555 } 2556 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 2557 background-color: #765623; 2558 } 2559 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 2560 background-color: #D54C4C; 2561 } 2562 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 2563 background-color: #56ACD8; 2564 } 2565 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 2566 background-color: #EFCD13; 2567 } 2568 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 2569 background-color: #EBA3D8; 2570 } 2571 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 2572 background-color: #53B553; 2573 } 2574 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 2575 background-color: #9963C1; 2576 } 2577 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 2578 background-color: #7C7C7C; 2579 } 2580 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 2581 background-color: #FF9D19; 2582 } 2583 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 2584 background-color: #fff; 2585 border-color: #707070 !important; 2586 } 2587 2588 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 2589 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2589no-repeat padding-box; 2590 } 2591 } 2592 </style> 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 <div class="mega-menu-item gm1 closure-menu" > 2604 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 2605 <h3 class="mega-menu__title">Closure</h3></div> 2606 <ul class="mega-menu__list"><li class="mega-menu__item"> 2607 <a href="/collections/shark-clip" class="mega-menu__link">Clip</a> 2608 </li><li class="mega-menu__item"> 2609 <a href="/collections/shark-leash" class="mega-menu__link">Leash</a> 2610 </li><li class="mega-menu__item"> 2611 <a href="/collections/buckle-closure" class="mega-menu__link">Buckle</a> 2612 </li></ul></div> 2613 </div> 2614 2615 <style> 2616 .hide-desktop { 2617 display: none !important; 2618 } 2619 2620 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2621 2622 padding-left: 160px; 2623 width: 100vw !important; 2624 top: 84px !important; 2625 left: -40px !important; 2626 display: flex !important; 2627 gap: 35px !important; 2628 border-top: 1px solid #D5D8D8; 2629 } 2630 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2631 padding-left: 250px; 2632 } 2633 2634 @media (max-width: 1500px) { 2635 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2636 padding-left: 140px; 2637 } 2638 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2639 padding-left: 225px; 2640 } 2641 } 2642 @media (max-width: 1374px) { 2643 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2644 padding-left: 140px; 2645 } 2646 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2647 padding-left: 215px; 2648 } 2649 } 2650 @media (min-width: 425px) and (max-width: 1248px) { 2651 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 2652 left: -15px !important; 2653 padding-left: 100px; 2654 } 2655 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2656 padding-left: 180px; 2657 } 2658 } 2659 @media (max-width: 1079px) { 2660 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 2661 padding-left: 160px; 2662 } 2663 } 2664 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 2665 border-top: none !important; 2666 } 2667 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 2668 width: auto !important; 2669 } 2670 2671 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 2672 font: normal normal bold 14px/40px Ingra; 2673 letter-spacing: 0.56px; 2674 color: #000000; 2675 text-transform: uppercase; 2676 margin: 0; 2677 padding: 0px 15px; 2678 } 2679 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 2680 letter-spacing: 0px; 2681 color: #0F0F0F !important; 2682 text-align: left; 2683 padding: 8px 15px !important; 2684 text-transform: capitalize; 2685 } 2686 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 2687 color: #db0000 !important; 2688 font-weight: 500; 2689 } 2690 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 2691 font-weight: 700; 2692 } 2693 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 2694 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 2695 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 2696 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 2697 margin-top: 0; 2698 border-bottom: none; 2699 padding-bottom: 0; 2700 margin-bottom: 0 !important; 2701 } 2702 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 2703 display: grid; 2704 grid-template-columns: repeat(2, 1fr); 2705 gap: 0px 15px; 2706 padding-left: 15px; 2707 } 2708 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 2709 position: relative; 2710 padding-left: 27px !important; 2711 } 2712 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 2713 content: ''; 2714 width: 14px; 2715 height: 14px; 2716 position: absolute; 2717 top: 50%; 2718 left: 4px; 2719 transform: translateY(-50%); 2720 border-radius: 50%; 2721 border: 1px solid transparent; 2722 } 2723 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 2724 background-color: #000; 2725 } 2726 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 2727 background-color: #765623; 2728 } 2729 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 2730 background-color: #D54C4C; 2731 } 2732 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 2733 background-color: #56ACD8; 2734 } 2735 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 2736 background-color: #EFCD13; 2737 } 2738 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 2739 background-color: #EBA3D8; 2740 } 2741 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 2742 background-color: #53B553; 2743 } 2744 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 2745 background-color: #9963C1; 2746 } 2747 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 2748 background-color: #7C7C7C; 2749 } 2750 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 2751 background-color: #FF9D19; 2752 } 2753 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 2754 background-color: #fff; 2755 border-color: #707070 !important; 2756 } 2757 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 2758 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2758no-repeat padding-box; 2759 } 2760 2761 .g1{ 2762 width: 1000px; 2763 2764 } 2765 @media screen and (min-width: 1920px) { 2766 .g1 { 2767 margin-left: 75px !important; 2768 } 2769 } 2770 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 2771 visibility: hidden; 2772 display: none; 2773 } 2774 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 2775 visibility: hidden; 2776 position: absolute; 2777 top: 65px; 2778 left: 50%; 2779 width: calc(100% - 300px); 2780 height: auto; 2781 background-color: white; 2782 z-index: 1; 2783 box-sizing: border-box; 2784 padding: 30px; 2785 transform: translateX(-50%); 2786 font-size: 14px; 2787 grid-gap: 10px !important; 2788 } 2789 2790 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 2791 color: black; 2792 } 2793 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 2794 letter-spacing: .7px; 2795 padding: 0 !important; 2796 } 2797 2798 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 2799 color: #1cd7fa; 2800 } 2801 2802 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 2803 margin: 0; 2804 list-style-type: none; 2805 } 2806 2807 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 2808 margin-bottom: 0; 2809 } 2810 2811 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 2812 a:visited { 2813 padding: 5px 10px; 2814 position: relative; 2815 text-transform: uppercase; 2816 } 2817 2818 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 2819 .menu-mobile .mega-menu-item img { 2820 width: 100%; 2821 } 2822 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 2823 visibility: visible; 2824 } 2825 .menu-mobile .mega-menu-item { 2826 position: relative; 2827 display: flex; 2828 padding: 0 !important; 2829 } 2830 2831 .menu-mobile .mega-menu-item .mega-menu-item-title { 2832 position: absolute; 2833 bottom: 15px; 2834 color: white; 2835 text-align: center; 2836 left: 50%; 2837 transform: translateX(-50%); 2838 width: 100%; 2839 box-sizing: border-box; 2840 padding: 10px 8px; 2841 line-height: 1; 2842 background-color: rgba(0,0,0,0.6); 2843 } 2844 2845 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 2846 order: 1; 2847 } 2848 @media screen and (min-width: 1024px) and (max-width: 1399px) { 2849 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2850 left: 52%; 2851 } 2852 } 2853 @media screen and (min-width: 1400px) { 2854 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 2855 left: 50%; 2856 } 2857 } 2858 @media(max-width: 992px) { 2859 .hide-mobile { 2860 display: none !important; 2861 } 2862 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 2863 order: unset !important; 2864 } 2865 .menu-mobile-nav-item .mega-menu.global-mega-menu { 2866 padding: 18px 15px; 2867 } 2868 2869 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 2870 display: grid !important; 2871 2872 gap: 15px 0; 2873 } 2874 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 2875 text-align: left; 2876 font: normal normal bold 14px Ingra; 2877 letter-spacing: 0.56px; 2878 color: #000000; 2879 padding-left: 0; 2880 } 2881 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 2882 display: flex; 2883 align-items: center; 2884 justify-content: space-between; 2885 } 2886 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 2887 margin-bottom: 15px; 2888 width: auto; 2889 text-transform: capitalize; 2890 font-weight: 700; 2891 display: block !important; 2892 } 2893 2894 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 2895 grid-column: span 2; 2896 } 2897 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 2898 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 2899 position: relative; 2900 padding-left: 0 !important; 2901 } 2902 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 2903 color: #db0000 !important; 2904 font-weight: 500; 2905 } 2906 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 2907 padding-left: 21px !important; 2908 line-height: normal !important; 2909 } 2910 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 2911 content: ''; 2912 width: 14px; 2913 height: 14px; 2914 position: absolute; 2915 top: 50%; 2916 left: 0px; 2917 transform: translateY(-50%); 2918 border-radius: 50%; 2919 border: 1px solid transparent; 2920 } 2921 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 2922 background-color: #000; 2923 } 2924 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 2925 background-color: #765623; 2926 } 2927 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 2928 background-color: #D54C4C; 2929 } 2930 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 2931 background-color: #56ACD8; 2932 } 2933 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 2934 background-color: #EFCD13; 2935 } 2936 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 2937 background-color: #EBA3D8; 2938 } 2939 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 2940 background-color: #53B553; 2941 } 2942 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 2943 background-color: #9963C1; 2944 } 2945 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 2946 background-color: #7C7C7C; 2947 } 2948 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 2949 background-color: #FF9D19; 2950 } 2951 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 2952 background-color: #fff; 2953 border-color: #707070 !important; 2954 } 2955 2956 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 2957 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
2957no-repeat padding-box; 2958 } 2959 } 2960 </style> 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 <div class="mega-menu-item gm1 visual-vibes-menu" > 2972 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 2973 <h3 class="mega-menu__title">visual Vibes</h3></div> 2974 <ul class="mega-menu__list"><li class="mega-menu__item"> 2975 <a href="/collections/visual-vibe-solids" class="mega-menu__link">Solids</a> 2976 </li><li class="mega-menu__item"> 2977 <a href="/collections/visual-vibe-pattern" class="mega-menu__link">Patterns</a> 2978 </li><li class="mega-menu__item"> 2979 <a href="/collections/visual-vibe-neons" class="mega-menu__link">Neons</a> 2980 </li><li class="mega-menu__item"> 2981 <a href="/collections/visual-vibe-neutrals" class="mega-menu__link">Neutrals</a> 2982 </li><li class="mega-menu__item"> 2983 <a href="/collections/visual-vibe-pastel" class="mega-menu__link">Pastels</a> 2984 </li><li class="mega-menu__item"> 2985 <a href="/collections/visual-vibe-frosted" class="mega-menu__link">Frosted</a> 2986 </li><li class="mega-menu__item"> 2987 <a href="/collections/visual-vibe-multi" class="mega-menu__link">Multi</a> 2988 </li><li class="mega-menu__item"> 2989 <a href="/collections/visual-vibe-clear" class="mega-menu__link">Clear/Translucent</a> 2990 </li><li class="mega-menu__item"> 2991 <a href="/collections/visual-vibe-glow-in-the-dark" class="mega-menu__link">Glow-in-the-Dark</a> 2992 </li></ul></div> 2993 </div> 2994 2995 <style> 2996 .hide-desktop { 2997 display: none !important; 2998 } 2999 3000 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3001 3002 padding-left: 160px; 3003 width: 100vw !important; 3004 top: 84px !important; 3005 left: -40px !important; 3006 display: flex !important; 3007 gap: 35px !important; 3008 border-top: 1px solid #D5D8D8; 3009 } 3010 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3011 padding-left: 250px; 3012 } 3013 3014 @media (max-width: 1500px) { 3015 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3016 padding-left: 140px; 3017 } 3018 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3019 padding-left: 225px; 3020 } 3021 } 3022 @media (max-width: 1374px) { 3023 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3024 padding-left: 140px; 3025 } 3026 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3027 padding-left: 215px; 3028 } 3029 } 3030 @media (min-width: 425px) and (max-width: 1248px) { 3031 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3032 left: -15px !important; 3033 padding-left: 100px; 3034 } 3035 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3036 padding-left: 180px; 3037 } 3038 } 3039 @media (max-width: 1079px) { 3040 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3041 padding-left: 160px; 3042 } 3043 } 3044 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3045 border-top: none !important; 3046 } 3047 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3048 width: auto !important; 3049 } 3050 3051 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 3052 font: normal normal bold 14px/40px Ingra; 3053 letter-spacing: 0.56px; 3054 color: #000000; 3055 text-transform: uppercase; 3056 margin: 0; 3057 padding: 0px 15px; 3058 } 3059 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 3060 letter-spacing: 0px; 3061 color: #0F0F0F !important; 3062 text-align: left; 3063 padding: 8px 15px !important; 3064 text-transform: capitalize; 3065 } 3066 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 3067 color: #db0000 !important; 3068 font-weight: 500; 3069 } 3070 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 3071 font-weight: 700; 3072 } 3073 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 3074 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 3075 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 3076 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 3077 margin-top: 0; 3078 border-bottom: none; 3079 padding-bottom: 0; 3080 margin-bottom: 0 !important; 3081 } 3082 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 3083 display: grid; 3084 grid-template-columns: repeat(2, 1fr); 3085 gap: 0px 15px; 3086 padding-left: 15px; 3087 } 3088 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 3089 position: relative; 3090 padding-left: 27px !important; 3091 } 3092 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 3093 content: ''; 3094 width: 14px; 3095 height: 14px; 3096 position: absolute; 3097 top: 50%; 3098 left: 4px; 3099 transform: translateY(-50%); 3100 border-radius: 50%; 3101 border: 1px solid transparent; 3102 } 3103 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 3104 background-color: #000; 3105 } 3106 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 3107 background-color: #765623; 3108 } 3109 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 3110 background-color: #D54C4C; 3111 } 3112 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 3113 background-color: #56ACD8; 3114 } 3115 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 3116 background-color: #EFCD13; 3117 } 3118 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 3119 background-color: #EBA3D8; 3120 } 3121 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 3122 background-color: #53B553; 3123 } 3124 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 3125 background-color: #9963C1; 3126 } 3127 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 3128 background-color: #7C7C7C; 3129 } 3130 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 3131 background-color: #FF9D19; 3132 } 3133 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 3134 background-color: #fff; 3135 border-color: #707070 !important; 3136 } 3137 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 3138 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
3138no-repeat padding-box; 3139 } 3140 3141 .g1{ 3142 width: 1000px; 3143 3144 } 3145 @media screen and (min-width: 1920px) { 3146 .g1 { 3147 margin-left: 75px !important; 3148 } 3149 } 3150 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 3151 visibility: hidden; 3152 display: none; 3153 } 3154 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 3155 visibility: hidden; 3156 position: absolute; 3157 top: 65px; 3158 left: 50%; 3159 width: calc(100% - 300px); 3160 height: auto; 3161 background-color: white; 3162 z-index: 1; 3163 box-sizing: border-box; 3164 padding: 30px; 3165 transform: translateX(-50%); 3166 font-size: 14px; 3167 grid-gap: 10px !important; 3168 } 3169 3170 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 3171 color: black; 3172 } 3173 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 3174 letter-spacing: .7px; 3175 padding: 0 !important; 3176 } 3177 3178 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 3179 color: #1cd7fa; 3180 } 3181 3182 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 3183 margin: 0; 3184 list-style-type: none; 3185 } 3186 3187 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 3188 margin-bottom: 0; 3189 } 3190 3191 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 3192 a:visited { 3193 padding: 5px 10px; 3194 position: relative; 3195 text-transform: uppercase; 3196 } 3197 3198 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 3199 .menu-mobile .mega-menu-item img { 3200 width: 100%; 3201 } 3202 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 3203 visibility: visible; 3204 } 3205 .menu-mobile .mega-menu-item { 3206 position: relative; 3207 display: flex; 3208 padding: 0 !important; 3209 } 3210 3211 .menu-mobile .mega-menu-item .mega-menu-item-title { 3212 position: absolute; 3213 bottom: 15px; 3214 color: white; 3215 text-align: center; 3216 left: 50%; 3217 transform: translateX(-50%); 3218 width: 100%; 3219 box-sizing: border-box; 3220 padding: 10px 8px; 3221 line-height: 1; 3222 background-color: rgba(0,0,0,0.6); 3223 } 3224 3225 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 3226 order: 1; 3227 } 3228 @media screen and (min-width: 1024px) and (max-width: 1399px) { 3229 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 3230 left: 52%; 3231 } 3232 } 3233 @media screen and (min-width: 1400px) { 3234 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 3235 left: 50%; 3236 } 3237 } 3238 @media(max-width: 992px) { 3239 .hide-mobile { 3240 display: none !important; 3241 } 3242 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 3243 order: unset !important; 3244 } 3245 .menu-mobile-nav-item .mega-menu.global-mega-menu { 3246 padding: 18px 15px; 3247 } 3248 3249 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 3250 display: grid !important; 3251 3252 gap: 15px 0; 3253 } 3254 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 3255 text-align: left; 3256 font: normal normal bold 14px Ingra; 3257 letter-spacing: 0.56px; 3258 color: #000000; 3259 padding-left: 0; 3260 } 3261 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 3262 display: flex; 3263 align-items: center; 3264 justify-content: space-between; 3265 } 3266 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 3267 margin-bottom: 15px; 3268 width: auto; 3269 text-transform: capitalize; 3270 font-weight: 700; 3271 display: block !important; 3272 } 3273 3274 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 3275 grid-column: span 2; 3276 } 3277 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 3278 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 3279 position: relative; 3280 padding-left: 0 !important; 3281 } 3282 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 3283 color: #db0000 !important; 3284 font-weight: 500; 3285 } 3286 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 3287 padding-left: 21px !important; 3288 line-height: normal !important; 3289 } 3290 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 3291 content: ''; 3292 width: 14px; 3293 height: 14px; 3294 position: absolute; 3295 top: 50%; 3296 left: 0px; 3297 transform: translateY(-50%); 3298 border-radius: 50%; 3299 border: 1px solid transparent; 3300 } 3301 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 3302 background-color: #000; 3303 } 3304 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 3305 background-color: #765623; 3306 } 3307 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 3308 background-color: #D54C4C; 3309 } 3310 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 3311 background-color: #56ACD8; 3312 } 3313 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 3314 background-color: #EFCD13; 3315 } 3316 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 3317 background-color: #EBA3D8; 3318 } 3319 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 3320 background-color: #53B553; 3321 } 3322 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 3323 background-color: #9963C1; 3324 } 3325 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 3326 background-color: #7C7C7C; 3327 } 3328 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 3329 background-color: #FF9D19; 3330 } 3331 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 3332 background-color: #fff; 3333 border-color: #707070 !important; 3334 } 3335 3336 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 3337 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
3337no-repeat padding-box; 3338 } 3339 } 3340 </style> 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 <div class="mega-menu-item gm1 color-menu" > 3352 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 3353 <h3 class="mega-menu__title">Color</h3></div> 3354 <ul class="mega-menu__list grid-menu"><li class="mega-menu__item"> 3355 <a href="/collections/black-shark-classic-watches" class="mega-menu__link black ">Black</a> 3356 </li><li class="mega-menu__item"> 3357 <a href="/collections/white-shark-classic-watches" class="mega-menu__link white ">White</a> 3358 </li><li class="mega-menu__item"> 3359 <a href="/collections/yellow-shark-classic-watches" class="mega-menu__link yellow ">Yellow</a> 3360 </li><li class="mega-menu__item"> 3361 <a href="/collections/purple-shark-classic-watches" class="mega-menu__link purple ">Purple</a> 3362 </li><li class="mega-menu__item"> 3363 <a href="/collections/orange-shark-classic-watches" class="mega-menu__link orange ">Orange</a> 3364 </li><li class="mega-menu__item"> 3365 <a href="/collections/green-shark-classic-watches" class="mega-menu__link green ">Green</a> 3366 </li><li class="mega-menu__item"> 3367 <a href="/collections/red-shark-classic-watches" class="mega-menu__link red ">Red</a> 3368 </li><li class="mega-menu__item"> 3369 <a href="/collections/brown-shark-classic-watches" class="mega-menu__link brown ">Brown</a> 3370 </li><li class="mega-menu__item"> 3371 <a href="/collections/blue-shark-classic-watches" class="mega-menu__link blue ">Blue</a> 3372 </li><li class="mega-menu__item"> 3373 <a href="/collections/pink-shark-classic-watches" class="mega-menu__link pink ">Pink</a> 3374 </li><li class="mega-menu__item"> 3375 <a href="/collections/grey-shark-classic-watches" class="mega-menu__link gray ">Gray</a> 3376 </li><li class="mega-menu__item"> 3377 <a href="/collections/multi-shark-classic-watches" class="mega-menu__link multi ">Multi</a> 3378 </li></ul></div> 3379 </div> 3380 3381 <style> 3382 .hide-desktop { 3383 display: none !important; 3384 } 3385 3386 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3387 3388 padding-left: 160px; 3389 width: 100vw !important; 3390 top: 84px !important; 3391 left: -40px !important; 3392 display: flex !important; 3393 gap: 35px !important; 3394 border-top: 1px solid #D5D8D8; 3395 } 3396 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3397 padding-left: 250px; 3398 } 3399 3400 @media (max-width: 1500px) { 3401 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3402 padding-left: 140px; 3403 } 3404 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3405 padding-left: 225px; 3406 } 3407 } 3408 @media (max-width: 1374px) { 3409 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3410 padding-left: 140px; 3411 } 3412 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3413 padding-left: 215px; 3414 } 3415 } 3416 @media (min-width: 425px) and (max-width: 1248px) { 3417 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3418 left: -15px !important; 3419 padding-left: 100px; 3420 } 3421 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3422 padding-left: 180px; 3423 } 3424 } 3425 @media (max-width: 1079px) { 3426 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3427 padding-left: 160px; 3428 } 3429 } 3430 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3431 border-top: none !important; 3432 } 3433 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3434 width: auto !important; 3435 } 3436 3437 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 3438 font: normal normal bold 14px/40px Ingra; 3439 letter-spacing: 0.56px; 3440 color: #000000; 3441 text-transform: uppercase; 3442 margin: 0; 3443 padding: 0px 15px; 3444 } 3445 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 3446 letter-spacing: 0px; 3447 color: #0F0F0F !important; 3448 text-align: left; 3449 padding: 8px 15px !important; 3450 text-transform: capitalize; 3451 } 3452 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 3453 color: #db0000 !important; 3454 font-weight: 500; 3455 } 3456 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 3457 font-weight: 700; 3458 } 3459 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 3460 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 3461 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 3462 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 3463 margin-top: 0; 3464 border-bottom: none; 3465 padding-bottom: 0; 3466 margin-bottom: 0 !important; 3467 } 3468 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 3469 display: grid; 3470 grid-template-columns: repeat(2, 1fr); 3471 gap: 0px 15px; 3472 padding-left: 15px; 3473 } 3474 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 3475 position: relative; 3476 padding-left: 27px !important; 3477 } 3478 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 3479 content: ''; 3480 width: 14px; 3481 height: 14px; 3482 position: absolute; 3483 top: 50%; 3484 left: 4px; 3485 transform: translateY(-50%); 3486 border-radius: 50%; 3487 border: 1px solid transparent; 3488 } 3489 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 3490 background-color: #000; 3491 } 3492 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 3493 background-color: #765623; 3494 } 3495 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 3496 background-color: #D54C4C; 3497 } 3498 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 3499 background-color: #56ACD8; 3500 } 3501 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 3502 background-color: #EFCD13; 3503 } 3504 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 3505 background-color: #EBA3D8; 3506 } 3507 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 3508 background-color: #53B553; 3509 } 3510 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 3511 background-color: #9963C1; 3512 } 3513 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 3514 background-color: #7C7C7C; 3515 } 3516 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 3517 background-color: #FF9D19; 3518 } 3519 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 3520 background-color: #fff; 3521 border-color: #707070 !important; 3522 } 3523 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 3524 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
3524no-repeat padding-box; 3525 } 3526 3527 .g1{ 3528 width: 1000px; 3529 3530 } 3531 @media screen and (min-width: 1920px) { 3532 .g1 { 3533 margin-left: 75px !important; 3534 } 3535 } 3536 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 3537 visibility: hidden; 3538 display: none; 3539 } 3540 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 3541 visibility: hidden; 3542 position: absolute; 3543 top: 65px; 3544 left: 50%; 3545 width: calc(100% - 300px); 3546 height: auto; 3547 background-color: white; 3548 z-index: 1; 3549 box-sizing: border-box; 3550 padding: 30px; 3551 transform: translateX(-50%); 3552 font-size: 14px; 3553 grid-gap: 10px !important; 3554 } 3555 3556 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 3557 color: black; 3558 } 3559 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 3560 letter-spacing: .7px; 3561 padding: 0 !important; 3562 } 3563 3564 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 3565 color: #1cd7fa; 3566 } 3567 3568 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 3569 margin: 0; 3570 list-style-type: none; 3571 } 3572 3573 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 3574 margin-bottom: 0; 3575 } 3576 3577 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 3578 a:visited { 3579 padding: 5px 10px; 3580 position: relative; 3581 text-transform: uppercase; 3582 } 3583 3584 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 3585 .menu-mobile .mega-menu-item img { 3586 width: 100%; 3587 } 3588 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 3589 visibility: visible; 3590 } 3591 .menu-mobile .mega-menu-item { 3592 position: relative; 3593 display: flex; 3594 padding: 0 !important; 3595 } 3596 3597 .menu-mobile .mega-menu-item .mega-menu-item-title { 3598 position: absolute; 3599 bottom: 15px; 3600 color: white; 3601 text-align: center; 3602 left: 50%; 3603 transform: translateX(-50%); 3604 width: 100%; 3605 box-sizing: border-box; 3606 padding: 10px 8px; 3607 line-height: 1; 3608 background-color: rgba(0,0,0,0.6); 3609 } 3610 3611 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 3612 order: 1; 3613 } 3614 @media screen and (min-width: 1024px) and (max-width: 1399px) { 3615 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 3616 left: 52%; 3617 } 3618 } 3619 @media screen and (min-width: 1400px) { 3620 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 3621 left: 50%; 3622 } 3623 } 3624 @media(max-width: 992px) { 3625 .hide-mobile { 3626 display: none !important; 3627 } 3628 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 3629 order: unset !important; 3630 } 3631 .menu-mobile-nav-item .mega-menu.global-mega-menu { 3632 padding: 18px 15px; 3633 } 3634 3635 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 3636 display: grid !important; 3637 3638 gap: 15px 0; 3639 } 3640 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 3641 text-align: left; 3642 font: normal normal bold 14px Ingra; 3643 letter-spacing: 0.56px; 3644 color: #000000; 3645 padding-left: 0; 3646 } 3647 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 3648 display: flex; 3649 align-items: center; 3650 justify-content: space-between; 3651 } 3652 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 3653 margin-bottom: 15px; 3654 width: auto; 3655 text-transform: capitalize; 3656 font-weight: 700; 3657 display: block !important; 3658 } 3659 3660 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 3661 grid-column: span 2; 3662 } 3663 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 3664 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 3665 position: relative; 3666 padding-left: 0 !important; 3667 } 3668 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 3669 color: #db0000 !important; 3670 font-weight: 500; 3671 } 3672 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 3673 padding-left: 21px !important; 3674 line-height: normal !important; 3675 } 3676 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 3677 content: ''; 3678 width: 14px; 3679 height: 14px; 3680 position: absolute; 3681 top: 50%; 3682 left: 0px; 3683 transform: translateY(-50%); 3684 border-radius: 50%; 3685 border: 1px solid transparent; 3686 } 3687 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 3688 background-color: #000; 3689 } 3690 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 3691 background-color: #765623; 3692 } 3693 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 3694 background-color: #D54C4C; 3695 } 3696 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 3697 background-color: #56ACD8; 3698 } 3699 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 3700 background-color: #EFCD13; 3701 } 3702 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 3703 background-color: #EBA3D8; 3704 } 3705 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 3706 background-color: #53B553; 3707 } 3708 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 3709 background-color: #9963C1; 3710 } 3711 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 3712 background-color: #7C7C7C; 3713 } 3714 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 3715 background-color: #FF9D19; 3716 } 3717 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 3718 background-color: #fff; 3719 border-color: #707070 !important; 3720 } 3721 3722 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 3723 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
3723no-repeat padding-box; 3724 } 3725 } 3726 </style> 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 </div> 3761 3762 </li> 3763 3764 <li class="menu-mobile-nav-item "> 3765 <a href="#" class="is-flex flex-between align-center "> 3766 <div style="display: flex; align-items: center;"> 3767 3768 APPLE WATCH⢠STRAPS</div> 3769 3770 <i class="fa fa-chevron-down"></i> 3771 3772 </a> 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 <div class="mega-menu is-grid grid-200 media-grid-1 global-mega-menu"> 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 <div class="mega-menu-item gm1 featured-menu" > 3822 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 3823 <h3 class="mega-menu__title">Featured</h3><a href="/collections/apple-straps" class="mega-menu__link hide-desktop">View All</a></div> 3824 <ul class="mega-menu__list"><li class="mega-menu__item"> 3825 <a href="/collections/new-apple-straps" class="mega-menu__link">New Arrivals</a> 3826 </li><li class="mega-menu__item"> 3827 <a href="/collections/best-sellers-apple-watch-straps" class="mega-menu__link">Best Sellers</a> 3828 </li><li class="mega-menu__item"> 3829 <a href="/collections/apple-straps-collabs" class="mega-menu__link">Collabs</a> 3830 </li><li class="mega-menu__item"> 3831 <a href="/collections/apple-watch-straps-sale" class="mega-menu__link menu__link_red">Sale</a> 3832 </li><li class="mega-menu__item mega-menu__view-all hide-mobile"> 3833 <a href="/collections/apple-straps" class="mega-menu__link">View All</a> 3834 </li></ul></div> 3835 </div> 3836 3837 <style> 3838 .hide-desktop { 3839 display: none !important; 3840 } 3841 3842 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3843 3844 padding-left: 160px; 3845 width: 100vw !important; 3846 top: 84px !important; 3847 left: -40px !important; 3848 display: flex !important; 3849 gap: 35px !important; 3850 border-top: 1px solid #D5D8D8; 3851 } 3852 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3853 padding-left: 250px; 3854 } 3855 3856 @media (max-width: 1500px) { 3857 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3858 padding-left: 140px; 3859 } 3860 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3861 padding-left: 225px; 3862 } 3863 } 3864 @media (max-width: 1374px) { 3865 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3866 padding-left: 140px; 3867 } 3868 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3869 padding-left: 215px; 3870 } 3871 } 3872 @media (min-width: 425px) and (max-width: 1248px) { 3873 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 3874 left: -15px !important; 3875 padding-left: 100px; 3876 } 3877 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3878 padding-left: 180px; 3879 } 3880 } 3881 @media (max-width: 1079px) { 3882 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 3883 padding-left: 160px; 3884 } 3885 } 3886 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3887 border-top: none !important; 3888 } 3889 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 3890 width: auto !important; 3891 } 3892 3893 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 3894 font: normal normal bold 14px/40px Ingra; 3895 letter-spacing: 0.56px; 3896 color: #000000; 3897 text-transform: uppercase; 3898 margin: 0; 3899 padding: 0px 15px; 3900 } 3901 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 3902 letter-spacing: 0px; 3903 color: #0F0F0F !important; 3904 text-align: left; 3905 padding: 8px 15px !important; 3906 text-transform: capitalize; 3907 } 3908 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 3909 color: #db0000 !important; 3910 font-weight: 500; 3911 } 3912 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 3913 font-weight: 700; 3914 } 3915 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 3916 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 3917 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 3918 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 3919 margin-top: 0; 3920 border-bottom: none; 3921 padding-bottom: 0; 3922 margin-bottom: 0 !important; 3923 } 3924 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 3925 display: grid; 3926 grid-template-columns: repeat(2, 1fr); 3927 gap: 0px 15px; 3928 padding-left: 15px; 3929 } 3930 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 3931 position: relative; 3932 padding-left: 27px !important; 3933 } 3934 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 3935 content: ''; 3936 width: 14px; 3937 height: 14px; 3938 position: absolute; 3939 top: 50%; 3940 left: 4px; 3941 transform: translateY(-50%); 3942 border-radius: 50%; 3943 border: 1px solid transparent; 3944 } 3945 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 3946 background-color: #000; 3947 } 3948 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 3949 background-color: #765623; 3950 } 3951 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 3952 background-color: #D54C4C; 3953 } 3954 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 3955 background-color: #56ACD8; 3956 } 3957 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 3958 background-color: #EFCD13; 3959 } 3960 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 3961 background-color: #EBA3D8; 3962 } 3963 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 3964 background-color: #53B553; 3965 } 3966 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 3967 background-color: #9963C1; 3968 } 3969 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 3970 background-color: #7C7C7C; 3971 } 3972 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 3973 background-color: #FF9D19; 3974 } 3975 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 3976 background-color: #fff; 3977 border-color: #707070 !important; 3978 } 3979 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 3980 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
3980no-repeat padding-box; 3981 } 3982 3983 .g1{ 3984 width: 1000px; 3985 3986 } 3987 @media screen and (min-width: 1920px) { 3988 .g1 { 3989 margin-left: 75px !important; 3990 } 3991 } 3992 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 3993 visibility: hidden; 3994 display: none; 3995 } 3996 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 3997 visibility: hidden; 3998 position: absolute; 3999 top: 65px; 4000 left: 50%; 4001 width: calc(100% - 300px); 4002 height: auto; 4003 background-color: white; 4004 z-index: 1; 4005 box-sizing: border-box; 4006 padding: 30px; 4007 transform: translateX(-50%); 4008 font-size: 14px; 4009 grid-gap: 10px !important; 4010 } 4011 4012 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 4013 color: black; 4014 } 4015 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 4016 letter-spacing: .7px; 4017 padding: 0 !important; 4018 } 4019 4020 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 4021 color: #1cd7fa; 4022 } 4023 4024 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 4025 margin: 0; 4026 list-style-type: none; 4027 } 4028 4029 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 4030 margin-bottom: 0; 4031 } 4032 4033 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 4034 a:visited { 4035 padding: 5px 10px; 4036 position: relative; 4037 text-transform: uppercase; 4038 } 4039 4040 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 4041 .menu-mobile .mega-menu-item img { 4042 width: 100%; 4043 } 4044 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 4045 visibility: visible; 4046 } 4047 .menu-mobile .mega-menu-item { 4048 position: relative; 4049 display: flex; 4050 padding: 0 !important; 4051 } 4052 4053 .menu-mobile .mega-menu-item .mega-menu-item-title { 4054 position: absolute; 4055 bottom: 15px; 4056 color: white; 4057 text-align: center; 4058 left: 50%; 4059 transform: translateX(-50%); 4060 width: 100%; 4061 box-sizing: border-box; 4062 padding: 10px 8px; 4063 line-height: 1; 4064 background-color: rgba(0,0,0,0.6); 4065 } 4066 4067 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 4068 order: 1; 4069 } 4070 @media screen and (min-width: 1024px) and (max-width: 1399px) { 4071 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4072 left: 52%; 4073 } 4074 } 4075 @media screen and (min-width: 1400px) { 4076 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4077 left: 50%; 4078 } 4079 } 4080 @media(max-width: 992px) { 4081 .hide-mobile { 4082 display: none !important; 4083 } 4084 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 4085 order: unset !important; 4086 } 4087 .menu-mobile-nav-item .mega-menu.global-mega-menu { 4088 padding: 18px 15px; 4089 } 4090 4091 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 4092 display: grid !important; 4093 4094 gap: 15px 0; 4095 } 4096 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 4097 text-align: left; 4098 font: normal normal bold 14px Ingra; 4099 letter-spacing: 0.56px; 4100 color: #000000; 4101 padding-left: 0; 4102 } 4103 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 4104 display: flex; 4105 align-items: center; 4106 justify-content: space-between; 4107 } 4108 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 4109 margin-bottom: 15px; 4110 width: auto; 4111 text-transform: capitalize; 4112 font-weight: 700; 4113 display: block !important; 4114 } 4115 4116 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 4117 grid-column: span 2; 4118 } 4119 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 4120 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 4121 position: relative; 4122 padding-left: 0 !important; 4123 } 4124 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 4125 color: #db0000 !important; 4126 font-weight: 500; 4127 } 4128 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 4129 padding-left: 21px !important; 4130 line-height: normal !important; 4131 } 4132 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 4133 content: ''; 4134 width: 14px; 4135 height: 14px; 4136 position: absolute; 4137 top: 50%; 4138 left: 0px; 4139 transform: translateY(-50%); 4140 border-radius: 50%; 4141 border: 1px solid transparent; 4142 } 4143 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 4144 background-color: #000; 4145 } 4146 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 4147 background-color: #765623; 4148 } 4149 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 4150 background-color: #D54C4C; 4151 } 4152 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 4153 background-color: #56ACD8; 4154 } 4155 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 4156 background-color: #EFCD13; 4157 } 4158 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 4159 background-color: #EBA3D8; 4160 } 4161 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 4162 background-color: #53B553; 4163 } 4164 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 4165 background-color: #9963C1; 4166 } 4167 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 4168 background-color: #7C7C7C; 4169 } 4170 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 4171 background-color: #FF9D19; 4172 } 4173 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 4174 background-color: #fff; 4175 border-color: #707070 !important; 4176 } 4177 4178 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 4179 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
4179no-repeat padding-box; 4180 } 4181 } 4182 </style> 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 <div class="mega-menu-item gm1 closure-menu" > 4194 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 4195 <h3 class="mega-menu__title">Closure</h3></div> 4196 <ul class="mega-menu__list"><li class="mega-menu__item"> 4197 <a href="/collections/apple-straps-clips" class="mega-menu__link">Clip</a> 4198 </li><li class="mega-menu__item"> 4199 <a href="/collections/apple-straps-leash" class="mega-menu__link">Leash</a> 4200 </li></ul></div> 4201 </div> 4202 4203 <style> 4204 .hide-desktop { 4205 display: none !important; 4206 } 4207 4208 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4209 4210 padding-left: 160px; 4211 width: 100vw !important; 4212 top: 84px !important; 4213 left: -40px !important; 4214 display: flex !important; 4215 gap: 35px !important; 4216 border-top: 1px solid #D5D8D8; 4217 } 4218 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4219 padding-left: 250px; 4220 } 4221 4222 @media (max-width: 1500px) { 4223 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4224 padding-left: 140px; 4225 } 4226 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4227 padding-left: 225px; 4228 } 4229 } 4230 @media (max-width: 1374px) { 4231 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4232 padding-left: 140px; 4233 } 4234 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4235 padding-left: 215px; 4236 } 4237 } 4238 @media (min-width: 425px) and (max-width: 1248px) { 4239 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4240 left: -15px !important; 4241 padding-left: 100px; 4242 } 4243 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4244 padding-left: 180px; 4245 } 4246 } 4247 @media (max-width: 1079px) { 4248 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4249 padding-left: 160px; 4250 } 4251 } 4252 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 4253 border-top: none !important; 4254 } 4255 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 4256 width: auto !important; 4257 } 4258 4259 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 4260 font: normal normal bold 14px/40px Ingra; 4261 letter-spacing: 0.56px; 4262 color: #000000; 4263 text-transform: uppercase; 4264 margin: 0; 4265 padding: 0px 15px; 4266 } 4267 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 4268 letter-spacing: 0px; 4269 color: #0F0F0F !important; 4270 text-align: left; 4271 padding: 8px 15px !important; 4272 text-transform: capitalize; 4273 } 4274 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 4275 color: #db0000 !important; 4276 font-weight: 500; 4277 } 4278 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 4279 font-weight: 700; 4280 } 4281 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 4282 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 4283 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 4284 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 4285 margin-top: 0; 4286 border-bottom: none; 4287 padding-bottom: 0; 4288 margin-bottom: 0 !important; 4289 } 4290 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 4291 display: grid; 4292 grid-template-columns: repeat(2, 1fr); 4293 gap: 0px 15px; 4294 padding-left: 15px; 4295 } 4296 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 4297 position: relative; 4298 padding-left: 27px !important; 4299 } 4300 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 4301 content: ''; 4302 width: 14px; 4303 height: 14px; 4304 position: absolute; 4305 top: 50%; 4306 left: 4px; 4307 transform: translateY(-50%); 4308 border-radius: 50%; 4309 border: 1px solid transparent; 4310 } 4311 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 4312 background-color: #000; 4313 } 4314 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 4315 background-color: #765623; 4316 } 4317 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 4318 background-color: #D54C4C; 4319 } 4320 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 4321 background-color: #56ACD8; 4322 } 4323 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 4324 background-color: #EFCD13; 4325 } 4326 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 4327 background-color: #EBA3D8; 4328 } 4329 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 4330 background-color: #53B553; 4331 } 4332 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 4333 background-color: #9963C1; 4334 } 4335 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 4336 background-color: #7C7C7C; 4337 } 4338 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 4339 background-color: #FF9D19; 4340 } 4341 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 4342 background-color: #fff; 4343 border-color: #707070 !important; 4344 } 4345 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 4346 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
4346no-repeat padding-box; 4347 } 4348 4349 .g1{ 4350 width: 1000px; 4351 4352 } 4353 @media screen and (min-width: 1920px) { 4354 .g1 { 4355 margin-left: 75px !important; 4356 } 4357 } 4358 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 4359 visibility: hidden; 4360 display: none; 4361 } 4362 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 4363 visibility: hidden; 4364 position: absolute; 4365 top: 65px; 4366 left: 50%; 4367 width: calc(100% - 300px); 4368 height: auto; 4369 background-color: white; 4370 z-index: 1; 4371 box-sizing: border-box; 4372 padding: 30px; 4373 transform: translateX(-50%); 4374 font-size: 14px; 4375 grid-gap: 10px !important; 4376 } 4377 4378 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 4379 color: black; 4380 } 4381 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 4382 letter-spacing: .7px; 4383 padding: 0 !important; 4384 } 4385 4386 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 4387 color: #1cd7fa; 4388 } 4389 4390 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 4391 margin: 0; 4392 list-style-type: none; 4393 } 4394 4395 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 4396 margin-bottom: 0; 4397 } 4398 4399 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 4400 a:visited { 4401 padding: 5px 10px; 4402 position: relative; 4403 text-transform: uppercase; 4404 } 4405 4406 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 4407 .menu-mobile .mega-menu-item img { 4408 width: 100%; 4409 } 4410 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 4411 visibility: visible; 4412 } 4413 .menu-mobile .mega-menu-item { 4414 position: relative; 4415 display: flex; 4416 padding: 0 !important; 4417 } 4418 4419 .menu-mobile .mega-menu-item .mega-menu-item-title { 4420 position: absolute; 4421 bottom: 15px; 4422 color: white; 4423 text-align: center; 4424 left: 50%; 4425 transform: translateX(-50%); 4426 width: 100%; 4427 box-sizing: border-box; 4428 padding: 10px 8px; 4429 line-height: 1; 4430 background-color: rgba(0,0,0,0.6); 4431 } 4432 4433 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 4434 order: 1; 4435 } 4436 @media screen and (min-width: 1024px) and (max-width: 1399px) { 4437 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4438 left: 52%; 4439 } 4440 } 4441 @media screen and (min-width: 1400px) { 4442 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4443 left: 50%; 4444 } 4445 } 4446 @media(max-width: 992px) { 4447 .hide-mobile { 4448 display: none !important; 4449 } 4450 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 4451 order: unset !important; 4452 } 4453 .menu-mobile-nav-item .mega-menu.global-mega-menu { 4454 padding: 18px 15px; 4455 } 4456 4457 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 4458 display: grid !important; 4459 4460 gap: 15px 0; 4461 } 4462 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 4463 text-align: left; 4464 font: normal normal bold 14px Ingra; 4465 letter-spacing: 0.56px; 4466 color: #000000; 4467 padding-left: 0; 4468 } 4469 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 4470 display: flex; 4471 align-items: center; 4472 justify-content: space-between; 4473 } 4474 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 4475 margin-bottom: 15px; 4476 width: auto; 4477 text-transform: capitalize; 4478 font-weight: 700; 4479 display: block !important; 4480 } 4481 4482 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 4483 grid-column: span 2; 4484 } 4485 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 4486 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 4487 position: relative; 4488 padding-left: 0 !important; 4489 } 4490 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 4491 color: #db0000 !important; 4492 font-weight: 500; 4493 } 4494 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 4495 padding-left: 21px !important; 4496 line-height: normal !important; 4497 } 4498 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 4499 content: ''; 4500 width: 14px; 4501 height: 14px; 4502 position: absolute; 4503 top: 50%; 4504 left: 0px; 4505 transform: translateY(-50%); 4506 border-radius: 50%; 4507 border: 1px solid transparent; 4508 } 4509 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 4510 background-color: #000; 4511 } 4512 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 4513 background-color: #765623; 4514 } 4515 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 4516 background-color: #D54C4C; 4517 } 4518 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 4519 background-color: #56ACD8; 4520 } 4521 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 4522 background-color: #EFCD13; 4523 } 4524 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 4525 background-color: #EBA3D8; 4526 } 4527 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 4528 background-color: #53B553; 4529 } 4530 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 4531 background-color: #9963C1; 4532 } 4533 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 4534 background-color: #7C7C7C; 4535 } 4536 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 4537 background-color: #FF9D19; 4538 } 4539 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 4540 background-color: #fff; 4541 border-color: #707070 !important; 4542 } 4543 4544 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 4545 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
4545no-repeat padding-box; 4546 } 4547 } 4548 </style> 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 <div class="mega-menu-item gm1 visual-vibes-menu" > 4560 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 4561 <h3 class="mega-menu__title">Visual Vibes</h3></div> 4562 <ul class="mega-menu__list"><li class="mega-menu__item"> 4563 <a href="/collections/visual-vibes-apple-strap-solids" class="mega-menu__link">Solids</a> 4564 </li><li class="mega-menu__item"> 4565 <a href="/collections/visual-vibes-apple-strap-patterns" class="mega-menu__link">Patterns</a> 4566 </li><li class="mega-menu__item"> 4567 <a href="/collections/visual-vibes-apple-strap-neons" class="mega-menu__link">Neons</a> 4568 </li><li class="mega-menu__item"> 4569 <a href="/collections/visual-vibes-apple-strap-neutrals" class="mega-menu__link">Neutrals</a> 4570 </li><li class="mega-menu__item"> 4571 <a href="/collections/visual-vibes-apple-strap-multi-color" class="mega-menu__link">Multi</a> 4572 </li></ul></div> 4573 </div> 4574 4575 <style> 4576 .hide-desktop { 4577 display: none !important; 4578 } 4579 4580 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4581 4582 padding-left: 160px; 4583 width: 100vw !important; 4584 top: 84px !important; 4585 left: -40px !important; 4586 display: flex !important; 4587 gap: 35px !important; 4588 border-top: 1px solid #D5D8D8; 4589 } 4590 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4591 padding-left: 250px; 4592 } 4593 4594 @media (max-width: 1500px) { 4595 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4596 padding-left: 140px; 4597 } 4598 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4599 padding-left: 225px; 4600 } 4601 } 4602 @media (max-width: 1374px) { 4603 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4604 padding-left: 140px; 4605 } 4606 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4607 padding-left: 215px; 4608 } 4609 } 4610 @media (min-width: 425px) and (max-width: 1248px) { 4611 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4612 left: -15px !important; 4613 padding-left: 100px; 4614 } 4615 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4616 padding-left: 180px; 4617 } 4618 } 4619 @media (max-width: 1079px) { 4620 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4621 padding-left: 160px; 4622 } 4623 } 4624 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 4625 border-top: none !important; 4626 } 4627 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 4628 width: auto !important; 4629 } 4630 4631 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 4632 font: normal normal bold 14px/40px Ingra; 4633 letter-spacing: 0.56px; 4634 color: #000000; 4635 text-transform: uppercase; 4636 margin: 0; 4637 padding: 0px 15px; 4638 } 4639 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 4640 letter-spacing: 0px; 4641 color: #0F0F0F !important; 4642 text-align: left; 4643 padding: 8px 15px !important; 4644 text-transform: capitalize; 4645 } 4646 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 4647 color: #db0000 !important; 4648 font-weight: 500; 4649 } 4650 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 4651 font-weight: 700; 4652 } 4653 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 4654 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 4655 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 4656 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 4657 margin-top: 0; 4658 border-bottom: none; 4659 padding-bottom: 0; 4660 margin-bottom: 0 !important; 4661 } 4662 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 4663 display: grid; 4664 grid-template-columns: repeat(2, 1fr); 4665 gap: 0px 15px; 4666 padding-left: 15px; 4667 } 4668 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 4669 position: relative; 4670 padding-left: 27px !important; 4671 } 4672 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 4673 content: ''; 4674 width: 14px; 4675 height: 14px; 4676 position: absolute; 4677 top: 50%; 4678 left: 4px; 4679 transform: translateY(-50%); 4680 border-radius: 50%; 4681 border: 1px solid transparent; 4682 } 4683 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 4684 background-color: #000; 4685 } 4686 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 4687 background-color: #765623; 4688 } 4689 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 4690 background-color: #D54C4C; 4691 } 4692 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 4693 background-color: #56ACD8; 4694 } 4695 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 4696 background-color: #EFCD13; 4697 } 4698 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 4699 background-color: #EBA3D8; 4700 } 4701 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 4702 background-color: #53B553; 4703 } 4704 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 4705 background-color: #9963C1; 4706 } 4707 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 4708 background-color: #7C7C7C; 4709 } 4710 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 4711 background-color: #FF9D19; 4712 } 4713 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 4714 background-color: #fff; 4715 border-color: #707070 !important; 4716 } 4717 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 4718 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
4718no-repeat padding-box; 4719 } 4720 4721 .g1{ 4722 width: 1000px; 4723 4724 } 4725 @media screen and (min-width: 1920px) { 4726 .g1 { 4727 margin-left: 75px !important; 4728 } 4729 } 4730 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 4731 visibility: hidden; 4732 display: none; 4733 } 4734 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 4735 visibility: hidden; 4736 position: absolute; 4737 top: 65px; 4738 left: 50%; 4739 width: calc(100% - 300px); 4740 height: auto; 4741 background-color: white; 4742 z-index: 1; 4743 box-sizing: border-box; 4744 padding: 30px; 4745 transform: translateX(-50%); 4746 font-size: 14px; 4747 grid-gap: 10px !important; 4748 } 4749 4750 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 4751 color: black; 4752 } 4753 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 4754 letter-spacing: .7px; 4755 padding: 0 !important; 4756 } 4757 4758 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 4759 color: #1cd7fa; 4760 } 4761 4762 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 4763 margin: 0; 4764 list-style-type: none; 4765 } 4766 4767 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 4768 margin-bottom: 0; 4769 } 4770 4771 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 4772 a:visited { 4773 padding: 5px 10px; 4774 position: relative; 4775 text-transform: uppercase; 4776 } 4777 4778 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 4779 .menu-mobile .mega-menu-item img { 4780 width: 100%; 4781 } 4782 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 4783 visibility: visible; 4784 } 4785 .menu-mobile .mega-menu-item { 4786 position: relative; 4787 display: flex; 4788 padding: 0 !important; 4789 } 4790 4791 .menu-mobile .mega-menu-item .mega-menu-item-title { 4792 position: absolute; 4793 bottom: 15px; 4794 color: white; 4795 text-align: center; 4796 left: 50%; 4797 transform: translateX(-50%); 4798 width: 100%; 4799 box-sizing: border-box; 4800 padding: 10px 8px; 4801 line-height: 1; 4802 background-color: rgba(0,0,0,0.6); 4803 } 4804 4805 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 4806 order: 1; 4807 } 4808 @media screen and (min-width: 1024px) and (max-width: 1399px) { 4809 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4810 left: 52%; 4811 } 4812 } 4813 @media screen and (min-width: 1400px) { 4814 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 4815 left: 50%; 4816 } 4817 } 4818 @media(max-width: 992px) { 4819 .hide-mobile { 4820 display: none !important; 4821 } 4822 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 4823 order: unset !important; 4824 } 4825 .menu-mobile-nav-item .mega-menu.global-mega-menu { 4826 padding: 18px 15px; 4827 } 4828 4829 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 4830 display: grid !important; 4831 4832 gap: 15px 0; 4833 } 4834 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 4835 text-align: left; 4836 font: normal normal bold 14px Ingra; 4837 letter-spacing: 0.56px; 4838 color: #000000; 4839 padding-left: 0; 4840 } 4841 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 4842 display: flex; 4843 align-items: center; 4844 justify-content: space-between; 4845 } 4846 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 4847 margin-bottom: 15px; 4848 width: auto; 4849 text-transform: capitalize; 4850 font-weight: 700; 4851 display: block !important; 4852 } 4853 4854 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 4855 grid-column: span 2; 4856 } 4857 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 4858 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 4859 position: relative; 4860 padding-left: 0 !important; 4861 } 4862 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 4863 color: #db0000 !important; 4864 font-weight: 500; 4865 } 4866 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 4867 padding-left: 21px !important; 4868 line-height: normal !important; 4869 } 4870 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 4871 content: ''; 4872 width: 14px; 4873 height: 14px; 4874 position: absolute; 4875 top: 50%; 4876 left: 0px; 4877 transform: translateY(-50%); 4878 border-radius: 50%; 4879 border: 1px solid transparent; 4880 } 4881 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 4882 background-color: #000; 4883 } 4884 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 4885 background-color: #765623; 4886 } 4887 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 4888 background-color: #D54C4C; 4889 } 4890 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 4891 background-color: #56ACD8; 4892 } 4893 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 4894 background-color: #EFCD13; 4895 } 4896 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 4897 background-color: #EBA3D8; 4898 } 4899 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 4900 background-color: #53B553; 4901 } 4902 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 4903 background-color: #9963C1; 4904 } 4905 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 4906 background-color: #7C7C7C; 4907 } 4908 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 4909 background-color: #FF9D19; 4910 } 4911 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 4912 background-color: #fff; 4913 border-color: #707070 !important; 4914 } 4915 4916 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 4917 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
4917no-repeat padding-box; 4918 } 4919 } 4920 </style> 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 <div class="mega-menu-item gm1 color-menu" > 4932 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 4933 <h3 class="mega-menu__title">Color</h3></div> 4934 <ul class="mega-menu__list grid-menu"><li class="mega-menu__item"> 4935 <a href="/collections/black-apple-watch-straps" class="mega-menu__link black ">Black</a> 4936 </li><li class="mega-menu__item"> 4937 <a href="/collections/pink-apple-watch-straps" class="mega-menu__link pink ">Pink</a> 4938 </li><li class="mega-menu__item"> 4939 <a href="/collections/brown-apple-watch-straps" class="mega-menu__link brown ">Brown</a> 4940 </li><li class="mega-menu__item"> 4941 <a href="/collections/green-apple-watch-straps" class="mega-menu__link green ">Green</a> 4942 </li><li class="mega-menu__item"> 4943 <a href="/collections/red-apple-straps" class="mega-menu__link red ">Red</a> 4944 </li><li class="mega-menu__item"> 4945 <a href="/collections/purple-apple-watch-straps" class="mega-menu__link purple ">Purple</a> 4946 </li><li class="mega-menu__item"> 4947 <a href="/collections/blue-apple-straps" class="mega-menu__link blue ">Blue</a> 4948 </li><li class="mega-menu__item"> 4949 <a href="/collections/yellow-apple-watch-straps" class="mega-menu__link yellow ">Yellow</a> 4950 </li><li class="mega-menu__item"> 4951 <a href="/collections/grey-apple-watch-straps" class="mega-menu__link gray ">Gray</a> 4952 </li><li class="mega-menu__item"> 4953 <a href="/collections/multi-color-apple-watch-straps" class="mega-menu__link multi ">Multi</a> 4954 </li></ul></div> 4955 </div> 4956 4957 <style> 4958 .hide-desktop { 4959 display: none !important; 4960 } 4961 4962 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4963 4964 padding-left: 160px; 4965 width: 100vw !important; 4966 top: 84px !important; 4967 left: -40px !important; 4968 display: flex !important; 4969 gap: 35px !important; 4970 border-top: 1px solid #D5D8D8; 4971 } 4972 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4973 padding-left: 250px; 4974 } 4975 4976 @media (max-width: 1500px) { 4977 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4978 padding-left: 140px; 4979 } 4980 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4981 padding-left: 225px; 4982 } 4983 } 4984 @media (max-width: 1374px) { 4985 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4986 padding-left: 140px; 4987 } 4988 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4989 padding-left: 215px; 4990 } 4991 } 4992 @media (min-width: 425px) and (max-width: 1248px) { 4993 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 4994 left: -15px !important; 4995 padding-left: 100px; 4996 } 4997 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 4998 padding-left: 180px; 4999 } 5000 } 5001 @media (max-width: 1079px) { 5002 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5003 padding-left: 160px; 5004 } 5005 } 5006 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 5007 border-top: none !important; 5008 } 5009 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 5010 width: auto !important; 5011 } 5012 5013 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 5014 font: normal normal bold 14px/40px Ingra; 5015 letter-spacing: 0.56px; 5016 color: #000000; 5017 text-transform: uppercase; 5018 margin: 0; 5019 padding: 0px 15px; 5020 } 5021 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 5022 letter-spacing: 0px; 5023 color: #0F0F0F !important; 5024 text-align: left; 5025 padding: 8px 15px !important; 5026 text-transform: capitalize; 5027 } 5028 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 5029 color: #db0000 !important; 5030 font-weight: 500; 5031 } 5032 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 5033 font-weight: 700; 5034 } 5035 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 5036 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 5037 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 5038 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 5039 margin-top: 0; 5040 border-bottom: none; 5041 padding-bottom: 0; 5042 margin-bottom: 0 !important; 5043 } 5044 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 5045 display: grid; 5046 grid-template-columns: repeat(2, 1fr); 5047 gap: 0px 15px; 5048 padding-left: 15px; 5049 } 5050 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 5051 position: relative; 5052 padding-left: 27px !important; 5053 } 5054 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 5055 content: ''; 5056 width: 14px; 5057 height: 14px; 5058 position: absolute; 5059 top: 50%; 5060 left: 4px; 5061 transform: translateY(-50%); 5062 border-radius: 50%; 5063 border: 1px solid transparent; 5064 } 5065 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 5066 background-color: #000; 5067 } 5068 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 5069 background-color: #765623; 5070 } 5071 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 5072 background-color: #D54C4C; 5073 } 5074 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 5075 background-color: #56ACD8; 5076 } 5077 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 5078 background-color: #EFCD13; 5079 } 5080 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 5081 background-color: #EBA3D8; 5082 } 5083 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 5084 background-color: #53B553; 5085 } 5086 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 5087 background-color: #9963C1; 5088 } 5089 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 5090 background-color: #7C7C7C; 5091 } 5092 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 5093 background-color: #FF9D19; 5094 } 5095 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 5096 background-color: #fff; 5097 border-color: #707070 !important; 5098 } 5099 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 5100 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
5100no-repeat padding-box; 5101 } 5102 5103 .g1{ 5104 width: 1000px; 5105 5106 } 5107 @media screen and (min-width: 1920px) { 5108 .g1 { 5109 margin-left: 75px !important; 5110 } 5111 } 5112 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 5113 visibility: hidden; 5114 display: none; 5115 } 5116 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 5117 visibility: hidden; 5118 position: absolute; 5119 top: 65px; 5120 left: 50%; 5121 width: calc(100% - 300px); 5122 height: auto; 5123 background-color: white; 5124 z-index: 1; 5125 box-sizing: border-box; 5126 padding: 30px; 5127 transform: translateX(-50%); 5128 font-size: 14px; 5129 grid-gap: 10px !important; 5130 } 5131 5132 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 5133 color: black; 5134 } 5135 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 5136 letter-spacing: .7px; 5137 padding: 0 !important; 5138 } 5139 5140 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 5141 color: #1cd7fa; 5142 } 5143 5144 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 5145 margin: 0; 5146 list-style-type: none; 5147 } 5148 5149 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 5150 margin-bottom: 0; 5151 } 5152 5153 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 5154 a:visited { 5155 padding: 5px 10px; 5156 position: relative; 5157 text-transform: uppercase; 5158 } 5159 5160 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 5161 .menu-mobile .mega-menu-item img { 5162 width: 100%; 5163 } 5164 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 5165 visibility: visible; 5166 } 5167 .menu-mobile .mega-menu-item { 5168 position: relative; 5169 display: flex; 5170 padding: 0 !important; 5171 } 5172 5173 .menu-mobile .mega-menu-item .mega-menu-item-title { 5174 position: absolute; 5175 bottom: 15px; 5176 color: white; 5177 text-align: center; 5178 left: 50%; 5179 transform: translateX(-50%); 5180 width: 100%; 5181 box-sizing: border-box; 5182 padding: 10px 8px; 5183 line-height: 1; 5184 background-color: rgba(0,0,0,0.6); 5185 } 5186 5187 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 5188 order: 1; 5189 } 5190 @media screen and (min-width: 1024px) and (max-width: 1399px) { 5191 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 5192 left: 52%; 5193 } 5194 } 5195 @media screen and (min-width: 1400px) { 5196 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 5197 left: 50%; 5198 } 5199 } 5200 @media(max-width: 992px) { 5201 .hide-mobile { 5202 display: none !important; 5203 } 5204 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 5205 order: unset !important; 5206 } 5207 .menu-mobile-nav-item .mega-menu.global-mega-menu { 5208 padding: 18px 15px; 5209 } 5210 5211 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 5212 display: grid !important; 5213 5214 gap: 15px 0; 5215 } 5216 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 5217 text-align: left; 5218 font: normal normal bold 14px Ingra; 5219 letter-spacing: 0.56px; 5220 color: #000000; 5221 padding-left: 0; 5222 } 5223 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 5224 display: flex; 5225 align-items: center; 5226 justify-content: space-between; 5227 } 5228 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 5229 margin-bottom: 15px; 5230 width: auto; 5231 text-transform: capitalize; 5232 font-weight: 700; 5233 display: block !important; 5234 } 5235 5236 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 5237 grid-column: span 2; 5238 } 5239 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 5240 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 5241 position: relative; 5242 padding-left: 0 !important; 5243 } 5244 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 5245 color: #db0000 !important; 5246 font-weight: 500; 5247 } 5248 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 5249 padding-left: 21px !important; 5250 line-height: normal !important; 5251 } 5252 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 5253 content: ''; 5254 width: 14px; 5255 height: 14px; 5256 position: absolute; 5257 top: 50%; 5258 left: 0px; 5259 transform: translateY(-50%); 5260 border-radius: 50%; 5261 border: 1px solid transparent; 5262 } 5263 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 5264 background-color: #000; 5265 } 5266 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 5267 background-color: #765623; 5268 } 5269 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 5270 background-color: #D54C4C; 5271 } 5272 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 5273 background-color: #56ACD8; 5274 } 5275 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 5276 background-color: #EFCD13; 5277 } 5278 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 5279 background-color: #EBA3D8; 5280 } 5281 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 5282 background-color: #53B553; 5283 } 5284 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 5285 background-color: #9963C1; 5286 } 5287 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 5288 background-color: #7C7C7C; 5289 } 5290 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 5291 background-color: #FF9D19; 5292 } 5293 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 5294 background-color: #fff; 5295 border-color: #707070 !important; 5296 } 5297 5298 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 5299 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
5299no-repeat padding-box; 5300 } 5301 } 5302 </style> 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 <div class="mega-menu-item gm1 adapters-menu" > 5314 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 5315 <h3 class="mega-menu__title">Adapters</h3></div> 5316 <ul class="mega-menu__list"><li class="mega-menu__item"> 5317 <a href="/collections/apple-watch-adapters" class="mega-menu__link">Apple Watch⢠Adapters</a> 5318 </li></ul></div> 5319 </div> 5320 5321 <style> 5322 .hide-desktop { 5323 display: none !important; 5324 } 5325 5326 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 5327 5328 padding-left: 160px; 5329 width: 100vw !important; 5330 top: 84px !important; 5331 left: -40px !important; 5332 display: flex !important; 5333 gap: 35px !important; 5334 border-top: 1px solid #D5D8D8; 5335 } 5336 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5337 padding-left: 250px; 5338 } 5339 5340 @media (max-width: 1500px) { 5341 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 5342 padding-left: 140px; 5343 } 5344 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5345 padding-left: 225px; 5346 } 5347 } 5348 @media (max-width: 1374px) { 5349 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 5350 padding-left: 140px; 5351 } 5352 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5353 padding-left: 215px; 5354 } 5355 } 5356 @media (min-width: 425px) and (max-width: 1248px) { 5357 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 5358 left: -15px !important; 5359 padding-left: 100px; 5360 } 5361 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5362 padding-left: 180px; 5363 } 5364 } 5365 @media (max-width: 1079px) { 5366 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 5367 padding-left: 160px; 5368 } 5369 } 5370 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 5371 border-top: none !important; 5372 } 5373 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 5374 width: auto !important; 5375 } 5376 5377 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 5378 font: normal normal bold 14px/40px Ingra; 5379 letter-spacing: 0.56px; 5380 color: #000000; 5381 text-transform: uppercase; 5382 margin: 0; 5383 padding: 0px 15px; 5384 } 5385 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 5386 letter-spacing: 0px; 5387 color: #0F0F0F !important; 5388 text-align: left; 5389 padding: 8px 15px !important; 5390 text-transform: capitalize; 5391 } 5392 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 5393 color: #db0000 !important; 5394 font-weight: 500; 5395 } 5396 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 5397 font-weight: 700; 5398 } 5399 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 5400 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 5401 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 5402 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 5403 margin-top: 0; 5404 border-bottom: none; 5405 padding-bottom: 0; 5406 margin-bottom: 0 !important; 5407 } 5408 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 5409 display: grid; 5410 grid-template-columns: repeat(2, 1fr); 5411 gap: 0px 15px; 5412 padding-left: 15px; 5413 } 5414 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 5415 position: relative; 5416 padding-left: 27px !important; 5417 } 5418 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 5419 content: ''; 5420 width: 14px; 5421 height: 14px; 5422 position: absolute; 5423 top: 50%; 5424 left: 4px; 5425 transform: translateY(-50%); 5426 border-radius: 50%; 5427 border: 1px solid transparent; 5428 } 5429 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 5430 background-color: #000; 5431 } 5432 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 5433 background-color: #765623; 5434 } 5435 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 5436 background-color: #D54C4C; 5437 } 5438 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 5439 background-color: #56ACD8; 5440 } 5441 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 5442 background-color: #EFCD13; 5443 } 5444 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 5445 background-color: #EBA3D8; 5446 } 5447 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 5448 background-color: #53B553; 5449 } 5450 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 5451 background-color: #9963C1; 5452 } 5453 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 5454 background-color: #7C7C7C; 5455 } 5456 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 5457 background-color: #FF9D19; 5458 } 5459 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 5460 background-color: #fff; 5461 border-color: #707070 !important; 5462 } 5463 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 5464 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
5464no-repeat padding-box; 5465 } 5466 5467 .g1{ 5468 width: 1000px; 5469 5470 } 5471 @media screen and (min-width: 1920px) { 5472 .g1 { 5473 margin-left: 75px !important; 5474 } 5475 } 5476 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 5477 visibility: hidden; 5478 display: none; 5479 } 5480 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 5481 visibility: hidden; 5482 position: absolute; 5483 top: 65px; 5484 left: 50%; 5485 width: calc(100% - 300px); 5486 height: auto; 5487 background-color: white; 5488 z-index: 1; 5489 box-sizing: border-box; 5490 padding: 30px; 5491 transform: translateX(-50%); 5492 font-size: 14px; 5493 grid-gap: 10px !important; 5494 } 5495 5496 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 5497 color: black; 5498 } 5499 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 5500 letter-spacing: .7px; 5501 padding: 0 !important; 5502 } 5503 5504 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 5505 color: #1cd7fa; 5506 } 5507 5508 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 5509 margin: 0; 5510 list-style-type: none; 5511 } 5512 5513 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 5514 margin-bottom: 0; 5515 } 5516 5517 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 5518 a:visited { 5519 padding: 5px 10px; 5520 position: relative; 5521 text-transform: uppercase; 5522 } 5523 5524 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 5525 .menu-mobile .mega-menu-item img { 5526 width: 100%; 5527 } 5528 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 5529 visibility: visible; 5530 } 5531 .menu-mobile .mega-menu-item { 5532 position: relative; 5533 display: flex; 5534 padding: 0 !important; 5535 } 5536 5537 .menu-mobile .mega-menu-item .mega-menu-item-title { 5538 position: absolute; 5539 bottom: 15px; 5540 color: white; 5541 text-align: center; 5542 left: 50%; 5543 transform: translateX(-50%); 5544 width: 100%; 5545 box-sizing: border-box; 5546 padding: 10px 8px; 5547 line-height: 1; 5548 background-color: rgba(0,0,0,0.6); 5549 } 5550 5551 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 5552 order: 1; 5553 } 5554 @media screen and (min-width: 1024px) and (max-width: 1399px) { 5555 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 5556 left: 52%; 5557 } 5558 } 5559 @media screen and (min-width: 1400px) { 5560 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 5561 left: 50%; 5562 } 5563 } 5564 @media(max-width: 992px) { 5565 .hide-mobile { 5566 display: none !important; 5567 } 5568 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 5569 order: unset !important; 5570 } 5571 .menu-mobile-nav-item .mega-menu.global-mega-menu { 5572 padding: 18px 15px; 5573 } 5574 5575 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 5576 display: grid !important; 5577 5578 gap: 15px 0; 5579 } 5580 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 5581 text-align: left; 5582 font: normal normal bold 14px Ingra; 5583 letter-spacing: 0.56px; 5584 color: #000000; 5585 padding-left: 0; 5586 } 5587 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 5588 display: flex; 5589 align-items: center; 5590 justify-content: space-between; 5591 } 5592 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 5593 margin-bottom: 15px; 5594 width: auto; 5595 text-transform: capitalize; 5596 font-weight: 700; 5597 display: block !important; 5598 } 5599 5600 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 5601 grid-column: span 2; 5602 } 5603 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 5604 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 5605 position: relative; 5606 padding-left: 0 !important; 5607 } 5608 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 5609 color: #db0000 !important; 5610 font-weight: 500; 5611 } 5612 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 5613 padding-left: 21px !important; 5614 line-height: normal !important; 5615 } 5616 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 5617 content: ''; 5618 width: 14px; 5619 height: 14px; 5620 position: absolute; 5621 top: 50%; 5622 left: 0px; 5623 transform: translateY(-50%); 5624 border-radius: 50%; 5625 border: 1px solid transparent; 5626 } 5627 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 5628 background-color: #000; 5629 } 5630 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 5631 background-color: #765623; 5632 } 5633 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 5634 background-color: #D54C4C; 5635 } 5636 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 5637 background-color: #56ACD8; 5638 } 5639 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 5640 background-color: #EFCD13; 5641 } 5642 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 5643 background-color: #EBA3D8; 5644 } 5645 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 5646 background-color: #53B553; 5647 } 5648 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 5649 background-color: #9963C1; 5650 } 5651 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 5652 background-color: #7C7C7C; 5653 } 5654 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 5655 background-color: #FF9D19; 5656 } 5657 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 5658 background-color: #fff; 5659 border-color: #707070 !important; 5660 } 5661 5662 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 5663 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
5663no-repeat padding-box; 5664 } 5665 } 5666 </style> 5667 5668 5669 5670 </div> 5671 5672 </li> 5673 5674 <li class="menu-mobile-nav-item "> 5675 <a href="#" class="is-flex flex-between align-center "> 5676 <div style="display: flex; align-items: center;"> 5677 5678 SMART STRAPS</div> 5679 5680 <i class="fa fa-chevron-down"></i> 5681 5682 </a> 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 <div class="mega-menu is-grid grid-250 media-grid-1 g3"> 5696 <div class="mega-menu-item"> 5697 <ul> 5698 <style> 5699 .menu-item-smart-straps a{ 5700 position: relative; 5701 } 5702 .menu-item-smart-straps:hover>.smart-straps-menu-container{ 5703 display: block; 5704 } 5705 .smart-straps-brand-name>ul{ 5706 position: absolute; 5707 left: 150px; 5708 top: 15px; 5709 display: grid; 5710 padding-left: 0; 5711 grid-template-columns: repeat(1, 1fr); 5712 width: 500px; 5713 background: #fff; 5714 } 5715 .smart-straps-brand-name{ 5716 width: 100%; 5717 padding: 0; 5718 padding-left: 40px; 5719 } 5720 .smart-straps-brand-name > ul{ 5721 display: none; 5722 padding: 15px 0; 5723 height: 95.3%; 5724 flex-direction: column; 5725 } 5726 .smart-straps-brand-name:hover > ul{ 5727 display: flex; 5728 } 5729 li.smart-straps-brand-name>ul>li { 5730 height: fit-content; 5731 padding: 0 0 0 40px; 5732 } 5733 .menu-item-smart-straps li:hover { 5734 background: #eee; 5735 transition: all .3s ease-in-out; 5736 } 5737 .mega-menu-item { 5738 background: #fff !important; 5739 padding: 20px !important; 5740 } 5741 .mega-menu.is-grid.grid-250.media-grid-1.g2{ 5742 background: transparent; 5743 /* background: #fff; */ 5744 top: 50px !important; 5745 gap: 0 !important; 5746 } 5747 .is-grid.grid-2.media-grid-2.rowgrid{ 5748 background: #fff !important; 5749 margin-left: 0 !important; 5750 padding-left: 0 !important; 5751 } 5752 li.m2.menu-item-smart-straps>a>i, 5753 li.smart-straps-brand-name>a>i { 5754 display: none; 5755 } 5756 span.smart-straps-brand-name-title small { 5757 font-size: 80%; 5758 } 5759 @media screen and (max-width: 720px) { 5760 li.m2.menu-item-smart-straps>a>i, 5761 li.smart-straps-brand-name>a>i { 5762 display: block; 5763 pointer-events: none; 5764 } 5765 .mega-menu.is-grid.grid-250.media-grid-1.g2{ 5766 background: #fff !important; 5767 } 5768 li.m2.menu-item-smart-straps>a.active i, li.smart-straps-brand-name>a.active i { 5769 transform: rotate(180deg); 5770 } 5771 li.m2.menu-item-smart-straps>a.active+div, li.smart-straps-brand-name>a.active+ul{ 5772 display: grid !important; 5773 } 5774 .smart-straps-menu-container{ 5775 position: relative; 5776 left: 0; 5777 width: 100%; 5778 padding: 0; 5779 margin: 0; 5780 } 5781 .menu-item-smart-straps{ 5782 display: flex; 5783 flex-direction: column; 5784 align-items: flex-start; 5785 justify-content: flex-start; 5786 } 5787 .m2.menu-item-smart-straps.is-active{ 5788 align-items: stretch; 5789 } 5790 .smart-straps-brand-name{ 5791 padding: 2px; 5792 background: #fff !important; 5793 padding-left: 18px; 5794 } 5795 .smart-straps-brand-name>ul{ 5796 position: relative; 5797 left: 0; 5798 top: 0; 5799 } 5800 li.smart-straps-brand-name>ul>li { 5801 padding: 0px; 5802 padding-left: 15px; 5803 } 5804 .mega-menu-item>ul{ 5805 display: grid; 5806 } 5807 .mega-menu-item>ul>li.m2{ 5808 order: 0; 5809 } 5810 li.m2.menu-item-smart-straps { 5811 order: 1; 5812 } 5813 } 5814 </style> 5815 5816 <li class="m2 menu-item-smart-straps"> 5817 <a href="#"class=""> 5818 Samsung 5819 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 5820 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 5821 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 5822 </g> 5823 </svg> 5824 </a> 5825 <div class="smart-straps-menu-container"> 5826 <ul> 5827 5828 <li class="smart-straps-brand-name"> 5829 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-classic">Galaxy 4 Classic (42mm & 46 mm) 5830 <i class="fa fa-chevron-down"></i> 5831 </a> 5832 <ul> 5833 5834 </ul> 5835 </li> 5836 5837 <li class="smart-straps-brand-name"> 5838 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-4">Galaxy 4 (40mm & 44mm) 5839 <i class="fa fa-chevron-down"></i> 5840 </a> 5841 <ul> 5842 5843 </ul> 5844 </li> 5845 5846 <li class="smart-straps-brand-name"> 5847 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-3">Galaxy 3 (41mm) 5848 <i class="fa fa-chevron-down"></i> 5849 </a> 5850 <ul> 5851 5852 </ul> 5853 </li> 5854 5855 <li class="smart-straps-brand-name"> 5856 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-active-2-u">Galaxy Active 2 (40mm & 44mm) 5857 <i class="fa fa-chevron-down"></i> 5858 </a> 5859 <ul> 5860 5861 </ul> 5862 </li> 5863 5864 <li class="smart-straps-brand-name"> 5865 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-active">Galaxy Active (40mm) 5866 <i class="fa fa-chevron-down"></i> 5867 </a> 5868 <ul> 5869 5870 </ul> 5871 </li> 5872 5873 <li class="smart-straps-brand-name"> 5874 <a href="/pages/smart-watch-straps/samsung_galaxy-watch">Galaxy (42mm) 5875 <i class="fa fa-chevron-down"></i> 5876 </a> 5877 <ul> 5878 5879 </ul> 5880 </li> 5881 5882 <li class="smart-straps-brand-name"> 5883 <a href="/pages/smart-watch-straps/samsung_gear-s2-classic">Gear S2 Classic 5884 <i class="fa fa-chevron-down"></i> 5885 </a> 5886 <ul> 5887 5888 </ul> 5889 </li> 5890 5891 <li class="smart-straps-brand-name"> 5892 <a href="/pages/smart-watch-straps/samsung_gear-sport">Gear Sport 5893 <i class="fa fa-chevron-down"></i> 5894 </a> 5895 <ul> 5896 5897 </ul> 5898 </li> 5899 5900 </ul> 5901 </div> 5902 </li> 5903 5904 <li class="m2 menu-item-smart-straps"> 5905 <a href="#"class=""> 5906 Skagen 5907 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 5908 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 5909 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 5910 </g> 5911 </svg> 5912 </a> 5913 <div class="smart-straps-menu-container"> 5914 <ul> 5915 5916 <li class="smart-straps-brand-name"> 5917 <a href="/pages/smart-watch-straps/skagen_smartwatch-skagen-flaster-1-and-2">Flaster 1 & 2 5918 <i class="fa fa-chevron-down"></i> 5919 </a> 5920 <ul> 5921 5922 </ul> 5923 </li> 5924 5925 </ul> 5926 </div> 5927 </li> 5928 5929 <li class="m2 menu-item-smart-straps"> 5930 <a href="#"class=""> 5931 Garmin 5932 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 5933 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 5934 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 5935 </g> 5936 </svg> 5937 </a> 5938 <div class="smart-straps-menu-container"> 5939 <ul> 5940 5941 <li class="smart-straps-brand-name"> 5942 <a href="/pages/smart-watch-straps/garmin_venu-2-plus">Venu® 2 Plus 5943 <i class="fa fa-chevron-down"></i> 5944 </a> 5945 <ul> 5946 5947 </ul> 5948 </li> 5949 5950 <li class="smart-straps-brand-name"> 5951 <a href="/pages/smart-watch-straps/garmin_venu-sq">Venu® SQ 5952 <i class="fa fa-chevron-down"></i> 5953 </a> 5954 <ul> 5955 5956 </ul> 5957 </li> 5958 5959 <li class="smart-straps-brand-name"> 5960 <a href="/pages/smart-watch-straps/garmin_forerunner-245-music">Forerunner® 245 Music 5961 <i class="fa fa-chevron-down"></i> 5962 </a> 5963 <ul> 5964 5965 </ul> 5966 </li> 5967 5968 <li class="smart-straps-brand-name"> 5969 <a href="/pages/smart-watch-straps/garmin_forerunner-55">Forerunner® 55 5970 <i class="fa fa-chevron-down"></i> 5971 </a> 5972 <ul> 5973 5974 </ul> 5975 </li> 5976 5977 <li class="smart-straps-brand-name"> 5978 <a href="/pages/smart-watch-straps/garmin_vivoMove-sp
5978ort">Vivomove® Sport 5979 <i class="fa fa-chevron-down"></i> 5980 </a> 5981 <ul> 5982 5983 </ul> 5984 </li> 5985 5986 <li class="smart-straps-brand-name"> 5987 <a href="/pages/smart-watch-straps/garmin_vivoMove-3">Vivomove® 3 5988 <i class="fa fa-chevron-down"></i> 5989 </a> 5990 <ul> 5991 5992 </ul> 5993 </li> 5994 5995 <li class="smart-straps-brand-name"> 5996 <a href="/pages/smart-watch-straps/garmin_vivoMove-style">Vivomove® Style 5997 <i class="fa fa-chevron-down"></i> 5998 </a> 5999 <ul> 6000 6001 </ul> 6002 </li> 6003 6004 <li class="smart-straps-brand-name"> 6005 <a href="/pages/smart-watch-straps/garmin_vivoMove-luxe">Vivomove® Luxe 6006 <i class="fa fa-chevron-down"></i> 6007 </a> 6008 <ul> 6009 6010 </ul> 6011 </li> 6012 6013 <li class="smart-straps-brand-name"> 6014 <a href="/pages/smart-watch-straps/garmin_d2-air-x10">D2⢠Air X10 6015 <i class="fa fa-chevron-down"></i> 6016 </a> 6017 <ul> 6018 6019 </ul> 6020 </li> 6021 6022 <li class="smart-straps-brand-name"> 6023 <a href="/pages/smart-watch-straps/garmin_approach-s42">Approach® S42 6024 <i class="fa fa-chevron-down"></i> 6025 </a> 6026 <ul> 6027 6028 </ul> 6029 </li> 6030 6031 <li class="smart-straps-brand-name"> 6032 <a href="/pages/smart-watch-straps/garmin_approach-s40">Approach® S40 6033 <i class="fa fa-chevron-down"></i> 6034 </a> 6035 <ul> 6036 6037 </ul> 6038 </li> 6039 6040 <li class="smart-straps-brand-name"> 6041 <a href="/pages/smart-watch-straps/garmin_approach-s12">Approach® S12 6042 <i class="fa fa-chevron-down"></i> 6043 </a> 6044 <ul> 6045 6046 </ul> 6047 </li> 6048 6049 </ul> 6050 </div> 6051 </li> 6052 6053 <li class="m2 menu-item-smart-straps"> 6054 <a href="#"class=""> 6055 Moto 360 6056 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 6057 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 6058 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 6059 </g> 6060 </svg> 6061 </a> 6062 <div class="smart-straps-menu-container"> 6063 <ul> 6064 6065 <li class="smart-straps-brand-name"> 6066 <a href="/pages/smart-watch-straps/moto360_gen-2">Gen 2 6067 <i class="fa fa-chevron-down"></i> 6068 </a> 6069 <ul> 6070 6071 </ul> 6072 </li> 6073 6074 </ul> 6075 </div> 6076 </li> 6077 6078 <li class="m2 menu-item-smart-straps"> 6079 <a href="#"class=""> 6080 Withings 6081 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 6082 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 6083 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 6084 </g> 6085 </svg> 6086 </a> 6087 <div class="smart-straps-menu-container"> 6088 <ul> 6089 6090 <li class="smart-straps-brand-name"> 6091 <a href="/pages/smart-watch-straps/withings_steel-hr-and-steel-sport">Steel HR & Steel Sport 6092 <i class="fa fa-chevron-down"></i> 6093 </a> 6094 <ul> 6095 6096 </ul> 6097 </li> 6098 6099 </ul> 6100 </div> 6101 </li> 6102 6103 </ul> 6104 </div> 6105</div> 6106 6107<style> 6108 @media screen and (max-width: 767px){ 6109 .mega-menu-item ul{ 6110 width: 100%; 6111 } 6112 } 6113 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 6114 visibility: hidden; 6115 display: none; 6116 } 6117 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 6118 visibility: hidden; 6119 position: absolute; 6120 top: 65px; 6121 left: 50%; 6122 width: 918px ; 6123 height: auto; 6124 background-color: white; 6125 z-index: 1; 6126 box-sizing: border-box; 6127 padding: 30px; 6128 transform: translateX(-50%); 6129 font-size: 14px; 6130 grid-gap: 10px !important; 6131 } 6132 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 6133 color: black; 6134 } 6135 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 6136 letter-spacing: .7px; 6137 padding: 0 !important; 6138 } 6139 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 6140 color: #1cd7fa; 6141 } 6142 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 6143 margin: 0; 6144 list-style-type: none; 6145 } 6146 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 6147 margin-bottom: 0; 6148 } 6149 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 6150 padding: 5px 10px; 6151 position: relative; 6152 text-transform: uppercase; 6153 } 6154 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 6155 width: 100% ; 6156 } 6157 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 6158 visibility: visible; 6159 } 6160 .menu-mobile .mega-menu-item { 6161 position: relative; 6162 display: flex; 6163 padding: 0 !important; 6164 } 6165 .menu-mobile .mega-menu-item .mega-menu-item-title { 6166 position: absolute; 6167 bottom: 15px; 6168 color: white; 6169 text-align: center; 6170 left: 50%; 6171 transform: translateX(-50%); 6172 width: 100%; 6173 } 6174 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 6175 order: 1; 6176 } 6177 @media screen and (min-width: 1600px) { 6178 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-250.media-grid-1.g2 { 6179 left: 45%; 6180 } 6181 } 6182</style> 6183 6184 6185 6186 </li> 6187 6188 <li class="menu-mobile-nav-item "> 6189 <a href="#" class="is-flex flex-between align-center "> 6190 <div style="display: flex; align-items: center;"> 6191 6192 STRAPS | PARTS</div> 6193 6194 <i class="fa fa-chevron-down"></i> 6195 6196 </a> 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 <div class="left-mega mega-menu is-grid grid-200 media-grid-1 g4 " style="width: 549px;"> 6210 <div class="mega-menu-item"> 6211 <ul> 6212 6213 6214 <li class="m6"> 6215 <a href="/pages/straps-keepers-more"class="">Find The Right Parts</a> 6216 </li> 6217 6218 6219 6220 <li class="m6"> 6221 <a href="/collections/apple-straps"class="">Apple Watch⢠Straps</a> 6222 </li> 6223 6224 6225 6226 <li class="m6"> 6227 <a href="/collections/apple-watch-adapters"class="">Apple Watch⢠Adapters</a> 6228 </li> 6229 6230 6231 6232 <li class="m6"> 6233 <a href="/collections/straps"class="">Freestyle Watch Straps</a> 6234 </li> 6235 6236 6237 6238 <li class="m6"> 6239 <a href="/collections/keepers"class="">Keepers</a> 6240 </li> 6241 6242 6243 6244 <li class="m6"> 6245 <a href="/collections/parts"class="">Parts</a> 6246 </li> 6247 6248 6249 6250 <li class="m6"> 6251 <a href="/collections/tools"class="">Tools</a> 6252 </li> 6253 6254 6255 </ul> 6256 </div> 6257</div> 6258 6259<style> 6260 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 6261 visibility: hidden; 6262 display: none; 6263 } 6264 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 6265 visibility: hidden; 6266 position: absolute; 6267 top: 65px; 6268 left: 50%; 6269 width: 910px ; 6270 height: auto; 6271 background-color: white; 6272 z-index: 1; 6273 box-sizing: border-box; 6274 padding: 30px; 6275 transform: translateX(-50%); 6276 font-size: 14px; 6277 grid-gap: 10px !important; 6278 } 6279 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 6280 color: black; 6281 } 6282 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 6283 letter-spacing: .7px; 6284 padding: 0 !important; 6285 } 6286 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 6287 color: #1cd7fa; 6288 } 6289 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 6290 margin: 0; 6291 list-style-type: none; 6292 } 6293 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 6294 margin-bottom: 0; 6295 } 6296 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 6297 padding: 5px 10px; 6298 position: relative; 6299 text-transform: uppercase; 6300 } 6301 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 6302 width: 100% ; 6303 } 6304 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 6305 visibility: visible; 6306 } 6307 .menu-mobile .mega-menu-item { 6308 position: relative; 6309 display: flex; 6310 padding: 0 !important; 6311 } 6312 .menu-mobile .mega-menu-item .mega-menu-item-title { 6313 position: absolute; 6314 bottom: 15px; 6315 color: white; 6316 text-align: center; 6317 left: 50%; 6318 transform: translateX(-50%); 6319 width: 100%; 6320 } 6321 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 6322 order: 1; 6323 } 6324@media screen and (min-width: 1024px) and (max-width: 1298px) { 6325 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 6326 6327 } 6328} 6329@media screen and (min-width: 1299px) and (max-width: 1498px) { 6330 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 6331 6332 } 6333} 6334@media screen and (min-width: 1499px) and (max-width: 1748px) { 6335 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 6336 6337 } 6338} 6339@media screen and (min-width: 1749px) and (max-width: 1948px) { 6340 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 6341 6342 } 6343} 6344@media screen and (min-width: 1949px) { 6345 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 6346 6347 } 6348} 6349</style> 6350 6351 6352 6353 6354 </li> 6355 6356 <li class="menu-mobile-nav-item "> 6357 <a href="#" class="is-flex flex-between align-center "> 6358 <div style="display: flex; align-items: center;"> 6359 6360 APPAREL | ACCESSORIES</div> 6361 6362 <i class="fa fa-chevron-down"></i> 6363 6364 </a> 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG5 " style=" width: 300px" > 6378 <div class="mega-menu-item gm5"> 6379 <ul> 6380 6381 6382 <li class="m7"> 6383 <a href="/collections/lanyards" class=" "> 6384 Lanyards 6385 6386 </a> 6387 </li> 6388 6389 6390 6391 <li class="m7"> 6392 <a href="/collections/hoodies" class=" "> 6393 Hoodies 6394 6395 </a> 6396 </li> 6397 6398 6399 6400 <li class="m7"> 6401 <a href="/collections/hats" class=" "> 6402 Hats 6403 6404 </a> 6405 </li> 6406 6407 6408 6409 <li class="m7"> 6410 <a href="/collections/stickers" class=" "> 6411 Stickers 6412 6413 </a> 6414 </li> 6415 6416 6417 6418 <li class="m7"> 6419 <a href="/collections/field-notes" class=" "> 6420 Field Notes 6421 6422 </a> 6423 </li> 6424 6425 6426 6427 <li class="m7"> 6428 <a href="/collections/all-apparel-accessories" class=" link-view-all"> 6429 VIEW ALL 6430 6431 <svg id="eye" xmlns="http://www.w3.org/2000/svg" width="20.519" height="14" viewBox="0 0 20.519 14"> 6432 <path id="Path_23" data-name="Path 23" d="M10.281,3.254A10.609,10.609,0,0,1,16.516,5.2a10.968,10.968,0,0,1,4,5.053,10.968,10.968,0,0,1-4,5.053,10.609,10.609,0,0,1-6.234,1.947,10.707,10.707,0,0,1-6.256-1.947A10.922,10.922,0,0,1,0,10.254,10.922,10.922,0,0,1,4.025,5.2,10.707,10.707,0,0,1,10.281,3.254Zm0,11.681a4.434,4.434,0,0,0,3.28
64321-1.378,4.542,4.542,0,0,0,1.356-3.3,4.542,4.542,0,0,0-1.356-3.3,4.434,4.434,0,0,0-3.281-1.378,4.506,4.506,0,0,0-3.3,1.378,4.506,4.506,0,0,0-1.378,3.3,4.506,4.506,0,0,0,1.378,3.3A4.506,4.506,0,0,0,10.281,14.935Zm-.022-7.481a2.753,2.753,0,0,1,1.991.809,2.67,2.67,0,0,1,.831,1.991,2.67,2.67,0,0,1-.831,1.991,2.753,2.753,0,0,1-1.991.809,2.764,2.764,0,0,1-2.778-2.8,2.764,2.764,0,0,1,2.778-2.8Z" transform="translate(0 -3.254)"/> 6433 </svg> 6434 6435 </a> 6436 </li> 6437 6438 6439 </ul> 6440 </div> 6441</div> 6442 6443 6444<style> 6445@media only screen and (min-width: 722px) and (max-width: 1799px) { 6446 .mG7{ 6447 margin-left:20%; 6448 } 6449 .mega-menu-item.gm7{ 6450 width: 104% !important; 6451} 6452 } 6453 @media screen and (min-width: 1800px){ 6454/* .mG7{ 6455 margin-left:20%; 6456 } */ 6457 .mega-menu-item.gm7{ 6458 width: 104% !important; 6459} 6460} 6461 li .m7:nth-child(5) { 6462 border-bottom: 1px solid #eee ; 6463 padding-bottom: 12px !important; 6464 6465} 6466li .m7:nth-child(6) { 6467 6468 margin-top: 12px; 6469 6470} 6471li .m7:nth-child(11) { 6472 6473 width: 101%; 6474; 6475 6476} 6477 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 6478 visibility: hidden; 6479 display: none; 6480 } 6481 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 6482 visibility: hidden; 6483 position: absolute; 6484 top: 65px; 6485 left: 50%; 6486 width: calc(100% - 300px); 6487 height: auto; 6488 background-color: white; 6489 z-index: 1; 6490 box-sizing: border-box; 6491 padding: 15px 30px 30px; 6492 transform: translateX(-50%); 6493 font-size: 14px; 6494 grid-gap: 10px !important; 6495 } 6496 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 6497 color: black; 6498 } 6499 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 6500 letter-spacing: .7px; 6501 padding: 0 !important; 6502 } 6503 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 6504 color: #1cd7fa; 6505 } 6506 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 6507 margin: 0; 6508 list-style-type: none; 6509 } 6510 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 6511 margin-bottom: 0; 6512 } 6513 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 6514 padding: 5px 10px; 6515 position: relative; 6516 text-transform: uppercase; 6517 } 6518 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 6519 width: 100%; 6520 } 6521 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 6522 visibility: visible; 6523 } 6524 .menu-mobile .mega-menu-item { 6525 position: relative; 6526 display: flex; 6527 padding: 0 !important; 6528 } 6529 .menu-mobile .mega-menu-item .mega-menu-item-title { 6530 position: absolute; 6531 bottom: 15px; 6532 color: white; 6533 text-align: center; 6534 left: 50%; 6535 transform: translateX(-50%); 6536 width: 100%; 6537 } 6538 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 6539 order: 1; 6540 } 6541</style> 6542 6543 6544 6545 6546 </li> 6547 6548 <li class="menu-mobile-nav-item "> 6549 <a href="/collections/sale" class="is-flex flex-between align-center "> 6550 <div style="display: flex; align-items: center;"> 6551 6552 SALE</div> 6553 6554 </a> 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 </li> 6568 6569 <li class="menu-mobile-nav-item gift-card"> 6570 <a href="/products/freestyle-gift-card" class="is-flex flex-between align-center "> 6571 <div style="display: flex; align-items: center;"> 6572 6573 <svg xmlns="http://www.w3.org/2000/svg" width="14.141" height="16.07" viewBox="0 0 14.141 16.07" style="margin-bottom: 4px;"> 6574 <path id="ICON" d="M.855,13.86a2.448,2.448,0,0,0,2.47,2.192c1.007.035,2.016.007,3.139.007V9.441H.833c0,1.51-.072,2.969.022,4.418M7.732,9.434v6.625c1.093,0,2.1.026,3.109-.007a2.313,2.313,0,0,0,2.389-1.91c.154-1.558.039-3.143.039-4.708Zm6.4-4.419a1,1,0,0,0-1.1-1.09c-.55-.011-1.1,0-1.716,0,.493-1.39.379-2.6-.845-3.443A2.517,2.517,0,0,0,7.083.9,2.522,2.522,0,0,0,3.693.481c-1.223.844-1.335,2.054-.844,3.44-.553,0-1.038.012-1.522,0C.427,3.89,0,4.313.026,5.212a10.846,10.846,0,0,0,.04,1.942c.084.4.491,1.016.779,1.03,1.867.093,3.741.048,5.669.048V3.959H7.652c0,1.409,0,2.819,0,4.292,1.911,0,3.695.018,5.478-.01a.968.968,0,0,0,1-1.083c.011-.715.015-1.43,0-2.145m-7.64-1.08A14.089,14.089,0,0,1,5.059,3.9,1.292,1.292,0,0,1,3.8,2.551a1.308,1.308,0,0,1,1.3-1.3A1.293,1.293,0,0,1,6.455,2.5a14.11,14.11,0,0,1,.035,1.431M9.108,3.9a14.043,14.043,0,0,1-1.432.036,14.285,14.285,0,0,1,.034-1.43A1.291,1.291,0,0,1,9.059,1.249a1.309,1.309,0,0,1,1.3,1.3A1.293,1.293,0,0,1,9.108,3.9" transform="translate(0 0.001)"></path> 6575 </svg> 6576 6577 GIFT CARD</div> 6578 6579 </a> 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 </li> 6593 6594 6595 6596 6597 <li class="menu-mobile-nav-item"><a href="#" 6598 class="is-flex flex-between align-center"> 6599 <div>BRAND</div> 6600 6601 <i class="fa fa-chevron-down"></i> 6602 6603 </a> 6604 6605 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG8 " style=" width: 300px" > 6606 <div class="mega-menu-item gm8"> 6607 <ul> 6608 6609 6610 <li class="m7"> 6611 <a href="/pages/about-us" class="">Our Story 6612 </a> 6613 </li> 6614 6615 6616 6617 <li class="m7"> 6618 <a href="/pages/vip-rewards" class="">VIP Rewards 6619 </a> 6620 </li> 6621 6622 6623 6624 <li class="m7"> 6625 <a href="/pages/collabs" class="">Collabs 6626 </a> 6627 </li> 6628 6629 6630 6631 <li class="m7"> 6632 <a href="/pages/become-an-ambassador" class="">Become an Ambassador 6633 </a> 6634 </li> 6635 6636 6637 6638 <li class="m7"> 6639 <a href="/pages/sponsorship" class="">Sponsorships 6640 </a> 6641 </li> 6642 6643 6644 6645 <li class="m7"> 6646 <a href="/pages/spring-2026-lookbook" class="">Lookbook 6647 </a> 6648 </li> 6649 6650 6651 </ul> 6652 </div> 6653</div> 6654 6655 6656<style> 6657@media only screen and (min-width: 722px) and (max-width: 1799px) { 6658 .mG7{ 6659 margin-left:20%; 6660 } 6661 .mega-menu-item.gm7{ 6662 width: 104% !important; 6663} 6664 } 6665 @media screen and (min-width: 1800px){ 6666/* .mG7{ 6667 margin-left:20%; 6668 } */ 6669 .mega-menu-item.gm7{ 6670 width: 104% !important; 6671} 6672} 6673 li .m7:nth-child(5) { 6674 border-bottom: 1px solid #eee ; 6675 padding-bottom: 12px !important; 6676 6677} 6678li .m7:nth-child(6) { 6679 6680 margin-top: 12px; 6681 6682} 6683li .m7:nth-child(11) { 6684 6685 width: 101%; 6686; 6687 6688} 6689 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 6690 visibility: hidden; 6691 display: none; 6692 } 6693 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 6694 visibility: hidden; 6695 position: absolute; 6696 top: 65px; 6697 left: 50%; 6698 width: calc(100% - 300px); 6699 height: auto; 6700 background-color: white; 6701 z-index: 1; 6702 box-sizing: border-box; 6703 padding: 15px 30px 30px; 6704 transform: translateX(-50%); 6705 font-size: 14px; 6706 grid-gap: 10px !important; 6707 } 6708 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 6709 color: black; 6710 } 6711 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 6712 letter-spacing: .7px; 6713 padding: 0 !important; 6714 } 6715 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 6716 color: #1cd7fa; 6717 } 6718 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 6719 margin: 0; 6720 list-style-type: none; 6721 } 6722 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 6723 margin-bottom: 0; 6724 } 6725 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 6726 padding: 5px 10px; 6727 position: relative; 6728 text-transform: uppercase; 6729 } 6730 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 6731 width: 100%; 6732 } 6733 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 6734 visibility: visible; 6735 } 6736 .menu-mobile .mega-menu-item { 6737 position: relative; 6738 display: flex; 6739 padding: 0 !important; 6740 } 6741 .menu-mobile .mega-menu-item .mega-menu-item-title { 6742 position: absolute; 6743 bottom: 15px; 6744 color: white; 6745 text-align: center; 6746 left: 50%; 6747 transform: translateX(-50%); 6748 width: 100%; 6749 } 6750 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 6751 order: 1; 6752 } 6753</style> 6754 6755 6756 6757 </li> 6758 6759 6760 6761 <li class="menu-mobile-nav-item"><a href="#" 6762 class="is-flex flex-between align-center"> 6763 <div>HELP</div> 6764 6765 <i class="fa fa-chevron-down"></i> 6766 6767 </a> 6768 6769 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG9 " style=" width: 300px" > 6770 <div class="mega-menu-item gm9"> 6771 <ul> 6772 6773 6774 <li class="m7"> 6775 <a href="/pages/faq" class="">FAQ 6776 </a> 6777 </li> 6778 6779 6780 6781 <li class="m7"> 6782 <a href="/pages/support" class="">Repairs & Spare Parts 6783 </a> 6784 </li> 6785 6786 6787 6788 <li class="m7"> 6789 <a href="/pages/warranty-service" class="">Warranty 6790 </a> 6791 </li> 6792 6793 6794 6795 <li class="m7"> 6796 <a href="/pages/register-your-product" class="">Product Registration 6797 </a> 6798 </li> 6799 6800 6801 6802 <li class="m7"> 6803 <a href="/pages/contact-us" class="">Contact Us 6804 </a> 6805 </li> 6806 6807 6808 6809 <li class="m7"> 6810 <a href="/pages/manuals" class="">
6810Instruction Manuals 6811 </a> 6812 </li> 6813 6814 6815 6816 <li class="m7"> 6817 <a href="/pages/how-to-videos" class="">How-To-Videos 6818 </a> 6819 </li> 6820 6821 6822 6823 <li class="m7"> 6824 <a href="/pages/store-locator" class="">Store Locator 6825 </a> 6826 </li> 6827 6828 6829 6830 <li class="m7"> 6831 <a href="/pages/shipping" class="">Shipping Policies 6832 </a> 6833 </li> 6834 6835 6836 6837 <li class="m7"> 6838 <a href="/apps/tracktor/" class="">Track Your Order 6839 </a> 6840 </li> 6841 6842 6843 6844 <li class="m7"> 6845 <a href="/pages/returns" class="">Returns & Exchanges 6846 </a> 6847 </li> 6848 6849 6850 6851 <li class="m7"> 6852 <a href="/pages/return-requests" class="">EU Withdrawal Request 6853 </a> 6854 </li> 6855 6856 6857 6858 <li class="m7"> 6859 <a href="/pages/military-discount-first-responders" class="">Military Discount 6860 </a> 6861 </li> 6862 6863 6864 6865 <li class="m7"> 6866 <a href="/pages/military-discount-first-responders" class="">First Responders 6867 </a> 6868 </li> 6869 6870 6871 6872 <li class="m7"> 6873 <a href="/pages/sitemap" class="">Sitemap 6874 </a> 6875 </li> 6876 6877 6878 </ul> 6879 </div> 6880</div> 6881 6882 6883<style> 6884@media only screen and (min-width: 722px) and (max-width: 1799px) { 6885 .mG7{ 6886 margin-left:20%; 6887 } 6888 .mega-menu-item.gm7{ 6889 width: 104% !important; 6890} 6891 } 6892 @media screen and (min-width: 1800px){ 6893/* .mG7{ 6894 margin-left:20%; 6895 } */ 6896 .mega-menu-item.gm7{ 6897 width: 104% !important; 6898} 6899} 6900 li .m7:nth-child(5) { 6901 border-bottom: 1px solid #eee ; 6902 padding-bottom: 12px !important; 6903 6904} 6905li .m7:nth-child(6) { 6906 margin-top: 12px; 6907} 6908li .m7:nth-child(11) { 6909 width: 101%; 6910} 6911 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 6912 visibility: hidden; 6913 display: none; 6914 } 6915 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 6916 visibility: hidden; 6917 position: absolute; 6918 top: 65px; 6919 left: 50%; 6920 width: calc(100% - 300px); 6921 height: auto; 6922 background-color: white; 6923 z-index: 1; 6924 box-sizing: border-box; 6925 padding: 15px 30px 30px; 6926 transform: translateX(-50%); 6927 font-size: 14px; 6928 grid-gap: 10px !important; 6929 } 6930 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 6931 color: black; 6932 } 6933 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 6934 letter-spacing: .7px; 6935 padding: 0 !important; 6936 } 6937 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 6938 color: #1cd7fa; 6939 } 6940 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 6941 margin: 0; 6942 list-style-type: none; 6943 } 6944 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 6945 margin-bottom: 0; 6946 } 6947 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 6948 padding: 5px 10px; 6949 position: relative; 6950 text-transform: uppercase; 6951 } 6952 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 6953 width: 100%; 6954 } 6955 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 6956 visibility: visible; 6957 } 6958 .menu-mobile .mega-menu-item { 6959 position: relative; 6960 display: flex; 6961 padding: 0 !important; 6962 } 6963 .menu-mobile .mega-menu-item .mega-menu-item-title { 6964 position: absolute; 6965 bottom: 15px; 6966 color: white; 6967 text-align: center; 6968 left: 50%; 6969 transform: translateX(-50%); 6970 width: 100%; 6971 } 6972 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 6973 order: 1; 6974 } 6975</style> 6976 6977 6978 6979 6980 </li> 6981 6982 6983 </ul> 6984 </div> 6985 <div class="menu-mobile-login-btn"> 6986 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.87" height="20.531" viewBox="0 0 18.87 20.531"> 6987 <defs> 6988 <clipPath id="clip-path"> 6989 <rect id="Rectangle_46" data-name="Rectangle 46" width="18.87" height="20.532" fill="#fff"/> 6990 </clipPath> 6991 </defs> 6992 <g id="Group_114" data-name="Group 114" transform="translate(0 0)"> 6993 <g id="Group_27" data-name="Group 27" transform="translate(0 0)" clip-path="url(#clip-path)"> 6994 <path id="Path_33" data-name="Path 33" d="M13.33,11.01a6.36,6.36,0,0,0,2.211-4.9,6.106,6.106,0,0,0-12.212,0A6.363,6.363,0,0,0,5.54,11.01,8.932,8.932,0,0,0,0,19.416v1.116H18.868V19.42A8.935,8.935,0,0,0,13.33,11.01M4.944,13.773A7.255,7.255,0,0,1,16.6,18.3H2.275a7.2,7.2,0,0,1,2.669-4.527m4.49-3.79H9.416A3.857,3.857,0,0,1,5.559,6.144V6.
6994107A3.876,3.876,0,1,1,9.433,9.982" transform="translate(0 0)" fill="#fff"/> 6995 </g> 6996 </g> 6997 </svg> 6998 <a href="/account" title="Sign in">SIGN IN</a> 6999 </div> 7000 <div class="menu-mobile-social"> 7001 <div class="social-icons-links"> 7002 7003 <a href="https://www.facebook.com/FreestyleWatch/" title="Freestyle USA on Facebook" rel="me" target="_blank"> 7004 <svg xmlns="http://www.w3.org/2000/svg" width="35.997" height="35.779" viewBox="0 0 35.997 35.779"> 7005 <path id="Icon_simple-facebook" data-name="Icon simple-facebook" d="M36,18a18,18,0,1,0-20.811,17.78V23.2h-4.57V18h4.57V14.033c0-4.511,2.687-7,6.8-7a27.68,27.68,0,0,1,4.029.352v4.429H23.744a2.6,2.6,0,0,0-2.933,2.811V18H25.8L25,23.2H20.811V35.779A18,18,0,0,0,36,18Z"/> 7006 </svg> 7007 </a> 7008 7009 7010 <a href="https://x.com/freestyle_watch/" title="Freestyle USA on Twitter" rel="me" target="_blank" class="mobile-social-twitter"> 7011 <svg viewBox="0 0 1200 1227" xmlns="http://www.w3.org/2000/svg"> <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="#fff"></path></svg> 7012 </a> 7013 7014 7015 <a href="https://www.pinterest.com/FreestyleWatches/" title="Freestyle USA on Pinterest" rel="me" target="_blank"> 7016 <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> 7017 <path id="Icon_awesome-pinterest" data-name="Icon awesome-pinterest" d="M36,18.563A18,18,0,0,1,12.673,35.757a20.234,20.234,0,0,0,2.235-4.718c.218-.842,1.118-4.282,1.118-4.282a4.821,4.821,0,0,0,4.123,2.069c5.429,0,9.341-4.994,9.341-11.2,0-5.944-4.856-10.394-11.1-10.394-7.766,0-11.9,5.211-11.9,10.894,0,2.642,1.408,5.93,3.651,6.975.341.16.523.087.6-.24.058-.247.363-1.473.5-2.04a.539.539,0,0,0-.123-.515A7.089,7.089,0,0,1,9.8,18.2a7.789,7.789,0,0,1,8.129-7.81c4.42,0,7.519,3.012,7.519,7.323,0,4.87-2.46,8.245-5.661,8.245a2.611,2.611,0,0,1-2.664-3.252c.508-2.141,1.488-4.449,1.488-6a2.26,2.26,0,0,0-2.279-2.533c-1.807,0-3.259,1.865-3.259,4.369a6.486,6.486,0,0,0,.537,2.671s-1.778,7.534-2.1,8.942a17.424,17.424,0,0,0-.065,5.168A18,18,0,1,1,36,18.563Z" transform="translate(0 -0.563)"/> 7018 </svg> 7019 </a> 7020 7021 7022 7023 <a href="https://www.tiktok.com/@freestylewatches" title="Freestyle USA on Google+" rel="publisher" target="_blank"> 7024 <svg xmlns="http://www.w3.org/2000/svg" width="36.01" height="36.01" viewBox="0 0 36.01 36.01"> 7025 <path id="Path_68" data-name="Path 68" d="M18,0a18,18,0,1,0,18,18A18,18,0,0,0,18,0m10.52,15.978A10.783,10.783,0,0,1,24.287,15a12.461,12.461,0,0,1-1.635-.942c-.01,2.947.01,5.893-.02,8.83a7.7,7.7,0,0,1-1.362,3.975A7.518,7.518,0,0,1,15.31,30.1a7.358,7.358,0,0,1-4.117-1.04A7.6,7.6,0,0,1,7.507,23.3C7.486,22.8,7.476,22.3,7.5,21.8a7.6,7.6,0,0,1,8.311-6.807c.168.017.335.039.5.067.02,1.493-.041,2.987-.041,4.48a3.463,3.463,0,0,0-4.413,2.121l-.006.018a4,4,0,0,0-.141,1.625,3.435,3.435,0,0,0,3.531,2.9,3.389,3.389,0,0,0,2.8-1.625,2.33,2.33,0,0,0,.414-1.069c.1-1.807.061-3.6.067-5.409.01-4.066-.01-8.123.024-12.179,1.318-.02,2.63-.01,3.942-.02A6.284,6.284,0,0,0,24.247,10.1a7.115,7.115,0,0,0,4.278,1.807Z"/> 7026 </svg> 7027 </a> 7028 7029 7030 <a href="https://www.youtube.com/user/freestylewatchusa" title="Freestyle USA on YouTube" rel="me" target="_blank"> 7031 <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> 7032 <path id="Subtraction_2" data-name="Subtraction 2" d="M18,36A18,18,0,0,1,10.993,1.414,18,18,0,0,1,25.007,34.586,17.888,17.888,0,0,1,18,36Zm.324-10.115H18.9c2.4,0,4.758-.054,7-.162a3.311,3.311,0,0,0,3.136-3.454c.1-1.485.149-3.011.145-4.536.008-1.5-.039-3.026-.14-4.532A3.3,3.3,0,0,0,25.9,9.76c-2.19-.1-4.541-.152-7.189-.152h-.763c-2.649,0-5,.05-7.189.152A3.307,3.307,0,0,0,7.625,13.21c-.1,1.466-.153,2.989-.149,4.528,0,1.517.044,3.042.144,4.531a3.309,3.309,0,0,0,3.133,3.454c2.311.107,4.754.161,7.261.161ZM16.251,21.9V13.567L22.4,17.729,16.253,21.9Z"/> 7033 </svg> 7034 </a> 7035 7036 7037 7038 <a href="https://www.instagram.com/freestylewatches" title="Freestyle USA on Instagram" rel="me" target="_blank"> 7039 <svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"> 7040 <path id="Subtraction_4" data-name="Subtraction 4" d="M18,36A18,18,0,0,1,10.993,1.414,18,18,0,0,1,25.007,34.586,17.888,17.888,0,0,1,18,36Zm.5-29c-2.047,0-3.864.031-4.742.08A6.79,6.79,0,0,0,8.937,8.932,6.788,6.788,0,0,0,7.08,13.748c-.108,1.906-.108,7.579,0,9.484a6.755,6.755,0,0,0,1.857,4.816,6.813,6.813,0,0,0,4.817,1.857c.878.05,2.695.081,4.742.081s3.863-.031,4.741-.081a6.751,6.751,0,0,0,4.817-1.857,6.8,6.8,0,0,0,1.857-4.816c.107-1.9.107-7.574,0-9.479a6.755,6.755,0,0,0-1.857-4.816A6.8,6.8,0,0,0,23.237,7.08C22.359,7.031,20.543,7,18.5,7Zm2.036,20.929h0c-.431,0-.847,0-1.213-.008-.3,0-.582-.006-.82-.006s-.509,0-.8.005c-.358,0-.763.007-1.184.007a16.494,16.494,0,0,1-4.79-.474,3.88,3.88,0,0,1-2.185-2.185c-.515-1.3-.486-4.1-.468-5.956,0-.3.006-.581.006-.819s0-.509-.005-.8c-.018-1.862-.045-4.677.467-5.975a3.883,3.883,0,0,1,2.185-2.184,16.178,16.178,0,0,1,4.742-.476c.431,0,.846,0,1.213.008.3,0,.582.006.82.006s.509,0,.8-.005c.358,0,.763-.007,1.184-.007a16.5,16.5,0,0,1,4.791.474,3.884,3.884,0,0,1,2.185,2.184c.514,1.3.486,4.1.468,5.96,0,.3-.006.58-.006.816s0,.517.006.814c.019,1.86.047,4.667-.468,5.961a3.884,3.884,0,0,1-2.185,2.185A16.
7040179,16.179,0,0,1,20.531,27.929ZM18.5,12.6a5.884,5.884,0,1,0,4.17,1.723A5.857,5.857,0,0,0,18.5,12.6Zm6.134-1.616a1.375,1.375,0,1,0,1.375,1.375A1.376,1.376,0,0,0,24.632,10.984ZM18.5,22.324a3.831,3.831,0,1,1,3.832-3.831A3.836,3.836,0,0,1,18.5,22.324Z"/> 7041 </svg> 7042 </a> 7043 7044 7045 7046 7047 7048 7049 </div> 7050 </div> 7051 </div> 7052 7053</div>
7054<script type="text/javascript" > 7055 7056 if($( ".g1 li a " ).hasClass( "active" )){ 7057 $( ".g1" ).attr("style", "display:none !important") 7058 } 7059 if($( ".g2 li a " ).hasClass( "active" )){ 7060 $( ".g2" ).attr("style", "display:none !important") 7061 } 7062 if($( ".g3 li a " ).hasClass( "active" )){ 7063 $( ".g3" ).attr("style", "display:none !important") 7064 } 7065 if($( ".g4 li a " ).hasClass( "active" )){ 7066 $( ".g4" ).attr("style", "display:none !important") 7067 } 7068 if($( ".g5 li a " ).hasClass( "active" )){ 7069 $( ".g5" ).attr("style", "display:none !important") 7070 } 7071 if($( ".g8 li a " ).hasClass( "active" )){ 7072 $( ".g8" ).attr("style", "display:none !important") 7073 } 7074 if($( ".mG9 li a " ).hasClass( "active" )){ 7075 $( ".mG9" ).attr("style", "display:none !important") 7076 } 7077 </script>
7077 7078 7079<div class="hidden"> 7080 7081 <form action="/checkout" method="post" id="cart" class="ajaxcart"> 7082 <ul data-money-format="<span class=cbb-currency>${{amount_no_decimals}}</span>" data-shop-currency="USD" 7083 data-shop-name="Freestyle USA"> 7084 <li class="mm-subtitle"><a class="continue ss-icon" href="#cart"><span class="icon-close"></span></a></li> 7085 7086 7087 <li class="empty_cart">Your Cart is Empty</li> 7088 7089 </ul> 7090 </form> 7091</div> 7092 7093 7094 7095<!-- Header Menu Desktop --> 7096<div class="wrapper-header hide-in-mobile desktop"> 7097 <div class="is-flex flex-between flex-vcenter header-nav"> 7098 <div class="is-flex flex-vcenter space-20"> 7099 <a href="https://www.freestyleusa.com" title="Freestyle USA" class="header-brand"> 7100 7101 7102 <img src="//www.freestyleusa.com/cdn/shop/files/logo_250x.png?v=1699370846" alt="Freestyle USA" width="83" height="54" class="header-nav-logo" /> 7103 7104 7105 7106 </a> 7107 7108 <ul class="header-nav-menu mainmenu is-flex space-20"> 7109 7110 7111 7112 7113 7114 7115 7116 7117 <li class="header-nav-menu-item " style="position:unset"> 7118 <a 7119 href="#" 7120 class="top-link " 7121 aria-label="WATCHES" 7122 > 7123 7124 WATCHES 7125 </a> 7126 7127 7128 7129 7130 7131 7132 7133 7134 <div 7135 class="mega-menu is-grid grid-200 media-grid-1 global-mega-menu watches-menu" 7136 role="menu" 7137 data-dropdown-menu> 7138 <button class="dropdown-close-btn" aria-label="Close menu"> 7139 Close menu (ESC) 7140 </button> 7141 7142 7143 7144 7145 7146 7147 7148 7149 <div class="mega-menu-item gm1 featured-menu" > 7150 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 7151 <h3 class="mega-menu__title">Featured</h3><a href="/collections/view-all" class="mega-menu__link hide-desktop">View All</a></div> 7152 <ul class="mega-menu__list"><li class="mega-menu__item"> 7153 <a href="/collections/new" class="mega-menu__link">New Arrivals</a> 7154 </li><li class="mega-menu__item"> 7155 <a href="/pages/45th-anniversary" class="mega-menu__link">45th Anniversary</a> 7156 </li><li class="mega-menu__item"> 7157 <a href="/collections/best-sellers" class="mega-menu__link">Best Sellers</a> 7158 </li><li class="mega-menu__item"> 7159 <a href="/collections/collabs" class="mega-menu__link">Collabs</a> 7160 </li><li class="mega-menu__item"> 7161 <a href="/collections/watch-sale" class="mega-menu__link menu__link_red">Sale</a> 7162 </li><li class="mega-menu__item mega-menu__view-all hide-mobile"> 7163 <a href="/collections/view-all" class="mega-menu__link">View All</a> 7164 </li></ul></div> 7165 </div> 7166 7167 <style> 7168 .hide-desktop { 7169 display: none !important; 7170 } 7171 7172 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7173 7174 padding-left: 160px; 7175 width: 100vw !important; 7176 top: 84px !important; 7177 left: -40px !important; 7178 display: flex !important; 7179 gap: 35px !important; 7180 border-top: 1px solid #D5D8D8; 7181 } 7182 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7183 padding-left: 250px; 7184 } 7185 7186 @media (max-width: 1500px) { 7187 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7188 padding-left: 140px; 7189 } 7190 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7191 padding-left: 225px; 7192 } 7193 } 7194 @media (max-width: 1374px) { 7195 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7196 padding-left: 140px; 7197 } 7198 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7199 padding-left: 215px; 7200 } 7201 } 7202 @media (min-width: 425px) and (max-width: 1248px) { 7203 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7204 left: -15px !important; 7205 padding-left: 100px; 7206 } 7207 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7208 padding-left: 180px; 7209 } 7210 } 7211 @media (max-width: 1079px) { 7212 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7213 padding-left: 160px; 7214 } 7215 } 7216 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7217 border-top: none !important; 7218 } 7219 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7220 width: auto !important; 7221 } 7222 7223 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 7224 font: normal normal bold 14px/40px Ingra; 7225 letter-spacing: 0.56px; 7226 color: #000000; 7227 text-transform: uppercase; 7228 margin: 0; 7229 padding: 0px 15px; 7230 } 7231 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 7232 letter-spacing: 0px; 7233 color: #0F0F0F !important; 7234 text-align: left; 7235 padding: 8px 15px !important; 7236 text-transform: capitalize; 7237 } 7238 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 7239 color: #db0000 !important; 7240 font-weight: 500; 7241 } 7242 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 7243 font-weight: 700; 7244 } 7245 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 7246 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 7247 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 7248 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 7249 margin-top: 0; 7250 border-bottom: none; 7251 padding-bottom: 0; 7252 margin-bottom: 0 !important; 7253 } 7254 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 7255 display: grid; 7256 grid-template-columns: repeat(2, 1fr); 7257 gap: 0px 15px; 7258 padding-left: 15px; 7259 } 7260 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 7261 position: relative; 7262 padding-left: 27px !important; 7263 } 7264 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 7265 content: ''; 7266 width: 14px; 7267 height: 14px; 7268 position: absolute; 7269 top: 50%; 7270 left: 4px; 7271 transform: translateY(-50%); 7272 border-radius: 50%; 7273 border: 1px solid transparent; 7274 } 7275 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 7276 background-color: #000; 7277 } 7278 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 7279 background-color: #765623; 7280 } 7281 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 7282 background-color: #D54C4C; 7283 } 7284 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 7285 background-color: #56ACD8; 7286 } 7287 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 7288 background-color: #EFCD13; 7289 } 7290 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 7291 background-color: #EBA3D8; 7292 } 7293 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 7294 background-color: #53B553; 7295 } 7296 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 7297 background-color: #9963C1; 7298 } 7299 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 7300 background-color: #7C7C7C; 7301 } 7302 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 7303 background-color: #FF9D19; 7304 } 7305 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 7306 background-color: #fff; 7307 border-color: #707070 !important; 7308 } 7309 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 7310 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
7310no-repeat padding-box; 7311 } 7312 7313 .g1{ 7314 width: 1000px; 7315 7316 } 7317 @media screen and (min-width: 1920px) { 7318 .g1 { 7319 margin-left: 75px !important; 7320 } 7321 } 7322 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 7323 visibility: hidden; 7324 display: none; 7325 } 7326 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 7327 visibility: hidden; 7328 position: absolute; 7329 top: 65px; 7330 left: 50%; 7331 width: calc(100% - 300px); 7332 height: auto; 7333 background-color: white; 7334 z-index: 1; 7335 box-sizing: border-box; 7336 padding: 30px; 7337 transform: translateX(-50%); 7338 font-size: 14px; 7339 grid-gap: 10px !important; 7340 } 7341 7342 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 7343 color: black; 7344 } 7345 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 7346 letter-spacing: .7px; 7347 padding: 0 !important; 7348 } 7349 7350 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 7351 color: #1cd7fa; 7352 } 7353 7354 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 7355 margin: 0; 7356 list-style-type: none; 7357 } 7358 7359 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 7360 margin-bottom: 0; 7361 } 7362 7363 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 7364 a:visited { 7365 padding: 5px 10px; 7366 position: relative; 7367 text-transform: uppercase; 7368 } 7369 7370 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 7371 .menu-mobile .mega-menu-item img { 7372 width: 100%; 7373 } 7374 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 7375 visibility: visible; 7376 } 7377 .menu-mobile .mega-menu-item { 7378 position: relative; 7379 display: flex; 7380 padding: 0 !important; 7381 } 7382 7383 .menu-mobile .mega-menu-item .mega-menu-item-title { 7384 position: absolute; 7385 bottom: 15px; 7386 color: white; 7387 text-align: center; 7388 left: 50%; 7389 transform: translateX(-50%); 7390 width: 100%; 7391 box-sizing: border-box; 7392 padding: 10px 8px; 7393 line-height: 1; 7394 background-color: rgba(0,0,0,0.6); 7395 } 7396 7397 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 7398 order: 1; 7399 } 7400 @media screen and (min-width: 1024px) and (max-width: 1399px) { 7401 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 7402 left: 52%; 7403 } 7404 } 7405 @media screen and (min-width: 1400px) { 7406 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 7407 left: 50%; 7408 } 7409 } 7410 @media(max-width: 992px) { 7411 .hide-mobile { 7412 display: none !important; 7413 } 7414 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 7415 order: unset !important; 7416 } 7417 .menu-mobile-nav-item .mega-menu.global-mega-menu { 7418 padding: 18px 15px; 7419 } 7420 7421 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 7422 display: grid !important; 7423 7424 gap: 15px 0; 7425 } 7426 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 7427 text-align: left; 7428 font: normal normal bold 14px Ingra; 7429 letter-spacing: 0.56px; 7430 color: #000000; 7431 padding-left: 0; 7432 } 7433 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 7434 display: flex; 7435 align-items: center; 7436 justify-content: space-between; 7437 } 7438 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 7439 margin-bottom: 15px; 7440 width: auto; 7441 text-transform: capitalize; 7442 font-weight: 700; 7443 display: block !important; 7444 } 7445 7446 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 7447 grid-column: span 2; 7448 } 7449 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 7450 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 7451 position: relative; 7452 padding-left: 0 !important; 7453 } 7454 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 7455 color: #db0000 !important; 7456 font-weight: 500; 7457 } 7458 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 7459 padding-left: 21px !important; 7460 line-height: normal !important; 7461 } 7462 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 7463 content: ''; 7464 width: 14px; 7465 height: 14px; 7466 position: absolute; 7467 top: 50%; 7468 left: 0px; 7469 transform: translateY(-50%); 7470 border-radius: 50%; 7471 border: 1px solid transparent; 7472 } 7473 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 7474 background-color: #000; 7475 } 7476 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 7477 background-color: #765623; 7478 } 7479 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 7480 background-color: #D54C4C; 7481 } 7482 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 7483 background-color: #56ACD8; 7484 } 7485 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 7486 background-color: #EFCD13; 7487 } 7488 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 7489 background-color: #EBA3D8; 7490 } 7491 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 7492 background-color: #53B553; 7493 } 7494 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 7495 background-color: #9963C1; 7496 } 7497 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 7498 background-color: #7C7C7C; 7499 } 7500 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 7501 background-color: #FF9D19; 7502 } 7503 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 7504 background-color: #fff; 7505 border-color: #707070 !important; 7506 } 7507 7508 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 7509 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
7509no-repeat padding-box; 7510 } 7511 } 7512 </style> 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 <div class="mega-menu-item gm1 collection-menu" > 7524 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 7525 <h3 class="mega-menu__title">Collection</h3></div> 7526 <ul class="mega-menu__list"><li class="mega-menu__item"> 7527 <a href="/collections/shark" class="mega-menu__link">Shark Classic</a> 7528 </li><li class="mega-menu__item"> 7529 <a href="/collections/analog" class="mega-menu__link">Shark Analog</a> 7530 </li><li class="mega-menu__item"> 7531 <a href="/collections/shark-mini" class="mega-menu__link">Shark Mini</a> 7532 </li><li class="mega-menu__item"> 7533 <a href="/collections/tide" class="mega-menu__link">Tide</a> 7534 </li><li class="mega-menu__item"> 7535 <a href="/collections/dive" class="mega-menu__link">Dive</a> 7536 </li></ul></div> 7537 </div> 7538 7539 <style> 7540 .hide-desktop { 7541 display: none !important; 7542 } 7543 7544 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7545 7546 padding-left: 160px; 7547 width: 100vw !important; 7548 top: 84px !important; 7549 left: -40px !important; 7550 display: flex !important; 7551 gap: 35px !important; 7552 border-top: 1px solid #D5D8D8; 7553 } 7554 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7555 padding-left: 250px; 7556 } 7557 7558 @media (max-width: 1500px) { 7559 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7560 padding-left: 140px; 7561 } 7562 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7563 padding-left: 225px; 7564 } 7565 } 7566 @media (max-width: 1374px) { 7567 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7568 padding-left: 140px; 7569 } 7570 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7571 padding-left: 215px; 7572 } 7573 } 7574 @media (min-width: 425px) and (max-width: 1248px) { 7575 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7576 left: -15px !important; 7577 padding-left: 100px; 7578 } 7579 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7580 padding-left: 180px; 7581 } 7582 } 7583 @media (max-width: 1079px) { 7584 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7585 padding-left: 160px; 7586 } 7587 } 7588 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7589 border-top: none !important; 7590 } 7591 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7592 width: auto !important; 7593 } 7594 7595 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 7596 font: normal normal bold 14px/40px Ingra; 7597 letter-spacing: 0.56px; 7598 color: #000000; 7599 text-transform: uppercase; 7600 margin: 0; 7601 padding: 0px 15px; 7602 } 7603 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 7604 letter-spacing: 0px; 7605 color: #0F0F0F !important; 7606 text-align: left; 7607 padding: 8px 15px !important; 7608 text-transform: capitalize; 7609 } 7610 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 7611 color: #db0000 !important; 7612 font-weight: 500; 7613 } 7614 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 7615 font-weight: 700; 7616 } 7617 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 7618 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 7619 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 7620 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 7621 margin-top: 0; 7622 border-bottom: none; 7623 padding-bottom: 0; 7624 margin-bottom: 0 !important; 7625 } 7626 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 7627 display: grid; 7628 grid-template-columns: repeat(2, 1fr); 7629 gap: 0px 15px; 7630 padding-left: 15px; 7631 } 7632 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 7633 position: relative; 7634 padding-left: 27px !important; 7635 } 7636 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 7637 content: ''; 7638 width: 14px; 7639 height: 14px; 7640 position: absolute; 7641 top: 50%; 7642 left: 4px; 7643 transform: translateY(-50%); 7644 border-radius: 50%; 7645 border: 1px solid transparent; 7646 } 7647 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 7648 background-color: #000; 7649 } 7650 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 7651 background-color: #765623; 7652 } 7653 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 7654 background-color: #D54C4C; 7655 } 7656 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 7657 background-color: #56ACD8; 7658 } 7659 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 7660 background-color: #EFCD13; 7661 } 7662 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 7663 background-color: #EBA3D8; 7664 } 7665 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 7666 background-color: #53B553; 7667 } 7668 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 7669 background-color: #9963C1; 7670 } 7671 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 7672 background-color: #7C7C7C; 7673 } 7674 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 7675 background-color: #FF9D19; 7676 } 7677 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 7678 background-color: #fff; 7679 border-color: #707070 !important; 7680 } 7681 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 7682 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
7682no-repeat padding-box; 7683 } 7684 7685 .g1{ 7686 width: 1000px; 7687 7688 } 7689 @media screen and (min-width: 1920px) { 7690 .g1 { 7691 margin-left: 75px !important; 7692 } 7693 } 7694 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 7695 visibility: hidden; 7696 display: none; 7697 } 7698 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 7699 visibility: hidden; 7700 position: absolute; 7701 top: 65px; 7702 left: 50%; 7703 width: calc(100% - 300px); 7704 height: auto; 7705 background-color: white; 7706 z-index: 1; 7707 box-sizing: border-box; 7708 padding: 30px; 7709 transform: translateX(-50%); 7710 font-size: 14px; 7711 grid-gap: 10px !important; 7712 } 7713 7714 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 7715 color: black; 7716 } 7717 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 7718 letter-spacing: .7px; 7719 padding: 0 !important; 7720 } 7721 7722 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 7723 color: #1cd7fa; 7724 } 7725 7726 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 7727 margin: 0; 7728 list-style-type: none; 7729 } 7730 7731 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 7732 margin-bottom: 0; 7733 } 7734 7735 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 7736 a:visited { 7737 padding: 5px 10px; 7738 position: relative; 7739 text-transform: uppercase; 7740 } 7741 7742 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 7743 .menu-mobile .mega-menu-item img { 7744 width: 100%; 7745 } 7746 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 7747 visibility: visible; 7748 } 7749 .menu-mobile .mega-menu-item { 7750 position: relative; 7751 display: flex; 7752 padding: 0 !important; 7753 } 7754 7755 .menu-mobile .mega-menu-item .mega-menu-item-title { 7756 position: absolute; 7757 bottom: 15px; 7758 color: white; 7759 text-align: center; 7760 left: 50%; 7761 transform: translateX(-50%); 7762 width: 100%; 7763 box-sizing: border-box; 7764 padding: 10px 8px; 7765 line-height: 1; 7766 background-color: rgba(0,0,0,0.6); 7767 } 7768 7769 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 7770 order: 1; 7771 } 7772 @media screen and (min-width: 1024px) and (max-width: 1399px) { 7773 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 7774 left: 52%; 7775 } 7776 } 7777 @media screen and (min-width: 1400px) { 7778 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 7779 left: 50%; 7780 } 7781 } 7782 @media(max-width: 992px) { 7783 .hide-mobile { 7784 display: none !important; 7785 } 7786 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 7787 order: unset !important; 7788 } 7789 .menu-mobile-nav-item .mega-menu.global-mega-menu { 7790 padding: 18px 15px; 7791 } 7792 7793 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 7794 display: grid !important; 7795 7796 gap: 15px 0; 7797 } 7798 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 7799 text-align: left; 7800 font: normal normal bold 14px Ingra; 7801 letter-spacing: 0.56px; 7802 color: #000000; 7803 padding-left: 0; 7804 } 7805 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 7806 display: flex; 7807 align-items: center; 7808 justify-content: space-between; 7809 } 7810 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 7811 margin-bottom: 15px; 7812 width: auto; 7813 text-transform: capitalize; 7814 font-weight: 700; 7815 display: block !important; 7816 } 7817 7818 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 7819 grid-column: span 2; 7820 } 7821 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 7822 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 7823 position: relative; 7824 padding-left: 0 !important; 7825 } 7826 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 7827 color: #db0000 !important; 7828 font-weight: 500; 7829 } 7830 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 7831 padding-left: 21px !important; 7832 line-height: normal !important; 7833 } 7834 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 7835 content: ''; 7836 width: 14px; 7837 height: 14px; 7838 position: absolute; 7839 top: 50%; 7840 left: 0px; 7841 transform: translateY(-50%); 7842 border-radius: 50%; 7843 border: 1px solid transparent; 7844 } 7845 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 7846 background-color: #000; 7847 } 7848 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 7849 background-color: #765623; 7850 } 7851 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 7852 background-color: #D54C4C; 7853 } 7854 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 7855 background-color: #56ACD8; 7856 } 7857 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 7858 background-color: #EFCD13; 7859 } 7860 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 7861 background-color: #EBA3D8; 7862 } 7863 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 7864 background-color: #53B553; 7865 } 7866 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 7867 background-color: #9963C1; 7868 } 7869 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 7870 background-color: #7C7C7C; 7871 } 7872 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 7873 background-color: #FF9D19; 7874 } 7875 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 7876 background-color: #fff; 7877 border-color: #707070 !important; 7878 } 7879 7880 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 7881 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
7881no-repeat padding-box; 7882 } 7883 } 7884 </style> 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 <div class="mega-menu-item gm1 closure-menu" > 7896 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 7897 <h3 class="mega-menu__title">Closure</h3></div> 7898 <ul class="mega-menu__list"><li class="mega-menu__item"> 7899 <a href="/collections/shark-clip" class="mega-menu__link">Clip</a> 7900 </li><li class="mega-menu__item"> 7901 <a href="/collections/shark-leash" class="mega-menu__link">Leash</a> 7902 </li><li class="mega-menu__item"> 7903 <a href="/collections/buckle-closure" class="mega-menu__link">Buckle</a> 7904 </li></ul></div> 7905 </div> 7906 7907 <style> 7908 .hide-desktop { 7909 display: none !important; 7910 } 7911 7912 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7913 7914 padding-left: 160px; 7915 width: 100vw !important; 7916 top: 84px !important; 7917 left: -40px !important; 7918 display: flex !important; 7919 gap: 35px !important; 7920 border-top: 1px solid #D5D8D8; 7921 } 7922 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7923 padding-left: 250px; 7924 } 7925 7926 @media (max-width: 1500px) { 7927 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7928 padding-left: 140px; 7929 } 7930 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7931 padding-left: 225px; 7932 } 7933 } 7934 @media (max-width: 1374px) { 7935 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7936 padding-left: 140px; 7937 } 7938 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7939 padding-left: 215px; 7940 } 7941 } 7942 @media (min-width: 425px) and (max-width: 1248px) { 7943 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 7944 left: -15px !important; 7945 padding-left: 100px; 7946 } 7947 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7948 padding-left: 180px; 7949 } 7950 } 7951 @media (max-width: 1079px) { 7952 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 7953 padding-left: 160px; 7954 } 7955 } 7956 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7957 border-top: none !important; 7958 } 7959 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 7960 width: auto !important; 7961 } 7962 7963 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 7964 font: normal normal bold 14px/40px Ingra; 7965 letter-spacing: 0.56px; 7966 color: #000000; 7967 text-transform: uppercase; 7968 margin: 0; 7969 padding: 0px 15px; 7970 } 7971 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 7972 letter-spacing: 0px; 7973 color: #0F0F0F !important; 7974 text-align: left; 7975 padding: 8px 15px !important; 7976 text-transform: capitalize; 7977 } 7978 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 7979 color: #db0000 !important; 7980 font-weight: 500; 7981 } 7982 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 7983 font-weight: 700; 7984 } 7985 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 7986 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 7987 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 7988 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 7989 margin-top: 0; 7990 border-bottom: none; 7991 padding-bottom: 0; 7992 margin-bottom: 0 !important; 7993 } 7994 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 7995 display: grid; 7996 grid-template-columns: repeat(2, 1fr); 7997 gap: 0px 15px; 7998 padding-left: 15px; 7999 } 8000 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 8001 position: relative; 8002 padding-left: 27px !important; 8003 } 8004 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 8005 content: ''; 8006 width: 14px; 8007 height: 14px; 8008 position: absolute; 8009 top: 50%; 8010 left: 4px; 8011 transform: translateY(-50%); 8012 border-radius: 50%; 8013 border: 1px solid transparent; 8014 } 8015 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 8016 background-color: #000; 8017 } 8018 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 8019 background-color: #765623; 8020 } 8021 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 8022 background-color: #D54C4C; 8023 } 8024 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 8025 background-color: #56ACD8; 8026 } 8027 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 8028 background-color: #EFCD13; 8029 } 8030 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 8031 background-color: #EBA3D8; 8032 } 8033 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 8034 background-color: #53B553; 8035 } 8036 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 8037 background-color: #9963C1; 8038 } 8039 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 8040 background-color: #7C7C7C; 8041 } 8042 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 8043 background-color: #FF9D19; 8044 } 8045 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 8046 background-color: #fff; 8047 border-color: #707070 !important; 8048 } 8049 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 8050 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
8050no-repeat padding-box; 8051 } 8052 8053 .g1{ 8054 width: 1000px; 8055 8056 } 8057 @media screen and (min-width: 1920px) { 8058 .g1 { 8059 margin-left: 75px !important; 8060 } 8061 } 8062 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 8063 visibility: hidden; 8064 display: none; 8065 } 8066 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 8067 visibility: hidden; 8068 position: absolute; 8069 top: 65px; 8070 left: 50%; 8071 width: calc(100% - 300px); 8072 height: auto; 8073 background-color: white; 8074 z-index: 1; 8075 box-sizing: border-box; 8076 padding: 30px; 8077 transform: translateX(-50%); 8078 font-size: 14px; 8079 grid-gap: 10px !important; 8080 } 8081 8082 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 8083 color: black; 8084 } 8085 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 8086 letter-spacing: .7px; 8087 padding: 0 !important; 8088 } 8089 8090 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 8091 color: #1cd7fa; 8092 } 8093 8094 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 8095 margin: 0; 8096 list-style-type: none; 8097 } 8098 8099 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 8100 margin-bottom: 0; 8101 } 8102 8103 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 8104 a:visited { 8105 padding: 5px 10px; 8106 position: relative; 8107 text-transform: uppercase; 8108 } 8109 8110 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 8111 .menu-mobile .mega-menu-item img { 8112 width: 100%; 8113 } 8114 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 8115 visibility: visible; 8116 } 8117 .menu-mobile .mega-menu-item { 8118 position: relative; 8119 display: flex; 8120 padding: 0 !important; 8121 } 8122 8123 .menu-mobile .mega-menu-item .mega-menu-item-title { 8124 position: absolute; 8125 bottom: 15px; 8126 color: white; 8127 text-align: center; 8128 left: 50%; 8129 transform: translateX(-50%); 8130 width: 100%; 8131 box-sizing: border-box; 8132 padding: 10px 8px; 8133 line-height: 1; 8134 background-color: rgba(0,0,0,0.6); 8135 } 8136 8137 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 8138 order: 1; 8139 } 8140 @media screen and (min-width: 1024px) and (max-width: 1399px) { 8141 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8142 left: 52%; 8143 } 8144 } 8145 @media screen and (min-width: 1400px) { 8146 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8147 left: 50%; 8148 } 8149 } 8150 @media(max-width: 992px) { 8151 .hide-mobile { 8152 display: none !important; 8153 } 8154 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 8155 order: unset !important; 8156 } 8157 .menu-mobile-nav-item .mega-menu.global-mega-menu { 8158 padding: 18px 15px; 8159 } 8160 8161 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 8162 display: grid !important; 8163 8164 gap: 15px 0; 8165 } 8166 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 8167 text-align: left; 8168 font: normal normal bold 14px Ingra; 8169 letter-spacing: 0.56px; 8170 color: #000000; 8171 padding-left: 0; 8172 } 8173 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 8174 display: flex; 8175 align-items: center; 8176 justify-content: space-between; 8177 } 8178 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 8179 margin-bottom: 15px; 8180 width: auto; 8181 text-transform: capitalize; 8182 font-weight: 700; 8183 display: block !important; 8184 } 8185 8186 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 8187 grid-column: span 2; 8188 } 8189 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 8190 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 8191 position: relative; 8192 padding-left: 0 !important; 8193 } 8194 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 8195 color: #db0000 !important; 8196 font-weight: 500; 8197 } 8198 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 8199 padding-left: 21px !important; 8200 line-height: normal !important; 8201 } 8202 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 8203 content: ''; 8204 width: 14px; 8205 height: 14px; 8206 position: absolute; 8207 top: 50%; 8208 left: 0px; 8209 transform: translateY(-50%); 8210 border-radius: 50%; 8211 border: 1px solid transparent; 8212 } 8213 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 8214 background-color: #000; 8215 } 8216 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 8217 background-color: #765623; 8218 } 8219 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 8220 background-color: #D54C4C; 8221 } 8222 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 8223 background-color: #56ACD8; 8224 } 8225 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 8226 background-color: #EFCD13; 8227 } 8228 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 8229 background-color: #EBA3D8; 8230 } 8231 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 8232 background-color: #53B553; 8233 } 8234 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 8235 background-color: #9963C1; 8236 } 8237 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 8238 background-color: #7C7C7C; 8239 } 8240 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 8241 background-color: #FF9D19; 8242 } 8243 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 8244 background-color: #fff; 8245 border-color: #707070 !important; 8246 } 8247 8248 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 8249 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
8249no-repeat padding-box; 8250 } 8251 } 8252 </style> 8253 8254 8255 8256 8257 8258 8259 8260 8261 8262 8263 <div class="mega-menu-item gm1 visual-vibes-menu" > 8264 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 8265 <h3 class="mega-menu__title">visual Vibes</h3></div> 8266 <ul class="mega-menu__list"><li class="mega-menu__item"> 8267 <a href="/collections/visual-vibe-solids" class="mega-menu__link">Solids</a> 8268 </li><li class="mega-menu__item"> 8269 <a href="/collections/visual-vibe-pattern" class="mega-menu__link">Patterns</a> 8270 </li><li class="mega-menu__item"> 8271 <a href="/collections/visual-vibe-neons" class="mega-menu__link">Neons</a> 8272 </li><li class="mega-menu__item"> 8273 <a href="/collections/visual-vibe-neutrals" class="mega-menu__link">Neutrals</a> 8274 </li><li class="mega-menu__item"> 8275 <a href="/collections/visual-vibe-pastel" class="mega-menu__link">Pastels</a> 8276 </li><li class="mega-menu__item"> 8277 <a href="/collections/visual-vibe-frosted" class="mega-menu__link">Frosted</a> 8278 </li><li class="mega-menu__item"> 8279 <a href="/collections/visual-vibe-multi" class="mega-menu__link">Multi</a> 8280 </li><li class="mega-menu__item"> 8281 <a href="/collections/visual-vibe-clear" class="mega-menu__link">Clear/Translucent</a> 8282 </li><li class="mega-menu__item"> 8283 <a href="/collections/visual-vibe-glow-in-the-dark" class="mega-menu__link">Glow-in-the-Dark</a> 8284 </li></ul></div> 8285 </div> 8286 8287 <style> 8288 .hide-desktop { 8289 display: none !important; 8290 } 8291 8292 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8293 8294 padding-left: 160px; 8295 width: 100vw !important; 8296 top: 84px !important; 8297 left: -40px !important; 8298 display: flex !important; 8299 gap: 35px !important; 8300 border-top: 1px solid #D5D8D8; 8301 } 8302 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8303 padding-left: 250px; 8304 } 8305 8306 @media (max-width: 1500px) { 8307 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8308 padding-left: 140px; 8309 } 8310 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8311 padding-left: 225px; 8312 } 8313 } 8314 @media (max-width: 1374px) { 8315 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8316 padding-left: 140px; 8317 } 8318 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8319 padding-left: 215px; 8320 } 8321 } 8322 @media (min-width: 425px) and (max-width: 1248px) { 8323 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8324 left: -15px !important; 8325 padding-left: 100px; 8326 } 8327 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8328 padding-left: 180px; 8329 } 8330 } 8331 @media (max-width: 1079px) { 8332 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8333 padding-left: 160px; 8334 } 8335 } 8336 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 8337 border-top: none !important; 8338 } 8339 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 8340 width: auto !important; 8341 } 8342 8343 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 8344 font: normal normal bold 14px/40px Ingra; 8345 letter-spacing: 0.56px; 8346 color: #000000; 8347 text-transform: uppercase; 8348 margin: 0; 8349 padding: 0px 15px; 8350 } 8351 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 8352 letter-spacing: 0px; 8353 color: #0F0F0F !important; 8354 text-align: left; 8355 padding: 8px 15px !important; 8356 text-transform: capitalize; 8357 } 8358 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 8359 color: #db0000 !important; 8360 font-weight: 500; 8361 } 8362 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 8363 font-weight: 700; 8364 } 8365 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 8366 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 8367 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 8368 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 8369 margin-top: 0; 8370 border-bottom: none; 8371 padding-bottom: 0; 8372 margin-bottom: 0 !important; 8373 } 8374 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 8375 display: grid; 8376 grid-template-columns: repeat(2, 1fr); 8377 gap: 0px 15px; 8378 padding-left: 15px; 8379 } 8380 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 8381 position: relative; 8382 padding-left: 27px !important; 8383 } 8384 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 8385 content: ''; 8386 width: 14px; 8387 height: 14px; 8388 position: absolute; 8389 top: 50%; 8390 left: 4px; 8391 transform: translateY(-50%); 8392 border-radius: 50%; 8393 border: 1px solid transparent; 8394 } 8395 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 8396 background-color: #000; 8397 } 8398 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 8399 background-color: #765623; 8400 } 8401 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 8402 background-color: #D54C4C; 8403 } 8404 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 8405 background-color: #56ACD8; 8406 } 8407 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 8408 background-color: #EFCD13; 8409 } 8410 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 8411 background-color: #EBA3D8; 8412 } 8413 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 8414 background-color: #53B553; 8415 } 8416 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 8417 background-color: #9963C1; 8418 } 8419 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 8420 background-color: #7C7C7C; 8421 } 8422 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 8423 background-color: #FF9D19; 8424 } 8425 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 8426 background-color: #fff; 8427 border-color: #707070 !important; 8428 } 8429 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 8430 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
8430no-repeat padding-box; 8431 } 8432 8433 .g1{ 8434 width: 1000px; 8435 8436 } 8437 @media screen and (min-width: 1920px) { 8438 .g1 { 8439 margin-left: 75px !important; 8440 } 8441 } 8442 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 8443 visibility: hidden; 8444 display: none; 8445 } 8446 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 8447 visibility: hidden; 8448 position: absolute; 8449 top: 65px; 8450 left: 50%; 8451 width: calc(100% - 300px); 8452 height: auto; 8453 background-color: white; 8454 z-index: 1; 8455 box-sizing: border-box; 8456 padding: 30px; 8457 transform: translateX(-50%); 8458 font-size: 14px; 8459 grid-gap: 10px !important; 8460 } 8461 8462 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 8463 color: black; 8464 } 8465 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 8466 letter-spacing: .7px; 8467 padding: 0 !important; 8468 } 8469 8470 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 8471 color: #1cd7fa; 8472 } 8473 8474 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 8475 margin: 0; 8476 list-style-type: none; 8477 } 8478 8479 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 8480 margin-bottom: 0; 8481 } 8482 8483 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 8484 a:visited { 8485 padding: 5px 10px; 8486 position: relative; 8487 text-transform: uppercase; 8488 } 8489 8490 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 8491 .menu-mobile .mega-menu-item img { 8492 width: 100%; 8493 } 8494 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 8495 visibility: visible; 8496 } 8497 .menu-mobile .mega-menu-item { 8498 position: relative; 8499 display: flex; 8500 padding: 0 !important; 8501 } 8502 8503 .menu-mobile .mega-menu-item .mega-menu-item-title { 8504 position: absolute; 8505 bottom: 15px; 8506 color: white; 8507 text-align: center; 8508 left: 50%; 8509 transform: translateX(-50%); 8510 width: 100%; 8511 box-sizing: border-box; 8512 padding: 10px 8px; 8513 line-height: 1; 8514 background-color: rgba(0,0,0,0.6); 8515 } 8516 8517 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 8518 order: 1; 8519 } 8520 @media screen and (min-width: 1024px) and (max-width: 1399px) { 8521 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8522 left: 52%; 8523 } 8524 } 8525 @media screen and (min-width: 1400px) { 8526 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8527 left: 50%; 8528 } 8529 } 8530 @media(max-width: 992px) { 8531 .hide-mobile { 8532 display: none !important; 8533 } 8534 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 8535 order: unset !important; 8536 } 8537 .menu-mobile-nav-item .mega-menu.global-mega-menu { 8538 padding: 18px 15px; 8539 } 8540 8541 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 8542 display: grid !important; 8543 8544 gap: 15px 0; 8545 } 8546 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 8547 text-align: left; 8548 font: normal normal bold 14px Ingra; 8549 letter-spacing: 0.56px; 8550 color: #000000; 8551 padding-left: 0; 8552 } 8553 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 8554 display: flex; 8555 align-items: center; 8556 justify-content: space-between; 8557 } 8558 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 8559 margin-bottom: 15px; 8560 width: auto; 8561 text-transform: capitalize; 8562 font-weight: 700; 8563 display: block !important; 8564 } 8565 8566 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 8567 grid-column: span 2; 8568 } 8569 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 8570 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 8571 position: relative; 8572 padding-left: 0 !important; 8573 } 8574 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 8575 color: #db0000 !important; 8576 font-weight: 500; 8577 } 8578 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 8579 padding-left: 21px !important; 8580 line-height: normal !important; 8581 } 8582 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 8583 content: ''; 8584 width: 14px; 8585 height: 14px; 8586 position: absolute; 8587 top: 50%; 8588 left: 0px; 8589 transform: translateY(-50%); 8590 border-radius: 50%; 8591 border: 1px solid transparent; 8592 } 8593 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 8594 background-color: #000; 8595 } 8596 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 8597 background-color: #765623; 8598 } 8599 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 8600 background-color: #D54C4C; 8601 } 8602 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 8603 background-color: #56ACD8; 8604 } 8605 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 8606 background-color: #EFCD13; 8607 } 8608 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 8609 background-color: #EBA3D8; 8610 } 8611 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 8612 background-color: #53B553; 8613 } 8614 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 8615 background-color: #9963C1; 8616 } 8617 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 8618 background-color: #7C7C7C; 8619 } 8620 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 8621 background-color: #FF9D19; 8622 } 8623 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 8624 background-color: #fff; 8625 border-color: #707070 !important; 8626 } 8627 8628 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 8629 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
8629no-repeat padding-box; 8630 } 8631 } 8632 </style> 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 8643 <div class="mega-menu-item gm1 color-menu" > 8644 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 8645 <h3 class="mega-menu__title">Color</h3></div> 8646 <ul class="mega-menu__list grid-menu"><li class="mega-menu__item"> 8647 <a href="/collections/black-shark-classic-watches" class="mega-menu__link black ">Black</a> 8648 </li><li class="mega-menu__item"> 8649 <a href="/collections/white-shark-classic-watches" class="mega-menu__link white ">White</a> 8650 </li><li class="mega-menu__item"> 8651 <a href="/collections/yellow-shark-classic-watches" class="mega-menu__link yellow ">Yellow</a> 8652 </li><li class="mega-menu__item"> 8653 <a href="/collections/purple-shark-classic-watches" class="mega-menu__link purple ">Purple</a> 8654 </li><li class="mega-menu__item"> 8655 <a href="/collections/orange-shark-classic-watches" class="mega-menu__link orange ">Orange</a> 8656 </li><li class="mega-menu__item"> 8657 <a href="/collections/green-shark-classic-watches" class="mega-menu__link green ">Green</a> 8658 </li><li class="mega-menu__item"> 8659 <a href="/collections/red-shark-classic-watches" class="mega-menu__link red ">Red</a> 8660 </li><li class="mega-menu__item"> 8661 <a href="/collections/brown-shark-classic-watches" class="mega-menu__link brown ">Brown</a> 8662 </li><li class="mega-menu__item"> 8663 <a href="/collections/blue-shark-classic-watches" class="mega-menu__link blue ">Blue</a> 8664 </li><li class="mega-menu__item"> 8665 <a href="/collections/pink-shark-classic-watches" class="mega-menu__link pink ">Pink</a> 8666 </li><li class="mega-menu__item"> 8667 <a href="/collections/grey-shark-classic-watches" class="mega-menu__link gray ">Gray</a> 8668 </li><li class="mega-menu__item"> 8669 <a href="/collections/multi-shark-classic-watches" class="mega-menu__link multi ">Multi</a> 8670 </li></ul></div> 8671 </div> 8672 8673 <style> 8674 .hide-desktop { 8675 display: none !important; 8676 } 8677 8678 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8679 8680 padding-left: 160px; 8681 width: 100vw !important; 8682 top: 84px !important; 8683 left: -40px !important; 8684 display: flex !important; 8685 gap: 35px !important; 8686 border-top: 1px solid #D5D8D8; 8687 } 8688 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8689 padding-left: 250px; 8690 } 8691 8692 @media (max-width: 1500px) { 8693 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8694 padding-left: 140px; 8695 } 8696 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8697 padding-left: 225px; 8698 } 8699 } 8700 @media (max-width: 1374px) { 8701 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8702 padding-left: 140px; 8703 } 8704 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8705 padding-left: 215px; 8706 } 8707 } 8708 @media (min-width: 425px) and (max-width: 1248px) { 8709 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 8710 left: -15px !important; 8711 padding-left: 100px; 8712 } 8713 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8714 padding-left: 180px; 8715 } 8716 } 8717 @media (max-width: 1079px) { 8718 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 8719 padding-left: 160px; 8720 } 8721 } 8722 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 8723 border-top: none !important; 8724 } 8725 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 8726 width: auto !important; 8727 } 8728 8729 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 8730 font: normal normal bold 14px/40px Ingra; 8731 letter-spacing: 0.56px; 8732 color: #000000; 8733 text-transform: uppercase; 8734 margin: 0; 8735 padding: 0px 15px; 8736 } 8737 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 8738 letter-spacing: 0px; 8739 color: #0F0F0F !important; 8740 text-align: left; 8741 padding: 8px 15px !important; 8742 text-transform: capitalize; 8743 } 8744 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 8745 color: #db0000 !important; 8746 font-weight: 500; 8747 } 8748 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 8749 font-weight: 700; 8750 } 8751 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 8752 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 8753 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 8754 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 8755 margin-top: 0; 8756 border-bottom: none; 8757 padding-bottom: 0; 8758 margin-bottom: 0 !important; 8759 } 8760 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 8761 display: grid; 8762 grid-template-columns: repeat(2, 1fr); 8763 gap: 0px 15px; 8764 padding-left: 15px; 8765 } 8766 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 8767 position: relative; 8768 padding-left: 27px !important; 8769 } 8770 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 8771 content: ''; 8772 width: 14px; 8773 height: 14px; 8774 position: absolute; 8775 top: 50%; 8776 left: 4px; 8777 transform: translateY(-50%); 8778 border-radius: 50%; 8779 border: 1px solid transparent; 8780 } 8781 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 8782 background-color: #000; 8783 } 8784 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 8785 background-color: #765623; 8786 } 8787 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 8788 background-color: #D54C4C; 8789 } 8790 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 8791 background-color: #56ACD8; 8792 } 8793 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 8794 background-color: #EFCD13; 8795 } 8796 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 8797 background-color: #EBA3D8; 8798 } 8799 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 8800 background-color: #53B553; 8801 } 8802 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 8803 background-color: #9963C1; 8804 } 8805 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 8806 background-color: #7C7C7C; 8807 } 8808 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 8809 background-color: #FF9D19; 8810 } 8811 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 8812 background-color: #fff; 8813 border-color: #707070 !important; 8814 } 8815 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 8816 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
8816no-repeat padding-box; 8817 } 8818 8819 .g1{ 8820 width: 1000px; 8821 8822 } 8823 @media screen and (min-width: 1920px) { 8824 .g1 { 8825 margin-left: 75px !important; 8826 } 8827 } 8828 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 8829 visibility: hidden; 8830 display: none; 8831 } 8832 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 8833 visibility: hidden; 8834 position: absolute; 8835 top: 65px; 8836 left: 50%; 8837 width: calc(100% - 300px); 8838 height: auto; 8839 background-color: white; 8840 z-index: 1; 8841 box-sizing: border-box; 8842 padding: 30px; 8843 transform: translateX(-50%); 8844 font-size: 14px; 8845 grid-gap: 10px !important; 8846 } 8847 8848 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 8849 color: black; 8850 } 8851 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 8852 letter-spacing: .7px; 8853 padding: 0 !important; 8854 } 8855 8856 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 8857 color: #1cd7fa; 8858 } 8859 8860 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 8861 margin: 0; 8862 list-style-type: none; 8863 } 8864 8865 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 8866 margin-bottom: 0; 8867 } 8868 8869 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 8870 a:visited { 8871 padding: 5px 10px; 8872 position: relative; 8873 text-transform: uppercase; 8874 } 8875 8876 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 8877 .menu-mobile .mega-menu-item img { 8878 width: 100%; 8879 } 8880 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 8881 visibility: visible; 8882 } 8883 .menu-mobile .mega-menu-item { 8884 position: relative; 8885 display: flex; 8886 padding: 0 !important; 8887 } 8888 8889 .menu-mobile .mega-menu-item .mega-menu-item-title { 8890 position: absolute; 8891 bottom: 15px; 8892 color: white; 8893 text-align: center; 8894 left: 50%; 8895 transform: translateX(-50%); 8896 width: 100%; 8897 box-sizing: border-box; 8898 padding: 10px 8px; 8899 line-height: 1; 8900 background-color: rgba(0,0,0,0.6); 8901 } 8902 8903 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 8904 order: 1; 8905 } 8906 @media screen and (min-width: 1024px) and (max-width: 1399px) { 8907 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8908 left: 52%; 8909 } 8910 } 8911 @media screen and (min-width: 1400px) { 8912 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 8913 left: 50%; 8914 } 8915 } 8916 @media(max-width: 992px) { 8917 .hide-mobile { 8918 display: none !important; 8919 } 8920 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 8921 order: unset !important; 8922 } 8923 .menu-mobile-nav-item .mega-menu.global-mega-menu { 8924 padding: 18px 15px; 8925 } 8926 8927 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 8928 display: grid !important; 8929 8930 gap: 15px 0; 8931 } 8932 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 8933 text-align: left; 8934 font: normal normal bold 14px Ingra; 8935 letter-spacing: 0.56px; 8936 color: #000000; 8937 padding-left: 0; 8938 } 8939 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 8940 display: flex; 8941 align-items: center; 8942 justify-content: space-between; 8943 } 8944 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 8945 margin-bottom: 15px; 8946 width: auto; 8947 text-transform: capitalize; 8948 font-weight: 700; 8949 display: block !important; 8950 } 8951 8952 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 8953 grid-column: span 2; 8954 } 8955 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 8956 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 8957 position: relative; 8958 padding-left: 0 !important; 8959 } 8960 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 8961 color: #db0000 !important; 8962 font-weight: 500; 8963 } 8964 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 8965 padding-left: 21px !important; 8966 line-height: normal !important; 8967 } 8968 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 8969 content: ''; 8970 width: 14px; 8971 height: 14px; 8972 position: absolute; 8973 top: 50%; 8974 left: 0px; 8975 transform: translateY(-50%); 8976 border-radius: 50%; 8977 border: 1px solid transparent; 8978 } 8979 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 8980 background-color: #000; 8981 } 8982 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 8983 background-color: #765623; 8984 } 8985 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 8986 background-color: #D54C4C; 8987 } 8988 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 8989 background-color: #56ACD8; 8990 } 8991 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 8992 background-color: #EFCD13; 8993 } 8994 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 8995 background-color: #EBA3D8; 8996 } 8997 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 8998 background-color: #53B553; 8999 } 9000 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 9001 background-color: #9963C1; 9002 } 9003 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 9004 background-color: #7C7C7C; 9005 } 9006 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 9007 background-color: #FF9D19; 9008 } 9009 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 9010 background-color: #fff; 9011 border-color: #707070 !important; 9012 } 9013 9014 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 9015 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
9015no-repeat padding-box; 9016 } 9017 } 9018 </style> 9019 9020 9021 9022 9023 9024 9025 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 9036 9037 9038 9039 9040 9041 9042 9043 9044 9045 9046 9047 9048 9049 9050 9051 9052 </div> 9053 9054 9055 </li> 9056 9057 9058 9059 9060 9061 9062 9063 <li class="header-nav-menu-item " style="position:unset"> 9064 <a 9065 href="#" 9066 class="top-link " 9067 aria-label="APPLE WATCH⢠STRAPS" 9068 9069 aria-haspopup="true" 9070 aria-expanded="false" 9071 data-dropdown-trigger 9072 > 9073 9074 APPLE WATCH⢠STRAPS 9075 </a> 9076 9077 9078 9079 9080 9081 9082 9083 9084 <div 9085 class="mega-menu is-grid grid-200 media-grid-1 global-mega-menu apple-watchâ¢-straps-menu" 9086 role="menu" 9087 data-dropdown-menu> 9088 <button class="dropdown-close-btn" aria-label="Close menu"> 9089 Close menu (ESC) 9090 </button> 9091 9092 9093 9094 9095 9096 9097 9098 9099 9100 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 9128 9129 <div class="mega-menu-item gm1 featured-menu" > 9130 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 9131 <h3 class="mega-menu__title">Featured</h3><a href="/collections/apple-straps" class="mega-menu__link hide-desktop">View All</a></div> 9132 <ul class="mega-menu__list"><li class="mega-menu__item"> 9133 <a href="/collections/new-apple-straps" class="mega-menu__link">New Arrivals</a> 9134 </li><li class="mega-menu__item"> 9135 <a href="/collections/best-sellers-apple-watch-straps" class="mega-menu__link">Best Sellers</a> 9136 </li><li class="mega-menu__item"> 9137 <a href="/collections/apple-straps-collabs" class="mega-menu__link">Collabs</a> 9138 </li><li class="mega-menu__item"> 9139 <a href="/collections/apple-watch-straps-sale" class="mega-menu__link menu__link_red">Sale</a> 9140 </li><li class="mega-menu__item mega-menu__view-all hide-mobile"> 9141 <a href="/collections/apple-straps" class="mega-menu__link">View All</a> 9142 </li></ul></div> 9143 </div> 9144 9145 <style> 9146 .hide-desktop { 9147 display: none !important; 9148 } 9149 9150 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9151 9152 padding-left: 160px; 9153 width: 100vw !important; 9154 top: 84px !important; 9155 left: -40px !important; 9156 display: flex !important; 9157 gap: 35px !important; 9158 border-top: 1px solid #D5D8D8; 9159 } 9160 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9161 padding-left: 250px; 9162 } 9163 9164 @media (max-width: 1500px) { 9165 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9166 padding-left: 140px; 9167 } 9168 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9169 padding-left: 225px; 9170 } 9171 } 9172 @media (max-width: 1374px) { 9173 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9174 padding-left: 140px; 9175 } 9176 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9177 padding-left: 215px; 9178 } 9179 } 9180 @media (min-width: 425px) and (max-width: 1248px) { 9181 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9182 left: -15px !important; 9183 padding-left: 100px; 9184 } 9185 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9186 padding-left: 180px; 9187 } 9188 } 9189 @media (max-width: 1079px) { 9190 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9191 padding-left: 160px; 9192 } 9193 } 9194 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9195 border-top: none !important; 9196 } 9197 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9198 width: auto !important; 9199 } 9200 9201 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 9202 font: normal normal bold 14px/40px Ingra; 9203 letter-spacing: 0.56px; 9204 color: #000000; 9205 text-transform: uppercase; 9206 margin: 0; 9207 padding: 0px 15px; 9208 } 9209 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 9210 letter-spacing: 0px; 9211 color: #0F0F0F !important; 9212 text-align: left; 9213 padding: 8px 15px !important; 9214 text-transform: capitalize; 9215 } 9216 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 9217 color: #db0000 !important; 9218 font-weight: 500; 9219 } 9220 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 9221 font-weight: 700; 9222 } 9223 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 9224 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 9225 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 9226 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 9227 margin-top: 0; 9228 border-bottom: none; 9229 padding-bottom: 0; 9230 margin-bottom: 0 !important; 9231 } 9232 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 9233 display: grid; 9234 grid-template-columns: repeat(2, 1fr); 9235 gap: 0px 15px; 9236 padding-left: 15px; 9237 } 9238 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 9239 position: relative; 9240 padding-left: 27px !important; 9241 } 9242 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 9243 content: ''; 9244 width: 14px; 9245 height: 14px; 9246 position: absolute; 9247 top: 50%; 9248 left: 4px; 9249 transform: translateY(-50%); 9250 border-radius: 50%; 9251 border: 1px solid transparent; 9252 } 9253 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 9254 background-color: #000; 9255 } 9256 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 9257 background-color: #765623; 9258 } 9259 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 9260 background-color: #D54C4C; 9261 } 9262 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 9263 background-color: #56ACD8; 9264 } 9265 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 9266 background-color: #EFCD13; 9267 } 9268 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 9269 background-color: #EBA3D8; 9270 } 9271 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 9272 background-color: #53B553; 9273 } 9274 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 9275 background-color: #9963C1; 9276 } 9277 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 9278 background-color: #7C7C7C; 9279 } 9280 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 9281 background-color: #FF9D19; 9282 } 9283 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 9284 background-color: #fff; 9285 border-color: #707070 !important; 9286 } 9287 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 9288 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
9288no-repeat padding-box; 9289 } 9290 9291 .g1{ 9292 width: 1000px; 9293 9294 } 9295 @media screen and (min-width: 1920px) { 9296 .g1 { 9297 margin-left: 75px !important; 9298 } 9299 } 9300 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 9301 visibility: hidden; 9302 display: none; 9303 } 9304 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 9305 visibility: hidden; 9306 position: absolute; 9307 top: 65px; 9308 left: 50%; 9309 width: calc(100% - 300px); 9310 height: auto; 9311 background-color: white; 9312 z-index: 1; 9313 box-sizing: border-box; 9314 padding: 30px; 9315 transform: translateX(-50%); 9316 font-size: 14px; 9317 grid-gap: 10px !important; 9318 } 9319 9320 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 9321 color: black; 9322 } 9323 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 9324 letter-spacing: .7px; 9325 padding: 0 !important; 9326 } 9327 9328 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 9329 color: #1cd7fa; 9330 } 9331 9332 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 9333 margin: 0; 9334 list-style-type: none; 9335 } 9336 9337 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 9338 margin-bottom: 0; 9339 } 9340 9341 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 9342 a:visited { 9343 padding: 5px 10px; 9344 position: relative; 9345 text-transform: uppercase; 9346 } 9347 9348 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 9349 .menu-mobile .mega-menu-item img { 9350 width: 100%; 9351 } 9352 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 9353 visibility: visible; 9354 } 9355 .menu-mobile .mega-menu-item { 9356 position: relative; 9357 display: flex; 9358 padding: 0 !important; 9359 } 9360 9361 .menu-mobile .mega-menu-item .mega-menu-item-title { 9362 position: absolute; 9363 bottom: 15px; 9364 color: white; 9365 text-align: center; 9366 left: 50%; 9367 transform: translateX(-50%); 9368 width: 100%; 9369 box-sizing: border-box; 9370 padding: 10px 8px; 9371 line-height: 1; 9372 background-color: rgba(0,0,0,0.6); 9373 } 9374 9375 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 9376 order: 1; 9377 } 9378 @media screen and (min-width: 1024px) and (max-width: 1399px) { 9379 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 9380 left: 52%; 9381 } 9382 } 9383 @media screen and (min-width: 1400px) { 9384 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 9385 left: 50%; 9386 } 9387 } 9388 @media(max-width: 992px) { 9389 .hide-mobile { 9390 display: none !important; 9391 } 9392 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 9393 order: unset !important; 9394 } 9395 .menu-mobile-nav-item .mega-menu.global-mega-menu { 9396 padding: 18px 15px; 9397 } 9398 9399 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 9400 display: grid !important; 9401 9402 gap: 15px 0; 9403 } 9404 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 9405 text-align: left; 9406 font: normal normal bold 14px Ingra; 9407 letter-spacing: 0.56px; 9408 color: #000000; 9409 padding-left: 0; 9410 } 9411 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 9412 display: flex; 9413 align-items: center; 9414 justify-content: space-between; 9415 } 9416 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 9417 margin-bottom: 15px; 9418 width: auto; 9419 text-transform: capitalize; 9420 font-weight: 700; 9421 display: block !important; 9422 } 9423 9424 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 9425 grid-column: span 2; 9426 } 9427 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 9428 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 9429 position: relative; 9430 padding-left: 0 !important; 9431 } 9432 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 9433 color: #db0000 !important; 9434 font-weight: 500; 9435 } 9436 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 9437 padding-left: 21px !important; 9438 line-height: normal !important; 9439 } 9440 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 9441 content: ''; 9442 width: 14px; 9443 height: 14px; 9444 position: absolute; 9445 top: 50%; 9446 left: 0px; 9447 transform: translateY(-50%); 9448 border-radius: 50%; 9449 border: 1px solid transparent; 9450 } 9451 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 9452 background-color: #000; 9453 } 9454 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 9455 background-color: #765623; 9456 } 9457 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 9458 background-color: #D54C4C; 9459 } 9460 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 9461 background-color: #56ACD8; 9462 } 9463 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 9464 background-color: #EFCD13; 9465 } 9466 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 9467 background-color: #EBA3D8; 9468 } 9469 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 9470 background-color: #53B553; 9471 } 9472 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 9473 background-color: #9963C1; 9474 } 9475 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 9476 background-color: #7C7C7C; 9477 } 9478 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 9479 background-color: #FF9D19; 9480 } 9481 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 9482 background-color: #fff; 9483 border-color: #707070 !important; 9484 } 9485 9486 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 9487 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
9487no-repeat padding-box; 9488 } 9489 } 9490 </style> 9491 9492 9493 9494 9495 9496 9497 9498 9499 9500 9501 <div class="mega-menu-item gm1 closure-menu" > 9502 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 9503 <h3 class="mega-menu__title">Closure</h3></div> 9504 <ul class="mega-menu__list"><li class="mega-menu__item"> 9505 <a href="/collections/apple-straps-clips" class="mega-menu__link">Clip</a> 9506 </li><li class="mega-menu__item"> 9507 <a href="/collections/apple-straps-leash" class="mega-menu__link">Leash</a> 9508 </li></ul></div> 9509 </div> 9510 9511 <style> 9512 .hide-desktop { 9513 display: none !important; 9514 } 9515 9516 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9517 9518 padding-left: 160px; 9519 width: 100vw !important; 9520 top: 84px !important; 9521 left: -40px !important; 9522 display: flex !important; 9523 gap: 35px !important; 9524 border-top: 1px solid #D5D8D8; 9525 } 9526 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9527 padding-left: 250px; 9528 } 9529 9530 @media (max-width: 1500px) { 9531 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9532 padding-left: 140px; 9533 } 9534 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9535 padding-left: 225px; 9536 } 9537 } 9538 @media (max-width: 1374px) { 9539 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9540 padding-left: 140px; 9541 } 9542 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9543 padding-left: 215px; 9544 } 9545 } 9546 @media (min-width: 425px) and (max-width: 1248px) { 9547 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9548 left: -15px !important; 9549 padding-left: 100px; 9550 } 9551 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9552 padding-left: 180px; 9553 } 9554 } 9555 @media (max-width: 1079px) { 9556 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9557 padding-left: 160px; 9558 } 9559 } 9560 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9561 border-top: none !important; 9562 } 9563 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9564 width: auto !important; 9565 } 9566 9567 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 9568 font: normal normal bold 14px/40px Ingra; 9569 letter-spacing: 0.56px; 9570 color: #000000; 9571 text-transform: uppercase; 9572 margin: 0; 9573 padding: 0px 15px; 9574 } 9575 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 9576 letter-spacing: 0px; 9577 color: #0F0F0F !important; 9578 text-align: left; 9579 padding: 8px 15px !important; 9580 text-transform: capitalize; 9581 } 9582 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 9583 color: #db0000 !important; 9584 font-weight: 500; 9585 } 9586 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 9587 font-weight: 700; 9588 } 9589 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 9590 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 9591 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 9592 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 9593 margin-top: 0; 9594 border-bottom: none; 9595 padding-bottom: 0; 9596 margin-bottom: 0 !important; 9597 } 9598 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 9599 display: grid; 9600 grid-template-columns: repeat(2, 1fr); 9601 gap: 0px 15px; 9602 padding-left: 15px; 9603 } 9604 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 9605 position: relative; 9606 padding-left: 27px !important; 9607 } 9608 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 9609 content: ''; 9610 width: 14px; 9611 height: 14px; 9612 position: absolute; 9613 top: 50%; 9614 left: 4px; 9615 transform: translateY(-50%); 9616 border-radius: 50%; 9617 border: 1px solid transparent; 9618 } 9619 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 9620 background-color: #000; 9621 } 9622 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 9623 background-color: #765623; 9624 } 9625 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 9626 background-color: #D54C4C; 9627 } 9628 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 9629 background-color: #56ACD8; 9630 } 9631 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 9632 background-color: #EFCD13; 9633 } 9634 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 9635 background-color: #EBA3D8; 9636 } 9637 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 9638 background-color: #53B553; 9639 } 9640 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 9641 background-color: #9963C1; 9642 } 9643 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 9644 background-color: #7C7C7C; 9645 } 9646 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 9647 background-color: #FF9D19; 9648 } 9649 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 9650 background-color: #fff; 9651 border-color: #707070 !important; 9652 } 9653 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 9654 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
9654no-repeat padding-box; 9655 } 9656 9657 .g1{ 9658 width: 1000px; 9659 9660 } 9661 @media screen and (min-width: 1920px) { 9662 .g1 { 9663 margin-left: 75px !important; 9664 } 9665 } 9666 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 9667 visibility: hidden; 9668 display: none; 9669 } 9670 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 9671 visibility: hidden; 9672 position: absolute; 9673 top: 65px; 9674 left: 50%; 9675 width: calc(100% - 300px); 9676 height: auto; 9677 background-color: white; 9678 z-index: 1; 9679 box-sizing: border-box; 9680 padding: 30px; 9681 transform: translateX(-50%); 9682 font-size: 14px; 9683 grid-gap: 10px !important; 9684 } 9685 9686 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 9687 color: black; 9688 } 9689 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 9690 letter-spacing: .7px; 9691 padding: 0 !important; 9692 } 9693 9694 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 9695 color: #1cd7fa; 9696 } 9697 9698 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 9699 margin: 0; 9700 list-style-type: none; 9701 } 9702 9703 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 9704 margin-bottom: 0; 9705 } 9706 9707 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 9708 a:visited { 9709 padding: 5px 10px; 9710 position: relative; 9711 text-transform: uppercase; 9712 } 9713 9714 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 9715 .menu-mobile .mega-menu-item img { 9716 width: 100%; 9717 } 9718 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 9719 visibility: visible; 9720 } 9721 .menu-mobile .mega-menu-item { 9722 position: relative; 9723 display: flex; 9724 padding: 0 !important; 9725 } 9726 9727 .menu-mobile .mega-menu-item .mega-menu-item-title { 9728 position: absolute; 9729 bottom: 15px; 9730 color: white; 9731 text-align: center; 9732 left: 50%; 9733 transform: translateX(-50%); 9734 width: 100%; 9735 box-sizing: border-box; 9736 padding: 10px 8px; 9737 line-height: 1; 9738 background-color: rgba(0,0,0,0.6); 9739 } 9740 9741 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 9742 order: 1; 9743 } 9744 @media screen and (min-width: 1024px) and (max-width: 1399px) { 9745 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 9746 left: 52%; 9747 } 9748 } 9749 @media screen and (min-width: 1400px) { 9750 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 9751 left: 50%; 9752 } 9753 } 9754 @media(max-width: 992px) { 9755 .hide-mobile { 9756 display: none !important; 9757 } 9758 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 9759 order: unset !important; 9760 } 9761 .menu-mobile-nav-item .mega-menu.global-mega-menu { 9762 padding: 18px 15px; 9763 } 9764 9765 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 9766 display: grid !important; 9767 9768 gap: 15px 0; 9769 } 9770 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 9771 text-align: left; 9772 font: normal normal bold 14px Ingra; 9773 letter-spacing: 0.56px; 9774 color: #000000; 9775 padding-left: 0; 9776 } 9777 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 9778 display: flex; 9779 align-items: center; 9780 justify-content: space-between; 9781 } 9782 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 9783 margin-bottom: 15px; 9784 width: auto; 9785 text-transform: capitalize; 9786 font-weight: 700; 9787 display: block !important; 9788 } 9789 9790 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 9791 grid-column: span 2; 9792 } 9793 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 9794 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 9795 position: relative; 9796 padding-left: 0 !important; 9797 } 9798 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 9799 color: #db0000 !important; 9800 font-weight: 500; 9801 } 9802 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 9803 padding-left: 21px !important; 9804 line-height: normal !important; 9805 } 9806 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 9807 content: ''; 9808 width: 14px; 9809 height: 14px; 9810 position: absolute; 9811 top: 50%; 9812 left: 0px; 9813 transform: translateY(-50%); 9814 border-radius: 50%; 9815 border: 1px solid transparent; 9816 } 9817 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 9818 background-color: #000; 9819 } 9820 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 9821 background-color: #765623; 9822 } 9823 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 9824 background-color: #D54C4C; 9825 } 9826 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 9827 background-color: #56ACD8; 9828 } 9829 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 9830 background-color: #EFCD13; 9831 } 9832 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 9833 background-color: #EBA3D8; 9834 } 9835 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 9836 background-color: #53B553; 9837 } 9838 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 9839 background-color: #9963C1; 9840 } 9841 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 9842 background-color: #7C7C7C; 9843 } 9844 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 9845 background-color: #FF9D19; 9846 } 9847 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 9848 background-color: #fff; 9849 border-color: #707070 !important; 9850 } 9851 9852 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 9853 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
9853no-repeat padding-box; 9854 } 9855 } 9856 </style> 9857 9858 9859 9860 9861 9862 9863 9864 9865 9866 9867 <div class="mega-menu-item gm1 visual-vibes-menu" > 9868 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 9869 <h3 class="mega-menu__title">Visual Vibes</h3></div> 9870 <ul class="mega-menu__list"><li class="mega-menu__item"> 9871 <a href="/collections/visual-vibes-apple-strap-solids" class="mega-menu__link">Solids</a> 9872 </li><li class="mega-menu__item"> 9873 <a href="/collections/visual-vibes-apple-strap-patterns" class="mega-menu__link">Patterns</a> 9874 </li><li class="mega-menu__item"> 9875 <a href="/collections/visual-vibes-apple-strap-neons" class="mega-menu__link">Neons</a> 9876 </li><li class="mega-menu__item"> 9877 <a href="/collections/visual-vibes-apple-strap-neutrals" class="mega-menu__link">Neutrals</a> 9878 </li><li class="mega-menu__item"> 9879 <a href="/collections/visual-vibes-apple-strap-multi-color" class="mega-menu__link">Multi</a> 9880 </li></ul></div> 9881 </div> 9882 9883 <style> 9884 .hide-desktop { 9885 display: none !important; 9886 } 9887 9888 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9889 9890 padding-left: 160px; 9891 width: 100vw !important; 9892 top: 84px !important; 9893 left: -40px !important; 9894 display: flex !important; 9895 gap: 35px !important; 9896 border-top: 1px solid #D5D8D8; 9897 } 9898 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9899 padding-left: 250px; 9900 } 9901 9902 @media (max-width: 1500px) { 9903 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9904 padding-left: 140px; 9905 } 9906 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9907 padding-left: 225px; 9908 } 9909 } 9910 @media (max-width: 1374px) { 9911 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9912 padding-left: 140px; 9913 } 9914 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9915 padding-left: 215px; 9916 } 9917 } 9918 @media (min-width: 425px) and (max-width: 1248px) { 9919 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 9920 left: -15px !important; 9921 padding-left: 100px; 9922 } 9923 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9924 padding-left: 180px; 9925 } 9926 } 9927 @media (max-width: 1079px) { 9928 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 9929 padding-left: 160px; 9930 } 9931 } 9932 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9933 border-top: none !important; 9934 } 9935 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 9936 width: auto !important; 9937 } 9938 9939 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 9940 font: normal normal bold 14px/40px Ingra; 9941 letter-spacing: 0.56px; 9942 color: #000000; 9943 text-transform: uppercase; 9944 margin: 0; 9945 padding: 0px 15px; 9946 } 9947 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 9948 letter-spacing: 0px; 9949 color: #0F0F0F !important; 9950 text-align: left; 9951 padding: 8px 15px !important; 9952 text-transform: capitalize; 9953 } 9954 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 9955 color: #db0000 !important; 9956 font-weight: 500; 9957 } 9958 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 9959 font-weight: 700; 9960 } 9961 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 9962 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 9963 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 9964 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 9965 margin-top: 0; 9966 border-bottom: none; 9967 padding-bottom: 0; 9968 margin-bottom: 0 !important; 9969 } 9970 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 9971 display: grid; 9972 grid-template-columns: repeat(2, 1fr); 9973 gap: 0px 15px; 9974 padding-left: 15px; 9975 } 9976 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 9977 position: relative; 9978 padding-left: 27px !important; 9979 } 9980 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 9981 content: ''; 9982 width: 14px; 9983 height: 14px; 9984 position: absolute; 9985 top: 50%; 9986 left: 4px; 9987 transform: translateY(-50%); 9988 border-radius: 50%; 9989 border: 1px solid transparent; 9990 } 9991 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 9992 background-color: #000; 9993 } 9994 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 9995 background-color: #765623; 9996 } 9997 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 9998 background-color: #D54C4C; 9999 } 10000 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 10001 background-color: #56ACD8; 10002 } 10003 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 10004 background-color: #EFCD13; 10005 } 10006 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 10007 background-color: #EBA3D8; 10008 } 10009 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 10010 background-color: #53B553; 10011 } 10012 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 10013 background-color: #9963C1; 10014 } 10015 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 10016 background-color: #7C7C7C; 10017 } 10018 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 10019 background-color: #FF9D19; 10020 } 10021 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 10022 background-color: #fff; 10023 border-color: #707070 !important; 10024 } 10025 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 10026 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10026no-repeat padding-box; 10027 } 10028 10029 .g1{ 10030 width: 1000px; 10031 10032 } 10033 @media screen and (min-width: 1920px) { 10034 .g1 { 10035 margin-left: 75px !important; 10036 } 10037 } 10038 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 10039 visibility: hidden; 10040 display: none; 10041 } 10042 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 10043 visibility: hidden; 10044 position: absolute; 10045 top: 65px; 10046 left: 50%; 10047 width: calc(100% - 300px); 10048 height: auto; 10049 background-color: white; 10050 z-index: 1; 10051 box-sizing: border-box; 10052 padding: 30px; 10053 transform: translateX(-50%); 10054 font-size: 14px; 10055 grid-gap: 10px !important; 10056 } 10057 10058 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 10059 color: black; 10060 } 10061 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 10062 letter-spacing: .7px; 10063 padding: 0 !important; 10064 } 10065 10066 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 10067 color: #1cd7fa; 10068 } 10069 10070 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 10071 margin: 0; 10072 list-style-type: none; 10073 } 10074 10075 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 10076 margin-bottom: 0; 10077 } 10078 10079 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 10080 a:visited { 10081 padding: 5px 10px; 10082 position: relative; 10083 text-transform: uppercase; 10084 } 10085 10086 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 10087 .menu-mobile .mega-menu-item img { 10088 width: 100%; 10089 } 10090 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 10091 visibility: visible; 10092 } 10093 .menu-mobile .mega-menu-item { 10094 position: relative; 10095 display: flex; 10096 padding: 0 !important; 10097 } 10098 10099 .menu-mobile .mega-menu-item .mega-menu-item-title { 10100 position: absolute; 10101 bottom: 15px; 10102 color: white; 10103 text-align: center; 10104 left: 50%; 10105 transform: translateX(-50%); 10106 width: 100%; 10107 box-sizing: border-box; 10108 padding: 10px 8px; 10109 line-height: 1; 10110 background-color: rgba(0,0,0,0.6); 10111 } 10112 10113 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 10114 order: 1; 10115 } 10116 @media screen and (min-width: 1024px) and (max-width: 1399px) { 10117 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10118 left: 52%; 10119 } 10120 } 10121 @media screen and (min-width: 1400px) { 10122 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10123 left: 50%; 10124 } 10125 } 10126 @media(max-width: 992px) { 10127 .hide-mobile { 10128 display: none !important; 10129 } 10130 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 10131 order: unset !important; 10132 } 10133 .menu-mobile-nav-item .mega-menu.global-mega-menu { 10134 padding: 18px 15px; 10135 } 10136 10137 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 10138 display: grid !important; 10139 10140 gap: 15px 0; 10141 } 10142 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 10143 text-align: left; 10144 font: normal normal bold 14px Ingra; 10145 letter-spacing: 0.56px; 10146 color: #000000; 10147 padding-left: 0; 10148 } 10149 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 10150 display: flex; 10151 align-items: center; 10152 justify-content: space-between; 10153 } 10154 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 10155 margin-bottom: 15px; 10156 width: auto; 10157 text-transform: capitalize; 10158 font-weight: 700; 10159 display: block !important; 10160 } 10161 10162 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 10163 grid-column: span 2; 10164 } 10165 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 10166 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 10167 position: relative; 10168 padding-left: 0 !important; 10169 } 10170 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 10171 color: #db0000 !important; 10172 font-weight: 500; 10173 } 10174 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 10175 padding-left: 21px !important; 10176 line-height: normal !important; 10177 } 10178 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 10179 content: ''; 10180 width: 14px; 10181 height: 14px; 10182 position: absolute; 10183 top: 50%; 10184 left: 0px; 10185 transform: translateY(-50%); 10186 border-radius: 50%; 10187 border: 1px solid transparent; 10188 } 10189 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 10190 background-color: #000; 10191 } 10192 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 10193 background-color: #765623; 10194 } 10195 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 10196 background-color: #D54C4C; 10197 } 10198 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 10199 background-color: #56ACD8; 10200 } 10201 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 10202 background-color: #EFCD13; 10203 } 10204 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 10205 background-color: #EBA3D8; 10206 } 10207 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 10208 background-color: #53B553; 10209 } 10210 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 10211 background-color: #9963C1; 10212 } 10213 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 10214 background-color: #7C7C7C; 10215 } 10216 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 10217 background-color: #FF9D19; 10218 } 10219 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 10220 background-color: #fff; 10221 border-color: #707070 !important; 10222 } 10223 10224 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 10225 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10225no-repeat padding-box; 10226 } 10227 } 10228 </style> 10229 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239 <div class="mega-menu-item gm1 color-menu" > 10240 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 10241 <h3 class="mega-menu__title">Color</h3></div> 10242 <ul class="mega-menu__list grid-menu"><li class="mega-menu__item"> 10243 <a href="/collections/black-apple-watch-straps" class="mega-menu__link black ">Black</a> 10244 </li><li class="mega-menu__item"> 10245 <a href="/collections/pink-apple-watch-straps" class="mega-menu__link pink ">Pink</a> 10246 </li><li class="mega-menu__item"> 10247 <a href="/collections/brown-apple-watch-straps" class="mega-menu__link brown ">Brown</a> 10248 </li><li class="mega-menu__item"> 10249 <a href="/collections/green-apple-watch-straps" class="mega-menu__link green ">Green</a> 10250 </li><li class="mega-menu__item"> 10251 <a href="/collections/red-apple-straps" class="mega-menu__link red ">Red</a> 10252 </li><li class="mega-menu__item"> 10253 <a href="/collections/purple-apple-watch-straps" class="mega-menu__link purple ">Purple</a> 10254 </li><li class="mega-menu__item"> 10255 <a href="/collections/blue-apple-straps" class="mega-menu__link blue ">Blue</a> 10256 </li><li class="mega-menu__item"> 10257 <a href="/collections/yellow-apple-watch-straps" class="mega-menu__link yellow ">Yellow</a> 10258 </li><li class="mega-menu__item"> 10259 <a href="/collections/grey-apple-watch-straps" class="mega-menu__link gray ">Gray</a> 10260 </li><li class="mega-menu__item"> 10261 <a href="/collections/multi-color-apple-watch-straps" class="mega-menu__link multi ">Multi</a> 10262 </li></ul></div> 10263 </div> 10264 10265 <style> 10266 .hide-desktop { 10267 display: none !important; 10268 } 10269 10270 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10271 10272 padding-left: 160px; 10273 width: 100vw !important; 10274 top: 84px !important; 10275 left: -40px !important; 10276 display: flex !important; 10277 gap: 35px !important; 10278 border-top: 1px solid #D5D8D8; 10279 } 10280 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10281 padding-left: 250px; 10282 } 10283 10284 @media (max-width: 1500px) { 10285 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10286 padding-left: 140px; 10287 } 10288 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10289 padding-left: 225px; 10290 } 10291 } 10292 @media (max-width: 1374px) { 10293 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10294 padding-left: 140px; 10295 } 10296 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10297 padding-left: 215px; 10298 } 10299 } 10300 @media (min-width: 425px) and (max-width: 1248px) { 10301 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10302 left: -15px !important; 10303 padding-left: 100px; 10304 } 10305 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10306 padding-left: 180px; 10307 } 10308 } 10309 @media (max-width: 1079px) { 10310 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10311 padding-left: 160px; 10312 } 10313 } 10314 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 10315 border-top: none !important; 10316 } 10317 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 10318 width: auto !important; 10319 } 10320 10321 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 10322 font: normal normal bold 14px/40px Ingra; 10323 letter-spacing: 0.56px; 10324 color: #000000; 10325 text-transform: uppercase; 10326 margin: 0; 10327 padding: 0px 15px; 10328 } 10329 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 10330 letter-spacing: 0px; 10331 color: #0F0F0F !important; 10332 text-align: left; 10333 padding: 8px 15px !important; 10334 text-transform: capitalize; 10335 } 10336 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 10337 color: #db0000 !important; 10338 font-weight: 500; 10339 } 10340 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 10341 font-weight: 700; 10342 } 10343 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 10344 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 10345 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 10346 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 10347 margin-top: 0; 10348 border-bottom: none; 10349 padding-bottom: 0; 10350 margin-bottom: 0 !important; 10351 } 10352 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 10353 display: grid; 10354 grid-template-columns: repeat(2, 1fr); 10355 gap: 0px 15px; 10356 padding-left: 15px; 10357 } 10358 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 10359 position: relative; 10360 padding-left: 27px !important; 10361 } 10362 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 10363 content: ''; 10364 width: 14px; 10365 height: 14px; 10366 position: absolute; 10367 top: 50%; 10368 left: 4px; 10369 transform: translateY(-50%); 10370 border-radius: 50%; 10371 border: 1px solid transparent; 10372 } 10373 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 10374 background-color: #000; 10375 } 10376 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 10377 background-color: #765623; 10378 } 10379 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 10380 background-color: #D54C4C; 10381 } 10382 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 10383 background-color: #56ACD8; 10384 } 10385 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 10386 background-color: #EFCD13; 10387 } 10388 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 10389 background-color: #EBA3D8; 10390 } 10391 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 10392 background-color: #53B553; 10393 } 10394 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 10395 background-color: #9963C1; 10396 } 10397 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 10398 background-color: #7C7C7C; 10399 } 10400 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 10401 background-color: #FF9D19; 10402 } 10403 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 10404 background-color: #fff; 10405 border-color: #707070 !important; 10406 } 10407 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 10408 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10408no-repeat padding-box; 10409 } 10410 10411 .g1{ 10412 width: 1000px; 10413 10414 } 10415 @media screen and (min-width: 1920px) { 10416 .g1 { 10417 margin-left: 75px !important; 10418 } 10419 } 10420 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 10421 visibility: hidden; 10422 display: none; 10423 } 10424 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 10425 visibility: hidden; 10426 position: absolute; 10427 top: 65px; 10428 left: 50%; 10429 width: calc(100% - 300px); 10430 height: auto; 10431 background-color: white; 10432 z-index: 1; 10433 box-sizing: border-box; 10434 padding: 30px; 10435 transform: translateX(-50%); 10436 font-size: 14px; 10437 grid-gap: 10px !important; 10438 } 10439 10440 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 10441 color: black; 10442 } 10443 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 10444 letter-spacing: .7px; 10445 padding: 0 !important; 10446 } 10447 10448 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 10449 color: #1cd7fa; 10450 } 10451 10452 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 10453 margin: 0; 10454 list-style-type: none; 10455 } 10456 10457 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 10458 margin-bottom: 0; 10459 } 10460 10461 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 10462 a:visited { 10463 padding: 5px 10px; 10464 position: relative; 10465 text-transform: uppercase; 10466 } 10467 10468 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 10469 .menu-mobile .mega-menu-item img { 10470 width: 100%; 10471 } 10472 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 10473 visibility: visible; 10474 } 10475 .menu-mobile .mega-menu-item { 10476 position: relative; 10477 display: flex; 10478 padding: 0 !important; 10479 } 10480 10481 .menu-mobile .mega-menu-item .mega-menu-item-title { 10482 position: absolute; 10483 bottom: 15px; 10484 color: white; 10485 text-align: center; 10486 left: 50%; 10487 transform: translateX(-50%); 10488 width: 100%; 10489 box-sizing: border-box; 10490 padding: 10px 8px; 10491 line-height: 1; 10492 background-color: rgba(0,0,0,0.6); 10493 } 10494 10495 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 10496 order: 1; 10497 } 10498 @media screen and (min-width: 1024px) and (max-width: 1399px) { 10499 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10500 left: 52%; 10501 } 10502 } 10503 @media screen and (min-width: 1400px) { 10504 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10505 left: 50%; 10506 } 10507 } 10508 @media(max-width: 992px) { 10509 .hide-mobile { 10510 display: none !important; 10511 } 10512 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 10513 order: unset !important; 10514 } 10515 .menu-mobile-nav-item .mega-menu.global-mega-menu { 10516 padding: 18px 15px; 10517 } 10518 10519 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 10520 display: grid !important; 10521 10522 gap: 15px 0; 10523 } 10524 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 10525 text-align: left; 10526 font: normal normal bold 14px Ingra; 10527 letter-spacing: 0.56px; 10528 color: #000000; 10529 padding-left: 0; 10530 } 10531 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 10532 display: flex; 10533 align-items: center; 10534 justify-content: space-between; 10535 } 10536 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 10537 margin-bottom: 15px; 10538 width: auto; 10539 text-transform: capitalize; 10540 font-weight: 700; 10541 display: block !important; 10542 } 10543 10544 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 10545 grid-column: span 2; 10546 } 10547 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 10548 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 10549 position: relative; 10550 padding-left: 0 !important; 10551 } 10552 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 10553 color: #db0000 !important; 10554 font-weight: 500; 10555 } 10556 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 10557 padding-left: 21px !important; 10558 line-height: normal !important; 10559 } 10560 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 10561 content: ''; 10562 width: 14px; 10563 height: 14px; 10564 position: absolute; 10565 top: 50%; 10566 left: 0px; 10567 transform: translateY(-50%); 10568 border-radius: 50%; 10569 border: 1px solid transparent; 10570 } 10571 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 10572 background-color: #000; 10573 } 10574 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 10575 background-color: #765623; 10576 } 10577 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 10578 background-color: #D54C4C; 10579 } 10580 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 10581 background-color: #56ACD8; 10582 } 10583 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 10584 background-color: #EFCD13; 10585 } 10586 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 10587 background-color: #EBA3D8; 10588 } 10589 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 10590 background-color: #53B553; 10591 } 10592 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 10593 background-color: #9963C1; 10594 } 10595 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 10596 background-color: #7C7C7C; 10597 } 10598 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 10599 background-color: #FF9D19; 10600 } 10601 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 10602 background-color: #fff; 10603 border-color: #707070 !important; 10604 } 10605 10606 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 10607 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10607no-repeat padding-box; 10608 } 10609 } 10610 </style> 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 <div class="mega-menu-item gm1 adapters-menu" > 10622 <div class="mega-menu-column"><div class="d-flex justify-content-between"> 10623 <h3 class="mega-menu__title">Adapters</h3></div> 10624 <ul class="mega-menu__list"><li class="mega-menu__item"> 10625 <a href="/collections/apple-watch-adapters" class="mega-menu__link">Apple Watch⢠Adapters</a> 10626 </li></ul></div> 10627 </div> 10628 10629 <style> 10630 .hide-desktop { 10631 display: none !important; 10632 } 10633 10634 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10635 10636 padding-left: 160px; 10637 width: 100vw !important; 10638 top: 84px !important; 10639 left: -40px !important; 10640 display: flex !important; 10641 gap: 35px !important; 10642 border-top: 1px solid #D5D8D8; 10643 } 10644 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10645 padding-left: 250px; 10646 } 10647 10648 @media (max-width: 1500px) { 10649 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10650 padding-left: 140px; 10651 } 10652 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10653 padding-left: 225px; 10654 } 10655 } 10656 @media (max-width: 1374px) { 10657 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10658 padding-left: 140px; 10659 } 10660 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10661 padding-left: 215px; 10662 } 10663 } 10664 @media (min-width: 425px) and (max-width: 1248px) { 10665 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu { 10666 left: -15px !important; 10667 padding-left: 100px; 10668 } 10669 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10670 padding-left: 180px; 10671 } 10672 } 10673 @media (max-width: 1079px) { 10674 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu.apple-watchâ¢-straps-menu { 10675 padding-left: 160px; 10676 } 10677 } 10678 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 10679 border-top: none !important; 10680 } 10681 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item { 10682 width: auto !important; 10683 } 10684 10685 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu__title { 10686 font: normal normal bold 14px/40px Ingra; 10687 letter-spacing: 0.56px; 10688 color: #000000; 10689 text-transform: uppercase; 10690 margin: 0; 10691 padding: 0px 15px; 10692 } 10693 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a { 10694 letter-spacing: 0px; 10695 color: #0F0F0F !important; 10696 text-align: left; 10697 padding: 8px 15px !important; 10698 text-transform: capitalize; 10699 } 10700 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul li a.menu__link_red{ 10701 color: #db0000 !important; 10702 font-weight: 500; 10703 } 10704 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li.mega-menu__item.mega-menu__view-all a { 10705 font-weight: 700; 10706 } 10707 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(3), 10708 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(6), 10709 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(8), 10710 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu li:nth-child(5) { 10711 margin-top: 0; 10712 border-bottom: none; 10713 padding-bottom: 0; 10714 margin-bottom: 0 !important; 10715 } 10716 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu { 10717 display: grid; 10718 grid-template-columns: repeat(2, 1fr); 10719 gap: 0px 15px; 10720 padding-left: 15px; 10721 } 10722 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .mega-menu-item ul.grid-menu li a { 10723 position: relative; 10724 padding-left: 27px !important; 10725 } 10726 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a:before { 10727 content: ''; 10728 width: 14px; 10729 height: 14px; 10730 position: absolute; 10731 top: 50%; 10732 left: 4px; 10733 transform: translateY(-50%); 10734 border-radius: 50%; 10735 border: 1px solid transparent; 10736 } 10737 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.black:before { 10738 background-color: #000; 10739 } 10740 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.brown:before { 10741 background-color: #765623; 10742 } 10743 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.red:before { 10744 background-color: #D54C4C; 10745 } 10746 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.blue:before { 10747 background-color: #56ACD8; 10748 } 10749 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.yellow:before { 10750 background-color: #EFCD13; 10751 } 10752 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.pink:before { 10753 background-color: #EBA3D8; 10754 } 10755 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.green:before { 10756 background-color: #53B553; 10757 } 10758 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.purple:before { 10759 background-color: #9963C1; 10760 } 10761 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.gray:before,div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.grey:before { 10762 background-color: #7C7C7C; 10763 } 10764 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.orange:before { 10765 background-color: #FF9D19; 10766 } 10767 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.white:before { 10768 background-color: #fff; 10769 border-color: #707070 !important; 10770 } 10771 div.wrapper-header.hide-in-mobile .header-nav ul.header-nav-menu li.header-nav-menu-item .mega-menu.global-mega-menu .grid-menu li a.multi:before { 10772 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10772no-repeat padding-box; 10773 } 10774 10775 .g1{ 10776 width: 1000px; 10777 10778 } 10779 @media screen and (min-width: 1920px) { 10780 .g1 { 10781 margin-left: 75px !important; 10782 } 10783 } 10784 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 10785 visibility: hidden; 10786 display: none; 10787 } 10788 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 10789 visibility: hidden; 10790 position: absolute; 10791 top: 65px; 10792 left: 50%; 10793 width: calc(100% - 300px); 10794 height: auto; 10795 background-color: white; 10796 z-index: 1; 10797 box-sizing: border-box; 10798 padding: 30px; 10799 transform: translateX(-50%); 10800 font-size: 14px; 10801 grid-gap: 10px !important; 10802 } 10803 10804 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 10805 color: black; 10806 } 10807 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 10808 letter-spacing: .7px; 10809 padding: 0 !important; 10810 } 10811 10812 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 10813 color: #1cd7fa; 10814 } 10815 10816 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 10817 margin: 0; 10818 list-style-type: none; 10819 } 10820 10821 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 10822 margin-bottom: 0; 10823 } 10824 10825 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, 10826 a:visited { 10827 padding: 5px 10px; 10828 position: relative; 10829 text-transform: uppercase; 10830 } 10831 10832 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, 10833 .menu-mobile .mega-menu-item img { 10834 width: 100%; 10835 } 10836 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 10837 visibility: visible; 10838 } 10839 .menu-mobile .mega-menu-item { 10840 position: relative; 10841 display: flex; 10842 padding: 0 !important; 10843 } 10844 10845 .menu-mobile .mega-menu-item .mega-menu-item-title { 10846 position: absolute; 10847 bottom: 15px; 10848 color: white; 10849 text-align: center; 10850 left: 50%; 10851 transform: translateX(-50%); 10852 width: 100%; 10853 box-sizing: border-box; 10854 padding: 10px 8px; 10855 line-height: 1; 10856 background-color: rgba(0,0,0,0.6); 10857 } 10858 10859 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 10860 order: 1; 10861 } 10862 @media screen and (min-width: 1024px) and (max-width: 1399px) { 10863 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10864 left: 52%; 10865 } 10866 } 10867 @media screen and (min-width: 1400px) { 10868 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g1 { 10869 left: 50%; 10870 } 10871 } 10872 @media(max-width: 992px) { 10873 .hide-mobile { 10874 display: none !important; 10875 } 10876 .menu-mobile .menu-mobile-nav .mega-menu.global-mega-menu .mega-menu-item:first-child { 10877 order: unset !important; 10878 } 10879 .menu-mobile-nav-item .mega-menu.global-mega-menu { 10880 padding: 18px 15px; 10881 } 10882 10883 .menu-mobile-nav-item .mega-menu.global-mega-menu.active { 10884 display: grid !important; 10885 10886 gap: 15px 0; 10887 } 10888 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu__title { 10889 text-align: left; 10890 font: normal normal bold 14px Ingra; 10891 letter-spacing: 0.56px; 10892 color: #000000; 10893 padding-left: 0; 10894 } 10895 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex { 10896 display: flex; 10897 align-items: center; 10898 justify-content: space-between; 10899 } 10900 .menu-mobile-nav-item .mega-menu.global-mega-menu .d-flex a { 10901 margin-bottom: 15px; 10902 width: auto; 10903 text-transform: capitalize; 10904 font-weight: 700; 10905 display: block !important; 10906 } 10907 10908 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.adapters-menu li:first-child { 10909 grid-column: span 2; 10910 } 10911 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a, 10912 .menu-mobile-nav-item .mega-menu .mega-menu-item .mega-menu__list li a { 10913 position: relative; 10914 padding-left: 0 !important; 10915 } 10916 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .mega-menu__list li a.menu__link_red{ 10917 color: #db0000 !important; 10918 font-weight: 500; 10919 } 10920 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item.color-menu .grid-menu li a { 10921 padding-left: 21px !important; 10922 line-height: normal !important; 10923 } 10924 .menu-mobile-nav-item .mega-menu.global-mega-menu .mega-menu-item .grid-menu li a:before { 10925 content: ''; 10926 width: 14px; 10927 height: 14px; 10928 position: absolute; 10929 top: 50%; 10930 left: 0px; 10931 transform: translateY(-50%); 10932 border-radius: 50%; 10933 border: 1px solid transparent; 10934 } 10935 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.black:before { 10936 background-color: #000; 10937 } 10938 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.brown:before { 10939 background-color: #765623; 10940 } 10941 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.red:before { 10942 background-color: #D54C4C; 10943 } 10944 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.blue:before { 10945 background-color: #56ACD8; 10946 } 10947 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.yellow:before { 10948 background-color: #EFCD13; 10949 } 10950 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.pink:before { 10951 background-color: #EBA3D8; 10952 } 10953 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.green:before { 10954 background-color: #53B553; 10955 } 10956 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.purple:before { 10957 background-color: #9963C1; 10958 } 10959 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.gray:before, .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.grey:before { 10960 background-color: #7C7C7C; 10961 } 10962 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.orange:before { 10963 background-color: #FF9D19; 10964 } 10965 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.white:before { 10966 background-color: #fff; 10967 border-color: #707070 !important; 10968 } 10969 10970 .menu-mobile-nav-item .mega-menu .mega-menu-item ul li a.multi:before { 10971 background: transparent linear-gradient(180deg, #FDDC36 0%, #FE658C 33%, #8586B0 65%, #03AAD6 100%) 0% 0%
10971no-repeat padding-box; 10972 } 10973 } 10974 </style> 10975 10976 10977 10978 </div> 10979 10980 10981 </li> 10982 10983 10984 10985 10986 10987 10988 10989 <li class="header-nav-menu-item " > 10990 <a 10991 href="#" 10992 class="top-link " 10993 aria-label="SMART STRAPS" 10994 10995 aria-haspopup="true" 10996 aria-expanded="false" 10997 data-dropdown-trigger 10998 > 10999 11000 SMART STRAPS 11001 </a> 11002 11003 11004 11005 11006 11007 11008 11009 11010 11011 11012 11013 <div class="mega-menu is-grid grid-250 media-grid-1 g3"> 11014 <div class="mega-menu-item"> 11015 <ul> 11016 <style> 11017 .menu-item-smart-straps a{ 11018 position: relative; 11019 } 11020 .menu-item-smart-straps:hover>.smart-straps-menu-container{ 11021 display: block; 11022 } 11023 .smart-straps-brand-name>ul{ 11024 position: absolute; 11025 left: 150px; 11026 top: 15px; 11027 display: grid; 11028 padding-left: 0; 11029 grid-template-columns: repeat(1, 1fr); 11030 width: 500px; 11031 background: #fff; 11032 } 11033 .smart-straps-brand-name{ 11034 width: 100%; 11035 padding: 0; 11036 padding-left: 40px; 11037 } 11038 .smart-straps-brand-name > ul{ 11039 display: none; 11040 padding: 15px 0; 11041 height: 95.3%; 11042 flex-direction: column; 11043 } 11044 .smart-straps-brand-name:hover > ul{ 11045 display: flex; 11046 } 11047 li.smart-straps-brand-name>ul>li { 11048 height: fit-content; 11049 padding: 0 0 0 40px; 11050 } 11051 .menu-item-smart-straps li:hover { 11052 background: #eee; 11053 transition: all .3s ease-in-out; 11054 } 11055 .mega-menu-item { 11056 background: #fff !important; 11057 padding: 20px !important; 11058 } 11059 .mega-menu.is-grid.grid-250.media-grid-1.g2{ 11060 background: transparent; 11061 /* background: #fff; */ 11062 top: 50px !important; 11063 gap: 0 !important; 11064 } 11065 .is-grid.grid-2.media-grid-2.rowgrid{ 11066 background: #fff !important; 11067 margin-left: 0 !important; 11068 padding-left: 0 !important; 11069 } 11070 li.m2.menu-item-smart-straps>a>i, 11071 li.smart-straps-brand-name>a>i { 11072 display: none; 11073 } 11074 span.smart-straps-brand-name-title small { 11075 font-size: 80%; 11076 } 11077 @media screen and (max-width: 720px) { 11078 li.m2.menu-item-smart-straps>a>i, 11079 li.smart-straps-brand-name>a>i { 11080 display: block; 11081 pointer-events: none; 11082 } 11083 .mega-menu.is-grid.grid-250.media-grid-1.g2{ 11084 background: #fff !important; 11085 } 11086 li.m2.menu-item-smart-straps>a.active i, li.smart-straps-brand-name>a.active i { 11087 transform: rotate(180deg); 11088 } 11089 li.m2.menu-item-smart-straps>a.active+div, li.smart-straps-brand-name>a.active+ul{ 11090 display: grid !important; 11091 } 11092 .smart-straps-menu-container{ 11093 position: relative; 11094 left: 0; 11095 width: 100%; 11096 padding: 0; 11097 margin: 0; 11098 } 11099 .menu-item-smart-straps{ 11100 display: flex; 11101 flex-direction: column; 11102 align-items: flex-start; 11103 justify-content: flex-start; 11104 } 11105 .m2.menu-item-smart-straps.is-active{ 11106 align-items: stretch; 11107 } 11108 .smart-straps-brand-name{ 11109 padding: 2px; 11110 background: #fff !important; 11111 padding-left: 18px; 11112 } 11113 .smart-straps-brand-name>ul{ 11114 position: relative; 11115 left: 0; 11116 top: 0; 11117 } 11118 li.smart-straps-brand-name>ul>li { 11119 padding: 0px; 11120 padding-left: 15px; 11121 } 11122 .mega-menu-item>ul{ 11123 display: grid; 11124 } 11125 .mega-menu-item>ul>li.m2{ 11126 order: 0; 11127 } 11128 li.m2.menu-item-smart-straps { 11129 order: 1; 11130 } 11131 } 11132 </style> 11133 11134 <li class="m2 menu-item-smart-straps"> 11135 <a href="#"class=""> 11136 Samsung 11137 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 11138 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 11139 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 11140 </g> 11141 </svg> 11142 </a> 11143 <div class="smart-straps-menu-container"> 11144 <ul> 11145 11146 <li class="smart-straps-brand-name"> 11147 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-classic">Galaxy 4 Classic (42mm & 46 mm) 11148 <i class="fa fa-chevron-down"></i> 11149 </a> 11150 <ul> 11151 11152 </ul> 11153 </li> 11154 11155 <li class="smart-straps-brand-name"> 11156 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-4">Galaxy 4 (40mm & 44mm) 11157 <i class="fa fa-chevron-down"></i> 11158 </a> 11159 <ul> 11160 11161 </ul> 11162 </li> 11163 11164 <li class="smart-straps-brand-name"> 11165 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-3">Galaxy 3 (41mm) 11166 <i class="fa fa-chevron-down"></i> 11167 </a> 11168 <ul> 11169 11170 </ul> 11171 </li> 11172 11173 <li class="smart-straps-brand-name"> 11174 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-active-2-u">Galaxy Active 2 (40mm & 44mm) 11175 <i class="fa fa-chevron-down"></i> 11176 </a> 11177 <ul> 11178 11179 </ul> 11180 </li> 11181 11182 <li class="smart-straps-brand-name"> 11183 <a href="/pages/smart-watch-straps/samsung_galaxy-watch-active">Galaxy Active (40mm) 11184 <i class="fa fa-chevron-down"></i> 11185 </a> 11186 <ul> 11187 11188 </ul> 11189 </li> 11190 11191 <li class="smart-straps-brand-name"> 11192 <a href="/pages/smart-watch-straps/samsung_galaxy-watch">Galaxy (42mm) 11193 <i class="fa fa-chevron-down"></i> 11194 </a> 11195 <ul> 11196 11197 </ul> 11198 </li> 11199 11200 <li class="smart-straps-brand-name"> 11201 <a href="/pages/smart-watch-straps/samsung_gear-s2-classic">Gear S2 Classic 11202 <i class="fa fa-chevron-down"></i> 11203 </a> 11204 <ul> 11205 11206 </ul> 11207 </li> 11208 11209 <li class="smart-straps-brand-name"> 11210 <a href="/pages/smart-watch-straps/samsung_gear-sport">Gear Sport 11211 <i class="fa fa-chevron-down"></i> 11212 </a> 11213 <ul> 11214 11215 </ul> 11216 </li> 11217 11218 </ul> 11219 </div> 11220 </li> 11221 11222 <li class="m2 menu-item-smart-straps"> 11223 <a href="#"class=""> 11224 Skagen 11225 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 11226 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 11227 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 11228 </g> 11229 </svg> 11230 </a> 11231 <div class="smart-straps-menu-container"> 11232 <ul> 11233 11234 <li class="smart-straps-brand-name"> 11235 <a href="/pages/smart-watch-straps/skagen_smartwatch-skagen-flaster-1-and-2">Flaster 1 & 2 11236 <i class="fa fa-chevron-down"></i> 11237 </a> 11238 <ul> 11239 11240 </ul> 11241 </li> 11242 11243 </ul> 11244 </div> 11245 </li> 11246 11247 <li class="m2 menu-item-smart-straps"> 11248 <a href="#"class=""> 11249 Garmin 11250 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 11251 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 11252 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 11253 </g> 11254 </svg> 11255 </a> 11256 <div class="smart-straps-menu-container"> 11257 <ul> 11258 11259 <li class="smart-straps-brand-name"> 11260 <a href="/pages/smart-watch-straps/garmin_venu-2-plus">Venu® 2 Plus 11261 <i class="fa fa-chevron-down"></i> 11262 </a> 11263 <ul> 11264 11265 </ul> 11266 </li> 11267 11268 <li class="smart-straps-brand-name"> 11269 <a href="/pages/smart-watch-straps/garmin_venu-sq">Venu® SQ 11270 <i class="fa fa-chevron-down"></i> 11271 </a> 11272 <ul> 11273 11274 </ul> 11275 </li> 11276 11277 <li class="smart-straps-brand-name"> 11278 <a href="/pages/smart-watch-straps/garmin_forerunner-245-music">Forerunner® 245 Music 11279 <i class="fa fa-chevron-down"></i> 11280 </a> 11281 <ul> 11282 11283 </ul> 11284 </li> 11285 11286 <li class="smart-straps-brand-name"> 11287 <a href="/pages/smart-watch-straps/garmin_forerunner-55">Forerunner® 55 11288 <i class="fa fa-chevron-down"></i> 11289 </a> 11290 <ul> 11291 11292 </ul> 11293 </li> 11294 11295 <li class="smart-straps-brand-name"> 11296 <a href="/pages/smart-watch-straps/garmin_vivoMove-sp
11296ort">Vivomove® Sport 11297 <i class="fa fa-chevron-down"></i> 11298 </a> 11299 <ul> 11300 11301 </ul> 11302 </li> 11303 11304 <li class="smart-straps-brand-name"> 11305 <a href="/pages/smart-watch-straps/garmin_vivoMove-3">Vivomove® 3 11306 <i class="fa fa-chevron-down"></i> 11307 </a> 11308 <ul> 11309 11310 </ul> 11311 </li> 11312 11313 <li class="smart-straps-brand-name"> 11314 <a href="/pages/smart-watch-straps/garmin_vivoMove-style">Vivomove® Style 11315 <i class="fa fa-chevron-down"></i> 11316 </a> 11317 <ul> 11318 11319 </ul> 11320 </li> 11321 11322 <li class="smart-straps-brand-name"> 11323 <a href="/pages/smart-watch-straps/garmin_vivoMove-luxe">Vivomove® Luxe 11324 <i class="fa fa-chevron-down"></i> 11325 </a> 11326 <ul> 11327 11328 </ul> 11329 </li> 11330 11331 <li class="smart-straps-brand-name"> 11332 <a href="/pages/smart-watch-straps/garmin_d2-air-x10">D2⢠Air X10 11333 <i class="fa fa-chevron-down"></i> 11334 </a> 11335 <ul> 11336 11337 </ul> 11338 </li> 11339 11340 <li class="smart-straps-brand-name"> 11341 <a href="/pages/smart-watch-straps/garmin_approach-s42">Approach® S42 11342 <i class="fa fa-chevron-down"></i> 11343 </a> 11344 <ul> 11345 11346 </ul> 11347 </li> 11348 11349 <li class="smart-straps-brand-name"> 11350 <a href="/pages/smart-watch-straps/garmin_approach-s40">Approach® S40 11351 <i class="fa fa-chevron-down"></i> 11352 </a> 11353 <ul> 11354 11355 </ul> 11356 </li> 11357 11358 <li class="smart-straps-brand-name"> 11359 <a href="/pages/smart-watch-straps/garmin_approach-s12">Approach® S12 11360 <i class="fa fa-chevron-down"></i> 11361 </a> 11362 <ul> 11363 11364 </ul> 11365 </li> 11366 11367 </ul> 11368 </div> 11369 </li> 11370 11371 <li class="m2 menu-item-smart-straps"> 11372 <a href="#"class=""> 11373 Moto 360 11374 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 11375 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 11376 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 11377 </g> 11378 </svg> 11379 </a> 11380 <div class="smart-straps-menu-container"> 11381 <ul> 11382 11383 <li class="smart-straps-brand-name"> 11384 <a href="/pages/smart-watch-straps/moto360_gen-2">Gen 2 11385 <i class="fa fa-chevron-down"></i> 11386 </a> 11387 <ul> 11388 11389 </ul> 11390 </li> 11391 11392 </ul> 11393 </div> 11394 </li> 11395 11396 <li class="m2 menu-item-smart-straps"> 11397 <a href="#"class=""> 11398 Withings 11399 <svg xmlns="http://www.w3.org/2000/svg" width="5.046" height="8.28" viewBox="0 0 5.046 8.28"> 11400 <g id="arrow-left-bold" transform="translate(4.746 7.98) rotate(180)"> 11401 <path id="Path_33" data-name="Path 33" d="M4.275.17a.581.581,0,0,1,0,.821L1.4,3.865,4.275,6.739a.581.581,0,1,1-.821.821L.17,4.275a.581.581,0,0,1,0-.821L3.454.17A.581.581,0,0,1,4.275.17Z" stroke="#000" stroke-width="0.5"/> 11402 </g> 11403 </svg> 11404 </a> 11405 <div class="smart-straps-menu-container"> 11406 <ul> 11407 11408 <li class="smart-straps-brand-name"> 11409 <a href="/pages/smart-watch-straps/withings_steel-hr-and-steel-sport">Steel HR & Steel Sport 11410 <i class="fa fa-chevron-down"></i> 11411 </a> 11412 <ul> 11413 11414 </ul> 11415 </li> 11416 11417 </ul> 11418 </div> 11419 </li> 11420 11421 </ul> 11422 </div> 11423</div> 11424 11425<style> 11426 @media screen and (max-width: 767px){ 11427 .mega-menu-item ul{ 11428 width: 100%; 11429 } 11430 } 11431 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 11432 visibility: hidden; 11433 display: none; 11434 } 11435 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 11436 visibility: hidden; 11437 position: absolute; 11438 top: 65px; 11439 left: 50%; 11440 width: 918px ; 11441 height: auto; 11442 background-color: white; 11443 z-index: 1; 11444 box-sizing: border-box; 11445 padding: 30px; 11446 transform: translateX(-50%); 11447 font-size: 14px; 11448 grid-gap: 10px !important; 11449 } 11450 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 11451 color: black; 11452 } 11453 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 11454 letter-spacing: .7px; 11455 padding: 0 !important; 11456 } 11457 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 11458 color: #1cd7fa; 11459 } 11460 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 11461 margin: 0; 11462 list-style-type: none; 11463 } 11464 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 11465 margin-bottom: 0; 11466 } 11467 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 11468 padding: 5px 10px; 11469 position: relative; 11470 text-transform: uppercase; 11471 } 11472 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 11473 width: 100% ; 11474 } 11475 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 11476 visibility: visible; 11477 } 11478 .menu-mobile .mega-menu-item { 11479 position: relative; 11480 display: flex; 11481 padding: 0 !important; 11482 } 11483 .menu-mobile .mega-menu-item .mega-menu-item-title { 11484 position: absolute; 11485 bottom: 15px; 11486 color: white; 11487 text-align: center; 11488 left: 50%; 11489 transform: translateX(-50%); 11490 width: 100%; 11491 } 11492 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 11493 order: 1; 11494 } 11495 @media screen and (min-width: 1600px) { 11496 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-250.media-grid-1.g2 { 11497 left: 45%; 11498 } 11499 } 11500</style> 11501 11502 11503 11504 11505 </li> 11506 11507 11508 11509 11510 11511 11512 11513 <li class="header-nav-menu-item " > 11514 <a 11515 href="#" 11516 class="top-link " 11517 aria-label="STRAPS | PARTS" 11518 > 11519 11520 STRAPS | PARTS 11521 </a> 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 <div class="left-mega mega-menu is-grid grid-200 media-grid-1 g4 " style="width: 549px;"> 11534 <div class="mega-menu-item"> 11535 <ul> 11536 11537 11538 <li class="m6"> 11539 <a href="/pages/straps-keepers-more"class="">Find The Right Parts</a> 11540 </li> 11541 11542 11543 11544 <li class="m6"> 11545 <a href="/collections/apple-straps"class="">Apple Watch⢠Straps</a> 11546 </li> 11547 11548 11549 11550 <li class="m6"> 11551 <a href="/collections/apple-watch-adapters"class="">Apple Watch⢠Adapters</a> 11552 </li> 11553 11554 11555 11556 <li class="m6"> 11557 <a href="/collections/straps"class="">Freestyle Watch Straps</a> 11558 </li> 11559 11560 11561 11562 <li class="m6"> 11563 <a href="/collections/keepers"class="">Keepers</a> 11564 </li> 11565 11566 11567 11568 <li class="m6"> 11569 <a href="/collections/parts"class="">Parts</a> 11570 </li> 11571 11572 11573 11574 <li class="m6"> 11575 <a href="/collections/tools"class="">Tools</a> 11576 </li> 11577 11578 11579 </ul> 11580 </div> 11581</div> 11582 11583<style> 11584 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 11585 visibility: hidden; 11586 display: none; 11587 } 11588 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 11589 visibility: hidden; 11590 position: absolute; 11591 top: 65px; 11592 left: 50%; 11593 width: 910px ; 11594 height: auto; 11595 background-color: white; 11596 z-index: 1; 11597 box-sizing: border-box; 11598 padding: 30px; 11599 transform: translateX(-50%); 11600 font-size: 14px; 11601 grid-gap: 10px !important; 11602 } 11603 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 11604 color: black; 11605 } 11606 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 11607 letter-spacing: .7px; 11608 padding: 0 !important; 11609 } 11610 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 11611 color: #1cd7fa; 11612 } 11613 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 11614 margin: 0; 11615 list-style-type: none; 11616 } 11617 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 11618 margin-bottom: 0; 11619 } 11620 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 11621 padding: 5px 10px; 11622 position: relative; 11623 text-transform: uppercase; 11624 } 11625 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 11626 width: 100% ; 11627 } 11628 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 11629 visibility: visible; 11630 } 11631 .menu-mobile .mega-menu-item { 11632 position: relative; 11633 display: flex; 11634 padding: 0 !important; 11635 } 11636 .menu-mobile .mega-menu-item .mega-menu-item-title { 11637 position: absolute; 11638 bottom: 15px; 11639 color: white; 11640 text-align: center; 11641 left: 50%; 11642 transform: translateX(-50%); 11643 width: 100%; 11644 } 11645 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 11646 order: 1; 11647 } 11648@media screen and (min-width: 1024px) and (max-width: 1298px) { 11649 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 11650 11651 } 11652} 11653@media screen and (min-width: 1299px) and (max-width: 1498px) { 11654 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 11655 11656 } 11657} 11658@media screen and (min-width: 1499px) and (max-width: 1748px) { 11659 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 11660 11661 } 11662} 11663@media screen and (min-width: 1749px) and (max-width: 1948px) { 11664 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 11665 11666 } 11667} 11668@media screen and (min-width: 1949px) { 11669 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu.is-grid.grid-200.media-grid-1.g6 { 11670 11671 } 11672} 11673</style> 11674 11675 11676 11677 11678 11679 </li> 11680 11681 11682 11683 11684 11685 11686 11687 <li class="header-nav-menu-item " > 11688 <a 11689 href="#" 11690 class="top-link " 11691 aria-label="APPAREL | ACCESSORIES" 11692 > 11693 11694 APPAREL | ACCESSORIES 11695 </a> 11696 11697 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG5 " style=" width: 300px" > 11708 <div class="mega-menu-item gm5"> 11709 <ul> 11710 11711 11712 <li class="m7"> 11713 <a href="/collections/lanyards" class=" "> 11714 Lanyards 11715 11716 </a> 11717 </li> 11718 11719 11720 11721 <li class="m7"> 11722 <a href="/collections/hoodies" class=" "> 11723 Hoodies 11724 11725 </a> 11726 </li> 11727 11728 11729 11730 <li class="m7"> 11731 <a href="/collections/hats" class=" "> 11732 Hats 11733 11734 </a> 11735 </li> 11736 11737 11738 11739 <li class="m7"> 11740 <a href="/collections/stickers" class=" "> 11741 Stickers 11742 11743 </a> 11744 </li> 11745 11746 11747 11748 <li class="m7"> 11749 <a href="/collections/field-notes" class=" "> 11750 Field Notes 11751 11752 </a> 11753 </li> 11754 11755 11756 11757 <li class="m7"> 11758 <a href="/collections/all-apparel-accessories" class=" link-view-all"> 11759 VIEW ALL 11760 11761 <svg id="eye" xmlns="http://www.w3.org/2000/svg" width="20.519" height="14" viewBox="0 0 20.519 14"> 11762 <path id="Path_23" data-name="Path 23" d="M10.281,3.254A10.609,10.609,0,0,1,16.516,5.2a10.968,10.968,0,0,1,4,5.053,10.968,10.968,0,0,1-4,5.053,10.609,10.609,0,0,1-6.234,1.947,10.707,10.707,0,0,1-6.256-1.947A10.922,10.922,0,0,1,0,10.254,10.922,10.922,0,0,1,4.025,5.2,10.707,10.707,0,0,1,10.281,3.254Zm0,11.681a4.434,4.434,0,0,0,3.28
117621-1.378,4.542,4.542,0,0,0,1.356-3.3,4.542,4.542,0,0,0-1.356-3.3,4.434,4.434,0,0,0-3.281-1.378,4.506,4.506,0,0,0-3.3,1.378,4.506,4.506,0,0,0-1.378,3.3,4.506,4.506,0,0,0,1.378,3.3A4.506,4.506,0,0,0,10.281,14.935Zm-.022-7.481a2.753,2.753,0,0,1,1.991.809,2.67,2.67,0,0,1,.831,1.991,2.67,2.67,0,0,1-.831,1.991,2.753,2.753,0,0,1-1.991.809,2.764,2.764,0,0,1-2.778-2.8,2.764,2.764,0,0,1,2.778-2.8Z" transform="translate(0 -3.254)"/> 11763 </svg> 11764 11765 </a> 11766 </li> 11767 11768 11769 </ul> 11770 </div> 11771</div> 11772 11773 11774<style> 11775@media only screen and (min-width: 722px) and (max-width: 1799px) { 11776 .mG7{ 11777 margin-left:20%; 11778 } 11779 .mega-menu-item.gm7{ 11780 width: 104% !important; 11781} 11782 } 11783 @media screen and (min-width: 1800px){ 11784/* .mG7{ 11785 margin-left:20%; 11786 } */ 11787 .mega-menu-item.gm7{ 11788 width: 104% !important; 11789} 11790} 11791 li .m7:nth-child(5) { 11792 border-bottom: 1px solid #eee ; 11793 padding-bottom: 12px !important; 11794 11795} 11796li .m7:nth-child(6) { 11797 11798 margin-top: 12px; 11799 11800} 11801li .m7:nth-child(11) { 11802 11803 width: 101%; 11804; 11805 11806} 11807 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 11808 visibility: hidden; 11809 display: none; 11810 } 11811 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 11812 visibility: hidden; 11813 position: absolute; 11814 top: 65px; 11815 left: 50%; 11816 width: calc(100% - 300px); 11817 height: auto; 11818 background-color: white; 11819 z-index: 1; 11820 box-sizing: border-box; 11821 padding: 15px 30px 30px; 11822 transform: translateX(-50%); 11823 font-size: 14px; 11824 grid-gap: 10px !important; 11825 } 11826 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 11827 color: black; 11828 } 11829 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 11830 letter-spacing: .7px; 11831 padding: 0 !important; 11832 } 11833 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 11834 color: #1cd7fa; 11835 } 11836 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 11837 margin: 0; 11838 list-style-type: none; 11839 } 11840 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 11841 margin-bottom: 0; 11842 } 11843 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 11844 padding: 5px 10px; 11845 position: relative; 11846 text-transform: uppercase; 11847 } 11848 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 11849 width: 100%; 11850 } 11851 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 11852 visibility: visible; 11853 } 11854 .menu-mobile .mega-menu-item { 11855 position: relative; 11856 display: flex; 11857 padding: 0 !important; 11858 } 11859 .menu-mobile .mega-menu-item .mega-menu-item-title { 11860 position: absolute; 11861 bottom: 15px; 11862 color: white; 11863 text-align: center; 11864 left: 50%; 11865 transform: translateX(-50%); 11866 width: 100%; 11867 } 11868 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 11869 order: 1; 11870 } 11871</style> 11872 11873 11874 11875 11876 11877 </li> 11878 11879 11880 11881 11882 11883 11884 11885 <li class="header-nav-menu-item " > 11886 <a 11887 href="/collections/sale" 11888 class="top-link " 11889 aria-label="SALE" 11890 > 11891 11892 SALE 11893 </a> 11894 11895 11896 11897 11898 11899 11900 11901 11902 11903 11904 11905 11906 </li> 11907 11908 11909 11910 11911 11912 11913 11914 <li class="header-nav-menu-item gift-card" > 11915 <a 11916 href="/products/freestyle-gift-card" 11917 class="top-link " 11918 aria-label="GIFT CARD" 11919 > 11920 11921 <svg xmlns="http://www.w3.org/2000/svg" width="14.141" height="16.07" viewBox="0 0 14.141 16.07" aria-hidden="true"> 11922 <path id="ICON" d="M.855,13.86a2.448,2.448,0,0,0,2.47,2.192c1.007.035,2.016.007,3.139.007V9.441H.833c0,1.51-.072,2.969.022,4.418M7.732,9.434v6.625c1.093,0,2.1.026,3.109-.007a2.313,2.313,0,0,0,2.389-1.91c.154-1.558.039-3.143.039-4.708Zm6.4-4.419a1,1,0,0,0-1.1-1.09c-.55-.011-1.1,0-1.716,0,.493-1.39.379-2.6-.845-3.443A2.517,2.517,0,0,0,7.083.9,2.522,2.522,0,0,0,3.693.481c-1.223.844-1.335,2.054-.844,3.44-.553,0-1.038.012-1.522,0C.427,3.89,0,4.313.026,5.212a10.846,10.846,0,0,0,.04,1.942c.084.4.491,1.016.779,1.03,1.867.093,3.741.048,5.669.048V3.959H7.652c0,1.409,0,2.819,0,4.292,1.911,0,3.695.018,5.478-.01a.968.968,0,0,0,1-1.083c.011-.715.015-1.43,0-2.145m-7.64-1.08A14.089,14.089,0,0,1,5.059,3.9,1.292,1.292,0,0,1,3.8,2.551a1.308,1.308,0,0,1,1.3-1.3A1.293,1.293,0,0,1,6.455,2.5a14.11,14.11,0,0,1,.035,1.431M9.108,3.9a14.043,14.043,0,0,1-1.432.036,14.285,14.285,0,0,1,.034-1.43A1.291,1.291,0,0,1,9.059,1.249a1.309,1.309,0,0,1,1.3,1.3A1.293,1.293,0,0,1,9.108,3.9" transform="translate(0 0.001)"/> 11923 </svg> 11924 11925 GIFT CARD 11926 </a> 11927 11928 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939 </li> 11940 11941 11942 </ul> 11943 </div> 11944 <div class="is-flex space-10"> 11945 <ul class="header-nav-menu is-flex"> 11946 11947 11948 <li class="header-nav-menu-item"><a href="#" 11949 class="top-link ">BRAND</a> 11950 11951 11952 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG8 " style=" width: 300px" > 11953 <div class="mega-menu-item gm8"> 11954 <ul> 11955 11956 11957 <li class="m7"> 11958 <a href="/pages/about-us" class="">Our Story 11959 </a> 11960 </li> 11961 11962 11963 11964 <li class="m7"> 11965 <a href="/pages/vip-rewards" class="">VIP Rewards 11966 </a> 11967 </li> 11968 11969 11970 11971 <li class="m7"> 11972 <a href="/pages/collabs" class="">Collabs 11973 </a> 11974 </li> 11975 11976 11977 11978 <li class="m7"> 11979 <a href="/pages/become-an-ambassador" class="">Become an Ambassador 11980 </a> 11981 </li> 11982 11983 11984 11985 <li class="m7"> 11986 <a href="/pages/sponsorship" class="">Sponsorships 11987 </a> 11988 </li> 11989 11990 11991 11992 <li class="m7"> 11993 <a href="/pages/spring-2026-lookbook" class="">Lookbook 11994 </a> 11995 </li> 11996 11997 11998 </ul> 11999 </div> 12000</div> 12001 12002 12003<style> 12004@media only screen and (min-width: 722px) and (max-width: 1799px) { 12005 .mG7{ 12006 margin-left:20%; 12007 } 12008 .mega-menu-item.gm7{ 12009 width: 104% !important; 12010} 12011 } 12012 @media screen and (min-width: 1800px){ 12013/* .mG7{ 12014 margin-left:20%; 12015 } */ 12016 .mega-menu-item.gm7{ 12017 width: 104% !important; 12018} 12019} 12020 li .m7:nth-child(5) { 12021 border-bottom: 1px solid #eee ; 12022 padding-bottom: 12px !important; 12023 12024} 12025li .m7:nth-child(6) { 12026 12027 margin-top: 12px; 12028 12029} 12030li .m7:nth-child(11) { 12031 12032 width: 101%; 12033; 12034 12035} 12036 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 12037 visibility: hidden; 12038 display: none; 12039 } 12040 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 12041 visibility: hidden; 12042 position: absolute; 12043 top: 65px; 12044 left: 50%; 12045 width: calc(100% - 300px); 12046 height: auto; 12047 background-color: white; 12048 z-index: 1; 12049 box-sizing: border-box; 12050 padding: 15px 30px 30px; 12051 transform: translateX(-50%); 12052 font-size: 14px; 12053 grid-gap: 10px !important; 12054 } 12055 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 12056 color: black; 12057 } 12058 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 12059 letter-spacing: .7px; 12060 padding: 0 !important; 12061 } 12062 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 12063 color: #1cd7fa; 12064 } 12065 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 12066 margin: 0; 12067 list-style-type: none; 12068 } 12069 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 12070 margin-bottom: 0; 12071 } 12072 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 12073 padding: 5px 10px; 12074 position: relative; 12075 text-transform: uppercase; 12076 } 12077 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 12078 width: 100%; 12079 } 12080 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 12081 visibility: visible; 12082 } 12083 .menu-mobile .mega-menu-item { 12084 position: relative; 12085 display: flex; 12086 padding: 0 !important; 12087 } 12088 .menu-mobile .mega-menu-item .mega-menu-item-title { 12089 position: absolute; 12090 bottom: 15px; 12091 color: white; 12092 text-align: center; 12093 left: 50%; 12094 transform: translateX(-50%); 12095 width: 100%; 12096 } 12097 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 12098 order: 1; 12099 } 12100</style> 12101 12102 12103 12104 12105 </li> 12106 12107 12108 12109 <li class="header-nav-menu-item"><a href="#" 12110 class="top-link ">HELP</a> 12111 12112 12113 <div class=" left-mega mega-menu is-grid grid-200 media-grid-1 mG9 " style=" width: 300px" > 12114 <div class="mega-menu-item gm9"> 12115 <ul> 12116 12117 12118 <li class="m7"> 12119 <a href="/pages/faq" class="">FAQ 12120 </a> 12121 </li> 12122 12123 12124 12125 <li class="m7"> 12126 <a href="/pages/support" class="">Repairs & Spare Parts 12127 </a> 12128 </li> 12129 12130 12131 12132 <li class="m7"> 12133 <a href="/pages/warranty-service" class="">Warranty 12134 </a> 12135 </li> 12136 12137 12138 12139 <li class="m7"> 12140 <a href="/pages/register-your-product" class="">Product Registration 12141 </a> 12142 </li> 12143 12144 12145 12146 <li class="m7"> 12147 <a href="/pages/contact-us" class="">Contact Us 12148 </a> 12149 </li> 12150 12151 12152 12153 <li class="m7"> 12154 <a href="/pages/manuals" class="">
12154Instruction Manuals 12155 </a> 12156 </li> 12157 12158 12159 12160 <li class="m7"> 12161 <a href="/pages/how-to-videos" class="">How-To-Videos 12162 </a> 12163 </li> 12164 12165 12166 12167 <li class="m7"> 12168 <a href="/pages/store-locator" class="">Store Locator 12169 </a> 12170 </li> 12171 12172 12173 12174 <li class="m7"> 12175 <a href="/pages/shipping" class="">Shipping Policies 12176 </a> 12177 </li> 12178 12179 12180 12181 <li class="m7"> 12182 <a href="/apps/tracktor/" class="">Track Your Order 12183 </a> 12184 </li> 12185 12186 12187 12188 <li class="m7"> 12189 <a href="/pages/returns" class="">Returns & Exchanges 12190 </a> 12191 </li> 12192 12193 12194 12195 <li class="m7"> 12196 <a href="/pages/return-requests" class="">EU Withdrawal Request 12197 </a> 12198 </li> 12199 12200 12201 12202 <li class="m7"> 12203 <a href="/pages/military-discount-first-responders" class="">Military Discount 12204 </a> 12205 </li> 12206 12207 12208 12209 <li class="m7"> 12210 <a href="/pages/military-discount-first-responders" class="">First Responders 12211 </a> 12212 </li> 12213 12214 12215 12216 <li class="m7"> 12217 <a href="/pages/sitemap" class="">Sitemap 12218 </a> 12219 </li> 12220 12221 12222 </ul> 12223 </div> 12224</div> 12225 12226 12227<style> 12228@media only screen and (min-width: 722px) and (max-width: 1799px) { 12229 .mG7{ 12230 margin-left:20%; 12231 } 12232 .mega-menu-item.gm7{ 12233 width: 104% !important; 12234} 12235 } 12236 @media screen and (min-width: 1800px){ 12237/* .mG7{ 12238 margin-left:20%; 12239 } */ 12240 .mega-menu-item.gm7{ 12241 width: 104% !important; 12242} 12243} 12244 li .m7:nth-child(5) { 12245 border-bottom: 1px solid #eee ; 12246 padding-bottom: 12px !important; 12247 12248} 12249li .m7:nth-child(6) { 12250 margin-top: 12px; 12251} 12252li .m7:nth-child(11) { 12253 width: 101%; 12254} 12255 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item .mega-menu:nth-child(5) { 12256 visibility: hidden; 12257 display: none; 12258 } 12259 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu { 12260 visibility: hidden; 12261 position: absolute; 12262 top: 65px; 12263 left: 50%; 12264 width: calc(100% - 300px); 12265 height: auto; 12266 background-color: white; 12267 z-index: 1; 12268 box-sizing: border-box; 12269 padding: 15px 30px 30px; 12270 transform: translateX(-50%); 12271 font-size: 14px; 12272 grid-gap: 10px !important; 12273 } 12274 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a { 12275 color: black; 12276 } 12277 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a { 12278 letter-spacing: .7px; 12279 padding: 0 !important; 12280 } 12281 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu a:hover { 12282 color: #1cd7fa; 12283 } 12284 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul { 12285 margin: 0; 12286 list-style-type: none; 12287 } 12288 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li { 12289 margin-bottom: 0; 12290 } 12291 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item ul li a, a:visited { 12292 padding: 5px 10px; 12293 position: relative; 12294 text-transform: uppercase; 12295 } 12296 .header-nav .header-nav-menu .header-nav-menu-item .mega-menu .mega-menu-item img, .menu-mobile .mega-menu-item img { 12297 width: 100%; 12298 } 12299 .menu-mobile .menu-mobile-nav .menu-mobile-nav-item:not(:nth-child(5)) .mega-menu { 12300 visibility: visible; 12301 } 12302 .menu-mobile .mega-menu-item { 12303 position: relative; 12304 display: flex; 12305 padding: 0 !important; 12306 } 12307 .menu-mobile .mega-menu-item .mega-menu-item-title { 12308 position: absolute; 12309 bottom: 15px; 12310 color: white; 12311 text-align: center; 12312 left: 50%; 12313 transform: translateX(-50%); 12314 width: 100%; 12315 } 12316 .menu-mobile .menu-mobile-nav .mega-menu .mega-menu-item:first-child { 12317 order: 1; 12318 } 12319</style> 12320 12321 12322 12323 12324 </li> 12325 12326 12327 </ul> 12328 <div class="is-flex header-icons"> 12329 12330 <a 12331 href="/search" 12332 title="Search" 12333 id="search-toggle" 12334 role="button" 12335 aria-label="Search" 12336 tabindex="0"> 12337 <svg xmlns="http://www.w3.org/2000/svg" width="23.161" height="23.165" viewBox="0 0 23.161 23.165" aria-hidden="true"> 12338 <path id="Path_32" data-name="Path 32" d="M60.053,19.683l-5.478-4.659a2.444,2.444,0,0,0-1.661-.721,8.674,8.674,0,1,0-.971.971,2.445,2.445,
123380,0,0,.724,1.664l4.659,5.478a1.943,1.943,0,1,0,3.065-2.39,1.916,1.916,0,0,0-.337-.337ZM46.315,14.457a5.78,5.78,0,1,1,.005,0h-.005" transform="translate(-37.64 0)"/> 12339 </svg> 12340 </a> 12341 12342 <div class="hide-in-mobile top-bar-icons"> 12343 <a href="/account" 12344 title="Sign in" 12345 aria-label="Account" 12346 class="is-flex flex-vcenter space-10 top-bar-login"> 12347 <svg id="loginIcon" data-name="Group 28" class="header-top-icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="21.956" height="23.889" viewBox="0 0 21.956 23.889" aria-hidden="true"> 12348 <defs> 12349 <clipPath id="clip-path"> 12350 <rect id="Rectangle_46" data-name="Rectangle 46" width="21.956" height="23.889"/> 12351 </clipPath> 12352 </defs> 12353 <g id="Group_27" data-name="Group 27" transform="translate(0 0)" clip-path="url(#clip-path)"> 12354 <path id="Path_33" data-name="Path 33" d="M15.51,12.81a7.4,7.4,0,0,0,2.573-5.7,7.1,7.1,0,0,0-14.21,0A7.4,7.4,0,0,0,6.446,12.81,10.393,10.393,0,0,0,0,22.591v1.3H21.954V22.6A10.4,10.4,0,0,0,15.51,12.81M5.752,16.025a8.442,8.442,0,0,1,13.557,5.268H2.647a8.373,8.373,0,0,1,3.106-5.268m5.224-4.41h-.02A4.488,4.488,0,0,1,6.468,7.149V7.105a4.51,4.51,0,1,1,4.508,4.51" transform="translate(0 0)"/> 12355 </g> 12356 </svg></a> 12357 </div> 12358 12359 <div class="cart" id="opendraw"> 12360 <div 12361 class="header-cart-bubble" 12362 title="View Cart" 12363 role="button" 12364 tabindex="0" 12365 onclick="open_slider_cart()" 12366 onkeydown="if(event.key === 'Enter' || event.key === ' ') { event.preventDefault(); open_slider_cart(); }"> 12367 <svg xmlns="http://www.w3.org/2000/svg" width="18.067" height="18.08" viewBox="0 0 18.067 18.08"> 12368 <g id="cart" transform="translate(-5.98 -5.98)" aria-hidden="true"> 12369 <path id="Path_5464" data-name="Path 5464" d="M11.44,9.059V10.25H22.756v2.358L21.434,16.8H11.065L9.576,6.08H6.08V7.271H8.539l1.489,10.722h12.28l1.639-5.2V9.059Z" transform="translate(0 0)" stroke="#000" stroke-width="0.2"/> 12370 <path id="Path_5465" data-name="Path 5465" d="M45.316,139.971a2.382,2.382,0,1,0,2.382,2.382A2.385,2.385,0,0,0,45.316,139.971Zm0,3.573a1.191,1.191,0,1,1,1.191-1.191A1.191,1.191,0,0,1,45.316,143.544Z" transform="translate(-33.244 -120.775)" stroke="#000" stroke-width="0.2"/> 12371 <path id="Path_5466" data-name="Path 5466" d="M130.436,139.971a2.382,2.382,0,1,0,2.382,2.382A2.385,2.385,0,0,0,130.436,139.971Zm0,3.573a1.191,1.191,0,1,1,1.191-1.191A1.191,1.191,0,0,1,130.436,143.544Z" transform="translate(-110.026 -120.775)" stroke="#000" stroke-width="0.2"/> 12372 </g> 12373 </svg> 12374 <span class="patrol-sr-only">Cart, with </span> 12375 <span class="cart-item-count">0</span> 12376 <span class="patrol-sr-only"> items</span> 12377 </div> 12378 </div> 12379 </div> 12380 </div> 12381 </div> 12382</div> 12383<!-- End Header Menu Desktop --> 12384
12385<script type="application/javascript"> 12386$(document).ready(function () { 12387 if (mobileCheck()) { 12388 let mobileMegaMenus = document.querySelectorAll(".media-grid-1"); 12389 mobileMegaMenus.forEach(function (menu) { 12390 menu.style.display = "none"; 12391 }); 12392 } 12393 12394 $(".menu-mobile-nav-item > a").on("click", function (e) { 12395 const megaMenu = e.currentTarget.nextElementSibling; 12396 12397 if (!megaMenu || !megaMenu.classList.contains("mega-menu")) { 12398 return; 12399 } 12400 12401 e.preventDefault(); 12402 e.stopPropagation(); 12403 12404 $(megaMenu).toggle(); 12405 $(megaMenu).toggleClass("active"); 12406 $(e.currentTarget).toggleClass("active"); 12407 12408 var el = e.currentTarget.getElementsByClassName("fa")[0]; 12409 if (el) { 12410 if (el.classList.contains("fa-chevron-down")) { 12411 el.classList.remove("fa-chevron-down"); 12412 el.classList.add("fa-chevron-up"); 12413 } else { 12414 el.classList.remove("fa-chevron-up"); 12415 el.classList.add("fa-chevron-down"); 12416 } 12417 } 12418 }); 12419 12420 if (mobileCheck()) { 12421 document.querySelectorAll(".m2.menu-item-smart-straps > a").forEach((el) => { 12422 el.addEventListener("click", (e) => { 12423 e.preventDefault(); 12424 e.stopPropagation(); 12425 12426 el.closest(".menu-item-smart-straps").classList.toggle("is-active"); 12427 el 12428 .closest(".menu-item-smart-straps") 12429 .querySelector(".smart-straps-menu-container") 12430 .classList.toggle("is-active"); 12431 }); 12432 }); 12433 12434 $(".menu-mobile-nav-item > div.mega-menu").each(function (index) { 12435 // $(this).toggle() 12436 }); 12437 } 12438}); 12439 12440 12441</script>
12441 12442
12443<script type="application/javascript"> 12444 // Accessibility: Keyboard Navigation for Menus 12445 (function() { 12446 // Get all dropdown triggers and menus 12447 const dropdownTriggers = document.querySelectorAll('[data-dropdown-trigger]'); 12448 const megaMenuItems = document.querySelectorAll('.header-nav-menu-item'); 12449 12450 // Helper function to get focusable elements within a container 12451 function getFocusableElements(container) { 12452 const focusableSelectors = 'a[href], button:not([disabled]), [tabindex]:not([tabindex="-1"]), input:not([disabled]), select:not([disabled]), textarea:not([disabled])'; 12453 return container.querySelectorAll(focusableSelectors); 12454 } 12455 12456 // Handle dropdown menus (like inline dropdown menus) 12457 dropdownTriggers.forEach(trigger => { 12458 const parentLi = trigger.closest('li'); 12459 const dropdown = parentLi ? parentLi.querySelector('[data-dropdown-menu]') : null; 12460 12461 if (!dropdown) return; 12462 12463 const closeBtn = dropdown.querySelector('.dropdown-close-btn'); 12464 let isOpen = false; 12465 let closeTimeout; 12466 let wasIntentionallyClosed = false; 12467 12468 // Function to open dropdown 12469 const openDropdown = () => { 12470 if (closeTimeout) { 12471 clearTimeout(closeTimeout); 12472 closeTimeout = null; 12473 } 12474 dropdown.style.display = 'flex'; 12475 dropdown.style.visibility = 'visible'; 12476 trigger.setAttribute('aria-expanded', 'true'); 12477 isOpen = true; 12478 wasIntentionallyClosed = false; 12479 }; 12480 12481 // Function to close dropdown 12482 const closeDropdown = (intentional = false) => { 12483 dropdown.style.display = 'none'; 12484 dropdown.style.visibility = 'hidden'; 12485 trigger.setAttribute('aria-expanded', 'false'); 12486 isOpen = false; 12487 wasIntentionallyClosed = intentional; 12488 closeTimeout = setTimeout(() => { 12489 closeTimeout = null; 12490 }, 100); 12491 }; 12492 12493 // Initially hide the dropdown 12494 dropdown.style.display = 'none'; 12495 dropdown.style.visibility = 'hidden'; 12496 12497 // Keyboard event handler for trigger 12498 trigger.addEventListener('keydown', (e) => { 12499 if (e.key === 'Enter' || e.key === ' ') { 12500 e.preventDefault(); 12501 if (!isOpen) { 12502 openDropdown(); 12503 if (closeBtn) { 12504 closeBtn.focus(); 12505 } 12506 } else { 12507 // If already open, follow the link 12508 if (trigger.href) { 12509 window.location.href = trigger.href; 12510 } 12511 } 12512 } else if (e.key === 'Escape') { 12513 if (isOpen) { 12514 e.preventDefault(); 12515 closeDropdown(true); 12516 trigger.focus(); 12517 } 12518 } 12519 }); 12520 12521 // Auto-open on focus (Tab navigation) 12522 trigger.addEventListener('focusin', () => { 12523 if (!closeTimeout && !isOpen && !wasIntentionallyClosed) { 12524 openDropdown(); 12525 } 12526 if (wasIntentionallyClosed) { 12527 wasIntentionallyClosed = false; 12528 } 12529 }); 12530 12531 // Close button keyboard handler 12532 if (closeBtn) { 12533 closeBtn.addEventListener('click', (e) => { 12534 e.preventDefault(); 12535 closeDropdown(true); 12536 trigger.focus(); 12537 }); 12538 12539 closeBtn.addEventListener('keydown', (e) => { 12540 if (e.key === 'Escape') { 12541 e.preventDefault(); 12542 closeDropdown(true); 12543 trigger.focus(); 12544 } 12545 }); 12546 } 12547 12548 // Focus trapping within dropdown 12549 dropdown.addEventListener('keydown', (e) => { 12550 if (e.key === 'Tab') { 12551 const focusableElements = getFocusableElements(dropdown); 12552 if (focusableElements.length > 0) { 12553 const firstElement = focusableElements[0]; 12554 const lastElement = focusableElements[focusableElements.length - 1]; 12555 12556 if (e.shiftKey) { 12557 if (document.activeElement === firstElement) { 12558 e.preventDefault(); 12559 lastElement.focus(); 12560 } 12561 } else { 12562 if (document.activeElement === lastElement) { 12563 e.preventDefault(); 12564 firstElement.focus(); 12565 } 12566 } 12567 } 12568 } else if (e.key === 'Escape') { 12569 e.preventDefault(); 12570 closeDropdown(true); 12571 trigger.focus(); 12572 } 12573 }); 12574 12575 // Close when clicking outside 12576 document.addEventListener('click', (e) => { 12577 if (isOpen && !parentLi.contains(e.target)) { 12578 closeDropdown(); 12579 } 12580 }); 12581
12582 // Close when focus moves outside 12583 document.addEventListener('focusin', (e) => { 12584 if (isOpen && !parentLi.contains(e.target)) { 12585 closeDropdown(); 12586 } 12587 }); 12588 }); 12589 12590 // Store all megamenu instances for cross-communication 12591 const megaMenuInstances = []; 12592 12593 // Function to close all megamenus except the specified one 12594 const closeAllMegaMenusExcept = (exceptItem) => { 12595 megaMenuInstances.forEach(instance => { 12596 if (instance.item !== exceptItem && instance.isOpen) { 12597 instance.closeMegaMenu(); 12598 } 12599 }); 12600 }; 12601 12602 // Handle mega menus (navigation with arrow keys) 12603 megaMenuItems.forEach(item => { 12604 const trigger = item.querySelector('a.top-link'); 12605 const megaMenu = item.querySelector('.mega-menu'); 12606 12607 if (!megaMenu || !trigger) return; 12608 12609 let isOpen = false; 12610 let wasIntentionallyClosed = false; 12611 12612 // Store instance for cross-communication (create before functions to reference it) 12613 const instance = { 12614 item: item, 12615 isOpen: false, 12616 closeMegaMenu: null 12617 }; 12618 12619 // Function to open mega menu 12620 const openMegaMenu = () => { 12621 closeAllMegaMenusExcept(item); 12622 megaMenu.style.display = 'block'; 12623 megaMenu.style.visibility = 'visible'; 12624 if (trigger.hasAttribute('aria-expanded')) { 12625 trigger.setAttribute('aria-expanded', 'true'); 12626 } 12627 isOpen = true; 12628 instance.isOpen = true; 12629 wasIntentionallyClosed = false; 12630 }; 12631 12632 // Function to close mega menu 12633 const closeMegaMenu = (intentional = false) => { 12634 megaMenu.style.display = 'none'; 12635 megaMenu.style.visibility = 'hidden'; 12636 if (trigger.hasAttribute('aria-expanded')) { 12637 trigger.setAttribute('aria-expanded', 'false'); 12638 } 12639 isOpen = false; 12640 instance.isOpen = false; 12641 wasIntentionallyClosed = intentional; 12642 }; 12643 12644 // Set the close function reference 12645 instance.closeMegaMenu = closeMegaMenu; 12646 12647 // Store instance 12648 megaMenuInstances.push(instance); 12649 12650 // Initially hide the mega menu 12651 megaMenu.style.display = 'none'; 12652 megaMenu.style.visibility = 'hidden'; 12653 12654 // Keyboard navigation for trigger 12655 trigger.addEventListener('keydown', (e) => { 12656 switch(e.key) { 12657 case 'Enter': 12658 case ' ': 12659 if (!isOpen) { 12660 e.preventDefault(); 12661 openMegaMenu(); 12662 const firstLink = megaMenu.querySelector('a'); 12663 if (firstLink) { 12664 firstLink.focus(); 12665 } 12666 } 12667 break; 12668 12669 case 'ArrowDown': 12670 e.preventDefault(); 12671 openMegaMenu(); 12672 const firstMegaLink = megaMenu.querySelector('a'); 12673 if (firstMegaLink) { 12674 firstMegaLink.focus(); 12675 } 12676 break; 12677 12678 case 'Escape': 12679 if (isOpen) { 12680 e.preventDefault(); 12681 closeMegaMenu(true); 12682 trigger.focus(); 12683 } 12684 break; 12685 12686 case 'Tab': 12687 if (!e.shiftKey && !isOpen && !wasIntentionallyClosed) { 12688 // Open menu when tabbing into it 12689 openMegaMenu(); 12690 } 12691 if (wasIntentionallyClosed) { 12692 wasIntentionallyClosed = false; 12693 } 12694 break; 12695 } 12696 }); 12697 12698 // Auto-open on hover (preserve existing hover behavior) 12699 item.addEventListener('mouseenter', () => { 12700 openMegaMenu(); 12701 }); 12702 12703 item.addEventListener('mouseleave', () => { 12704 closeMegaMenu(); 12705 }); 12706 12707 // Arrow key navigation within mega menu 12708 megaMenu.addEventListener('keydown', (e) => { 12709 const links = Array.from(megaMenu.querySelectorAll('a')); 12710 const currentIndex = links.indexOf(document.activeElement); 12711 12712 switch(e.key) { 12713 case 'ArrowDown': 12714 e.preventDefault(); 12715 if (currentIndex < links.length - 1) { 12716 links[currentIndex + 1].focus(); 12717 } 12718 break; 12719 12720 case 'ArrowUp': 12721 e.preventDefault(); 12722 if (currentIndex > 0) { 12723 links[currentIndex - 1].focus(); 12724 } else { 12725 // Go back to trigger 12726 trigger.focus(); 12727 } 12728 break; 12729 12730 case 'Escape': 12731 e.preventDefault(); 12732 closeMegaMenu(true); 12733 trigger.focus(); 12734 break; 12735 } 12736 }); 12737
12738 // Close when focus moves outside 12739 document.addEventListener('focusin', (e) => { 12740 if (isOpen && !item.contains(e.target)) { 12741 closeMegaMenu(); 12742 } 12743 }); 12744 }); 12745 })(); 12746</script>
12746 12747 12748 12749 12750 12751 12752</div> 12753 <div id="shopify-section-cart-drawer" class="shopify-section">�<style> 12754 .site_modal_overlay { 12755 background-color: #00000078; 12756 position: fixed; 12757 left: 0; 12758 top: 0; 12759 bottom: 0; 12760 right: 0; 12761 z-index: 99999999998; 12762 display: none; 12763 } 12764 12765 .cd_loading_overlay { 12766 display: none; 12767 position: fixed; 12768 width: 100%; 12769 max-width: 542px; 12770 background: transparent; 12771 height: var(--app-height); 12772 right: 0; 12773 padding: 30px 20px; 12774 top: 0; 12775 bottom: 0; 12776 align-items: center; 12777 justify-content: center; 12778 } 12779 12780 .spinning_circle { 12781 width: 50px; 12782 height: 50px; 12783 background: transparent; 12784 border-radius: 50%; 12785 border: 7px solid #fff; 12786 border-top: 7px solid #F7F4F07d; 12787 animation: spin 1.5s infinite linear; 12788 border-bottom: 7px solid #F7F4F07d; 12789 display: none; 12790 } 12791 12792 .header-cart-bubble { 12793 cursor: pointer; 12794 } 12795 @keyframes spin { 12796 0% {transform: rotate(0);} 12797 100% {transform: rotate(360deg);} 12798 } 12799 #cd_cart-drawer { 12800 position: fixed; 12801 z-index: 99999999999; 12802 box-shadow: 2px 0 10px #36363633, -2px 0 10px #36363633; 12803 background-color: #fff; 12804 right: 0; 12805 top: 0; 12806 bottom: 0; 12807 width: 100%; 12808 max-width: 470px; 12809 border-left: 1px solid #ddd; 12810 margin: auto; 12811 transform: translateX(110%); 12812 transition: transform .25s, -webkit-transform .25s; 12813 font-family: var(--font-stack-body); 12814 font-size: 13px; 12815 overflow-y: auto; 12816 overflow-x: hidden; 12817 border-left: 1px solid #ddd; 12818 } 12819 12820 #cd_cart-drawer.slided { 12821 transform: translateX(0); 12822 } 12823 #cd_cart-drawer::-webkit-scrollbar { 12824 width: 8px; 12825 background: #e5e5e5; 12826 } 12827 #cd_cart-drawer::-webkit-scrollbar-track, 12828 #cd_cart-drawer::-webkit-scrollbar-thumb, 12829 #cd_cart-drawer::-webkit-scrollbar-thumb:hover { 12830 background: #e5e5e5; 12831 } 12832 12833 #cd_cart-drawer .section_holder { 12834 position: relative; 12835 height: 100%; 12836 } 12837 /* Cart Drawer Header Style */ 12838 #cd_cart-drawer .cd_header { 12839 background-color: #ffffff; 12840 position: relative; 12841 display: -webkit-box; 12842 display: -webkit-flex; 12843 display: -ms-flexbox; 12844 display: flex; 12845 -webkit-box-align: center; 12846 -webkit-align-items: center; 12847 -ms-flex-align: center; 12848 align-items: center; 12849 -webkit-box-pack: center; 12850 -webkit-justify-content: center; 12851 -ms-flex-pack: center; 12852 justify-content: center; 12853 padding: 15px 15px; 12854 /* border-bottom: 1px solid #ccc; */ 12855 z-index: 9; 12856 position: -webkit-sticky; 12857 position: sticky; 12858 top: 0; 12859 } 12860 12861 #cd_cart-drawer .cd_header h3 { 12862 text-transform: uppercase; 12863 font-weight: 700; 12864 margin: 0; 12865 font-size: 12px; 12866 line-height: 19px; 12867 color: #000000; 12868 display: none; 12869 } 12870 12871 #cd_cart-drawer .cd_progress_text { 12872 text-transform: uppercase; 12873 font-weight: 700; 12874 display: inline-block; 12875 font-size: 14px; 12876 margin: 0; 12877 padding: 0; 12878 text-align: center; 12879 } 12880 #cd_cart-drawer .cd_progress_text p { 12881 margin: 0; 12882 display: flex; 12883 gap: 4px; 12884 } 12885 #cd_cart-drawer .cd_progress_text strong { 12886 /* color: #1dd8fa; */ 12887 } 12888 12889 #cd_cart-drawer .cd_progress_bar_wrapper { 12890 height: 10px; 12891 width: 100%; 12892 background: rgba(0, 0, 0, 0.1); 12893 border-radius: 15px; 12894 margin-bottom: 15px; 12895 } 12896 #cd_cart-drawer .cd_progress_bar { 12897 -webkit-transition: all 0.5s ease-in-out; 12898 transition: all 0.5s ease-in-out; 12899 background: #1CD8FB; 12900 background-size: 42px 100%; 12901 -webkit-animation: stripes 2s linear infinite; 12902 animation: stripes 2s linear infinite; 12903 width: 60%; 12904 height: 100%; 12905 border-radius: 15px; 12906 } 12907 12908 #cd_cart-drawer .cd_header .cd_close_button { 12909 position: absolute; 12910 top: 50%; 12911 right: 5px; 12912 transform: translateY(-50%); 12913 width: 12px; 12914 height: 12px; 12915 cursor: pointer; 12916 font-style: normal; 12917 font-weight: 400; 12918 font-variant: normal; 12919 text-transform: none; 12920 speak: none; 12921 line-height: 1em; 12922 text-decoration: inherit; 12923 display: inline; 12924 margin-right: .2em; 12925 text-align: center; 12926 padding-top: 0;
12927 -webkit-font-smoothing: antialiased; 12928 -moz-osx-font-smoothing: grayscale; 12929 display: flex; 12930 align-items: center; 12931 } 12932 12933 #cd_cart-drawer .cd_header .cd_close_button svg { 12934 display: block; 12935 width: 12px; 12936 height: 12px; 12937 } 12938 12939 #cd_cart-drawer .cd_header .cd_close_button:hover svg path { 12940 fill: gray; 12941 } 12942 #cd_cart-drawer .cd_progress { 12943 /* padding: 15px; */ 12944 margin: 0 20px; 12945 text-align: center; 12946 border-bottom: 1px solid #e5e5e5; 12947 } 12948 12949 #cd_cart-drawer .cd_main_container { 12950 display: flex; 12951 height: calc(100% - 230px); 12952 overflow: auto; 12953 flex-direction: column; 12954 justify-content: space-between; 12955 } 12956 12957 #cd_cart-drawer .cd_items { 12958 display: block; 12959 } 12960 12961 #cd_cart-drawer .cd_empty_holder { 12962 padding: 30px 0; 12963 font-size: 15px; 12964 text-align: center; 12965 } 12966 #cd_cart-drawer .cd_empty_holder p { 12967 margin: 0; 12968 } 12969 #cd_cart-drawer a.cd_empty_continue { 12970 background: black; 12971 color: white; 12972 font-size: 12px; 12973 line-height: 44px; 12974 height: 44px; 12975 letter-spacing: 1px; 12976 font-weight: 600; 12977 } 12978 #cd_cart-drawer a.cd_empty_continue:hover { 12979 color: #00FFFF!important; 12980 } 12981 12982 #cd_cart-drawer .cd_items .cd_item { 12983 display: flex; 12984 align-items: center; 12985 /* margin-bottom: 12px; */ 12986 display: -webkit-box; 12987 display: -webkit-flex; 12988 display: -ms-flexbox; 12989 display: flex; 12990 -webkit-box-align: center; 12991 -webkit-align-items: center; 12992 -ms-flex-align: center; 12993 align-items: center; 12994 padding: 6px 0px; 12995 margin: 0px 15px; 12996 position: relative; 12997 border-bottom: 1px solid #f2f3f4; 12998 } 12999 13000 #cd_cart-drawer .cd_items .cd_item:not(:last-child) { 13001 /* border-bottom: 1px solid #ccc; */ 13002 /* padding-bottom: 15px; */ 13003 } 13004 #cd_cart-drawer .cd_item .cart_item_image { 13005 display: block; 13006 width: 100px; 13007 min-width: 100px; 13008 /* height: 45px; */ 13009 object-fit: contain; 13010 /* margin-right: 14px; */ 13011 } 13012 13013 #cd_cart-drawer .cd_item .cd_item_title { 13014 opacity: 1; 13015 font-size: 14px; 13016 margin: 0; 13017 display: -webkit-box; 13018 -webkit-line-clamp: 2; 13019 -webkit-box-orient: vertical; 13020 overflow: hidden; 13021 font-weight: 700; 13022 color: #000; 13023 line-height: 14.5px; 13024 text-transform: uppercase; 13025 } 13026 13027 #cd_cart-drawer .cd_upsell_content .cd_variant_title, 13028 #cd_cart-drawer .cd_item .cd_variant_title { 13029 text-transform: capitalize; 13030 line-height: 1; 13031 font-weight: 100; 13032 font-size: 12px; 13033 } 13034 13035 #cd_cart-drawer .cd_item .cd_variant_title em { 13036 display: block; 13037 font-size: 12px; 13038 font-style: normal; 13039 } 13040 13041 #cd_cart-drawer .cd_item .cd_item_price { 13042 display: flex; 13043 align-items: center; 13044 } 13045 13046 #cd_cart-drawer .cd_item .cd_item_origin_price { 13047 text-align: left; 13048 line-height: 1; 13049 font-size: 14px; 13050 font-weight: 100; 13051 color: #777; 13052 } 13053 13054 13055 #cd_cart-drawer .cd_item .cd_item_discount_container { 13056 text-align: left; 13057 font: normal normal normal 13px/18px Ingra; 13058 letter-spacing: 0px; 13059 color: #000000; 13060 } 13061 13062 #cd_cart-drawer .cd_item .cd_item_discount_container span { 13063 text-align: left; 13064 font: normal normal bold 13px/18px Ingra; 13065 letter-spacing: 0px; 13066 color: #000000; 13067 } 13068 13069 #cd_cart-drawer .cd_item .cd_item_quantity_container { 13070 display: flex; 13071 align-items: center; 13072 gap: 12px; 13073 } 13074 13075 #cd_cart-drawer .cd_item .cd_item_plus_minus_container { 13076 display: grid; 13077 grid-template-columns: 23px calc(100% - 46px) 23px; 13078 border: 1px solid #D9D9D9; 13079 border-radius: 8px; 13080 } 13081 13082 #cd_cart-drawer .cd_item .cart_item_quantity_update { 13083 cursor: pointer; 13084 position: relative; 13085 width: 100%; 13086 padding: 0; 13087 color: #000; 13088 font-size: 20px; 13089 text-align: center; 13090 height: 100%; 13091 -webkit-user-select: none; 13092 -moz-user-select: none;
13093 -ms-user-select: none; 13094 user-select: none; 13095 line-height: 26px; 13096 border: none; 13097 outline: none; 13098 background: transparent; 13099 font-family: ingra, sans-serif; 13100 font-weight: 400; 13101 text-transform: uppercase; 13102 display: inline-block; 13103 border-radius: 2px; 13104 -webkit-font-smoothing: antialiased; 13105 display: flex; 13106 justify-content: center; 13107 align-items: center; 13108 } 13109 13110 #cd_cart-drawer .cd_item .cart_item_quantity_update img { 13111 width: 16px; 13112 height: 16px; 13113 } 13114 13115 #cd_cart-drawer .cd_item .cd_item_quantity { 13116 width: 40px; 13117 display: inline; 13118 margin-bottom: 0; 13119 text-align: center; 13120 background-color: #fff; 13121 height: 30px; 13122 border: 0; 13123 font-size: 14px !important; 13124 padding: 0; 13125 min-height: 30px; 13126 max-height: 30px; 13127 color: black; 13128 } 13129 13130 #cd_cart-drawer .cd_item .cd_item_remove { 13131 cursor: pointer; 13132 width: 18.5px; 13133 height: 20px; 13134 right: 18px; 13135 bottom: 5px; 13136 } 13137 13138 #cd_cart-drawer .cd_item .cd_item_remove svg { 13139 display: block; 13140 width: 100%; 13141 height: 100%; 13142 } 13143 #cd_cart-drawer .cd_item .cd_item_remove svg:hover path { 13144 fill: black; 13145 } 13146 #cd_cart-drawer .cd_upsells_blocks { 13147 border-radius: 4px; 13148 padding-bottom: 10px; 13149 gap: 10px; 13150 display: flex; 13151 flex-direction: column; 13152 } 13153 13154 #cd_cart-drawer .cd_upsells { 13155 margin: 7px 15px; 13156 border-radius: 4px; 13157 padding: 0 12px; 13158 background: #f2f3f4; 13159 position: relative; 13160 } 13161 13162 #cd_cart-drawer .cd_upsells + .cd_upsells::before { 13163 content: ""; 13164 position: absolute; 13165 top: -8px; 13166 left: 0; 13167 right: 0; 13168 width: 100%; 13169 height: 1px; 13170 background: #f2f3f4; 13171 } 13172 13173 #cd_cart-drawer .cd_upsells.hidden::before { 13174 content: none; 13175 } 13176 13177 #cd_cart-drawer .cd_upsells + .cd_upsells { 13178 margin-top: 15px; 13179 } 13180 13181 #cd_cart-drawer .cd_upsell_heading h5, 13182 #cd_cart-drawer .cd_upsell_heading { 13183 /* margin: 0 15px; */ 13184 background-color: #f2f3f4; 13185 color: #000; 13186 margin-bottom: 0 !important; 13187 line-height: 29px; 13188 font-size: 14px; 13189 font-weight: 700; 13190 margin: 0; 13191 padding-bottom: 0; 13192 } 13193 13194 #cd_cart-drawer .cd_adapter_upsell_heading { 13195 background-color: #1cd7fa; 13196 } 13197 #cd_cart-drawer .cd_adapter_upsell_heading h5 { 13198 color: #000000; 13199 padding-bottom: 0; 13200 } 13201 13202 #cd_cart-drawer .cd_upsell { 13203 margin-bottom: 0px; 13204 display: flex; 13205 align-items: center; 13206 position: relative; 13207 display: -webkit-box; 13208 display: -webkit-flex; 13209 display: -ms-flexbox; 13210 display: flex; 13211 -webkit-box-align: center; 13212 -webkit-align-items: center; 13213 -ms-flex-align: center; 13214 align-items: center; 13215 /* padding: 12px 15px; */ 13216 /* margin-bottom: 12px; */ 13217 background: white; 13218 border-radius: 4px; 13219 gap: 4px; 13220 padding-right: 10px; 13221 } 13222 13223 /* #cd_cart-drawer .cd_upsell:not(:last-child) { 13224 border-bottom: 1px solid #ccc; 13225 padding-bottom: 15px; 13226 } */ 13227 13228 #cd_cart-drawer .cd_item .cd_item_thumbnail { 13229 width: 100px; 13230 min-width: 100px; 13231 overflow: hidden; 13232 height: 100%; 13233 } 13234 13235 #cd_cart-drawer .cd_upsell .cd_upsell_thumbnail { 13236 width: 73px; 13237 min-width: 73px; 13238 overflow: hidden; 13239 height: 100%; 13240 } 13241 13242 #cd_cart-drawer .cd_item .cd_item_thumbnail a, 13243 #cd_cart-drawer .cd_upsell .cd_upsell_thumbnail a { 13244 display: block; 13245 position: relative; 13246 padding: 0 0 100%; 13247 height: 0; 13248 } 13249 #cd_cart-drawer .cd_item .cd_item_thumbnail a img, 13250 #cd_cart-drawer .cd_upsell .cd_upsell_thumbnail a img { 13251 position: absolute; 13252 top: 50%; 13253 left: 50%; 13254 -webkit-transform: translate(-50%, -50%); 13255 transform: translate(-50%, -50%); 13256 height: auto; 13257 width: 73px; 13258 max-height: 100%; 13259 } 13260 13261 #cd_cart-drawer .cd_item .cd_item_content, 13262 #cd_cart-drawer .cd_upsell .cd_upsell_content { 13263 width: calc(100% - 70px); 13264 display: flex; 13265 flex-direction: column; 13266 gap: 5px; 13267 padding: 5px 0; 13268 } 13269 13270 #cd_cart-drawer .cd_upsell .cd_upsell_title { 13271 font-size: 14px; 13272 margin: 0; 13273 display: -webkit-box; 13274 -webkit-line-clamp: 2; 13275 -webkit-box-orient: vertical; 13276 overflow: hidden; 13277 font-weight: 700; 13278 color: #000; 13279 line-height: 14.5px; 13280 text-transform: uppercase; 13281 font-family: Ingra; 13282 letter-spacing: 0px; 13283 } 13284 #cd_cart-drawer .cd_upsell .cd_upsell_footer { 13285 display: -webkit-box; 13286 display: -webkit-flex; 13287 display: -ms-flexbox; 13288 display: flex; 13289 -webkit-box-align: center; 13290 -webkit-align-items: center; 13291 -ms-flex-align: center; 13292 align-items: center; 13293 -webkit-box-pack: justify;
13294 -webkit-justify-content: space-between; 13295 -ms-flex-pack: justify; 13296 justify-content: space-between; 13297 } 13298 13299 #cd_cart-drawer .cd_upsell .cd_upsell_not_free { 13300 text-align: left; 13301 font: normal normal normal 13px/1 Ingra; 13302 letter-spacing: 0px; 13303 color: #000000; 13304 opacity: 1; 13305 } 13306 13307 #cd_cart-drawer .cd_upsell .cd_upsell_variants { 13308 background: url(//www.freestyleusa.com/cdn/shop/t/212/assets/select.png?v=112595941721225094991743620266) no-repeat right, #fff; 13309 -webkit-box-sizing: border-box; 13310 -moz-box-sizing: border-box; 13311 box-sizing: border-box; 13312 border-radius: 3px; 13313 border: 1px solid #d9dbdc; 13314 -webkit-appearance: none; 13315 -ms-appearance: none; 13316 -o-appearance: none; 13317 appearance: none; 13318 width: -webkit-fit-content; 13319 width: -moz-fit-content; 13320 width: fit-content; 13321 min-height: 22px; 13322 height: 22px; 13323 line-height: 1; 13324 padding: 0; 13325 margin-bottom: 0; 13326 padding-left: 5px; 13327 font-size: 13px; 13328 font-family: 'ingra'; 13329 } 13330 #cd_cart-drawer .cd_upsell .cd_upsell_variants:focus { 13331 background: #eee; 13332 } 13333 #cd_cart-drawer .cd_upsell_price, 13334 #cd_cart-drawer .cd_item_price { 13335 display: -webkit-box; 13336 display: -webkit-flex; 13337 display: -ms-flexbox; 13338 display: flex; 13339 -webkit-box-align: center; 13340 -webkit-align-items: center; 13341 -ms-flex-align: center; 13342 align-items: center; 13343 gap: 5px; 13344 } 13345 #cd_cart-drawer .cd_upsell_final_price, 13346 #cd_cart-drawer .cd_item_final_price { 13347 color: #000; 13348 display: inline-block; 13349 font-size: 14px; 13350 text-transform: uppercase; 13351 font-weight: 400; 13352 line-height: 1; 13353 } 13354 13355 #cd_cart-drawer .cd_upsell_compare_price, 13356 #cd_cart-drawer .cd_item_price .cd_upsell_compare_price { 13357 font-size: 14px; 13358 text-decoration: line-through; 13359 color: #737373; 13360 display: inline-block; 13361 font-weight: 400; 13362 text-transform: uppercase; 13363 line-height: 1; 13364 } 13365 13366 #cd_cart-drawer .cd_upsell .cd_upsell_no_thanks { 13367 font-size: 11px; 13368 line-height: 15px; 13369 color: #111; 13370 opacity: 0.7; 13371 letter-spacing: .5px; 13372 font-weight: 300; 13373 margin-top: 0; 13374 margin-left: auto; 13375 margin-right: 8px; 13376 text-align: center; 13377 transition: all .2s ease 0s; 13378 box-sizing: border-box; 13379 -webkit-appearance: none; 13380 font-family: ingra, sans-serif; 13381 cursor: pointer; 13382 } 13383 13384 #cd_cart-drawer .cd_upsell .cd_upsell_link { 13385 font-size: 11px; 13386 line-height: 15px; 13387 color: #111; 13388 letter-spacing: .5px; 13389 font-weight: 300; 13390 padding: 5px 14px !important; 13391 margin-top: 0; 13392 margin-left: auto; 13393 margin-right: 8px; 13394 text-align: center; 13395 transition: all .2s ease 0s; 13396 box-sizing: border-box; 13397 -webkit-appearance: none; 13398 font-family: ingra, sans-serif; 13399 cursor: pointer; 13400 text-decoration: none; 13401 } 13402 13403 #cd_cart-drawer .cd_upsell .cd_upsell_no_thanks:hover, 13404 #cd_cart-drawer .cd_upsell .cd_upsell_link:hover { 13405 text-decoration: underline; 13406 } 13407 13408 #cd_cart-drawer .cd_upsell .cd_upsell_add { 13409 display: flex; 13410 justify-content: center; 13411 align-items: center; 13412 flex: none; 13413 height: 40px; 13414 width: 40px; 13415 border-radius: 8px; 13416 background: #038d2e 0% 0% no-repeat padding-box; 13417 cursor: pointer; 13418 } 13419 /* End of Cart Drawer Main Container Style */ 13420 13421 /* Cart Drawer Footer Style */ 13422 #cd_cart-drawer .cd_footer { 13423 width: auto; 13424 background-color: #fafafa; 13425 display: block; 13426 position: sticky; 13427 bottom: 0; 13428 } 13429 13430 #cd_cart-drawer .cd_total_container { 13431 padding: 0 15px; 13432 display: -webkit-box; 13433 display: -webkit-flex; 13434 display: -ms-flexbox; 13435 display: flex; 13436 -webkit-box-align: center; 13437 -webkit-align-items: center; 13438 -ms-flex-align: center; 13439 align-items: center; 13440 -webkit-box-pack: justify;
13441 -webkit-justify-content: space-between; 13442 -ms-flex-pack: justify; 13443 justify-content: space-between; 13444 font-weight: 600; 13445 background-color: #fafafa; 13446 margin: 0; 13447 } 13448 13449 #cd_cart-drawer .cd_total_container.cd_total_items { 13450 border-top: 1px solid #ccc; 13451 padding-top: 6px; 13452 } 13453 13454 #cd_cart-drawer .cd_total_container.cd_total_subtotal { 13455 padding-bottom: 6px; 13456 } 13457 13458 #cd_cart-drawer .cd_total_text { 13459 font-size: 14px; 13460 line-height: 1; 13461 } 13462 13463 #cd_cart-drawer a.cd_btn { 13464 background: var(--color-primary); 13465 color: #fff; 13466 padding: 0 15px; 13467 min-width: 70px; 13468 min-height: 44px; 13469 height: 44px; 13470 display: -webkit-box; 13471 display: -webkit-flex; 13472 display: -ms-flexbox; 13473 display: flex; 13474 -webkit-box-align: center; 13475 -webkit-align-items: center; 13476 -ms-flex-align: center; 13477 align-items: center; 13478 -webkit-box-pack: center; 13479 -webkit-justify-content: center; 13480 -ms-flex-pack: center; 13481 justify-content: center; 13482 text-transform: uppercase; 13483 line-height: 60px; 13484 -webkit-transition: all .1s ease-in-out; 13485 transition: all .1s 13486 } 13487 /* End of Cart Drawer Footer Style */ 13488 13489 #cd_cart-drawer .cd_upsell a .cd_upsell_title{ 13490 color: rgb(29, 216, 250); 13491 font-weight: 400; 13492 } 13493 13494 #cd_cart-drawer .cd_item_sale_message { 13495 font-size: 14px; 13496 color: #1773b0; 13497 font-weight: 600; 13498 } 13499 13500 #cd_cart-drawer .cd_empty_button { 13501 padding: 0 15px; 13502 text-align: center; 13503 } 13504 13505 #cd_cart-drawer .cd_empty_button a { 13506 border-radius: 4px; 13507 display: block; 13508 } 13509 13510 #cd_cart-drawer .cd_total_buttons { 13511 display: grid; 13512 grid-template-columns: repeat(2, 1fr); 13513 gap: 12px; 13514 padding: 0 15px; 13515 } 13516 13517 #cd_cart-drawer .cd_total_buttons a.cd_btn { 13518 border-radius: 4px; 13519 } 13520 13521 #cd_cart-drawer .cd_footer .cart_drawer_freeshipping_text { 13522 display: flex; 13523 justify-content: center; 13524 margin-top: 8px; 13525 gap: 8px; 13526 font-size: 13px; 13527 font-weight: 700; 13528 align-items: center; 13529 } 13530 13531 #cd_cart-drawer .cd_footer .cart_drawer_freeshipping_text img { 13532 width: 17px; 13533 height: 17px; 13534 } 13535 13536 #cd_cart-drawer .cd_footer .cart_drawer_freeshipping_text .cart_drawer_freeshipping_text_content { 13537 font-weight: 400; 13538 } 13539 13540 @media screen and (max-width: 768px) { 13541 #cd_cart-drawer { 13542 width: calc(100% - 30px); 13543 } 13544 13545 #cd_cart-drawer .cd_progress_text strong { 13546 /* color: #1dd8fa; */ 13547 display: block; 13548 } 13549 #cd_cart-drawer .cd_item .cd_item_content { 13550 width: 100%; 13551 } 13552 #cd_cart-drawer .cd_item .cd_item_plus_minus_container { 13553 margin-left: 0px; 13554 } 13555 #cd_cart-drawer .cd_item .cd_item_quantity { 13556 width: 26px; 13557 padding: 0 4px; 13558 } 13559 13560 #cd_cart-drawer .cd_item .cd_item_thumbnail { 13561 width: 70px; 13562 min-width: 70px; 13563 } 13564 } 13565 13566 @media screen and (max-width: 420px) { 13567 #cd_cart-drawer .cd_main_container { 13568 height: calc(100% - 258px); 13569 } 13570 13571 #cd_cart-drawer .cd_upsells { 13572 margin: 7px 7px; 13573 } 13574 13575 #cd_cart-drawer .cd_items .cd_item { 13576 margin: 0 7px; 13577 } 13578 13579 #cd_cart-drawer { 13580 width: 100%; 13581 } 13582 13583 #cd_cart-drawer .cd_total_buttons a.cd_shopping_button { 13584 padding: 0; 13585 font-size: 10px; 13586 } 13587 } 13588</style> 13589 13590��<div id="cd_cart-drawer" role="region" aria-label="Shopping cart drawer" aria-hidden="true" inert> 13591 <div class="section_holder"> 13592 <div class="cd_header"> 13593 <h3>REVIEW YOUR CART</h3> 13594 <div 13595 class="cd_close_button" 13596 onclick="close_slider_cart()" 13597 onkeydown="if(event.key === 'Enter' || event.key === ' ') { event.preventDefault(); close_slider_cart(); }" 13598 role="button" 13599 tabindex="0" 13600 aria-label="Close cart drawer"> 13601 <svg width="12px" height="10px" viewbox="0 0 12 10" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <!-- Generator: sketchtool 3.8.3 (29802) - http://www.bohemiancoding.com/sketch --> <title>Close</title> <desc>Created with sketchtool.</desc> <defs></defs> <g id="sucd-Designs" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="M---Filter-Tab---Open" transform="translate(-347.000000, -77.000000)" stroke-width="0.5" stroke="#2B2B2B" fill="#2B2B2B"> <g id="Filter---Open" transform="translate(0.000000, 60.000000)"> <polygon id="close-black" points="358 18 357 17 353 21 349 17 348 18 352 22 348 26 349 27 353 23 357 27 358 26 354 22"></polygon> </g> </g> </g> </svg> 13602 </div> 13603 </div> 13604 13605 <div class="cd_progress" > 13606 � 13607 <div class="cd_progress_text"> 13608 SPEND $60 AND GET FREE DOMESTIC SHIPPING. 13609 </div> 13610 13611 </div> 13612 13613 <div class="cd_main_container"> 13614 <div class="cd_items"> 13615 13616 <style> 13617 #cd_cart-drawer .cd_upsells { 13618 13619 border-top: 1px solid #DADEDF; 13620 13621 } 13622 </style> 13623 13624 <div class="cd_empty_holder" > 13625 <p>You have no items in your cart!</p> 13626 </div> 13627 13628 13629 </div> 13630 <div class="cd_upsells_container"> 13631 � 13632 <div class="cd_upsells"> 13633 <div class="cd_upsell_heading" > 13634 YOU MIGHT ALSO LIKE THESE 13635 </div> 13636 <div class="cd_upsells_blocks"> 13637 13638 13639 13640 13641 13642 13643 13644 � 13645 <div class="cd_upsell" > 13646 <div class="cd_upsell_thumbnail"> 13647 <a href="/products/freestyle-sticker-pack"> 13648 <img src="//www.freestyleusa.com/cdn/shop/products/Sticker_Assortment_Random_5_Pack_500x.jpg?v=1762198730" alt="Freestyle Waterproof Stickers - 5 Pack by Freestyle: colorful, playful stickers with bright summer-inspired designs that are vivid and waterproof." class="cd_upsell_image"> 13649 </a> 13650 </div> 13651 <div class="cd_upsell_content"> 13652 <a class="cd_upsell_title" href="/products/freestyle-sticker-pack"> 13653 13654 13655 13656 13657 13658STICKER 13659</a> 13660 13661 13662 <div class="cd_variant_title"> 13663 13664 13665 13666 </div> 13667 13668 <select class="cd_upsell_variants" style="display: none;"> 13669 13670 <option value="32978989547563">Default Title</option> 13671 13672 </select> 13673 <div class="cd_upsell_footer"> 13674 <div class="cd_upsell_price"> 13675
13676 <span class="patrol-sr-only">Sale Price: </span> 13677 13678 <div class="cd_upsell_final_price"> 13679 <span class=cbb-currency>$5</span> 13680 </div> 13681 13682 <span class="patrol-sr-only">Regular Price: </span> 13683 <div class="cd_upsell_compare_price"> 13684 <span class=cbb-currency>$10</span> 13685 </div> 13686 13687 </div> 13688 </div> 13689 13690 </div> 13691 <div class="cd_upsell_add" onclick="addUpsellProduct(this)"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 13692<g xmlns="http://www.w3.org/2000/svg" id="Group_1766" data-name="Group 1766"> 13693 <rect xmlns="http://www.w3.org/2000/svg" id="Rectangle_1503" data-name="Rectangle 1503" width="24" height="24" rx="8" transform="translate(0 0)" fill="#038d2e"/> 13694 <path id="plus" d="M8.142,0V16.284M0,8.142H16.284" transform="translate(4 20) rotate(-90)" fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> 13695</g> 13696</svg> 13697</div> 13698 </div> 13699 � 13700 13701 13702 13703 13704 � 13705 13706 13707 13708 13709 � 13710 <div class="cd_upsell" > 13711 <div class="cd_upsell_thumbnail"> 13712 <a href="/products/cutback-retro-nylon-snapback-surf-city"> 13713 <img src="//www.freestyleusa.com/cdn/shop/files/cutback-retro-nylon-snapback-surf-city-front-angle-view_500x.jpg?v=1763065404" alt="Retro Cutback Snapback Hat Surf City" class="cd_upsell_image"> 13714 </a> 13715 </div> 13716 <div class="cd_upsell_content"> 13717 <a class="cd_upsell_title" href="/products/cutback-retro-nylon-snapback-surf-city"> 13718 13719 13720 13721 13722 13723 13724 Surf City 13725</a> 13726 13727 13728 <div class="cd_variant_title"> 13729 13730 Retro Cutback Snapback Hat 13731 13732 13733 </div> 13734 13735 <select class="cd_upsell_variants" style="display: none;"> 13736 13737 <option value="42482253135915">Default Title</option> 13738 13739 </select> 13740 <div class="cd_upsell_footer"> 13741 <div class="cd_upsell_price"> 13742 13743 <div class="cd_upsell_final_price"> 13744 <span class=cbb-currency>$35</span> 13745 </div> 13746 13747 </div> 13748 </div> 13749 13750 </div> 13751 <div class="cd_upsell_add" onclick="addUpsellProduct(this)"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 13752<g xmlns="http://www.w3.org/2000/svg" id="Group_1766" data-name="Group 1766"> 13753 <rect xmlns="http://www.w3.org/2000/svg" id="Rectangle_1503" data-name="Rectangle 1503" width="24" height="24" rx="8" transform="translate(0 0)" fill="#038d2e"/> 13754 <path id="plus" d="M8.142,0V16.284M0,8.142H16.284" transform="translate(4 20) rotate(-90)" fill="#fff" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/> 13755</g> 13756</svg> 13757</div> 13758 </div> 13759 � 13760 13761 13762 13763 13764 � 13765 13766 13767 </div> 13768 </div> 13769 13770 </div> 13771 </div> 13772 13773 <div class="cd_footer"> 13774 <div class="cd_total_container"> 13775 </div> 13776 13777 <div class="cd_empty_button"> 13778 <a href="/collections/best-sellers" class="cd_empty_continue" aria-label="Continue Shopping to Collections best sellers">Continue Shopping</a> 13779 </div> 13780 <style> 13781 #cd_cart-drawer .cd_main_container { 13782 height: calc(100% - 110px) !important; 13783 } 13784 </style> 13785 13786 </div> 13787 13788
13788<script> 13789 $('.cd_upsell_no_thanks').on('click', function() { 13790 localStorage.setItem($(this).attr('data-size'), Date.now()); 13791 checkAdapterSession(); 13792 }); 13793 </script>
13793 13794 </div> 13795 13796 <div class="cd_loading_overlay"><div class="spinning_circle"></div></div> 13797</div> 13798
13799<script> 13800 $('.update_line_item').click(function() { 13801 var key = $(this).closest('.line_item').attr('key'); 13802 var quantity = $(this).attr('q'); 13803 update_line_item(key, quantity); 13804 }); 13805 13806 // Focus trap handler for cart drawer 13807 let focusTrapHandler = null; 13808 13809 const open_slider_cart = () => { 13810 console.log('open_slider_cart'); 13811 13812 close_all_layers(); 13813 13814 show_overlay(); 13815 $('#cd_cart-drawer').addClass('slided'); 13816 $('body').addClass('mobile'); 13817 13818 // Remove aria-hidden and inert so cart drawer is accessible 13819 $('#cd_cart-drawer').removeAttr('aria-hidden'); 13820 $('#cd_cart-drawer')[0].inert = false; 13821 13822 // Move focus to the close button for keyboard users 13823 setTimeout(() => { 13824 const closeBtn = document.querySelector('#cd_cart-drawer .cd_close_button'); 13825 if (closeBtn) { 13826 closeBtn.focus(); 13827 } 13828 }, 100); 13829 13830 // Set up focus trap 13831 focusTrapHandler = (e) => { 13832 if (e.key === 'Tab') { 13833 const cartDrawer = document.querySelector('#cd_cart-drawer'); 13834 const focusableElements = cartDrawer.querySelectorAll( 13835 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])' 13836 ); 13837 13838 if (focusableElements.length === 0) return; 13839 13840 const firstElement = focusableElements[0]; 13841 const lastElement = focusableElements[focusableElements.length - 1]; 13842 13843 if (e.shiftKey) { 13844 // Shift+Tab: wrap from first to last 13845 if (document.activeElement === firstElement) { 13846 e.preventDefault(); 13847 lastElement.focus(); 13848 } 13849 } else { 13850 // Tab: wrap from last to first 13851 if (document.activeElement === lastElement) { 13852 e.preventDefault(); 13853 firstElement.focus(); 13854 } 13855 } 13856 } 13857 13858 // Close on Escape key 13859 if (e.key === 'Escape') { 13860 close_slider_cart(); 13861 } 13862 }; 13863 13864 // Add the focus trap event listener 13865 document.addEventListener('keydown', focusTrapHandler); 13866 } 13867 13868 const close_slider_cart = () => { 13869 hide_overlay(); 13870 $('#cd_cart-drawer').removeClass('slided'); 13871 $('body').removeClass('mobile'); 13872 13873 // Hide from screen readers and make non-interactive when closed 13874 $('#cd_cart-drawer').attr('aria-hidden', 'true'); 13875 $('#cd_cart-drawer')[0].inert = true; 13876 13877 // Remove focus trap event listener 13878 if (focusTrapHandler) { 13879 document.removeEventListener('keydown', focusTrapHandler); 13880 focusTrapHandler = null; 13881 } 13882 13883 // Return focus to cart button 13884 const cartButton = document.getElementById('cart-icon-link-header'); 13885 if (cartButton) { 13886 cartButton.focus(); 13887 } 13888 } 13889 13890</script>
13890 13891
13892<script> 13893 function checkAdapterSession () { 13894 if(localStorage.getItem('no_thanks_big')) { 13895 if(Date.now() - parseInt(localStorage.getItem('no_thanks_big')) > 24 * 3600 * 1000) { 13896 localStorage.removeItem('no_thanks_big'); 13897 } else { 13898 $('#cd_cart-drawer').addClass('hide_adapter_big'); 13899 if(document.querySelector('.adapter_upsell_small')) { 13900 $('.adapter_upsell_big').hide(); 13901 } else { 13902 // $('.cd_adapter_upsells').hide(); 13903 $('.cd_adapter_upsells').addClass('hidden') 13904 } 13905 } 13906 } 13907 if(localStorage.getItem('no_thanks_small')) { 13908 if(Date.now() - parseInt(localStorage.getItem('no_thanks_small')) > 24 * 3600 * 1000) { 13909 localStorage.removeItem('no_thanks_small'); 13910 } else { 13911 $('#cd_cart-drawer').addClass('hide_adapter_small'); 13912 if(document.querySelector('.adapter_upsell_big')) { 13913 $('.adapter_upsell_small').hide(); 13914 } else { 13915 // $('.cd_adapter_upsells').hide(); 13916 $('.cd_adapter_upsells').addClass('hidden') 13917 } 13918 } 13919 } 13920 if(localStorage.getItem('no_thanks_big') && localStorage.getItem('no_thanks_small')) { 13921 // $('.cd_adapter_upsells').hide(); 13922 $('.cd_adapter_upsells').addClass('hidden') 13923 } 13924 }; 13925 13926 $('.cd_upsell_no_thanks').on('click', function() { 13927 localStorage.setItem($(this).attr('data-size'), Date.now()); 13928 checkAdapterSession(); 13929 }); 13930 setInterval(() => { 13931 checkAdapterSession(); 13932 }, 1000); 13933</script>
13933 13934</div> 13935 <link rel="stylesheet" href="//www.freestyleusa.com/cdn/shop/t/212/assets/app_wishlist-king_templates.css?v=20269004198478631331743620267" /> 13936 13937<style> 13938 .wk-link {} 13939 13940 .wk-link__icon { 13941 margin-right: 0; 13942 } 13943 13944 .wk-link__label { 13945 display: none !important; 13946 } 13947 13948 .wk-link__count { 13949 /* display: none; */ 13950 } 13951 13952 .wk-button { 13953 padding: 1em; 13954 } 13955 13956 .wk-button__icon {} 13957 13958 .wk-button__label {} 13959 13960 .wk-button.wk-button--floating {} 13961 13962 .wk-product-form__submit {} 13963 13964 :root { 13965 --wk-icon--stroke-width: 1px; 13966 13967 --wk-link--color: currentColor; 13968 --wk-link__icon--size: 20px; 13969 13970 --wk-button--color: currentColor; 13971 --wk-button__icon--color: currentColor; 13972 --wk-button__icon--size: 16px; 13973 13974 --wk-product-form__submit--color: currentColor; 13975 --wk-product-form__submit--background: white; 13976 13977 --wk-share-button--color: white; 13978 --wk-share-button--background: #3d3d3d; 13979 --wk-share-button--size: 26px; 13980 13981 --wk-page__image--aspect-ratio: 1 / 1; 13982 --wk-page__grid--max-columns: 4; 13983 } 13984</style> 13985
13986<script type="module" async> 13987 import WishlistKing from "//www.freestyleusa.com/cdn/shop/t/212/assets/app_wishlist-king_sdk.js?v=126727069270349650291743620267"; 13988 import templates from "//www.freestyleusa.com/cdn/shop/t/212/assets/app_wishlist-king_templates.js?v=133352297472272612891743620268"; 13989 import settings from "//www.freestyleusa.com/cdn/shop/t/212/assets/app_wishlist-king_settings.js?v=100226062629641928961743620267"; 13990 13991 WishlistKing.toolkit.init({ 13992 templates, 13993 settings, 13994 events: { 13995 ready() { 13996 // App is ready and WishlistKing.toolkit can be used 13997 }, 13998 addedToCart(cart) { 13999 // This is a good place to trigger AJAX cart update 14000 window.scrollTo(0, 0); 14001 location.reload(); 14002 }, 14003 loginRequired(intent) { 14004 window.location = [ 14005 "/account/login?wk-redirect=", 14006 encodeURIComponent( 14007 JSON.stringify({ 14008 path: window.location.pathname, 14009 intent: intent, 14010 }) 14011 ), 14012 ].join(""); 14013 }, 14014 }, 14015 shop: { 14016 name: "Freestyle USA", 14017 domain: "www.freestyleusa.com", 14018 permanent_domain: "freestyleusa.myshopify.com", 14019 currency: "USD", 14020 money_format: "\u003cspan class=cbb-currency\u003e${{amount_no_decimals}}\u003c\/span\u003e", 14021 root_url: "", 14022 }, 14023 session: { 14024 customer: null, 14025 customer_email: null, 14026 }, 14027 wishlist: { 14028 filter: function (product) { 14029 return !product.hidden; 14030 }, 14031 share: { 14032 title: "My Wishlist", 14033 description: "Check out some of my favorite things from Freestyle USA.", 14034 }, 14035 fallbackImage: "https://cdn.shopify.com/s/images/themes/product-1.png", 14036 }, 14037 theme: { 14038 locale: { 14039 wishlist: "Wishlist", 14040 wishlist_empty_note: "Your wishlist is empty", 14041 add_to_wishlist: "Add to Wishlist", 14042 remove_from_wishlist: "Remove from Wishlist", 14043 clear_wishlist: "Clear Wishlist", 14044 in_wishlist: "In Wishlist", 14045 share_wishlist: "Share Wishlist", 14046 copy_share_link: "Copy Link", 14047 share_link_copied: "Link Copied", 14048 share_by_email_body: "Here is the link to my list:", 14049 login_or_signup_note: "To save your wishlist please \u003ca href='\/account\/login'\u003elogin\u003c\/a\u003e or \u003ca href='\/account\/register'\u003esign up\u003c\/a\u003e.", 14050 add_to_cart: "Add to Cart", 14051 sold_out: "Sold Out", 14052 quantity: "Quantity", 14053 view_product: "View product", 14054 view_wishlist: "View Wishlist", 14055 share_on_facebook: "Share on Facebook", 14056 share_on_twitter: "Share on Twitter", 14057 share_on_pinterest: "Share on Pinterest", 14058 share_with_whatsapp: "Share with WhatsApp", 14059 share_by_email: "Share with Email", 14060 get_link: "Get link", 14061 send_to_customer_service: "Send to customer service", 14062 add_all_to_cart: "Add wishlist to cart", 14063 }, 14064 customer: null, 14065 customer_accounts_enabled: true, 14066 }, 14067 }); 14068 14069 // Header link 14070 /* 14071 WishlistKing.observe( 14072 { 14073 selector: "header a[href='/cart']", 14074 }, 14075 (target) => { 14076 target.insertBefore(WishlistKing.createComponent("wishlist-link")); 14077 } 14078 ); 14079 */ 14080 14081 // Wishlist button on product page 14082 /* 14083 WishlistKing.observe( 14084 { 14085 selector: "form[action='/cart/add']", 14086 template: "product", 14087 }, 14088 (target) => { 14089 target.append( 14090 WishlistKing.createComponent("wishlist-button", { 14091 id: "", 14092 }) 14093 ); 14094 } 14095 ); 14096 */ 14097 14098 // Wishlist button on collection page 14099 /* 14100 WishlistKing.observe( 14101 { 14102 selector: "[data-product-id]", 14103 template: "collection", 14104 }, 14105 (target) => { 14106 target.append( 14107 WishlistKing.createComponent("wishlist-button-floating", { 14108 id: target.container.getAttribute("data-product-id"), 14109 }) 14110 ); 14111 } 14112 ); 14113 */ 14114 14115 // Wishlist page 14116 /* 14117 WishlistKing.observe( 14118 { 14119 selector: "main .rte", 14120 template: "wishlist", 14121 }, 14122 (target) => { 14123 target.insertAfter(WishlistKing.createComponent("wishlist-page")); 14124 } 14125 ); 14126 14127 // Shared wishlist page 14128 WishlistKing.observe( 14129 { 14130 selector: "main .rte", 14131 template: "shared-wishlist", 14132 }, 14133 (target) => { 14134 target.insertAfter(WishlistKing.createComponent("wishlist-page-shared")); 14135 } 14136 ); 14137 */ 14138</script>
14138 14139 14140 14141 <div id="main" class="global-wrapper"> 14142 <div id="shopify-section-template--15765306179627__search-template" class="shopify-section"><title>Searchs</title> 14143<style> 14144 form.search { 14145 margin-top: 20px; 14146 } 14147 button.wk-button .wk-button__icon{ 14148 width: 15px !important; 14149 height: auto !important; 14150 } 14151 #single_facet_Color .isp_facet_value.isp_facet_value_color_swatch:hover .isp_facet_value_name_not_selected, 14152 #single_facet_Color .isp_facet_value.isp_facet_value_color_swatch:hover .isp_facet_value_name_selected { 14153/* .isp_swatch_not_selected:hover .isp_facet_value_name_not_selected{ */ 14154 display: block !important; 14155 width: 120px; 14156 background-color: black; 14157 color: #fff !important; 14158 text-align: center; 14159 border-radius: 6px; 14160 padding: 9px 0; 14161 position: absolute; 14162 z-index: 1; 14163 margin-top: 30px; 14164 margin-left: -43px; 14165} 14166.isp-product-color-swatch-multi { 14167 background: url(https://cdn.shopify.com/s/files/1/2600/1720/files/isp-product-color-swatch-multi.png?v=1605960411) !important; 14168 background-size: 100% !important; 14169} 14170.isp-product-color-swatch-clear { 14171 background: url(https://cdn.shopify.com/s/files/1/2600/1720/files/isp-product-color-swatch-clear.jpg?v=1605960410) !important; 14172 background-size: 100% !important; 14173} 14174.isp-product-color-swatch-pattern { 14175 background: url(https://cdn.shopify.com/s/files/1/2600/1720/files/isp-product-color-swatch-pattern.png?v=1605960410) !important; 14176 background-size: 120% !important; 14177} 14178.filter-has-border { 14179 margin-left: 0; 14180 cursor: pointer; 14181} 14182 14183.filter-has-border li { 14184 list-style: none; 14185} 14186 14187.list-of-option { 14188 opacity: 0; 14189 height: 0; 14190 overflow: hidden; 14191 transition: all .28s ease-in-out; 14192 margin: 0; 14193 padding-left: 10px; 14194 padding: 1px 0; 14195 border: 1px solid #F2F2F4; 14196 box-shadow: none; 14197 border-bottom: none; 14198} 14199.list-of-option li label { 14200 display: flex; 14201 align-items: center; 14202 background: #fff; 14203 border-bottom: 1px solid #F2F2F4; 14204 text-transform: capitalize; 14205 padding: 3px 20px; 14206 clear: both; 14207 font-weight: 400; 14208 line-height: 1.428571429; 14209 color: #000; 14210 white-space: nowrap; 14211 text-decoration: none; 14212 height: 45px; 14213 cursor: pointer; 14214 transition: all .28s ease-in-out; 14215} 14216 14217.list-of-option li label:after { 14218 content: ""; 14219 width: 13px; 14220 height: 13px; 14221 position: absolute; 14222 left: -20px; 14223 top: 50%; 14224 transform: translateY(-50%); 14225 background-color: #000; 14226} 14227.list-of-option li input { 14228 display: none; 14229} 14230.list-of-option li input:checked+label:before { 14231 content: ""; 14232 width: 7px; 14233 height: 7px; 14234 background-color: #fff; 14235 position: absolute; 14236 left: -17px; 14237 top: 50%; 14238 transform: translateY(-50%); 14239 z-index: 2; 14240 border-radius: 50%; 14241} 14242 14243.filter-has-border.active .list-of-option { 14244 opacity: 1; 14245 height: auto; 14246} 14247@media(min-width: 500px) and (max-width: 992px) { 14248 form.search { 14249 width: 90%; 14250 margin: 20px auto; 14251 } 14252 .collection-page .container { 14253 width: 90%; 14254 } 14255} 14256@media (max-width: 500px) { 14257 .collection-page .container { 14258 padding: 0 15px; 14259 } 14260} 14261</style> 14262 14263<form role="search" class="search" action="/search"> 14264 <div class="center"> 14265 <h3 class="center"> 14266 Search for anything in our shop 14267 </h3> 14268 14269 14270 <input type="hidden" name="type" value="product" /> 14271 14272 <input type="text" name="q" placeholder="Search..." value="" x-webkit-speech autocapitalize="off" autocomplete="off" autocorrect="off" /> 14273 <button type="submit" name="submit" aria-label="submit search" class="action_button" value="Search" style="margin-top:0"> 14274 <svg xmlns="http://www.w3.org/2000/svg" width="23.161" height="23.165" viewBox="0 0 23.161 23.165"> 14275 <path id="Path_32" data-name="Path 32" fill="#000" d="M60.053,19.683l-5.478-4.659a2.444,2.444,0,0,0-1.661-.721,8.674,8.674,0,1,0-.971.971,2.445,2.445,
142750,0,0,.724,1.664l4.659,5.478a1.943,1.943,0,1,0,3.065-2.39,1.916,1.916,0,0,0-.337-.337ZM46.315,14.457a5.78,5.78,0,1,1,.005,0h-.005" transform="translate(-37.64 0)"></path> 14276 </svg> 14277 </button> 14278 </div> 14279</form> 14280 14281<style> 14282 @keyframes slide{ 14283 0%{ 14284 transform: translate3d(92px, 0, 0); 14285 } 14286 100%{ 14287 transform: translate3d(-1692px, 0, 0); 14288 } 14289 } 14290 14291 { 14292 margin-top: 35px; 14293 } 14294 14295 .collection-banner { 14296 width: 100%; 14297 margin-bottom: 20px; 14298 } 14299 14300 .collection-banner img.desktop-hide { 14301 display: none; 14302 } 14303 14304 .main-items-wrapper { 14305 max-width: 1920px; 14306 margin: 0 auto; 14307 width: calc(100% - 260px); 14308 } 14309 .adapter-list-wrapper { 14310 display: grid; 14311 grid-template-columns: repeat(3, 1fr); 14312 width: 100%; 14313 grid-gap: 20px; 14314 } 14315 .adapter-section-container { 14316 display: none; 14317 position: relative; 14318 width: calc(100% - 260px); 14319 margin: 0 auto; 14320 padding: 0; 14321 max-width: 1920px; 14322 } 14323 .adapter-item { 14324 min-width: 1px; 14325 width: 100%; 14326 } 14327 .adapter-item img { 14328 width: 100%; 14329 } 14330 .adapter-title { 14331 line-height: 1.5; 14332 color: #050505; 14333 font-size: 16px; 14334 font-family: ingra; 14335 font-weight: 400; 14336 margin: 0; 14337 display: -webkit-box; 14338 -webkit-line-clamp: 2; 14339 -webkit-box-orient: vertical; 14340 overflow: hidden; 14341 text-align: center; 14342 } 14343 a.size-option { 14344 padding: 5px; 14345 margin-left: 4px; 14346 position: relative; 14347 border: 1px solid #1cd7fa; 14348 font-size: 14px; 14349 border-radius: 2px; 14350 font-weight: normal; 14351 text-transform: lowercase; 14352 display: block; 14353 line-height: 1.4; 14354 } 14355 a.size-option:hover { 14356 color: #000; 14357 background-color: #1cd7fa; 14358 } 14359 .size-options { 14360 display: flex; 14361 align-items: center; 14362 justify-content: center; 14363 } 14364 .collection-grid-items-wrapper { 14365 display: none; 14366 grid-template-columns: repeat(5, 1fr); 14367 grid-gap: 20px; 14368 padding: 50px 0; 14369 } 14370 .collection-grid-item { 14371 display: none; 14372 width: 100%; 14373 min-width: 1px; 14374 position: relative; 14375 } 14376 14377 .collection-grid-item.active { 14378 display: block; 14379 } 14380 14381 .filter-has-border { 14382 margin-left: 0; 14383 cursor: pointer; 14384 } 14385 14386 .filter-has-border.active .list-of-option { 14387 opacity: 1; 14388 height: auto; 14389 } 14390 14391 .list-of-option { 14392 opacity: 0; 14393 height: 0; 14394 overflow: hidden; 14395 transition: all .28s ease-in-out; 14396 margin: 0; 14397 padding-left: 10px; 14398 padding: 1px 0; 14399 border: 1px solid #F2F2F4; 14400 box-shadow: none; 14401 border-bottom: none; 14402 } 14403 14404 .list-of-option li input { 14405 display: none; 14406 } 14407 14408 .list-of-option li label { 14409 display: flex; 14410 align-items: center; 14411 background: #fff; 14412 border-bottom: 1px solid #F2F2F4; 14413 text-transform: capitalize; 14414 padding: 3px 20px; 14415 clear: both; 14416 font-weight: 400; 14417 line-height: 1.428571429; 14418 color: #000; 14419 white-space: nowrap; 14420 text-decoration: none; 14421 height: 45px; 14422 cursor: pointer; 14423 transition: all .28s ease-in-out; 14424 } 14425 14426 #ajax-loading { 14427 margin: 50px auto; 14428 } 14429 14430 #ajax-loading img { 14431 width: 50px; 14432 } 14433 14434 @media screen and (max-width: 1400px) { 14435 .collection-grid-items-wrapper { 14436 grid-template-columns: repeat(4, 1fr); 14437 } 14438 } 14439 14440 @media screen and (max-width: 992px) { 14441 .collection-banner { 14442 width: unset; 14443 margin-left: -15px; 14444 margin-right: -15px; 14445 } 14446 } 14447 14448 @media screen and (max-width: 900px) { 14449 .adapter-section-container { 14450 width: 100%; 14451 padding: 0 15px; 14452 } 14453 14454 .main-items-wrapper { 14455 width: 100%; 14456 } 14457 14458 .collection-grid-items-wrapper { 14459 grid-template-columns: repeat(3, 1fr); 14460 } 14461 14462 .adapter-list-wrapper { 14463 grid-template-columns: repeat(2, 1fr); 14464 } 14465 .size-options { 14466 flex-direction: column; 14467 } 14468 a.size-option{ 14469 margin-bottom: 1px; 14470 } 14471 } 14472 14473 @media screen and (max-width: 760px) { 14474 { 14475 margin-top: 10px; 14476 } 14477 .collection-top-filter { 14478 max-width: unset; 14479 } 14480 14481 .collection-banner { 14482 width: unset; 14483 margin: 5px -15px 0; 14484 } 14485 14486 .collection-banner img { 14487 width: unset; 14488 height: 140px; 14489 animation: slide 90s linear infinite; 14490 } 14491 14492 .collection-banner img.desktop-hide { 14493 display: block; 14494 } 14495 14496 .collection-banner img.mobile-hide { 14497 display: none; 14498 } 14499 } 14500 14501 @media screen and (max-width: 650px) { 14502 .collection-grid-items-wrapper { 14503 grid-template-columns: repeat(2, 1fr); 14504 } 14505 } 14506 14507 /* Product card style */ 14508 14509 .collection-grid-item { 14510 padding-left: 10px; 14511 padding-right: 10px; 14512 overflow: hidden; 14513 } 14514 14515 .collection-grid-item .col-image { 14516 display: block; 14517 position: relative; 14518 width: 100%; 14519 padding-top: 100%; 14520 margin-bottom: 24px; 14521 } 14522 14523 .collection-grid-item .col-image img { 14524 display: block; 14525 position: absolute; 14526 width: 100%; 14527 height: 100%; 14528 left: 0; 14529 top: 0; 14530 14531 } 14532 14533 .collection-grid-item .col-title { 14534 text-transform: uppercase; 14535 text-align: center; 14536 color: #050505; 14537 font-size: 18px; 14538 font-weight: 600; 14539 letter-spacing: 1.6px; 14540 } 14541 14542 .collection-grid-item .col-subtitle { 14543 text-align: center; 14544 font-size: 15px; 14545 font-weight: 500; 14546 color: #050505; 14547 text-transform: capitalize; 14548 } 14549 14550 .collection-grid-item .col-price { 14551 text-align: center; 14552 color: #000; 14553 font-size: 16px; 14554 font-weight: 600; 14555 letter-spacing: .64px; 14556 text-transform: capitalize; 14557 } 14558 14559 .collection-grid-item.badge:before, .collection-grid-item.badge:after { 14560 background-image: none; 14561 display: flex; 14562 align-items: center; 14563 justify-content: center; 14564 text-transform: uppercase; 14565 font-weight: 400; 14566 font-size: 9px; 14567 letter-spacing: initial; 14568 position: absolute; 14569 top: 0; 14570 left: 10px; 14571 width: 30px; 14572 color: #fff; 14573 height: 30px; 14574 border-radius: 50%; 14575 } 14576 14577 .collection-grid-item.badge:before, .collection-grid-item.badge:after { 14578 width: 35px !important; 14579 height: 35px !important; 14580 line-height: 35px !important; 14581 font-size: 12px !important; 14582 } 14583 14584 span.badge--discontinued:before { 14585 content: "DISCONTINUED" !important; 14586 background-color: #000 !important; 14587 z-index: 1 !important; 14588 font-size: 10px; 14589 width: 85px; 14590 color: #fff; 14591 line-height: 1.2; 14592 min-height: 23px; 14593 display: flex; 14594 align-items: center; 14595 justify-content: center; 14596 text-transform: uppercase; 14597 font-weight: 400; 14598 margin:0 auto; 14599 } 14600 14601 span.badge--soldout {
14602 background: url(https://cdn.shopify.com/s/files/1/2600/1720/t/41/assets/FS-SoldOut-Black.png); 14603 background-size: 80%; 14604 width: 99px; 14605 height: 23px; 14606 position: absolute; 14607 bottom: 100px; 14608 display: block; 14609 background-repeat: no-repeat; 14610 } 14611 14612 span.badge--discontinued + .badge::after { 14613 margin-top: 25px; 14614 } 14615 .collection-grid-item.badge--new:before { 14616 content: "NEW"; 14617 background-color: #1cd7fa; 14618 z-index: 1; 14619 } 14620 .collection-grid-item.badge--sale:before { 14621 content: "SALE"; 14622 background-color: #e84a5f; 14623 z-index: 3; 14624 } 14625 .collection-grid-item.badge--mini:after { 14626 content: "MINI"; 14627 background-color: #ffa948; 14628 z-index: 2; 14629 } 14630 .collection-grid-item.badge--new.badge--mini:after, .collection-grid-item.badge--new.badge--sale:after, .collection-grid-item.badge--sale.badge--mini:after { 14631 top: 38px; 14632 left: 10px; 14633 } 14634 14635 @media (max-width: 760px) { 14636 .collection-banner { 14637 background-color: #000; 14638 width: 100%; 14639 } 14640 .sliding-background { 14641 background: url( //www.freestyleusa.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12_1000x.gif) repeat-x; 14642 width: 3384px; 14643 animation: slide 90s linear infinite; 14644 display: block !important; 14645 background-size: 18%; 14646 height: 140px; 14647 background-position: left; 14648 background-color: #000; 14649 } 14650 } 14651</style> 14652 14653<style>.filter-group.filter-group-choose.apple.watchâ¢.size { 14654 display: none !important; 14655 } 14656</style> 14657 14658 14659 14660<div id="main-collection-template--15765306179627__search-template" role="region" aria-label="Product filter results and sorting options"> 14661 <div class="section-overlay"> </div> 14662 <div class="main-collection-wrapper"> 14663 14664 <div class="main-items-wrapper"> 14665 <div class="filter-wrapper"> 14666 <div class="collection-top-filter"> 14667 <div class="icon-filter"> 14668 <svg xmlns="http://www.w3.org/2000/svg" width="27.242" height="31" viewBox="0 0 27.242 31"><path id="Path_45" data-name="Path 45" d="M733.844,389.3a4.9,4.9,0,0,0-9.456,0h-8.4v2.576h8.4a4.9,4.9,0,0,0,9.456,0h8.4V389.3Zm-2.574,2.166a2.308,2.308,0,1,1,.174-.878A2.32,2.32,0,0,1,731.27,391.464Zm1.461,15.414A4.934,4.934,0,0,0,728,410.494H715.991v2.576H728a4.9,4.9,0,0,0,9.456,0h4.783v-2.576h-4.783A4.935,4.935,0,0,0,732.731,406.879Zm2.153,5.781a2.308,2.308,0,1,1,.174-.878A2.32,2.32,0,0,1,734.884,412.66ZM719.9,396.282a4.9,4.9,0,1,0,4.728,6.19h17.612V399.9H724.63A4.934,4.934,0,0,0,719.9,396.282Zm2.153,5.78a2.308,2.308,0,1,1,.174-.878A2.32,2.32,0,0,1,722.056,402.062Z" transform="translate(-715 -385.684)" fill="#fff"></path></svg> 14669 </div> 14670 <span>Filter</span> 14671 </div> 14672 <div class="collection-filters-overlay"></div> 14673 </div> 14674 14675 <div id="ajax-loading" class="modal-box"> 14676 <div class="modal-body" style="text-align: center;"> 14677 <img src="//www.freestyleusa.com/cdn/shop/t/212/assets/loading.gif?v=18295083321023291951743620270" alt="Please Wait..." class="strap-loading-image" /> 14678 </div> 14679 </div> 14680 <div class="collection-grid-items-wrapper"> 14681 14682 </div> 14683 </div> 14684 </div> 14685 <div class="collection-filters-drawer"> 14686 <div class="collection-filters-drawer-close"> 14687 <svg id="Icon_ionic-ios-close-circle" data-name="Icon ionic-ios-close-circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path id="Icon_ionic-ios-close-circle-2" data-name="Icon ionic-ios-close-circle" d="M15.375,3.375a12,12,0,1,0,12,12A12,12,0,0,0,15.375,3.375Zm3.04,16.344-3.04-3.04-3.04,3.04a.922.922,0,1,1-1.3-1.3l3.04-3.04-3.04-3.04a.922.922,0,0,1,1.3-1.3l3.04,3.04,3.04-3.04a.922.922,0,0,1,1.3,1.3l-3.04,3.04,3.04,3.04a.926.926,0,0,1,0,1.3A.916.916,0,0,1,18.415,19.719Z" transform="translate(-3.375 -3.375)"></path></svg> 14688 </div> 14689 <div class="sticky-element"> 14690 <div class="sort-by-flex"> 14691 <h5 class="collection-filters-drawer-element-title">Sort by 14692 </h5> 14693 <div class="field is-grouped is-flex-wrap"> 14694 <ul class="filter-has-border"> 14695 <li id="selected-option"> 14696 <span>Featured</span> 14697 <b class="caret"></b> 14698 </li> 14699 <li> 14700 <ul class="list-of-option"></ul> 14701 </li> 14702 </ul> 14703 </div> 14704 </div> 14705 <div class="filter-result-flex"> 14706 <div class="selected-filters" id="selected-filters"></div> 14707 <div class="reset-wrapper"> 14708 <a href="#" id="reset-function">Reset All</a> 14709 </div> 14710 </div> 14711 </div> 14712 <div class="collection-filters-drawer-element"> 14713 14714 14715 14716 <div class="sidebar-wrap"><div class="faceted-filter-form"> 14717 <div class="filter-menu filter-selected-"></div> 14718 </div> 14719 14720 </div> 14721 14722 </div> 14723 <div class="apply-filters-wrapper"> 14724 <a href="#" aria-label="View results for available products based on your filters.">View Results</a> 14725 </div> 14726 </div> 14727</div> 14728 14729 14730
14730<script> 14731(function () { 14732 const preloadFilterEnum = { 14733 '_visual_vibe': 'Isp-tag-Visual Vibe', 14734 '_watch_strap_primary': 'Isp-tag-Watch Strap Primary', 14735 '_watch_strap_secondary': 'Isp-tag-Watch Strap Secondary' 14736 } 14737 14738 const fastSimonSortBy = { 14739 NewFirst: "creation_date", 14740 Popularity: "popularity", 14741 priceLow2High: "priceLow2High", 14742 priceHigh2Low: "priceHigh2Low", 14743 bestSelling: "bestSelling" 14744 }; 14745 14746 let bestSellingOrders; 14747 14748 const params = new URLSearchParams(window.location.search); 14749 const defaultSort = 'popularity'; 14750 14751 const baseURL = 'https://api.instantsearchplus.com'; 14752 14753 const basicParams = { 14754 UUID:'3b3ef15a-cc5f-4c53-b5d5-0004f5dc0d62', 14755 store_id: 26001720, 14756 }; 14757 14758 const colorsParam = params.get('color') 14759 const selectedfilters = colorsParam ? 14760 Object.keys(preloadFilterEnum).map(k => [preloadFilterEnum[k], `${k}:${colorsParam.toLowerCase().trim()}`]) 14761 : 14762 [] 14763 14764 const state = { 14765 loading: false, 14766 sortBy: params.get('sortby') ? params.get('sortby') : defaultSort, 14767 collapsedByDefault: true, 14768 cdnCacheKey: '', 14769 paginate: { 14770 products_per_page: 1000, 14771 page_num: 1 14772 }, 14773 range: [], 14774 defaultFacets: null, 14775 selectedfilters: [], 14776 lastOpened: [], 14777 lastStoredProducts: { 14778 items:[] 14779 } 14780 }; 14781 14782 const getUrlPayload = (fr=1) => { 14783 return { 14784 q: params.get('q'), 14785 facets_required: fr, 14786 narrow: JSON.stringify(state.selectedfilters), 14787 sort_by: state.sortBy, 14788 cdn_cache_key: state.cdnCacheKey, 14789 category_id: 280175411243, 14790 with_product_attributes: true, 14791 ...state.paginate, 14792 ...basicParams, 14793 } 14794 }; 14795 14796 const facetsTransformer = (facets) => { 14797 !state.defaultFacets && (state.defaultFacets = facets); 14798 return state.defaultFacets.map(selectedValue => { 14799 const filterType = selectedValue[0]; 14800 const filterValues = selectedValue[1]; 14801 const filterName = selectedValue[2]; 14802 const facest1 = facets.find(f=> f[0] === filterType); 14803 const mappedValues = filterValues.map(value=>{ 14804 const selected = state.selectedfilters.some(v => JSON.stringify(v) === JSON.stringify([filterType, value[0]])); 14805 const newValue = { 14806 name: value[0], 14807 count: 0, 14808 selected 14809 }; 14810 if (facest1) { 14811 const valueToFind = facest1[1].find(v=> v[0]=== value[0]); 14812 valueToFind && (newValue.count = valueToFind[1]); 14813 } 14814 return newValue; 14815 }) 14816 return [filterType, mappedValues, filterName]; 14817 }) 14818 }; 14819 14820 const initFiltersClicks = () => { 14821 $('.filter-group-header').off(); 14822 $('.filter-group-clear.active').off(); 14823 $('.collection-container input[type=checkbox]').off(); 14824 $('.filter-group-header').click(function () { 14825 const el = $(this); 14826 el.toggleClass("is-open"); 14827 const scrollContent = el.closest('.filter-group').find('.scroll-content'); 14828 scrollContent.toggleClass("shown"); 14829 if (el.hasClass('is-open')) { 14830 state.lastOpened.push(el.data()?.name); 14831 } else { 14832 state.lastOpened = state.lastOpened.filter(v => v !== el.data()?.name); 14833 } 14834 }) 14835 $('.collection-container input[type=checkbox]').change(function () { 14836 const el = $(this); 14837 const { name, value } = el.data() || {}; 14838 name === 'Color' && el.closest('.color-option').find('.value-label')?.toggleClass("active-label"); 14839 if (el.is(':checked') && name && value) { 14840 state.selectedfilters.push([name, value]); 14841 } else { 14842 state.selectedfilters = state.selectedfilters.filter(v => JSON.stringify(v) !== JSON.stringify([name, value])); 14843 } 14844 fetchFacets(); 14845 updateProductLayout(); 14846 }) 14847 $('.filter-group-clear.active').click(function (e) { 14848 e.stopPropagation(); 14849 const { name } = $(this).parent().parent().data() || {}; 14850 state.selectedfilters = state.selectedfilters.filter(v => v[0]?.toLowerCase() !== name); 14851 fetchFacets(); 14852 updateProductLayout(); 14853 }) 14854 } 14855 14856 const initActiveFilters = () => { 14857 state.selectedfilters.length ? $('.reset-wrapper').addClass('active') : $('.reset-wrapper').removeClass('active');
14858 const contentHTML = state.selectedfilters.reduce((content, values) => { 14859 console.log('Current values:', values); 14860 14861 const filterName = values[1].replace('apple-', '').replace('material-', '').replace('product-type-', '').replace(/-/g, " ").replace(/_/g, " ").replace("Medium", "Classic").replace("Small", "Mini"); 14862 content += `<span class="selected-filter" filter-id="${values[1]}" onclick="onClickSelectedFilterItem(this);">${filterName}<img src="//www.freestyleusa.com/cdn/shop/t/212/assets/icon-close.svg?v=175326189666843165221752699518"></span>`; 14863 14864 return content; 14865 }, ``); 14866 $('#selected-filters').html(contentHTML); 14867 } 14868 14869 const initSortBy = () => { 14870 const labels = { 14871 NewFirst: "Newest", 14872 Popularity: "Popularity", 14873 priceLow2High: "Price: Low to High", 14874 priceHigh2Low: "Price: High to Low", 14875 bestSelling: "Best Selling" 14876 }; 14877 $('.list-of-option')?.html(''); 14878 for (const key in fastSimonSortBy) { 14879 const value = fastSimonSortBy[key]; 14880 const label = labels[key]; 14881 const isChecked = state.sortBy === value; 14882 isChecked && $('#selected-option span').html(label); 14883 $('.list-of-option')?.append(`<li class='sortby-${key}'> 14884 <input type="radio" value="${value}" name="label_name" ${isChecked ? 'checked' : ''} data-text="${label}" id="${key}" class="sort-by-value sort-${value}" > 14885 <label for="${key}">${label}</label> 14886 </li>`); 14887 } 14888 14889 $('.sort-by-value').change(function () { 14890 state.sortBy = $(this).val(); 14891 $('#selected-option span').text($(this).data()?.text); 14892 closeDrawer(); 14893 $(".collection-grid-products").html(''); 14894 fetchProducts(false); 14895 }) 14896 } 14897 14898 const generateFacets = (facets, init) => { 14899 $('.filter-menu').html(''); 14900 let content = ''; 14901 let fName; 14902 facets.forEach(facet => { 14903 const name = facet[0]?.toLowerCase(); 14904 fName = facet[2]; 14905 const values = facet[1]; 14906 init && !state.collapsedByDefault && state.lastOpened.push(name); 14907 if (name.includes('price') || name.includes('in-stock')) return; 14908 const isCollapsed = state.lastOpened.includes(name); 14909 const selectedFace = state.selectedfilters.reduce((total, v) => (v[0] === facet[0] ? total + 1 : total), 0); 14910 let items = ``; 14911 let itemsType = ``; 14912 values.forEach(value => { 14913 if (name == "isp-color-family" || name == "isp-tag-strap color" || name == "isp-tag-watch color" || name == "isp-tag-apparel color") { 14914 itemsType = 'color'; 14915 const colorName = value.name.replace('watch-color-', '').replace('strap-color-', '').replace('_hat_color:','').toLowerCase(); 14916 items += ` 14917 <li class="collection-container ${value.count === 0 ? 'disabled-filter' : ''} filter-active-color-${value.name?.toLowerCase()?.replace(' ', '-')} filter-color"> 14918 <div class="collection-name color-option"> 14919 <input type="checkbox" id="${name + value.name}" ${value.selected ? 'checked' : ''} ${value.count === 0 ? 'disabled' : ''} data-name="${facet[0]}" data-value="${value.name}"> 14920 <label class="value-label ${ value.selected ? 'active-label' : ''}" for="${name + value.name}"> 14921 <div class="color-swatch isp-product-${value.name.replace(':', '-').toLowerCase()}" style="background-color: ${colorName};"></div> 14922 <div class="color-swatch-title">${colorName}</div> 14923 </label> 14924 </div> 14925 </li> 14926 `; 14927 } else if(name.includes('isp-tag-closure')) { 14928 itemsType = 'closure'; 14929 const itemName = value.name.replace('closure-', '').replaceAll('-', ' ').replaceAll('_', ' ').split(':').pop(); 14930 items += `<li class="collection-container filter-closure ${value.count === 0 ? 'disabled-filter' : ''}"> 14931 <div class="collection-name is-flex"> 14932 <input type="checkbox" id="${name + value.name}" ${ value.selected ? 'checked' : ''} ${value.count === 0 ? 'disabled' : ''} data-name="${facet[0]}" data-value="${value.name}"> 14933 <label class="value-label" for="${name + value.name}" filter-data="${value.name}"> 14934 <div class="closure-swatch closure-swatch--${itemName.toLowerCase()}"> </div> 14935 <div class="closure-swatch-title">${itemName} (${value.name == 'product-type-adapter' && value.count>0 ? value.count+1 : value.count})</div> 14936 </label> 14937 </div> 14938 </li>`; 14939 } else if(name.includes('isp-tag-size')) { 14940 itemsType = 'size'; 14941 const itemName = value.name.replace('bar-size-', '').replaceAll('-', ' ').replaceAll('_', ' ').split(':').pop().replace("Medium", "Classic").replace("Small", "Mini"); 14942 items += `<li class="collection-container filter-size ${value.count === 0 ? 'disabled-filter' : ''}"> 14943 <div class="collection-name is-flex"> 14944 <input type="checkbox" id="${name + value.name}" ${ value.selected ? 'checked' : ''} ${value.count === 0 ? 'disabled' : ''} data-name="${facet[0]}" data-value="${value.name}"> 14945 <label class="value-label" for="${name + value.name}" filter-data="${value.name}"> 14946 <div class="size-swatch size-swatch--${itemName.toLowerCase()}"> </div> 14947 <div class="size-swatch-title">${itemName} (${value.name == 'product-type-adapter' && value.count>0 ? value.count+1 : value.count})</div> 14948 </label> 14949 </div> 14950 </li>`; 14951 } else { 14952 itemsType = 'text'; 14953 items += `<li class="collection-container ${value.count === 0 ? 'disabled-filter' : ''}"> 14954 <div yyy class="collection-name is-flex"> 14955 <input type="checkbox" id="${name + value.name}" ${ value.selected ? 'checked' : ''} ${value.count === 0 ? 'disabled' : ''} data-name="${facet[0]}" data-value="${value.name}"> 14956 <label class="value-label" for="${name + value.name}" filter-data="${value.name}"> 14957 <div>${value.name.replace('material-', '').replace('brand-', '').replace('shape-', '').replace('bar-size-', '').replace('bar-type-', '').replace('closure-', '').replace('kit-type-', '').replace('kit-type-', '').replaceAll('-', ' ').replaceAll('_', ' ').split(':').pop()}</div> 14958 </label> 14959 </div> 14960 </li>`; 14961 } 14962 }) 14963 content += `<div class="filter-group filter-group-${name}" > 14964 <div class="filter-group-header ${isCollapsed ? 'is-open' : ''}" data-name="${name}"> 14965 <h4> 14966 ${fName}<span class="filtered-count ${selectedFace > 0 ? 'active' : ''}">(${selectedFace})</span> 14967 </h4> 14968 <div class="filter-group-flex">
14969 <span id="filtred-by-${name}" class="filter-group-clear ${selectedFace > 0 ? 'active' : ''}">Clear</span> 14970 <svg xmlns="http://www.w3.org/2000/svg" width="12.242" height="7" viewBox="0 0 12.242 7"> 14971 <path id="ios-arrow-down" d="M12.311,16.136,16.94,11.5a.871.871,0,0,1,1.236,0,.882.882,0,0,1,0,1.239l-5.246,5.249a.873.873,0,0,1-1.206.025l-5.281-5.27a.875.875,0,1,1,1.236-1.239l4.633,4.629Z" transform="translate(-6.188 -11.246)"></path> 14972 </svg> 14973 </div> 14974 </div> 14975 <div class="scroll-content ${isCollapsed ? 'shown' : ''}"> 14976 <ul class="nav-${name} nav-filter-item filter-type-${itemsType}">${items}</ul> 14977 </div> 14978 </div>`; 14979 }) 14980 $('.filter-menu').html(content); 14981 initFiltersClicks(); 14982 14983 } 14984 14985 const filterSortProducts = (items) => { 14986 const itemIds = items.map(element => element.id); 14987 $('.collection-grid-item').each(function(index) { 14988 const id = $(this).data('id'); 14989 if (itemIds.indexOf(id.toString()) == -1) { 14990 $(this).removeClass('active'); 14991 } else { 14992 $(this).addClass('active'); 14993 if (state.sortBy === 'bestSelling') { 14994 $(this).css('order', bestSellingOrders.indexOf(id) + 1); 14995 } else { 14996 $(this).css('order', itemIds.indexOf(id.toString()) + 1); 14997 } 14998 } 14999 }); 15000 if (state.sortBy === 'priceLow2High') { 15001 $('.collection-grid-item').each(function(index) { 15002 const price = $(this).data('price'); 15003 $(this).css('order', +price + 1); 15004 }); 15005 } 15006 if (state.sortBy === 'priceHigh2Low') { 15007 $('.collection-grid-item').each(function(index) { 15008 const price = $(this).data('price'); 15009 $(this).css('order', 9999999 - +price); 15010 }); 15011 } 15012 } 15013 15014 const getBestSellingOrder = async () => { 15015 try { 15016 const url = '/collections/shop-all?section_id=collection-json&sort_by=best-selling'; 15017 let res = await fetch(url); 15018 res = await res.text(); 15019 15020 const document = new DOMParser().parseFromString(res, 'text/html').querySelector('#shopify-section-collection-json').innerHTML; 15021 bestSellingOrders = JSON.parse(document)?.orders; 15022 } catch (err) { 15023 console.log('err:', err); 15024 return null; 15025 } 15026 } 15027 15028 const getCdnCacheKey = async () => { 15029 try { 15030 const url = new URLSearchParams(basicParams); 15031 const { cdn_cache_key } = await fetch(`${baseURL}/load?${url.toString()}`).then(res=> res.json()); 15032 state.cdnCacheKey = cdn_cache_key || null; 15033 return cdn_cache_key; 15034 } catch (error) { 15035 return null; 15036 } 15037 } 15038 15039 const fetchFacets = async (init = true) => { 15040 state.paginate.page_num = 1; 15041 $('.collection-filters-drawer-element').addClass('is-loading'); 15042 $('.apply-filters-wrapper').addClass('is-loading'); 15043 $('.apply-filters-wrapper').removeClass('disabled'); 15044 try { 15045 const url = new URLSearchParams(getUrlPayload(2)); 15046 const res = await fetch(`${baseURL}/full_text_search?${url}`).then(res=> res.json()); 15047 if (res) { 15048 $('.apply-filters-wrapper a').html(`View Results`); 15049 // !state.defaultFacets && rangeSlider(res.facets) 15050 // handleMissingFilters(res.facets) 15051 const transformedFacets = facetsTransformer(res.facets); 15052 if (transformedFacets.length === 0) { 15053 $('.collection-top-filter').addClass('disabled'); 15054 $('.collection__main').html(''); 15055 $('.collection-top-filter').html(`<span class="no-filter-match">No products match your filter criteria</span>`); 15056 } 15057 generateFacets(transformedFacets, init); 15058 } 15059 return res; 15060 } catch { 15061 return null 15062 } finally{ 15063 $('.apply-filters-wrapper').removeClass('is-loading'); 15064 $('.collection-filters-drawer-element').removeClass('is-loading'); 15065 $('.apply-filters-wrapper').removeClass('is-loading'); 15066 } 15067 } 15068 15069 const generateProducts = (products) => { 15070 try { 15071 15072 console.log('products: ', products); 15073 let containerProducts = document.querySelector(".collection-grid-items-wrapper"); 15074 let divContainer = document.createDocumentFragment(); 15075 let tags = [];
15076 products.forEach(result => { 15077 tags = result.att ? result.att[1][1] : []; 15078 let newBadge = saleBadge = miniBadge = discontinuedBadge = soldoutBadge = false; 15079 if (result.v === "ConvoyOP") return; 15080 let divItem = document.createElement('div'); 15081 15082 divItem.dataset.id = result.id; 15083 divItem.dataset.price = Number(result.p); 15084 let productUrl = `/collections/${collection.handle + result.u}`; 15085 let imgSrc; 15086 if (result.l.toLocaleLowerCase()?.includes("jellyfish") || result.l.toLocaleLowerCase()?.includes("maverick")) { 15087 imgSrc = result.t; 15088 }else{ 15089 imgSrc = !result.t2?.includes("instantsearchplus.com") ? result.t : result.t2; 15090 } 15091 if (tags.includes('badge--new') || tags.includes('New')) newBadge = true; 15092 if (tags.includes('badge--sale') || tags.includes('Sale')) saleBadge = true; 15093 if (tags.includes('discontinued')) discontinuedBadge = true; 15094 if (tags.includes('sold-out')) soldoutBadge = true; 15095 if (tags.toString().toLowerCase().includes('mini')) miniBadge = true; 15096 divItem.className = `collection-grid-item active ${newBadge ? 'badge badge--new' : ''} ${saleBadge ? 'badge badge--sale' : ''} ${miniBadge ? 'badge badge--mini' : ''}`; 15097 15098 let productSubTitle = ''; 15099 if (result.l.toLowerCase()?.includes('shark classic leash')) { 15100 productSubTitle = 'shark classic leash'; 15101 } else if (result.l.toLowerCase()?.includes('shark classic clip')) { 15102 productSubTitle = 'shark classic clip'; 15103 } else if (result.l.toLowerCase()?.includes('shark mini clip')) { 15104 productSubTitle = 'shark mini clip'; 15105 } else if (result.l.toLowerCase()?.includes('shark mini leash')) { 15106 productSubTitle = 'shark mini leash'; 15107 } else if (result.l.toLowerCase()?.includes('apple watch⢠clip strap')) { 15108 productSubTitle = 'apple watch⢠clip strap'; 15109 } else if (result.l.toLowerCase()?.includes('apple watch⢠leash strap')) { 15110 productSubTitle = 'apple watch⢠leash strap'; 15111 } else if (result.l.toLowerCase()?.includes('shark classic - strap kit - clip')) { 15112 productSubTitle = 'shark classic - strap kit - clip'; 15113 } else if (result.l.toLowerCase()?.includes('shark classic - strap kit - leash')) { 15114 productSubTitle = 'shark classic - strap kit - leash'; 15115 } else if (result.l.toLowerCase()?.includes('shark classic mini clip')) { 15116 productSubTitle = 'shark classic mini clip'; 15117 } else if (result.l.toLowerCase()?.includes('shark mini')) { 15118 productSubTitle = 'shark mini'; 15119 } 15120 15121 divItem.innerHTML = ` 15122 <a href="${productUrl}"> 15123 <div class="col-image"> 15124 <img alt="${result.l}" src="${imgSrc}" class="lazyload lazyload--fade-in"> 15125 </div> 15126 <div class="col-title">${result.l.toLowerCase()?.replace('shark classic leash', '').replace('shark classic clip', '').replace('shark mini clip', '').replace('shark mini leash', '').replace('luke davis signature', '').replace('caroline marks signature', '').replace('ocean ramsey signature', '').replace('sage erickson signature', '').replace('amber torrealba signature', '').replace('apple watch⢠clip strap', '').replace('apple watch⢠leash strap', '').replace('shark classic - strap kit - clip -', '').replace('shark classic - strap kit - leash -', '').replace('shark classic mini clip', '').replace('shark mini', '')}</div> 15127 <div class="col-subtitle">${productSubTitle}</div> 15128 <div class="col-price">$${Number(result.p).toFixed(0)}</div> 15129 </a> 15130 `; 15131 divContainer.appendChild(divItem); 15132 // divContainer += divItem 15133 }); 15134 containerProducts.appendChild(divContainer); 15135 state.loading = false; 15136 } catch (err) { 15137 console.log('[generateProducts] err: ', err); 15138 } 15139 } 15140 15141 const fetchProducts = async (isFirstLoading) => { 15142 $('.placeholders').addClass('is-loading'); 15143 $('.apply-filters-wrapper').addClass('is-loading'); 15144 15145 try { 15146 const url = new URLSearchParams(getUrlPayload()); 15147 const res = await fetch(`${baseURL}
15147/full_text_search?${url}`).then(res=> res.json()); 15148 if (res) { 15149 state.lastStoredProducts = res; 15150 if (isFirstLoading) generateProducts(res.items); 15151 filterSortProducts(res.items); 15152 state.loading = false; 15153 initActiveFilters(); 15154 } 15155 return res; 15156 } catch { 15157 return null; 15158 } finally { 15159 $('.placeholders').removeClass('is-loading'); 15160 $('.apply-filters-wrapper').removeClass('is-loading'); 15161 } 15162 } 15163 15164 const updateProductLayout = () => { 15165 if (state.selectedfilters[0] && state.selectedfilters[0].includes('product-type-adapter')) { 15166 $('.adapter-section-container').show(); 15167 fetchProducts(false); 15168 } else { 15169 $('.adapter-section-container').hide(); 15170 fetchProducts(false); 15171 } 15172 } 15173 15174 const mounted = async () => { 15175 await getBestSellingOrder(); 15176 await getCdnCacheKey(); 15177 fetchFacets(); 15178 await fetchProducts(true); 15179 $('.collection-grid-items-wrapper').css('display', 'grid'); 15180 $('.adapter-section-container').css('display', 'block'); 15181 $('#ajax-loading').hide(); 15182 initSortBy(); 15183 15184 $('.collection-top-filter').click(function() { 15185 $('body').addClass('filter-opened') 15186 $('.collection-filters-drawer').addClass('opened'); 15187 $('.collection-filters-overlay').css('display', 'block'); 15188 $('html').css('overflowY', 'hidden'); 15189 }) 15190 15191 $('.collection-filters-overlay').click(function() { 15192 closeDrawer(); 15193 }) 15194 15195 $('.collection-filters-drawer-close').click(function() { 15196 closeDrawer(); 15197 }) 15198 15199 $('.apply-filters-wrapper').click(function () { 15200 closeDrawer(); 15201 }) 15202 15203 $('#selected-option').click(function() { 15204 $('.filter-has-border').toggleClass('active'); 15205 }) 15206 15207 $('#reset-function').click(function() { 15208 state.selectedfilters = []; 15209 state.sortBy = defaultSort; 15210 initSortBy(); 15211 fetchProducts(false); 15212 fetchFacets(); 15213 updateProductLayout(); 15214 }) 15215 } 15216 15217 const closeDrawer = () => { 15218 $('.filter-has-border').removeClass('active') 15219 $('.collection-filters-drawer').removeClass('opened') 15220 $('body').removeClass('show-Sidebar') 15221 $('body').removeClass('filter-opened') 15222 $('.collection-filters-overlay').css('display', 'none') 15223 $('#attentive_overlay').css('opacity', 1) 15224 $('html').css('overflowY', 'auto') 15225 } 15226 15227 mounted(); 15228 15229 const onClickSelectedFilterItem = (selectedFilterItem) => { 15230 const selectedId = selectedFilterItem.getAttribute('filter-id'); 15231 console.log("SELECTED FILTER ITEM: ", selectedId); 15232 if(selectedId) { 15233 const foundFacetInput = document.querySelectorAll(`input[data-value="${selectedId}"]`); 15234 console.log("FOUND FACE LABELS: ", foundFacetInput); 15235 if(foundFacetInput.length > 0) { 15236 foundFacetInput.forEach((input) => { 15237 input.checked = !input.checked; 15238 input.dispatchEvent(new Event('change', { bubbles: true, cancelable: true })); 15239 }); 15240 } 15241 } 15242 } 15243 15244})(); 15245</script>
15245 15246</div> 15247 </div> 15248 15249 15250<div id="shopify-section-footer" class="shopify-section footer-template-section"> 15251 15252<section class="top-footer" aria-label="Shipping and Return Information"> 15253 <div class="footer-subscribe-block"> 15254 <div class="footer-subscribe-form"> 15255 15256 <h6>Join Our Newsletter</h6> 15257 <div class="newsletter attentive-form"> 15258 <form class="col-12" 15259 action="//manage.kmail-lists.com/subscriptions/subscribe" data-ajax-submit="//manage.kmail-lists.com/ajax/subscriptions/subscribe" 15260 method="GET" 15261 target="_blank" 15262 novalidate="novalidate" 15263 id="email_signup"> 15264 15265 <input type="hidden" name="g" value="XEY3RN"> 15266 <input type="hidden" name="$fields" value="$consent"> 15267 <input type="hidden" name="$list_fields" value="$consent"> 15268 15269<!-- --> 15270 15271 15272 <input type="hidden" name="tags" value="newsletter"/> 15273 15274 15275 <div class="newsletter_names"> 15276 15277 15278 </div> 15279 15280 <input type="hidden" name="challenge" value="false" /> 15281 <input type="email" class="contact_email" name="email" required placeholder="Your Email" aria-label="Your Email"/> 15282 <input type='submit' class="action_button sign_up" value="Subscribe" /> 15283 15284 15285 <div class="attentive_messages"> 15286 <div class="success_message" style="display:none;"></div> 15287 <div class="error_message" style="display:none;"></div> 15288 </div> 15289 15290 </form> 15291</div> 15292 15293
15294<script> 15295 document.querySelectorAll('.attentive-form').forEach(elem => { 15296 elem.querySelector('form').addEventListener('submit', function (e) { e.preventDefault() }) 15297 elem.querySelector('input[type="submit"]').addEventListener('click', function (e) { 15298 console.log("trigger"); 15299 e.preventDefault(); 15300 if (elem.querySelector('input.contact_email').value) { 15301 fetch('/tools/parts/attentive/subscribe', { 15302 method: 'POST', 15303 headers: { 15304 'Content-Type': 'application/json' 15305 }, 15306 body: JSON.stringify({ 15307 email: elem.querySelector('input.contact_email').value, 15308 }) 15309 }) 15310 .then(res => res.json()) 15311 .then(res => { 15312 console.log(res) 15313 if (res.success) { 15314 elem.querySelector('.attentive_messages .success_message').innerHTML = res.message; 15315 elem.querySelector('.attentive_messages .success_message').style.display = 'block'; 15316 elem.querySelector('.attentive_messages .error_message').style.display = 'none'; 15317 } else { 15318 elem.querySelector('.attentive_messages .error_message').innerHTML = res.message; 15319 elem.querySelector('.attentive_messages .error_message').style.display = 'block'; 15320 elem.querySelector('.attentive_messages .success_message').style.display = 'none'; 15321 } 15322 }) 15323 .catch(err => { 15324 console.error(err) 15325 }) 15326 } 15327 }) 15328 }) 15329</script>
15329 15330 15331<style> 15332 .attentive_messages .success_message { 15333 color: #8BC34A; 15334 font-weight: 100; 15335 } 15336 15337 .attentive_messages .error_message { 15338 color: #FC5879; 15339 font-weight: 100; 15340 } 15341</style> 15342 15343 15344 </div> 15345 </div> 15346</section> 15347 15348<div class="footer" role="region" aria-label="Bottom footer"> 15349 <div class="homepage-container container"> 15350 <div class="footer-company"> 15351 <div class="footer-logo"> 15352 <img src="//www.freestyleusa.com/cdn/shop/t/212/assets/logo-white_large.png?v=98977950971652918891743620270" alt="Freestyle Logo" width="480" height="76"> 15353 </div> 15354 <ul class="footer-company-links"> 15355 <li> 15356 <a href="mailto:[email protected]" aria-label="Email support at Freestyle, [email protected]" 15357 >[email protected]</a 15358 > 15359 </li> 15360 <li>Call Toll-Free</li> 15361 <li> 15362 <a href="tel:+18007766449" aria-label="Call customer support at +1 (800) 776-6449">+1 (800) 776-6449</a> 15363 </li> 15364 </ul> 15365 15366 <div class="footer-social-links"> 15367 <div class="social-icons-links"> 15368 15369 <a href="https://www.instagram.com/freestylewatches" title="Freestyle USA on Instagram" aria-label="Freestyle USA on Instagram (opens in a new tab)" rel="me" target="_blank"> 15370 <svg id="Component_84_2" data-name="Component 84 â 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> 15371 <defs> 15372 <clipPath id="clip-path"> 15373 <rect id="Rectangle_872" data-name="Rectangle 872" width="32" height="32" fill="#fff"/> 15374 </clipPath> 15375 </defs> 15376 <g id="Group_652" data-name="Group 652" clip-path="url(#clip-path)"> 15377 <path id="Path_472" data-name="Path 472" d="M16,12.667A3.333,3.333,0,1,0,19.333,16,3.337,3.337,0,0,0,16,12.667M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0M26,20.583A5.423,5.423,0,0,1,20.583,26H11.417A5.423,5.423,0,0,1,6,20.583V11.417A5.423,5.423,0,0,1,11.417,6h9.167A5.423,5.423,0,0,1,26,11.417ZM20.583,7.667H11.417a3.754,3.754,0,0,0-3.75,3.75v9.167a3.754,3.754,0,0,0,3.75,3.75h9.167a3.754,3.754,0,0,0,3.75-3.75V11.417a3.754,3.754,0,0,0-3.75-3.75M16,21a5,5,0,1,1,5-5,5.006,5.006,0,0,1-5,5m5.313-9.167a1.146,1.146,0,1,1,1.146-1.146,1.146,1.146,0,0,1-1.146,1.146" fill="#fff"/> 15378 </g> 15379 </svg> 15380 <span class="patrol-sr-only">, opens in a new tab</span> 15381 </a> 15382 15383 15384 <a href="https://www.facebook.com/FreestyleWatch/" title="Freestyle USA on Facebook" aria-label="Freestyle USA on Facebook (opens in a new tab)" rel="me" target="_blank"> 15385 <svg id="facebook-round-icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 15386 <path id="facebook-round-icon-2" data-name="facebook-round-icon" d="M16,0A16,16,0,1,1,0,16,16,16,0,0,1,16,0Zm1.785,10.721H20.77V7.141H17.785a4.178,4.178,0,0,0-4.175,4.175V13.1H11.22v3.58h2.39v9.54h3.58v-9.54h2.985l.6-3.58H17.19V11.316A.6.6,0,0,1,17.785,10.721Z" fill="#fff" fill-rule="evenodd"/> 15387 </svg> 15388 <span class="patrol-sr-only">, opens in a new tab</span> 15389 </a> 15390 15391 15392 <a href="https://www.tiktok.com/@freestylewatches" title="Freestyle USA on TikTok" aria-label="Freestyle USA on TikTok (opens in a new tab)" rel="me" target="_blank"> 15393 <svg id="tiktok-round-icon" data-name="TikTok Round Icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> 15394 <defs> 15395 <clipPath id="clip-path"> 15396 <rect id="Rectangle_907" data-name="Rectangle 907" width="32" height="32" fill="none"/> 15397 </clipPath> 15398 </defs> 15399 <g id="Group_708" data-name="Group 708" clip-path="url(#clip-path)"> 15400 <path id="tiktok-round-icon-2" data-name="tiktok-round-icon-2" d="M16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0m8.792,14.168a7.888,7.888,0,0,1-1.764-.213,8.436,8.436,0,0,1-2.773-1.195c-.043-.028-.09-.092-.137-.071s-.028.107-.028.161c0,2.295.007,4.589,0,6.884a6.565,6.565,0,0,1-5.805,6.523,6.489,6.489,0,0,1-3.736-.659A3.463,3.463,0,0,1,10,25.263l-.161-.142a1.519,1.519,0,0,1-.339-.235,6.466,6.466,0,0,1-2.479-4.544A6.6,6.6,0,0,1,7,19.328a6.505,6.505,0,0,1,1.932-4.21,6.5,6.5,0,0,1,4.094-1.851,6.668,6.668,0,0,1,1.287.028c.059.007.092.019.092.088,0,.237,0,.476-.007.713,0,0,.036,1.811.
15400036,2.638,0,.031,0,.059,0,.088,0,.083-.047.111-.126.09a2.965,2.965,0,0,0-.692-.107,2.637,2.637,0,0,0-1.06.156,2.941,2.941,0,0,0-.661,5.243c.081.057.166.111.242.175l.057.05a4.024,4.024,0,0,0,.7.23,2.988,2.988,0,0,0,3.558-2.444,2.832,2.832,0,0,0,.036-.512V5.881c0-.216-.031-.187.185-.187q1.593,0,3.188,0h.073c.109,0,.111,0,.111.114a7.226,7.226,0,0,0,.109.87c.46,2.33,3.176,3.755,4.013,3.88a4.277,4.277,0,0,0,.7.059c.1,0,.1,0,.1.1,0,.216.043,2.444.04,3.259,0,.187-.024.2-.213.2" fill="#fff"/> 15401 </g> 15402 </svg> 15403 <span class="patrol-sr-only">, opens in a new tab</span> 15404 </a> 15405 15406 15407 <a href="https://x.com/freestyle_watch/" title="Freestyle USA on X (Twitter)" aria-label="Freestyle USA on X (opens in a new tab)" rel="me" target="_blank" class="footer-social-twitter"> 15408 <svg id="Component_81_2" data-name="Component 81 â 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> 15409 <defs> 15410 <clipPath id="clip-path"> 15411 <rect id="Rectangle_873" data-name="Rectangle 873" width="32" height="32" fill="none"/> 15412 </clipPath> 15413 </defs> 15414 <g id="Group_653" data-name="Group 653" clip-path="url(#clip-path)"> 15415 <path id="Path_473" data-name="Path 473" d="M16.171,14.53,11.6,7.959H9.16L14.825,16.1l.712,1.023,4.85,6.97h2.439l-5.943-8.542ZM16,0A16,16,0,1,0,32,16,16,16,0,0,0,16,0m3.64,25.242-4.908-7.177L8.587,25.242H7l7.028-8.208L7,6.758h5.36l4.648,6.8,5.819-6.8h1.588l-6.7,7.827L25,25.242Z" fill="#fff"/> 15416 </g> 15417 </svg> 15418 <span class="patrol-sr-only">, opens in a new tab</span> 15419 </a> 15420 15421 15422 <a href="https://www.pinterest.com/FreestyleWatches/" title="Freestyle USA on Pinterest" aria-label="Freestyle USA on Pinterest (opens in a new tab)" rel="me" target="_blank"> 15423 <svg id="Component_82_2" data-name="Component 82 â 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" viewBox="0 0 32 32"> 15424 <defs> 15425 <clipPath id="clip-path"> 15426 <rect id="Rectangle_871" data-name="Rectangle 871" width="32" height="32" fill="#fff"/> 15427 </clipPath> 15428 </defs> 15429 <g id="Group_650" data-name="Group 650" clip-path="url(#clip-path)"> 15430 <path id="Path_471" data-name="Path 471" d="M0,16.771V15.235c.009-.051.023-.1.027-.153.026-.308.041-.617.077-.924A15.988,15.988,0,0,1,9.256,1.5,15.711,15.711,0,0,1,19.457.391a15.672,15.672,0,0,1,7.524,3.992,15.981,15.981,0,0,1,4.96,10.3c.016.195.039.389.059.584v1.5c-.009.046-.021.092-.026.139-.086.7-.132,1.413-.264,2.107A15.959,15.959,0,0,1,17.751,31.908c-.306.033-.613.062-.919.092H15.168a1.038,1.038,0,0,0-.138-.026,15.176,15.176,0,0,1-2.561-.362c-.4-.092-.792-.2-1.2-.307.041-.07.067-.115.094-.16a17.148,17.148,0,0,0,1.7-3.443c.272-.828.47-1.68.7-2.523.166-.615.325-1.232.488-1.853a6.162,6.162,0,0,0,.39.493,4.347,4.347,0,0,0,2.879,1.293,6.955,6.955,0,0,0,3.686-.738,8.3,8.3,0,0,0,3.7-3.708,11.276,11.276,0,0,0,1.212-6.8,8.5,8.5,0,0,0-2.326-4.861A9.737,9.737,0,0,0,17.7,6.028a12.332,12.332,0,0,0-4.524.285,9.245,9.245,0,0,0-6.493,5.166,9,9,0,0,0-.723,5.75,7.511,7.511,0,0,0,1.853,3.729,3.923,3.923,0,0,0,1.218.891c.266.123.432.049.5-.219.15-.6.3-1.2.444-1.8a.555.555,0,0,0-.112-.508,3.78,3.78,0,0,1-.357-.529,6.335,6.335,0,0,1-.7-4.311,6.605,6.605,0,0,1,3.666-4.941,7.6,7.6,0,0,1,5.648-.467,6.049,6.049,0,0,1,4.441,5.35,10.083,10.083,0,0,1-.221,3.335A7.119,7.119,0,0,1,20.6,21.214a4.017,4.017,0,0,1-3.332,1.348,2.346,2.346,0,0,1-2.058-1.685,2.674,2.674,0,0,1,.071-1.5c.32-1.087.649-2.172.956-3.263a5.528,5.528,0,0,0,.275-2.126,2.075,2.075,0,0,0-.689-1.433,2.025,2.025,0,0,0-2-.345,2.834,2.834,0,0,0-1.75,1.648,5.572,5.572,0,0,0-.042,4.37.482.482,0,0,1,.023.259c-.5,2.136-1.005,4.27-1.5,6.406-.152.653-.323,1.3-.424,1.965a15,15,0,0,0,.011,3.748c.008.086.013.174.02.277-.06-.021-.1-.031-.129-.044a16.049,16.049,0,0,1-8.6-8.23A15.693,15.693,0,0,1,.094,17.721C.061,17.4.031,17.087,0,16.771" transform="translate(0 0)" fill="#fff"/> 15431 </g> 15432 </svg> 15433 <span class="patrol-sr-only">, opens in a new tab</span> 15434 </a> 15435 15436 15437 15438 <a href="https://www.youtube.com/user/freestylewatchusa" title="Freestyle USA on YouTube" aria-label="Freestyle USA on YouTube (opens in a new tab)" rel="me" target="_blank"> 15439 <svg id="icon-footer-youtube" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"> 15440 <path id="Path_468" data-name="Path 468" d="M16.136,0A16,16,0,1,0,32.2,16,16.047,16.047,0,0,0,16.136,0Zm9.088,21.184A2,2,0,0,1,24.2,22.208c-1.216.64-13.952.64-15.616.128a2.3,2.3,0,0,1-1.472-1.408c-.64-1.728-.832-9.088.384-10.56a2.321,2.321,0,0,1,1.6-.832c3.328-.384,13.568-.32,14.784.128a2.458,2.458,0,0,1,1.472,1.408C25.992,12.8,25.992,19.456,25.224,21.184Z" transform="translate(-0.2)" fill="#fff"/> 15441 <path id="Path_469" data-name="Path 469" d="M21.5,27.159l7.055-3.641C26.2,22.3,23.852,21.09,21.5,19.8Z" transform="translate(-8.446 -7.693)" fill="#fff"/> 15442 </svg>
15443 <span class="patrol-sr-only">, opens in a new tab</span> 15444 </a> 15445 15446 15447 15448 15449 15450 15451 15452</div> 15453 15454 </div> 15455 15456 15457 <div class="footer-app-store-links"> 15458 15459 <a 15460 href="https://apps.apple.com/us/app/freestyle-usa/id6745211512" 15461 title="Download on the App Store" 15462 aria-label="Download on the App Store (opens in a new tab)" 15463 rel="noopener" 15464 target="_blank" 15465 > 15466 15467 <img 15468 src="//www.freestyleusa.com/cdn/shop/files/icon-apple-store.svg?v=1767113101&width=120" 15469 alt="Download on the App Store" 15470 width="120" 15471 height="40" 15472 loading="lazy" 15473 > 15474 15475 </a> 15476 15477 15478 <a 15479 href="https://play.google.com/store/apps/details?id=com.freestyleusa.android&pli=1" 15480 title="Get it on Google Play" 15481 aria-label="Get it on Google Play (opens in a new tab)" 15482 rel="noopener" 15483 target="_blank" 15484 > 15485 15486 <img 15487 src="//www.freestyleusa.com/cdn/shop/files/icon-google-store.svg?v=1767113100&width=120" 15488 alt="Get it on Google Play" 15489 width="120" 15490 height="40" 15491 loading="lazy" 15492 > 15493 15494 </a> 15495 15496 </div> 15497 15498 15499 </div> 15500 <div class="footer-menus"> 15501 <div class="footer-menu"> 15502 15503 <h6>CUSTOMER SUPPORT</h6> 15504 15505 <ul class="footer-menu-links"> 15506 15507 <li> 15508 <a href="/pages/faq" 15509 aria-label="FAQ, link destination /pages/faq" 15510 >FAQ</a> 15511 </li> 15512 15513 <li> 15514 <a href="/pages/parts-repairs" 15515 aria-label="Repairs & Spare Parts, link destination /pages/parts-repairs" 15516 >Repairs & Spare Parts</a> 15517 </li> 15518 15519 <li> 15520 <a href="/pages/warranty-service" 15521 aria-label="Warranty, link destination /pages/warranty-service" 15522 >Warranty</a> 15523 </li> 15524 15525 <li> 15526 <a href="/pages/manuals" 15527 aria-label="Instruction Manuals, link destination /pages/manuals" 15528 >Instruction Manuals</a> 15529 </li> 15530 15531 <li> 15532 <a href="/pages/how-to-videos" 15533 aria-label="How-to Videos, link destination /pages/how-to-videos" 15534 >How-to Videos</a> 15535 </li> 15536 15537 <li> 15538 <a href="/pages/store-locator" 15539 aria-label="Store Locator, link destination /pages/store-locator" 15540 >Store Locator</a> 15541 </li> 15542 15543 <li> 15544 <a href="/pages/giveaway-terms-conditions" 15545 aria-label="Giveaway Terms & Conditions, link destination /pages/giveaway-terms-conditions" 15546 >Giveaway Terms & Conditions</a> 15547 </li> 15548 15549 <li> 15550 <a href="/pages/contact-us" 15551 aria-label="Contact Us, link destination /pages/contact-us" 15552 >Contact Us</a> 15553 </li> 15554 15555 </ul> 15556 </div> 15557 <div class="footer-menu"> 15558 15559 <h6>ORDERS AND RETURNS</h6> 15560 15561 <ul class="footer-menu-links"> 15562 15563 <li> 15564 <a href="/pages/shipping" 15565 aria-label="Shipping link in ORDERS AND RETURNS" 15566 >Shipping</a> 15567 </li> 15568 15569 <li> 15570 <a href="https://www.freestyleusa.com/apps/tracktor/track" 15571 aria-label="Track Your Order link in ORDERS AND RETURNS" 15572 >Track Your Order</a> 15573 </li> 15574 15575 <li> 15576 <a href="/pages/returns" 15577 aria-label="Returns/Exchanges link in ORDERS AND RETURNS" 15578 >Returns/Exchanges</a> 15579 </li> 15580 15581 <li> 15582 <a href="/pages/return-requests" 15583 aria-label="EU Withdrawal Request link in ORDERS AND RETURNS" 15584 >EU Withdrawal Request</a> 15585 </li> 15586 15587 <li> 15588 <a href="/pages/military-discount-first-responders" 15589 aria-label="Military Discount link in ORDERS AND RETURNS" 15590 >Military Discount</a> 15591 </li> 15592 15593 <li> 15594 <a href="/pages/military-discount-first-responders" 15595 aria-label="First Responder Discount link in ORDERS AND RETURNS" 15596 >First Responder Discount</a> 15597 </li> 15598 15599 </ul> 15600 </div> 15601 <div class="footer-menu"> 15602 15603 <h6>BRAND</h6> 15604 15605 <ul class="footer-menu-links"> 15606 15607 <li> 15608 <a href="/pages/about-us">Our Story</a> 15609 </li> 15610 15611 <li> 15612 <a href="/pages/vip-rewards">VIP Rewards</a> 15613 </li> 15614 15615 <li> 15616 <a href="/pages/collabs">Collabs</a> 15617 </li> 15618 15619 <li> 15620 <a href="/pages/become-an-ambassador">Become an Ambassador</a> 15621 </li> 15622 15623 <li> 15624 <a href="/pages/sponsorship">Sponsorships</a> 15625 </li> 15626 15627 <li> 15628 <a href="/pages/spring-2026-lookbook">Lookbook</a> 15629 </li> 15630 15631 </ul> 15632 </div> 15633 </div> 15634 </div> 15635 <div class="copyright"> 15636 15637 <p><a href="/policies/terms-of-service" title="Terms of Service">Terms & Conditions</a> | <a href="/policies/privacy-policy" title="Privacy Policy">Privacy Policy</a> | <a href="/pages/accessibility-statement" title="Accessibility Statement">Accessibility Statement</a> | © 1995-2026 Freestyle Brands, LLC</p> 15638 15639 15640<div class="do-not-sell"> 15641 <a href="/pages/data-sharing-opt-out" title="Do not sell or share my personal information" tabindex="0">Do not sell or share my personal information</a> | <a href="/pages/data-requests" title="Customer data requests" tabindex="0">Customer data requests</a> 15642 </div></div> 15643</div> 15644 15645 15646
15647<script type="text/javascript"> 15648 (function ($) { 15649 $('div.section-header').click(function () { 15650 var sc = $(this).next('div.link-children'); 15651 sc.slideToggle(); 15652 var icon = $(this).children('h2').children('i').first(); 15653 icon.toggleClass('open'); 15654 }); 15655 })(jQuery); 15656</script>
15656 15657 15658<style> 15659 /* INSTAGRAM */ 15660 .social-container-wrap .yotpo-pictures-gallery { 15661 margin-top: 0; 15662 } 15663 .yotpo-reviews-carousel { 15664 margin: 0 auto; 15665 } 15666 .yotpo-reviews-carousel .carousel-display-wrapper { 15667 margin: 0 auto; 15668 } 15669 .yotpo-reviews-carousel .carousel-display-wrapper .scroller { 15670 max-width: 100%; 15671 } 15672 @media screen and (max-width: 479px) { 15673 .shopthefeed-heading { 15674 font-size: 26pt; 15675 } 15676 .shopthefeed-subheading { 15677 font-size: 14pt; 15678 } 15679 } 15680 15681 /* MENU FOOTER */ 15682 .promo-footer-copy strong { 15683 display: block; 15684 font-weight: 400; 15685 } 15686 .color-white { 15687 color: white !important; 15688 } 15689 .footer-menu .footer-menu-links li { 15690 position: relative; 15691 } 15692 .footer-menu .footer-menu-links li.gift-card a { 15693 padding-left: 25px; 15694 } 15695 .footer-menu.gift-card { 15696 position: relative; 15697 } 15698 .gift-card h6 { 15699 padding-left: 25px; 15700 color: white; 15701 } 15702 15703 .footer .footer-company .footer-social-links .social-icons-links a svg { 15704 height: 100%; 15705 background-color: #000; 15706 } 15707 15708 /* APP STORE LINKS */ 15709 .footer-app-store-links { 15710 display: flex; 15711 align-items: center; 15712 flex-wrap: wrap; 15713 gap: 12px; 15714 margin: 35px 0 0; 15715 } 15716 .footer-app-store-links a { 15717 display: inline-block; 15718 transition: opacity 0.3s ease; 15719 } 15720 .footer-app-store-links a:hover { 15721 opacity: 0.8; 15722 } 15723 .footer-app-store-links a img { 15724 display: block; 15725 height: auto; 15726 max-width: 120px; 15727 } 15728 @media (max-width: 992px) { 15729 .footer-app-store-links { 15730 justify-content: center; 15731 margin: 10px 0 0; 15732 } 15733 .footer-app-store-links a img { 15734 max-width: 100px; 15735 } 15736 } 15737</style> 15738 15739</div><div id="search" class="animated new-search-popup"> 15740 <div class="container"> 15741 <div class="ten columns offset-by-three center"> 15742 <form action="/search"> 15743 15744 <input type="hidden" name="type" value="product" /> 15745 15746 <div class="search-close"> 15747 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 15748 <line x1="11.5164" y1="10.8083" x2="29.1941" y2="28.486" stroke="#888888"/> 15749 <line x1="29.1942" y1="11.5191" x2="11.5165" y2="29.1967" stroke="#888888"/> 15750 <circle cx="20" cy="20" r="19.5" stroke="#888888"/> 15751 </svg> 15752 </div> 15753 <span class="icon-search2 search-submit"><i class="fa fa-2x fa-search"></i></span> 15754 <input type="text" name="q" placeholder="Search Freestyle USA..." value="" autocapitalize="off" autocomplete="off" autocorrect="off" /> 15755 </form> 15756 </div> 15757 </div> 15758</div><div class="freestyle-to-top"> 15759 <svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewB
15759ox="0 0 60 60"> 15760 <g id="Group_704" data-name="Group 704" transform="translate(-1773 -4058)"> 15761 <circle id="Ellipse_2" data-name="Ellipse 2" cx="30" cy="30" r="30" transform="translate(1773 4058)"/> 15762 <g id="arrow-circle-top" transform="translate(1777.764 4062.764)"> 15763 <path id="Path_477" data-name="Path 477" d="M26.946,1.5A25.446,25.446,0,1,0,52.392,26.946,25.446,25.446,0,0,0,26.946,1.5ZM42.54,42.54a21.974,21.974,0,1,1,4.728-7.011A21.974,21.974,0,0,1,42.54,42.54Z" transform="translate(-1.5 -1.5)" fill="#fff"/> 15764 <path id="Path_478" data-name="Path 478" d="M13.342,24.432l2.3,2.487,7.645-8.248v20.6h3.259v-20.6L34.2,26.919l2.3-2.487L24.922,11.939,13.342,24.432Z" transform="translate(0.524 -0.597)" fill="#fff"/> 15765 </g> 15766 </g> 15767 </svg> 15768</div>
15769<script> 15770 document.addEventListener("DOMContentLoaded", function() { 15771 const scrollToTop = document.querySelector('.freestyle-to-top') 15772 const OffsetScroll = document.querySelector("shopify-section-footer") 15773 window.addEventListener('scroll', () => { 15774 if (window.scrollY > 600) { 15775 scrollToTop.classList.add('active') 15776 } else { 15777 scrollToTop.classList.remove('active') 15778 } 15779 }) 15780 scrollToTop.addEventListener('click', () => { 15781 window.scroll({ 15782 top: 0, 15783 behavior: 'smooth' 15784 }) 15785 }) 15786 document.querySelectorAll('.header-nav-menu-item').forEach((el) => { 15787 if (el.querySelector('.mega-menu')) { 15788 el.addEventListener('mouseover', (e) => { 15789 e.preventDefault() 15790 // Start 15791 // Matt - 28/11/2024 - Desktop dropdown menu issue quick fix 15792 if (document.querySelector("#shopify-section-header")) { 15793 const height = document.querySelector("#shopify-section-header").getBoundingClientRect().height || 118; 15794 document.querySelector('.desktop-menu-overlay').style.top = Math.round(height) - window.scrollY + 'px' 15795 } 15796 // End 15797 document.querySelector('.desktop-menu-overlay').classList.add('active') 15798 el.classList.add('active') 15799 if (el.classList.contains('active')) { 15800 el.querySelector('.mega-menu').style.visibility = 'visible'; 15801 } else { 15802 el.querySelector('.mega-menu').style.visibility = 'hidden'; 15803 } 15804 }) 15805 el.addEventListener('mouseleave', (e) => { 15806 e.preventDefault() 15807 document.querySelector('.desktop-menu-overlay').classList.remove('active') 15808 el.classList.remove('active') 15809 if (el.classList.contains('active')) { 15810 el.querySelector('.mega-menu').style.visibility = 'visible'; 15811 } else { 15812 el.querySelector('.mega-menu').style.visibility = 'hidden'; 15813 } 15814 }) 15815 } 15816 }) 15817 15818 }); 15819</script>
15819</div> 15820 15821 15822 15823 15824 15825 15826 15827 <!-- spurit_sct-added --> 15828
15828<script> 15829 var SCTParams = { 15830 "id" : "ce0b0789628aee81f2b0bc671fcda119", 15831 "apiScript" : "//www.freestyleusa.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js", 15832 "product" : null, 15833 "collection": null, 15834 "template": "search", 15835 "page": null 15836 } 15837</script>
15837 15838 <!-- /spurit_sct-added --> 15839 15840 <!-- Attn / HL split --> 15841
15841<script src="//www.freestyleusa.com/cdn/shop/t/212/assets/splitDevice.js?v=49066998258762963451743620266" type="text/javascript"></script>
15841 15842 <!-- /AB --> 15843 15844 <!-- Back in Stock helper snippet --> 15845 15846
15847<script id="back-in-stock-helper"> 15848 var _BISConfig = _BISConfig || {}; 15849 15850 15851 15852 15853</script>
15853 15854 15855 <!-- End Back in Stock helper snippet --> 15856 15857 15858 15859 15860<div class="smile-shopify-init" 15861 data-channel-key="channel_MrqgYVpVriQKqYRoUf7aleQM" 15862 15863></div> 15864 15865<style> 15866 [filter-item-count="1"] { 15867 display: none !important; 15868 } 15869 15870 #smile-ui-container { 15871 z-index: 2147483646 !important; 15872 } 15873</style> 15874 15875<style> 15876 .isp_grid_product button.wk-button.wk-button--remove.wk-button--floating, 15877 .isp_grid_product button.wk-button.wk-button--add.wk-button--floating { 15878 height: auto !important; 15879 width: 25px !important; 15880 } 15881 15882 @media screen and (min-width: 768px) { 15883 .cart .wk-link{ 15884 /* display: none !important; */ 15885 } 15886 .isp_grid_product button.wk-button.wk-button--remove.wk-button--floating, 15887 .isp_grid_product button.wk-button.wk-button--add.wk-button--floating { 15888 height: auto !important; 15889 width: 15px !important; 15890 display: none; 15891 } 15892 15893 .wk-grid__item .wk-button.wk-button--floating{ 15894 display: none; 15895 } 15896 .isp_grid_product:hover .wk-button.wk-button--floating { 15897 display: initial !important; 15898 } 15899 .wk-grid__item:hover .wk-button div svg, .isp_grid_product button.wk-button div svg{ 15900 height: auto !important; 15901 width: 15px !important; 15902 } 15903 15904 .wk-grid__item:hover .wk-button{ 15905 display: initial !important; 15906 } 15907 .wk-product-form{ 15908 display: none; 15909 position: absolute; 15910 background: #ffffffa6; 15911 width: 100%; 15912 bottom: 0; 15913 height: 100%; 15914 margin: auto 0; 15915 flex-direction: column; 15916 justify-content: center; 15917 } 15918 .wk-grid__item:hover .wk-product-form{ 15919 display: flex !important; 15920 transition: all .4s ease-in-out; 15921 } 15922 .wk-product-form__option__select:hover{ 15923 background: #ffffffd9; 15924 } 15925 .wk-product-form__option__select{ 15926 cursor: pointer; 15927 } 15928 .wk-note.wk-note__login{ 15929 font-size: 17px; 15930 } 15931 } 15932 .wk-product-form__option{ 15933 margin-bottom: 0 !important; 15934 } 15935 .wk-product-form__submit:hover{ 15936 background: #4093c9 !important; 15937 } 15938 .bold_options+.space-v10 .is-flex{ 15939 align-items: center; 15940 width: 100%; 15941 } 15942 .purchase.inline_purchase.inline_purchase-m{ 15943 display: flex; 15944 align-items: center; 15945 } 15946 .purchase.inline_purchase.inline_purchase-m .wk-button{ 15947 margin-left: 10px ; 15948 } 15949 .wk-grid__item .wk-button.wk-button--floating{ 15950 height: auto !important; 15951 width: 25px !important; 15952 } 15953 .wk-product-form__submit { 15954 background: #000 !important; 15955 color: #fff !important; 15956 height: 40px !important; 15957 } 15958 .wk-share-button{ 15959 border-radius: 50%; 15960 width: 55px; 15961 height: auto; 15962 padding: 15px; 15963 } 15964 a.wk-share-button:hover { 15965 background: #0094ce; 15966 } 15967 .wk-note__list-empty{ 15968 margin-bottom: 20px; 15969 } 15970 .wk-note.wk-note__login{ 15971 background: #eee; 15972 padding: 15px; 15973 } 15974 .wk-note.wk-note__login p{ 15975 margin: 0; 15976 } 15977 15978 .jdgm-star.jdgm--off:before, .jdgm-star.jdgm--on:before, span.jdgm-star.jdgm--half{ 15979 color: #fbcd0a !important; 15980 } 15981 15982 .jdgm-carousel-item__product, 15983 .jdgm-carousel-item__product-image, 15984 .jdgm-carousel-item__product-title, 15985 .jdgm-rev__product-picture, 15986 .jdgm-rev__pics .jdgm-rev__product-picture { 15987 display: none !important; 15988 } 15989 15990 .thumbnail img, .thumbnail svg, .ie .product_gallery img{ 15991 height: auto !important; 15992 max-height: initial !important; 15993 width: 100% !important; 15994 } 15995 15996 #shopify-section-collection-template-apple .thumbnail img, .thumbnail svg, .ie .product_gallery img { 15997 height: 500px !important; 15998 max-height: initial !important; 15999 width: auto !important; 16000 object-fit: cover; 16001 } 16002 16003 #shopify-section-collection-template-apple .isp_product_title { 16004 text-transform: uppercase; 16005 text-align: center; 16006 } 16007 .isp_product_image_wrapper.badge:before, 16008 .isp_product_image_wrapper.badge:after { 16009 width: 35px !important; 16010 height: 35px !important; 16011 line-height: 35px !important; 16012 font-size: 12px !important; 16013 } 16014 @media screen and (max-width: 768px) { 16015 #shopify-section-collection-template-apple .thumbnail img, .thumbnail svg, .ie .product_gallery img { 16016 height: 430px !important; 16017 } 16018 .isp_product_image_wrapper.badge:before, 16019 .isp_product_image_wrapper.badge:after { 16020 width: 25px !important; 16021 height: 25px !important; 16022 font-size: 8px !important; 16023 } 16024 .wk-link__label, .wk-link__count{ 16025 /* display: none !important; */ 16026 } 16027 .wk-grid { 16028 grid-template-columns: repeat(min(var(--wk-page__grid--max-columns),2),1fr) !important; 16029 padding: 0 !important; 16030 } 16031 } 16032 .menu-mobile-login-btn:before { 16033 clear: both; 16034 } 16035 16036</style>
16036<script> 16037 document.addEventListener('DOMContentLoaded', function() { 16038 var yest = document.cookie.indexOf('Privacy-cookie'); 16039 if (yest > 0) { 16040 // document.getElementById("shopify-privacy-banner-div").style.setProperty("display", "none", "important"); 16041 document.head.insertAdjacentHTML("beforeend", '<style>#shopify-privacy-banner-div { display: none !important; }</style>') 16042 } 16043 }); 16044 16045 // Making the Rewards & chat button underneath. 16046 document.addEventListener('smile-ui-loaded', () => { 16047 SmileUI.ready().then(smileUiInstance => { 16048 document.getElementById("shopify-privacy-banner-div").style.setProperty("z-index", "102", "important"); 16049 document.getElementById("smile-ui-container").style.setProperty("z-index", "100", "important"); 16050 document.getElementById("chat-button").style.setProperty("z-index", "100", "important"); 16051 16052 document.getElementById("shopify-privacy-banner-accept-button").addEventListener("click", savePrivacy); 16053 document.getElementById("shopify-privacy-banner-decline-button").addEventListener("click", savePrivacy); 16054 16055 console.log("Smile - Test"); 16056 16057 function savePrivacy() { 16058 document.getElementById("shopify-privacy-banner-div").style.setProperty("display", "none", "important"); 16059 document.cookie = "Privacy-cookie" + "=" + "clicked" + ";" + "365" + ";path=/"; 16060 } 16061 }).catch(err => { 16062 }); 16063 }); 16064</script>
16064 16065 16066<!-- **BEGIN** Hextom QAB Integration // Main Include - DO NOT MODIFY --> 16067<!-- **BEGIN** Hextom QAB Integration // Main - DO NOT MODIFY -->
16068<script type="application/javascript"> 16069 window.hextom_qab_meta = { 16070 p1: [ 16071 16072 ], 16073 p2: { 16074 16075 } 16076 }; 16077</script>
16077 16078<!-- **END** Hextom QAB Integration // Main - DO NOT MODIFY --> 16079<!-- **END** Hextom QAB Integration // Main Include - DO NOT MODIFY --> 16080
16081<script> 16082 window.addEventListener('load', function () { 16083 WishlistKing.observe({ 16084 selector: "main.rte", 16085 template: "page", 16086 handle: WishlistKing.toolkit.settings.wishlistPageHandle, 16087 }, 16088 (target) => { 16089 target.insertAfter(WishlistKing.createComponent("wishlist-page")); 16090 } 16091 ); 16092 WishlistKing.observe( { 16093 selector: "main.rte.shared", 16094 template: "page", 16095 handle: WishlistKing.toolkit.settings.sharedWishlistPageHandle, 16096 }, 16097 (target) => { 16098 target.insertAfter(WishlistKing.createComponent("wishlist-page-shared")); 16099 } 16100 ); 16101 WishlistKing.observe({ 16102 selector: ".purchase.inline_purchase.inline_purchase-m", 16103 template: "product", 16104 }, 16105 (target) => { 16106 target.append( 16107 WishlistKing.createComponent("wishlist-button", { 16108 id: "", 16109 }) 16110 ); 16111 } 16112 ); 16113 WishlistKing.observe({ 16114 selector: ".cart#opendraw", 16115 }, 16116 (target) => { 16117 target.insertBefore( 16118 WishlistKing.createComponent("wishlist-link") 16119 ); 16120 } 16121 ); 16122 WishlistKing.observe({ 16123 selector: ".wishlist-item", 16124 }, 16125 (target) => { 16126 target.append( 16127 WishlistKing.createComponent("wishlist-link") 16128 ); 16129 } 16130 ); 16131 }) 16132 16133</script>
16133 16134
16135<script> 16136 16137 window.mobileCheck = function() { 16138 let check = false; 16139 (function(a){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4))) check = true;})(navigator.userAgent||navigator.vendor||window.opera); 16140 return check; 16141 }; 16142 function getOffset(el) { 16143 const rect = el.getBoundingClientRect(); 16144 return { 16145 left: rect.left + window.scrollX, 16146 top: rect.top + window.scrollY 16147 }; 16148 } 16149 let smartContainer = document.querySelectorAll('.smart-straps-menu-container') 16150 let smartLink = document.querySelectorAll('.menu-item-smart-straps') 16151 let rowgrid = document.querySelectorAll('.mega-menu.is-grid.grid-250.media-grid-1.g2 .rowgrid') 16152 let megaMenu2 = document.querySelectorAll('.mega-menu.is-grid.grid-250.media-grid-1.g2') 16153 let smartBrandName = document.querySelectorAll('.smart-straps-brand-name') 16154 16155 if (!mobileCheck()) { 16156 smartLink[1].addEventListener('mouseover', (e)=> { 16157 smartLink[1].classList.add('active') 16158 rowgrid[1].style.display = 'none' 16159 // megaMenu2[1].style.background = "transparent" 16160 }) 16161 16162 smartBrandName.forEach(sBN => { 16163 sBN.addEventListener('mouseover', (e)=> { 16164 let ulTarget 16165 if(e.target.tagName == "a"){ 16166 ulTarget = e.target.nextElementSibling() 16167 }else{ 16168 ulTarget = e.target.querySelector('ul') 16169 } 16170 // ulTarget.style.top = (getOffset(e.target).top - 86 ) + 'px' 16171 }) 16172 }) 16173 16174 smartLink[1].addEventListener('mouseout', (e)=> { 16175 smartLink[1].classList.remove('active') 16176 // megaMenu2[1].style.background = "#fff" 16177 rowgrid[1].style.display = 'grid' 16178 }) 16179 16180 smartContainer[1].addEventListener('mouseover', (e)=> { 16181 smartLink[1].classList.add('active') 16182 rowgrid[1].style.display = 'none' 16183 // megaMenu2[1].style.width = "auto" 16184 }) 16185 16186 smartContainer[1].addEventListener('mouseout', (e)=> { 16187 smartLink[1].classList.remove('active') 16188 rowgrid[1].style.display = 'grid' 16189 }) 16190 16191 }else{ 16192 smartLink[0].addEventListener('click', (e)=> { 16193 e.target.classList.toggle('active') 16194 }) 16195 } 16196 16197 16198</script>
16198 16199
16200<script> 16201 const TRIGGER_OFFSET_Y = 88; 16202 let acsbLoaded = false; 16203 window.AccessiBe = undefined; 16204 window.accessWidget = undefined; 16205 const acsbTimer = setInterval(() => { 16206 if (acsbLoaded || !AccessiBe || !accessWidget) return; 16207 16208 if (AccessiBe.initialized) { 16209 acsbLoaded = true; 16210 clearInterval(acsbTimer); 16211 accessWidget.config.triggerOffsetY = TRIGGER_OFFSET_Y; 16212 accessWidget.config.mobile.triggerOffsetY = TRIGGER_OFFSET_Y; 16213 AccessiBe.restart(); 16214 } 16215 }, 100); 16216</script>
16216 16217 16218
16219<script> 16220 16221 var sections_lazy_loaded = false; 16222 16223 window.addEventListener('mousemove', (event) => { 16224 trigger_content_lazy_load(); 16225 }); 16226 16227 window.addEventListener('touchstart', (event) => { 16228 trigger_content_lazy_load(); 16229 }); 16230 16231 window.addEventListener('scroll', (event) => { 16232 trigger_content_lazy_load(); 16233 }); 16234 16235 window.addEventListener('mousedown', (event) => { 16236 trigger_content_lazy_load(); 16237 }); 16238 16239 if (window.scrollY > 0) { 16240 trigger_content_lazy_load(); 16241 } 16242 16243 // if ($('main').height() < window.innerHeight - 200 || window.innerWidth < 500) { 16244 // trigger_content_lazy_load(); 16245 // } 16246 16247 function trigger_content_lazy_load() { 16248 if (!sections_lazy_loaded) { 16249 console.log('trigger LL'); 16250 16251 sections_lazy_loaded = true; 16252 var section_ids = []; 16253 $('.lazy_section_scroll').each(function () { 16254 var section_id = $(this).attr('id').split('shopify-section-')[1]; 16255 section_ids.push(section_id); 16256 }); 16257 16258 let i = 0; 16259 while(i < section_ids.length) { 16260 let end = (i + 5 < section_ids.length) ? i + 5: section_ids.length + 1; 16261 let temp = section_ids.slice(i, end).join(','); 16262 lazy_load_section(temp); 16263 i += 5; 16264 } 16265 } 16266 } 16267 16268 async function lazy_load_section(section_ids) { 16269 // console.log(section_ids); 16270 const result = await fetch(`${window.location.pathname}?sections=${section_ids}§ion_lazy_loading=true&sort_by=price-descending${window.location.href.indexOf('?sort_by=') != 1 ? '&sort_by=' + window.location.href.split('?sort_by=')[1] : ''}`); 16271 const response = await result.json(); 16272 16273 for(let key in response) { 16274 const html = new DOMParser().parseFromString(response[key], 'text/html'); 16275 const renders = html.querySelectorAll('[data-lazy-render]'); 16276 if(renders.length > 0) { 16277 renders.forEach((render, index) => { 16278 document.querySelectorAll(`#shopify-section-${key} [data-lazy-render]`)[index].appendChild(render.querySelector('[data-lazy-target]')); 16279 }) 16280 } else { 16281 $(`#shopify-section-${key}`).empty().append($(response[key]).children()); 16282 } 16283 16284 $(`#shopify-section-${key}`).removeClass('lazy_section_scroll'); 16285 16286 console.log(`%cLazyloaded ${key}`, 'border-radius: 2px; background-color:#ff7f7f; color: #8b0000; padding: 2px;'); 16287 } 16288 16289 return 1; 16290 } 16291 16292</script>
16292 16293<div id="theme_info_part_always_hidden" style="display: none !important;"> 16294 <span id="shop_name" data-title="Shop name">Freestyle USA</span> 16295 <span id="shop_id" data-title="Shop ID">26001720</span> 16296 <span id="theme_role" data-title="Live theme?">main</span> 16297 <span id="theme_name" data-title="Theme name">freestyleusa-compressed/main</span> 16298 <span id="theme_id" data-title="Theme ID">128904265771</span> 16299 <span id="template" data-title="Template">search</span> 16300 <span id="market_handle" data-title="localization.market.handle">us</span> 16301 <span id="locale" data-title="request.locale.iso_code">en</span></div> 16302 16303<!-- update section content -->
16304<script> 16305 function updateSectionForExtension(section_id) { 16306 $.ajax({ 16307 method: "GET", 16308 url: `${window.location.pathname}?section_id=${section_id}§ion_lazy_loading=true` 16309 }).then(res => { 16310 $(`#shopify-section-${section_id}`).removeClass('lazy_section_scroll'); 16311 $(`#shopify-section-${section_id}`).empty().append($(res).children()); 16312 16313 const myCustomEvent = new CustomEvent('myEvent', { 16314 detail: { status: 'Success' } 16315 }); 16316 document.dispatchEvent(myCustomEvent); 16317 }).fail(res => { 16318 const myCustomEvent = new CustomEvent('myEvent', { 16319 detail: { status: 'Failure' } 16320 }); 16321 16322 document.dispatchEvent(myCustomEvent); 16323 }); 16324 } 16325 16326 document.addEventListener('updateSection', function(event) { 16327 const sectionId = event.detail.sectionId; 16328 updateSectionForExtension(sectionId); 16329 }) 16330</script>
16330 16331 16332 <!--START-OX-STATE-->
16332<script>window['oxState'] = {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},product: null,checkout: null}</script>
16332<!--END-OX-STATE--> 16333 16334 16335 <div id="shopify-block-AR2FMSW9nNERWcU9kV__6174324309569838175" class="shopify-block shopify-app-block"> 16336 16337 16338<div class="smile-shopify-init" 16339 data-channel-key="channel_MrqgYVpVriQKqYRoUf7aleQM" 16340 16341></div> 16342 16343 16344</div><div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block"> 16345 16346
16347<script> 16348 console.log("[Alia app extension] v1.0.5"); 16349 16350 const BACKEND_URL = "https://backend.alia-prod.com"; 16351 16352 window.ALIA_SHOPIFY_EXTENSION_INFO = { 16353 customerID: "", 16354 country: "US", 16355 market: "us", 16356 language: "en" 16357 } 16358 16359 if (document.readyState !== "loading") { 16360 initAlia(); 16361 } else { 16362 document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true }); 16363 } 16364 16365 async function initAlia() { 16366 const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=freestyleusa.myshopify.com"; 16367 const script = document.createElement("script"); 16368 script.src = url; 16369 script.async = true; 16370 document.head.appendChild(script); 16371 } 16372</script>
16372 16373 16374</div>
16374<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
16374 16375</body> 16376</html> 16377
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.