PageSourceSearch

https://steelpanther.com/

html steelpanther.com collected 2026-09-29 09:34:19 UTC 336,725 bytes, 5,534 lines download raw bytes

1<!doctype html>
2<html class="no-js supports-no-cookies" lang="en">
3<head>
4  
4<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"index","access_granted":true,"access_denied":false,"requires_customer":false,"manual_lock":false,"remote_lock":false,"has_timeout":false,"remote_rendered":null,"hide_resource":false,"hide_links_to_resource":false,"hide_price":false,"hide_add_to_cart":false,"transparent":true,"locks":{"all":[],"opened":[]},"keys":[],"keys_signature":"41d8f0d422d353b080f9f39ae6b8f098100e8e69439b5f27ff1a4a12cd88bf86","state":{"template":"index","theme":128279937082,"product":null,"collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790674458,"path":"\/","locale_root_url":"\/","canonical_url":"https:\/\/steelpanther.com\/","customer_id":null,"customer_id_signature":"41d8f0d422d353b080f9f39ae6b8f098100e8e69439b5f27ff1a4a12cd88bf86","cart":null}</script>
4<script data-locksmith>!function(){undefined;!function(){var s=window.Locksmith={},e=document.querySelector('script[type="application/vnd.locksmith+json"]'),n=e&&e.innerHTML;if(s.state={},s.util={},s.loading=!1,n)try{s.state=JSON.parse(n)}catch(d){}if(document.addEventListener&&document.querySelector){var o,a,i,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){a=t.slice(0)},l="style",r=function(e){e&&27!==e.keyCode&&"click"!==e.type||(document.removeEventListener("keydown",r),document.removeEventListener("click",r),o&&document.body.removeChild(o),o=null)};c(),document.addEventListener("keyup",function(e){if(e.keyCode===a[0]){if(clearTimeout(i),a.shift(),0<a.length)return void(i=setTimeout(c,1e3));c(),r(),(o=document.createElement("div"))[l].width="50%",o[l].maxWidth="1000px",o[l].height="85%",o[l].border="1px rgba(0, 0, 0, 0.2) solid",o[l].background="rgba(255, 255, 255, 0.99)",o[l].borderRadius="4px",o[l].position="fixed",o[l].top="50%",o[l].left="50%",o[l].transform="translateY(-50%) translateX(-50%)",o[l].boxShadow="0 2px 5px rgba(0, 0, 0, 0.3), 0 0 100vh 100vw rgba(0, 0, 0, 0.5)",o[l].zIndex="2147483645";var t=document.createElement("textarea");t.value=JSON.stringify(JSON.parse(n),null,2),t[l].border="none",t[l].display="block",t[l].boxSizing="border-box",t[l].width="100%",t[l].height="100%",t[l].background="transparent",t[l].padding="22px",t[l].fontFamily="monospace",t[l].fontSize="14px",t[l].color="#333",t[l].resize="none",t[l].outline="none",t.readOnly=!0,o.appendChild(t),document.body.appendChild(o),t.addEventListener("click",function(e){e.stopImmediatePropagation()}),t.select(),document.addEventListener("keydown",r),document.addEventListener("click",r)}})}s.isEmbedded=-1!==window.location.search.indexOf("_ab=0&_fd=0&_sc=1"),s.path=s.state.path||window.location.pathname,s.basePath=s.state.locale_root_url.concat("/apps/locksmith").replace(/^\/\//,"/"),s.reloading=!1,s.util.console=window.console||{log:function(){},error:function(){}},s.util.makeUrl=function(e,t){var n,o=s.basePath+e,a=[],i=s.cache();for(n in i)a.push(n+"="+encodeURIComponent(i[n]));for(n in t)a.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(a.push("customer_id="+encodeURIComponent(s.state.customer_id)),a.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+a.join("&")},s._initializeCallbacks=[],s.on=function(e,t){if("initialize"!==e)throw'Locksmith.on() currently only supports the "initialize" event';s._initializeCallbacks.push(t)},s.initializeSession=function(e){if(!s.isEmbedded){var t=!1,n=!0,o=!0;(e=e||{}).silent&&(o=n=!(t=!0)),s.ping({silent:t,spinner:n,reload:o,callback:function(){s._initializeCallbacks.forEach(function(e){e()})}})}},s.cache=function(e){var t={};try{var n=function a(e){return(document.cookie.match("(^|; )"+e+"=([^;]*)")||0)[2]};t=JSON.parse(decodeURIComponent(n("locksmith-params")||"{}"))}catch(d){}if(e){for(var o in e)t[o]=e[o];document.cookie="locksmith-params=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/",document.cookie="locksmith-params="+encodeURIComponent(JSON.stringify(t))+"; path=/"}return t},s.cache.cart=s.state.cart,s.cache.cartLastSaved=null,s.params=s.cache(),s.util.reload=function(){s.reloading=!0;try{window.location.href=window.location.href.replace(/#.*/,"")}catch(d){s.util.console.error("Preferred reload method failed",d),window.location.reload()}},s.cache.saveCart=function(e){if(!s.cache.cart||s.cache.cart===s.cache.cartLastSaved)return e?e():null;var t=s.cache.cartLastSaved;s.cache.cartLastSaved=s.cache.cart,fetch("/cart/update.js",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:JSON.stringify({attributes:{locksmith:s.cache.cart}})}).then(function(e){if(!e.ok)throw new Error("Cart update failed: "+e.status);return e.json()}).then(function(){e&&e()})["catch"](function(e){if(s.cache.cartLastSaved=t,!s.reloading)throw e})},s.util.spinnerHTML='<style>body{background:#FFF}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}#loading{display:flex;width:100%;height:50vh;
4color:#777;align-items:center;justify-content:center}#loading .spinner{display:block;animation:spin 600ms linear infinite;position:relative;width:50px;height:50px}#loading .spinner-ring{stroke:currentColor;stroke-dasharray:100%;stroke-width:2px;stroke-linecap:round;fill:none}</style><div id="loading"><div class="spinner"><svg width="100%" height="100%"><svg preserveAspectRatio="xMinYMin"><circle class="spinner-ring" cx="50%" cy="50%" r="45%"></circle></svg></svg></div></div>',s.util.clobberBody=function(e){document.body.innerHTML=e},s.util.clobberDocument=function(e){e.responseText&&(e=e.responseText),document.documentElement&&document.removeChild(document.documentElement);var t=document.open("text/html","replace");t.writeln(e),t.close(),setTimeout(function(){var e=t.querySelector("[autofocus]");e&&e.focus()},100)},s.util.serializeForm=function(e){if(e&&"FORM"===e.nodeName){var t,n,o={};for(t=e.elements.length-1;0<=t;t-=1)if(""!==e.elements[t].name)switch(e.elements[t].nodeName){case"INPUT":switch(e.elements[t].type){default:case"text":case"hidden":case"password":case"button":case"reset":case"submit":o[e.elements[t].name]=e.elements[t].value;break;case"checkbox":case"radio":e.elements[t].checked&&(o[e.elements[t].name]=e.elements[t].value);break;case"file":}break;case"TEXTAREA":o[e.elements[t].name]=e.elements[t].value;break;case"SELECT":switch(e.elements[t].type){case"select-one":o[e.elements[t].name]=e.elements[t].value;break;case"select-multiple":for(n=e.elements[t].options.length-1;0<=n;n-=1)e.elements[t].options[n].selected&&(o[e.elements[t].name]=e.elements[t].options[n].value)}break;case"BUTTON":switch(e.elements[t].type){case"reset":case"submit":case"button":o[e.elements[t].name]=e.elements[t].value}}return o}},s.util.on=function(e,i,s,t){t=t||document;var c="locksmith-"+e+i,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",a=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(i)||"string"==typeof a&&-1!==a.split(/\s+/).indexOf(i))&&!e[c]&&(e[c]=!0,s(e))};t.attachEvent?t.attachEvent(e,n):t.addEventListener(e,n,!1)},s.util.enableActions=function(e){s.util.on("click","locksmith-action",function(e){e.preventDefault();var t=e.target;t.dataset.confirmWith&&!confirm(t.dataset.confirmWith)||(t.disabled=!0,t.innerText=t.dataset.disableWith,s.post("/action",t.dataset.locksmithParams,{spinner:!1,type:"text",success:function(e){(e=JSON.parse(e.responseText)).message&&alert(e.message),s.util.reload()}}))},e)},s.util.inject=function(e,t){var n=["data","locksmith","append"];if(-1!==t.indexOf(n.join("-"))){var o=document.createElement("div");o.innerHTML=t,e.appendChild(o)}else e.innerHTML=t;var a,i,s=e.querySelectorAll("script");for(i=0;i<s.length;++i){a=s[i];var c=document.createElement("script");if(a.type&&(c.type=a.type),a.src)c.src=a.src;else{var l=document.createTextNode(a.innerHTML);c.appendChild(l)}e.appendChild(c)}var r=e.querySelector("[autofocus]");r&&r.focus()},s.post=function(e,t,n){!1!==(n=n||{}).spinner&&s.util.clobberBody(s.util.spinnerHTML);var o={};n.container===document?(o.layout=1,n.success=function(e){s.util.clobberDocument(e)}):n.container&&(o.layout=0,n.success=function(e){var t="string"==typeof n.container?document.getElementById(n.container):n.container;t&&(s.util.inject(t,e),t.id===t.firstChild.id&&t.parentElement.replaceChild(t.firstChild,t))}),n.form_type&&(t.form_type=n.form_type),n.include_layout_classes!==undefined&&(t.include_layout_classes=n.include_layout_classes),n.lock_id!==undefined&&(t.lock_id=n.lock_id),s.loading=!0;var a=s.util.makeUrl(e,o),i="json"===n.type||"text"===n.type;fetch(a,{method:"POST",headers:{"Content-Type":"application/json",Accept:i?"application/json":"text/html"},body:JSON.stringify(t)}).then(function(e){if(!e.ok)throw new Error("Request failed: "+e.status);return e.text()}).then(function(e){var t=n.success||s.util.clobberDocument;t(i?{responseText:e}:e)})["catch"](function(e){if(!s.reloading)if("dashboard.weglot.com"!==window.location.host){if(!n.silent)throw alert("Something went wrong! Please refresh and try again."),e;console.error(e)}else console.error(e)})["finally"](function(){s.loading=!1})},s.postResource=function(e,t){e.path=s.path,e.search=window.location.search,e.state=s.state,e.passcode&&(e.passcode=e.passcode.trim()),e.email&&(e.email=e.email.trim()),e.state.cart=s.cache.cart,e.locksmith_json=s.jsonTag,e.locksmith_json_signature=s.jsonTagSignature,s.post("/resource",e,t)},s.ping=function(t){if(!s.isEmbedded){t=t||{};var n=function(){t.reload?s.util.reload():"function"==typeof t.callback&&t.callback()};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!t.spinner,silent:"undefined"==typeof t.silent||t.silent,type:"text",success:function(e){e&&e.responseText?((e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages),e.cart&&s.cache.cart!==e.cart?(s.cache.cart=e.cart,s.cache.saveCart(function(){e.cart&&e.cart.match(/^.+:/)?(t.reload||"function"!=typeof t.callback||t.callback(),s.util.reload()):n()})):n()):console.error("[Locksmith] Invalid result in ping callback:",e)}})}},s.timeoutMonitor=function(){var e=s.cache.cart;s.ping({callback:function(){e!==s.cache.cart||setTimeout(function(){s.timeoutMonitor()},6e4)}})},s.showMessages=function(e){var t=document.createElement("div");t.style.position="fixed",t.style.left=0,t.style.right=0,t.style.bottom="-50px",t.style.opacity=0,t.style.background="#191919",t.style.color="#ddd",t.style.transition="bottom 0.2s, opacity 0.2s",t.style.zIndex=999999,t.innerHTML=["<style>","  .locksmith-ab .locksmith-b { display: none; }","  .locksmith-ab.toggled .locksmith-b { display: flex; }","  .locksmith-ab.toggled .locksmith-a { display: none; }","  .locksmith-flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px; }","  .locksmith-message + .locksmith-message { border-top: 1px #555 solid; }","  .locksmith-message a { color: inherit; font-weight: bold; }","  .locksmith-message a:hover { color: inherit; opacity: 0.8; }","  a.locksmith-ab-toggle { font-weight: inherit; text-decoration: underline; }","  .locksmith-text { flex-grow: 1; }","  .locksmith-cta { flex-grow: 0; text-align: right; }","  .locksmith-cta button { transform: scale(0.8); transform-origin: left; }","  .locksmith-cta > * { display: block; }","  .locksmith-cta > * + * { margin-top: 10px; }","  .locksmith-message a.locksmith-close { flex-grow: 0; text-decoration: none; margin-left: 15px; font-size: 30px; font-family: monospace; display: block; padding: 2px 10px; }","  @media screen and (max-width: 600px) {","    .locksmith-wide-only { display: none !important; }","    .locksmith-flex { padding: 0 15px; }","    .locksmith-flex > * { margin-top: 5px; margin-bottom: 5px; }","    .locksmith-cta { text-align: left; }","  }","  @media screen and (min-width: 601px) {","    .locksmith-narrow-only { display: none !important; }","  }","</style>"].join("")+e.map(function(e){return'<div class="locksmith-message">'+e+"</div>"}).join(""),document.body.appendChild(t),document.body.style.position="relative",document.body.parentElement.style.paddingBottom=t.offsetHeight+"px",setTimeout(function(){t.style.bottom=0,t.style.opacity=1},50),s.util.on("click","locksmith-ab-toggle",function(e){e.preventDefault();for(var t=e.target.parentElement;-1===t.className.split(" ").indexOf("locksmith-ab");)t=t.parentElement;-1!==t.className.split(" ").indexOf("toggled")?t.className=t.className.replace("toggled",""):t.className=t.className+" toggled"}),s.util.enableActions(t)}}()}();</script>
4
5      
5<script data-locksmith>Locksmith.cache.cart=null</script>
5
6
7  
7<script data-locksmith>Locksmith.jsonTag="{\"version\":\"v346\",\"locked\":false,\"initialized\":true,\"scope\":\"index\",\"access_granted\":true,\"access_denied\":false,\"requires_customer\":false,\"manual_lock\":false,\"remote_lock\":false,\"has_timeout\":false,\"remote_rendered\":null,\"hide_resource\":false,\"hide_links_to_resource\":false,\"hide_price\":false,\"hide_add_to_cart\":false,\"transparent\":true,\"locks\":{\"all\":[],\"opened\":[]},\"keys\":[],\"keys_signature\":\"41d8f0d422d353b080f9f39ae6b8f098100e8e69439b5f27ff1a4a12cd88bf86\",\"state\":{\"template\":\"index\",\"theme\":128279937082,\"product\":null,\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790674458,\"path\":\"\\\/\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/steelpanther.com\\\/\",\"customer_id\":null,\"customer_id_signature\":\"41d8f0d422d353b080f9f39ae6b8f098100e8e69439b5f27ff1a4a12cd88bf86\",\"cart\":null}";Locksmith.jsonTagSignature="bb680acffa999814415ef4c31e0e507a479a08f47129624ab75251b9a9fb2d5e"</script>
7
8  <meta charset="utf-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <meta name="viewport" content="width=device-width,initial-scale=1">
11  <meta name="theme-color" content="#ed008c">
12  <link rel="canonical" href="https://steelpanther.com/">
13  
14  
15<title>Steel Panther Official Site</title><meta name="description" content="Steel Panther official site for merchandise and music more. music, cds, vinyl, tshirts, posters, calendars, hoodies, collectibles, mugs, signed, autographed, guitar pedals">
16<meta property="og:site_name" content="Steel Panther">
17<meta property="og:url" content="https://steelpanther.com/"><meta property="og:title" content="Steel Panther Official Site">
18<meta property="og:type" content="website">
19<meta property="og:description" content="Steel Panther official site for merchandise and music more. music, cds, vinyl, tshirts, posters, calendars, hoodies, collectibles, mugs, signed, autographed, guitar pedals">
20<meta property="og:image" content="http://steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_a8314ea7-8cd9-498f-9ac1-bcee83ad1333.jpg?v=1786408932">
21<meta property="og:image:secure_url" content="https://steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_a8314ea7-8cd9-498f-9ac1-bcee83ad1333.jpg?v=1786408932">
22<meta property="og:image:width" content="2000">
23  <meta property="og:image:height" content="1544">
24
25
26<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Steel Panther Official Site">
27<meta name="twitter:description" content="Steel Panther official site for merchandise and music more. music, cds, vinyl, tshirts, posters, calendars, hoodies, collectibles, mugs, signed, autographed, guitar pedals">
28<style>
29  
30
31  
32
33  
34  
35
36  
37  
38
39  
40  
41:root {
42    --base-font-size: 100.0%;
43    --base-line-height: 1.2;
44    
45    --color-primary-accent: rgb(238, 113, 29);
46    --color-primary-text: rgb(22, 24, 25);
47    --color-primary-text-rgb: 22, 24, 25;
48    --color-primary-background: rgb(255, 255, 255);
49    --color-primary-background-hex: #ffffff;
50    --color-primary-meta: rgb(172, 2, 2);
51    --color-primary-text--overlay: rgb(255, 255, 255);
52    --color-primary-accent--overlay: rgb(0, 0, 0);
53    --color-primary-text-placeholder: rgba(22, 24, 25, 0.1);
54    --color-primary-background-0: rgba(255, 255, 255, 0);
55    --color-primary-border: #ee711d;
56
57    /*
58    Secondary color scheme
59    */
60    --color-secondary-accent: rgb(248, 249, 34);
61    --color-secondary-text: rgb(238, 113, 29);
62    --color-secondary-background: rgb(255, 255, 255);
63    --color-secondary-background-hex: #ffffff;
64    --color-secondary-meta: rgb(172, 2, 2);
65    --color-secondary-text--overlay: rgb(0, 0, 0);
66    --color-secondary-accent--overlay: rgb(0, 0, 0);
67    --color-secondary-text-placeholder: rgba(238, 113, 29, 0.1);
68    --color-secondary-background-0: rgba(255, 255, 255, 0);
69    --color-secondary-border: #cfcfcf;
70
71    /*
72    Tertiary color scheme
73    */
74    --color-tertiary-accent: rgb(255, 255, 255);
75    --color-tertiary-text: rgb(255, 255, 255);
76    --color-tertiary-background: rgb(47, 10, 41);
77    --color-tertiary-background-hex: #2f0a29;
78    --color-tertiary-meta: rgb(255, 255, 255);
79    --color-tertiary-text--overlay: rgb(47, 10, 41);
80    --color-tertiary-accent--overlay: rgb(47, 10, 41);
81    --color-tertiary-text-placeholder: rgba(255, 255, 255, 0.1);
82    --color-tertiary-background-0: rgba(47, 10, 41, 0);
83    --color-tertiary-border: #ffffff;
84
85    --color-white-text: rgb(255, 255, 255);
86    --color-black-text: rgb(0, 0, 0);
87    --color-white-accent: rgb(255, 255, 255);
88    --color-black-accent: rgb(0, 0, 0);
89    --color-white-text--overlay: rgb(22, 24, 25);
90    --color-black-text--overlay: rgb(255, 255, 255);
91
92
93    --heading-font: Montserrat, sans-serif;
94    --heading-font-weight: 700;
95    --heading-font-style: normal;
96
97    --body-font: Karla, sans-serif;
98    --body-font-weight: 400;
99    --body-font-style: normal;
100    --body-font-bold-weight: bold;
101
102    --secondary-font: Montserrat, sans-serif;
103    --secondary-font-weight: 700;
104    --secondary-font-style: normal;
105
106    --heading-letterspacing: 0.2em;
107    --heading-capitalize: none;
108    --text-overlay-letterspacing: 0.0;
109
110    --navigation-font: ;
111    --navigation-font-weight: ;
112    --navigation-font-style: ;
113
114    --navigation-capitalize: uppercase;
115    --navigation-letterspacing: 0.1em;
116
117    --section-title-capitalize: uppercase;
118    --section-title-letterspacing: 0.2em;
119    --section-title-align: center;
120
121    --secondary-title-capitalize: none;
122    --secondary-letterspacing: 0.1em;
123
124    --rte-font-size: 1.25rem;
125
126    /*
127    SVG ico select
128    */
129    --icon-svg-select: url(//steelpanther.com/cdn/shop/t/33/assets/ico-select.svg?v=77256555199662291791761112255);
130    --icon-svg-select-primary: url(//steelpanther.com/cdn/shop/t/33/assets/ico-select-primary.svg?v=15312628872366501741761112255);
131    --icon-svg-select-secondary: url(//steelpanther.com/cdn/shop/t/33/assets/ico-select-secondary.svg?v=134510093985411762481761112255);
132    --icon-svg-select-tertiary: url(//steelpanther.com/cdn/shop/t/33/assets/ico-select-tertiary.svg?v=43699402385093155231761112255);
133
134    --border-width: 2px;
135    --text-width: 2px;
136
137    --button-baseline-adjust: 0.0rem;
138
139    --header-height: 120px;
140    --announcement-bar-height: 44px;
141    --header-height-no-search: 120px;
142    --payment-button-height: 60px;
143  }
144
145  [data-color-scheme="primary"] {
146    --color-scheme-text: 22, 24, 25;
147    --color-scheme-background: 255, 255, 255;
148    --color-scheme-accent: 238, 113, 29;
149    --color-scheme-meta: 172, 2, 2;
150    --color-scheme-text--overlay: 255, 255, 255;
151    --color-scheme-accent--overlay: 0, 0, 0;
152    --color-scheme-border: 238, 113, 29;
153    --payment-terms-background-color: #ffffff;
154  }
155  [data-color-scheme="secondary"] {
156    --color-scheme-text: 238, 113, 29;
157    --color-scheme-background: 255, 255, 255;
158    --color-scheme-accent: 248, 249, 34;
159    --color-scheme-meta: 172, 2, 2;
160    --color-scheme-text--overlay: 0, 0, 0;
161    --color-scheme-accent--overlay: 0, 0, 0;
162    --color-scheme-border: 207, 207, 207;
163    --payment-terms-background-color: #ffffff;
164  }
165  [data-color-scheme="tertiary"] {
166    --color-scheme-text: 255, 255, 255;
167    --color-scheme-background: 47, 10, 41;
168    --color-scheme-accent: 255, 255, 255;
169    --color-scheme-meta: 255, 255, 255;
170    --color-scheme-text--overlay: 47, 10, 41;
171    --color-scheme-accent--overlay: 47, 10, 41;
172    --color-scheme-border: 255, 255, 255;
173    --payment-terms-background-color: #2f0a29;
174  }
175
176  [data-color-scheme="white"] {
177    --color-scheme-text: 255, 255, 255;
178    --color-scheme-text--overlay: 0, 0, 0;
179  }
180
181  [data-color-scheme="black"] {
182    --color-scheme-text: 0, 0, 0;
183    --color-scheme-text--overlay: 255, 255, 255;
184  }
185
186</style>
187<meta property="og:site_name" content="Steel Panther">
188<meta property="og:url" content="https://steelpanther.com/"><meta property="og:title" content="Steel Panther Official Site">
189<meta property="og:type" content="website">
190<meta property="og:description" content="Steel Panther official site for merchandise and music more. music, cds, vinyl, tshirts, posters, calendars, hoodies, collectibles, mugs, signed, autographed, guitar pedals">
191<meta property="og:image" content="http://steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_a8314ea7-8cd9-498f-9ac1-bcee83ad1333.jpg?v=1786408932">
192<meta property="og:image:secure_url" content="https://steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_a8314ea7-8cd9-498f-9ac1-bcee83ad1333.jpg?v=1786408932">
193<meta property="og:image:width" content="2000">
194  <meta property="og:image:height" content="1544">
195
196
197<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Steel Panther Official Site">
198<meta name="twitter:description" content="Steel Panther official site for merchandise and music more. music, cds, vinyl, tshirts, posters, calendars, hoodies, collectibles, mugs, signed, autographed, guitar pedals">
199
200  <style>#MainContent{opacity:0;visibility:hidden}[x-cloak]{display:none!important}html.js [fade-in-sections] #MainContent [data-fade-in]{opacity:0;transform:translateY(50px);transition-duration:1s;transition-duration:.25s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}html.js [fade-in-sections] #MainContent [data-fade-in].in-view{opacity:1;transform:translateY(0)}html.js [fade-in-sections] #MainContent .shopify-section.will-mutate [data-fade-in].in-view{transition-duration:.25s}html{-webkit-text-size-adjust:100%;line-height:1.15;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;margin:0}hr{color:inherit;height:0}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}
200code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{border:0 solid;box-sizing:border-box}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}
200[role=button],button{cursor:pointer}:-moz-focusring{outline:auto}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{color:inherit;line-height:inherit;padding:0}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}*,:after,:before{--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.container{width:100%}@media (min-width:40em){.container{max-width:40em}}@media (min-width:48em){.container{max-width:48em}}@media (min-width:64em){.container{max-width:64em}}@media (min-width:80em){.container{max-width:80em}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.top-0{top:0}.top-1\/2{top:50%}.right-0{right:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.bottom-border-width{bottom:var(--border-width)}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-60{z-index:70}.z-99{z-index:99}.z-100{z-index:100}.-m-1{margin:-.25rem}.mx-auto{margin-left:auto;margin-right:auto}.-mx-4{margin-left:-1rem;margin-right:-1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.-mt-2{margin-top:-.5rem}.mr-1{margin-right:.25rem}.mr-4{margin-right:1rem}.mr-10{margin-right:2.5rem}.mb-4{margin-bottom:1rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-32{height:8rem}.h-header-no-search{height:var(--header-height-no-search)}.max-h-screen-header{max-height:calc(100vh - var(--header-height, 0px))}.w-0{width:0}.w-3{width:.75rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-1\/3{width:33.333333%}.w-full{width:100%}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.origin-center{transform-origin:center}.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/4{--tw-translate-x:25%}.translate-y-0{--tw-translate-y:0px}.translate-y-1\/4{--tw-translate-y:25%}.translate-y-full{--tw-translate-y:100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/4{--tw-translate-y:-25%}.-translate-y-full{--tw-translate-y:-100%}.translate-y-search-results{--tw-translate-y:calc(100% - var(--border-width))}.rotate-180{--tw-rotate:180deg}.grid-flow-row-dense{grid-auto-flow:row dense}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-b-theme-width{border-bottom-width:var(--border-width)}.border-transparent{border-color:transparent}.border-scheme-text{--tw-border-opacity:1;border-color:rgba(var(--color-scheme-text),var(--tw-border-opacity))}.border-scheme-border{--tw-border-opacity:1;border-color:rgba(var(--color-scheme-border),var(--tw-border-opacity))}.bg-scheme-text{--tw-bg-opacity:1;background-color:rgba(var(--color-scheme-text),var(--tw-bg-opacity))}.bg-scheme-background{--tw-bg-opacity:1;background-color:rgba(var(--color-scheme-background),var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black{--tw-gradient-from:#000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,transparent)}.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to,hsla(0,0%,100%,0))}.to-transparent{--tw-gradient-to:transparent}.fill-current{fill:currentColor}.p-1{padding:.25rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.pt-2{padding-top:.5rem}.pr-1{padding-right:.25rem}.pb-4{padding-bottom:1rem}.pl-9{padding-left:2.25rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-xs{font-size:.64rem}.text-sm,.text-xs{line-height:var(--base-line-height)}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-base,.text-xl{line-height:var(--base-line-height)}.text-xl{font-size:1.563rem}.font-bold{font-weight:700}.italic{font-style:italic}.oldstyle-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-zero{line-height:0}.text-scheme-text{--tw-text-opacity:1;color:rgba(var(--color-scheme-text),var(--tw-text-opacity))}.text-scheme-text-overlay{--tw-text-opacity:1;color:rgba(var(--color-scheme-text--overlay),var(--tw-text-opacity))}.hover\:text-scheme-accent:hover{--tw-text-opacity:1;color:rgba(var(--color-scheme-accent),var(--tw-text-opacity))}.placeholder-current::-moz-placeholder{color:currentColor}.placeholder-current:-ms-input-placeholder{color:currentColor}.placeholder-current::placeholder{color:currentColor}.opacity-0{opacity:0}
200.opacity-100{opacity:1}*,:after,:before{--tw-shadow:0 0 #0000;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000}.transition{transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}html{scroll-padding-top:2.5rem}body{display:flex;flex-direction:column;min-height:100vh}body,html{background-color:var(--color-primary-background);color:var(--color-primary-text)}html{font-size:var(--base-font-size);line-height:var(--base-line-height)}.font-heading{font-family:var(--heading-font);font-style:var(--heading-font-style);font-weight:var(--heading-font-weight);letter-spacing:var(--heading-letterspacing);text-transform:var(--heading-capitalize)}.font-body{font-family:var(--body-font);font-style:var(--body-font-style);font-weight:var(--body-font-weight);text-transform:var(--body-font-style)}.font-secondary{font-family:var(--secondary-font);font-style:var(--secondary-font-style);font-weight:var(--secondary-font-weight);letter-spacing:var(--secondary-letterspacing);text-transform:var(--secondary-title-capitalize)}.responsive-image-wrapper:before{content:"";display:block}.responsive-image{opacity:0}.responsive-image.lazyloaded{opacity:1}.responsive-image-placeholder{opacity:.05}.responsive-image.lazyloaded+.responsive-image-placeholder{opacity:0}[data-color-scheme=primary] .responsive-image-placeholder{background-color:var(--color-primary-text)}[data-color-scheme=secondary] .responsive-image-placeholder{background-color:var(--color-secondary-text)}[data-color-scheme=tertiary] .responsive-image-placeholder{background-color:var(--color-tertiary-text)}.no-js .responsive-image-placeholder{display:none}.visually-hidden{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px}svg{height:100%;width:100%}.no-js:not(html),[hidden],[x-cloak]{display:none}.no-js .no-js:not(html){display:block}.supports-no-cookies:not(html),[hidden],html.no-js .js-enabled{display:none}.supports-no-cookies .supports-no-cookies:not(html){display:block}.skip-link{background-color:var(--color-primary-text);color:var(--color-primary-background);left:0;opacity:0;padding:1rem;pointer-events:none;position:absolute;top:0;z-index:50}.skip-link:focus{opacity:1;pointer-events:auto}.btn-solid-primary-text,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-primary-text);color:var(--color-primary-text--overlay)}.btn-solid-primary-text:focus,.btn-solid-primary-text:hover,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-primary-text .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-primary-accent--overlay)}.btn-outline-primary-text{border-color:var(--color-primary-text);color:var(--color-primary-text)}.btn-outline-primary-text:focus,.btn-outline-primary-text:hover{border-color:var(--color-primary-accent);color:var(--color-primary-accent)}.btn-primary-accent-full,.btn-solid-primary-accent,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-primary-accent--overlay)}.btn-primary-accent-full:focus,.btn-primary-accent-full:hover,.btn-solid-primary-accent:focus,.btn-solid-primary-accent:hover,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-primary-accent .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-primary-text);border-color:var(--color-primary-text);color:var(--color-primary-text--overlay)}.btn-outline-primary-accent{border-color:var(--color-primary-accent);color:var(--color-primary-accent)}.btn-outline-primary-accent:focus,.btn-outline-primary-accent:hover{border-color:var(--color-primary-text);color:var(--color-primary-text)}.btn-solid-secondary-text,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-secondary-text);color:var(--color-secondary-text--overlay)}.btn-solid-secondary-text:focus,.btn-solid-secondary-text:hover,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-secondary-text .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-secondary-accent);border-color:var(--color-secondary-accent);color:var(--color-secondary-accent--overlay)}.btn-outline-secondary-text{border-color:var(--color-secondary-text);color:var(--color-secondary-text)}.btn-outline-secondary-text:focus,.btn-outline-secondary-text:hover{border-color:var(--color-secondary-accent);color:var(--color-secondary-accent)}.btn-secondary-accent-full,.btn-solid-secondary-accent,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-secondary-accent);border-color:var(--color-secondary-accent);color:var(--color-secondary-accent--overlay)}.btn-secondary-accent-full:focus,.btn-secondary-accent-full:hover,.btn-solid-secondary-accent:focus,.btn-solid-secondary-accent:hover,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-secondary-accent .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-secondary-text);border-color:var(--color-secondary-text);color:var(--color-secondary-text--overlay)}.btn-outline-secondary-accent{border-color:var(--color-secondary-accent);color:var(--color-secondary-accent)}.btn-outline-secondary-accent:focus,.btn-outline-secondary-accent:hover{border-color:var(--color-secondary-text);color:var(--color-secondary-text)}.btn-solid-tertiary-text,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-tertiary-text);color:var(--color-tertiary-text--overlay)}.btn-solid-tertiary-text:focus,.btn-solid-tertiary-text:hover,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-tertiary-text .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-tertiary-accent);border-color:var(--color-tertiary-accent);color:var(--color-tertiary-accent--overlay)}.btn-outline-tertiary-text{border-color:var(--color-tertiary-text);color:var(--color-tertiary-text)}.btn-outline-tertiary-text:focus,.btn-outline-tertiary-text:hover{border-color:var(--color-tertiary-accent);color:var(--color-tertiary-accent)}.btn-solid-tertiary-accent,.btn-tertiary-accent-full,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button--unbranded{background:var(--color-tertiary-accent);border-color:var(--color-tertiary-accent);color:var(--color-tertiary-accent--overlay)}.btn-solid-tertiary-accent:focus,.btn-solid-tertiary-accent:hover,.btn-tertiary-accent-full:focus,.btn-tertiary-accent-full:hover,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:focus,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button--unbranded:hover,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button:focus,.payment-buttons-tertiary-accent .shopify-payment-button .shopify-payment-button__button:hover{background:var(--color-tertiary-text);border-color:var(--color-tertiary-text);color:var(--color-tertiary-text--overlay)}.btn-outline-tertiary-accent{border-color:var(--color-tertiary-accent);color:var(--color-tertiary-accent)}.btn-outline-tertiary-accent:focus,.btn-outline-tertiary-accent:hover{border-color:var(--color-tertiary-text);color:var(--color-tertiary-text)}.btn-solid-white-accent,.btn-solid-white-text{background:var(--color-white-text);border-color:var(--color-white-text);color:var(--color-white-text--overlay)}.btn-solid-white-accent:focus,.btn-solid-white-accent:hover,.btn-solid-white-text:focus,.btn-solid-white-text:hover{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-primary-accent--overlay)}.btn-solid-black-accent,.btn-solid-black-text{background:var(--color-black-text);border-color:var(--color-black-text);color:var(--color-black-text--overlay)}.btn-solid-black-accent:focus,.btn-solid-black-accent:hover,.btn-solid-black-text:focus,.btn-solid-black-text:hover{background:var(--color-primary-accent);border-color:var(--color-primary-accent);color:var(--color-primary-accent--overlay)}.button span,.button svg,button span,button svg{pointer-events:none}input{background-color:var(--color-primary-background)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:var(--icon-svg-select);background-position:100%;background-repeat:no-repeat;background-size:1rem 1rem;border-color:var(--color-primary-border);border-width:0;border-bottom-width:var(--text-width);display:block;padding-bottom:.75rem;padding-top:.75rem;width:100%}.section-y-padding{padding-bottom:2rem;padding-top:2rem}@media (min-width:64em){.section-y-padding{padding-bottom:4rem;padding-top:4rem}}.section-x-padding{padding-left:1.25rem;padding-right:1.25rem}@media (min-width:64em){.section-x-padding{padding-left:2.5rem;padding-right:2.5rem}}.background-video-wrapper--full-screen{padding-bottom:calc(100vh - var(--header-height, 0px))}@media (min-width:1024px){.lg\:background-video-wrapper--full-screen{padding-bottom:calc(100vh - var(--header-height, 0px))}}.background-video-wrapper--full-screen.hero-video{padding-bottom:calc(100vh - var(--announcement-bar-height, 0px))}@media (min-width:1024px){.lg\:background-video-wrapper--full-screen.hero-video{padding-bottom:calc(100vh - var(--announcement-bar-height, 0px))}}#MainContent .shopify-section:first-of-type .section-with-no-padding .h-screen-header,#MainContent .shopify-section:first-of-type .section-with-no-top-padding .h-screen-header{height:calc(100vh - var(--header-height, 0px))}@media (max-width:1023px){#MainContent .shopify-section:first-of-type .section-with-no-padding .background-video-wrapper--full-screen,#MainContent .shopify-section:first-of-type .section-with-no-top-padding .background-video-wrapper--full-screen{padding-bottom:calc(100vh - var(--header-height, 0px))}}@media (min-width:1024px){#MainContent .shopify-section:first-of-type .section-with-no-padding .lg\:background-video-wrapper--full-screen,#MainContent .shopify-section:first-of-type .section-with-no-top-padding .lg\:background-video-wrapper--full-screen{padding-bottom:calc(100vh - var(--header-height, 0px))}}#MainContent .shopify-section:last-of-type .section-with-no-bottom-padding,#MainContent .shopify-section:last-of-type .section-with-no-padding{margin-bottom:calc(var(--border-width)*-1)}@media (max-width:1023px){#MainContent .shopify-section:first-of-type .section-with-no-padding-mobile{margin-top:calc(var(--border-width)*-1)}}@media (min-width:40em){.sm\:oldstyle-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}}@media (min-width:48em){.md\:oldstyle-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}}@media (min-width:64em){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-end-11{grid-column-end:11}.lg\:col-end-13{grid-column-end:13}.lg\:mr-2{margin-right:.5rem}.lg\:mr-8{margin-right:2rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:hidden{display:none}.lg\:w-auto{width:auto}.lg\:w-2\/3{width:66.666667%}.lg\:w-3\/4{width:75%}.lg\:flex-grow-0{flex-grow:0}.lg\:flex-grow{flex-grow:1}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:gap-10{gap:2.5rem}.lg\:py-4{padding-bottom:1rem;padding-top:1rem}.lg\:py-8{padding-top:2rem}.lg\:pb-8,.lg\:py-8{padding-bottom:2rem}.lg\:text-3xl{font-size:2.441rem;line-height:calc(var(--base-line-height)*.9)}.lg\:oldstyle-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}}@media (min-width:80em){.xl\:oldstyle-nums{--tw-ordinal:var(--tw-empty,/*!*/ /*!*/);--tw-slashed-zero:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-spacing:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-fraction:var(--tw-empty,/*!*/ /*!*/);--tw-numeric-figure:oldstyle-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}}
201</style>
202  
203
204<script>
205function onLoadStylesheet() {
206          var url = "//steelpanther.com/cdn/shop/t/33/assets/theme.min.css?v=90059713396881036081761112255";
207          var link = document.querySelector('link[href="' + url + '"]');
208          link.loaded = true;
209          link.dispatchEvent(new CustomEvent('stylesLoaded'));
210        }
211        window.theme_stylesheet = '//steelpanther.com/cdn/shop/t/33/assets/theme.min.css?v=90059713396881036081761112255';
212</script>
212
213<link rel="stylesheet" href="//steelpanther.com/cdn/shop/t/33/assets/theme.min.css?v=90059713396881036081761112255" media="print" onload="this.media='all';onLoadStylesheet();">
214<noscript><link rel="stylesheet" href="//steelpanther.com/cdn/shop/t/33/assets/theme.min.css?v=90059713396881036081761112255"></noscript>
215
216  
217
218  
219
220 <link href="//steelpanther.com/cdn/shop/t/33/assets/custom.css?v=180477793595502585561761112255" rel="stylesheet" type="text/css" media="all" />
221  
221<script type="text/javascript">
222    document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
223
224    window.theme = {
225      strings: {
226        addToCart: "Add to Cart",
227        soldOut: "Sold Out",
228        unavailable: "Unavailable",
229        onlineEvent: "Online event",
230        addressNoResults: "No results for that address",
231        addressQueryLimit: "You have exceeded the Google API usage limit. Consider upgrading to a \u003ca href=\"https:\/\/developers.google.com\/maps\/premium\/usage-limits\"\u003ePremium Plan\u003c\/a\u003e.",
232        addressError: "Error looking up that address",
233        authError: "There was a problem authenticating your Google Maps account.",
234      },
235      moneyFormat: "$ {{amount}}",
236      locale: "en",
237    };
238
239    
240  </script>
240
241
242  <style>
243    @font-face {
244  font-family: Montserrat;
245  font-weight: 700;
246  font-style: normal;
247  font-display: swap;
248  src: url("//steelpanther.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
249       url("//steelpanther.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
250}
251
252    @font-face {
253  font-family: Montserrat;
254  font-weight: 700;
255  font-style: normal;
256  font-display: swap;
257  src: url("//steelpanther.com/cdn/fonts/montserrat/montserrat_n7.3c434e22befd5c18a6b4afadb1e3d77c128c7939.woff2") format("woff2"),
258       url("//steelpanther.com/cdn/fonts/montserrat/montserrat_n7.5d9fa6e2cae713c8fb539a9876489d86207fe957.woff") format("woff");
259}
260
261    @font-face {
262  font-family: Karla;
263  font-weight: 400;
264  font-style: normal;
265  font-display: swap;
266  src: url("//steelpanther.com/cdn/fonts/karla/karla_n4.40497e07df527e6a50e58fb17ef1950c72f3e32c.woff2") format("woff2"),
267       url("//steelpanther.com/cdn/fonts/karla/karla_n4.e9f6f9de321061073c6bfe03c28976ba8ce6ee18.woff") format("woff");
268}
269
270    @font-face {
271  font-family: Karla;
272  font-weight: 700;
273  font-style: normal;
274  font-display: swap;
275  src: url("//steelpanther.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"),
276       url("//steelpanther.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff");
277}
278
279    @font-face {
280  font-family: Karla;
281  font-weight: 700;
282  font-style: normal;
283  font-display: swap;
284  src: url("//steelpanther.com/cdn/fonts/karla/karla_n7.4358a847d4875593d69cfc3f8cc0b44c17b3ed03.woff2") format("woff2"),
285       url("//steelpanther.com/cdn/fonts/karla/karla_n7.96e322f6d76ce794f25fa29e55d6997c3fb656b6.woff") format("woff");
286}
287
288    @font-face {
289  font-family: Karla;
290  font-weight: 400;
291  font-style: italic;
292  font-display: swap;
293  src: url("//steelpanther.com/cdn/fonts/karla/karla_i4.2086039c16bcc3a78a72a2f7b471e3c4a7f873a6.woff2") format("woff2"),
294       url("//steelpanther.com/cdn/fonts/karla/karla_i4.7b9f59841a5960c16fa2a897a0716c8ebb183221.woff") format("woff");
295}
296
297    @font-face {
298  font-family: Karla;
299  font-weight: 700;
300  font-style: italic;
301  font-display: swap;
302  src: url("//steelpanther.com/cdn/fonts/karla/karla_i7.fe031cd65d6e02906286add4f6dda06afc2615f0.woff2") format("woff2"),
303       url("//steelpanther.com/cdn/fonts/karla/karla_i7.816d4949fa7f7d79314595d7003eda5b44e959e3.woff") format("woff");
304}
305
306  </style>
307  
307<script>
308    function defineGlobalOnce(name, value) {
309      if (!window[name]) {
310        window[name] = value;
311      }
312    }
313  </script>
313
314  
315
316  
317
318  
318<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
318<meta name="google-site-verification" content="gSD1Z_bTBSnJpx3WAwDxoX5rMoPQIgUw5GktwoBhSFA">
319<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/8111979/digital_wallets/dialog">
320<meta id="in-context-paypal-metadata" data-shop-id="8111979" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
321<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
321<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=340656186"></script>
321
322<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
323<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=340656186&shop_id=8111979" crossorigin="anonymous"></script>
vendor: 1 bytes, line 323
323
324<script id="shopify-features" type="application/json">{"accessToken":"2f4d361c7d02663d88789bbfe25d7512","betas":["rich-media-storefront-analytics"],"domain":"steelpanther.com","predictiveSearch":true,"shopId":8111979,"locale":"en"}</script>
vendor: 1 bytes, line 324
324
325<script>var Shopify = Shopify || {};
326Shopify.shop = "steel-panther.myshopify.com";
327Shopify.locale = "en";
328Shopify.currency = {"active":"USD","rate":"1.0"};
329Shopify.country = "US";
330Shopify.theme = {"name":"Steel Panther - Footwear Prod Template 09-19-25v2","id":128279937082,"schema_name":"Label","schema_version":"3.3.2","theme_store_id":773,"role":"main"};
331Shopify.theme.handle = "null";
332Shopify.theme.style = {"id":null,"handle":null};
333Shopify.cdnHost = "steelpanther.com/cdn";
334Shopify.routes = Shopify.routes || {};
335Shopify.routes.root = "/";
336Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
337Shopify.SignInWithShop = Shopify.SignInWithShop || {};
338Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
339Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 339
339
340<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 340
340
341<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 341
341
342<script>
343  window.ShopifyPay = window.ShopifyPay || {};
344  window.ShopifyPay.apiHost = "shop.app\/pay";
345  window.ShopifyPay.redirectState = null;
346</script>
vendor: 1 bytes, line 346
346
347<script>
348  window.Shopify = window.Shopify || {};
349  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
350  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
351  window.Shopify.SignInWithShop.eligible = true;
352</script>
vendor: 1 bytes, line 352
352
353<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 353
353
354<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 354
354
355<script type="module">
356  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
357
358  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
359
360</script>
vendor: 1 bytes, line 360
360
361<script>
362  window.Shopify = window.Shopify || {};
363  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
364  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"]};
365</script>
vendor: 1 bytes, line 365
365
366<script id="__st">var __st={"a":8111979,"offset":-14400,"reqid":"197ac7d5-76cf-4d16-afe0-2fa1ea83e1c7-1790674457","pageurl":"steelpanther.com\/","u":"a6abcdd412ae","p":"home"};</script>
vendor: 1 bytes, line 366
366
367<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 367
367
368<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 368
368
369<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//steelpanther.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 369
369
370<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 = "//steelpanther.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>
370<script crossorigin="anonymous" defer="defer" src="//steelpanther.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 370
370
371<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 371
371
372<script>
373  window.Shopify = window.Shopify || {};
374  window.Shopify.MCP = window.Shopify.MCP || {};
375  window.Shopify.MCP.enabled = true;
376  window.Shopify.MCP.shop = "steel-panther.myshopify.com";
377  window.Shopify.MCP.mcpEndpoint = "https:\/\/steelpanther.com\/api\/mcp";
378  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"]}}];
379</script>
vendor: 1 bytes, line 379
379
380<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("\/\/steelpanther.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
381</script>
vendor: 1 bytes, line 381
381
382<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://steelpanther.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
383</script>
vendor: 1 bytes, line 383
383
384<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
385  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);
386</script>
vendor: 1 bytes, line 386
386
387<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})}}));
388</script>
vendor: 1 bytes, line 388
388
389<script id='scb4127' type='text/javascript' async='' src='https://steelpanther.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
389<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://steelpanther.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
390<style id="shopify-accelerated-checkout-cart">
391        #shopify-buyer-consent {
392  margin-top: 1em;
393  display: inline-block;
394  width: 100%;
395}
396
397#shopify-buyer-consent.hidden {
398  display: none;
399}
400
401#shopify-subscription-policy-button {
402  background: none;
403  border: none;
404  padding: 0;
405  text-decoration: underline;
406  font-size: inherit;
407  cursor: pointer;
408}
409
410#shopify-subscription-policy-button::before {
411  box-shadow: none;
412}
413
414      </style>
415
416<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
416
417
418
419
420
421  <!-- Facebook Pixel Code -->
422<script>
423  !function(f,b,e,v,n,t,s)
424  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
425  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
426  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
427  n.queue=[];t=b.createElement(e);t.async=!0;
428  t.src=v;s=b.getElementsByTagName(e)[0];
429  s.parentNode.insertBefore(t,s)}(window, document,'script',
430  'https://connect.facebook.net/en_US/fbevents.js');
431  fbq('init', '{644478687448229}');
432  fbq('track', 'PageView');
433</script>
433
434<noscript>
435  <img height="1" width="1" style="display:none" 
436       src="https://www.facebook.com/tr?id={644478687448229}&ev=PageView&noscript=1"/>
437</noscript>
438<!-- End Facebook Pixel Code -->
439  <!-- LE Meta Pixel Code -->
440<script>
vendor: 399 bytes, lines 440-449
440
441!function(f,b,e,v,n,t,s)
442{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
443n.callMethod.apply(n,arguments):n.queue.push(arguments)};
444if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
445n.queue=[];t=b.createElement(e);t.async=!0;
446t.src=v;s=b.getElementsByTagName(e)[0];
447s.parentNode.insertBefore(t,s)}(window, document,'script',
448'https://connect.facebook.net/en_US/fbevents.js');
449fbq('init', '
449159620787968161
vendor: 30 bytes, lines 449-450
449');
450fbq('track', 'PageView');
451</script>
451
452<noscript><img height="1" width="1" style="display:none"
453src="https://www.facebook.com/tr?id=159620787968161&ev=PageView&noscript=1"
454/></noscript>
455<!-- End LE Meta Pixel Code -->
456
457
458
459    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
460
461
462<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
463<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: 8111979,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 463
463
464<script>
465  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
466</script>
vendor: 1 bytes, line 466
466
467<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}
467).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: 8111979,storefrontBaseUrl: "https://steelpanther.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://steelpanther.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"622526522","configuration":"{\"storeIdentity\":\"steel-panther.myshopify.com\",\"baseURL\":\"https:\\\/\\\/api.printful.com\\\/shopify-pixels\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"74f275712857ab41bea9d998dcb2f9da","type":"APP","apiClientId":156624,"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":"263979066","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7B58DQ9Z9D\\\",\\\"GT-WF7XDF4\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7B58DQ9Z9D\\\",\\\"MC-ZNSMVCLY0C\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7B58DQ9Z9D\\\",\\\"MC-ZNSMVCLY0C\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7B58DQ9Z9D\\\",\\\"MC-ZNSMVCLY0C\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-7B58DQ9Z9D\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"35487802","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"57212986","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"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":"Steel Panther","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"steel-panther.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/steelpanther.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"7311285747770","handle":"feel-the-steel-15th-anniversary-record","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40546588000314","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7311285911610","handle":"feel-the-steel-15th-anniversary-cd","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40546587705402","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7311286796346","handle":"feel-the-steel-15th-anniversary-cassette","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40546534654010","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
467,{"id":"7312340910138","handle":"panther-head-24-arched-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40549705908282","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4457672048698","handle":"say-perhaps-to-drugs-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31558117425210","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4646173147194","handle":"motorboat-co-shirts","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32252003909690","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4464122101818","handle":"treat-your-girl-right-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31592535064634","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4459874385978","handle":"death-to-all-but-metal-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"31568795828282","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7205396152378","handle":"limited-edition-half-pint-toys","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"40291334914106","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"1993353068602","handle":"gift-card","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"20051348062266","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://steelpanther.com/cdn","a5bf51cfwabd6c495p49b74ff1maa529d2b",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"128279937082","themeStoreId":"773","themePublished":"true","eventMetadataId":"f81adaa8-e1a2-4285-89af-552b3c5ab149","pageType":"home","shopId":"8111979","storefrontBaseUrl":"https:\/\/steelpanther.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"a5bf51cfwabd6c495p49b74ff1maa529d2b","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
467<script>
468  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
469  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
470  window.ShopifyAnalytics.meta.currency = 'USD';
471  var meta = {"page":{"pageType":"home","requestId":"197ac7d5-76cf-4d16-afe0-2fa1ea83e1c7-1790674457"}};
472  for (var attr in meta) {
473    window.ShopifyAnalytics.meta[attr] = meta[attr];
474  }
475</script>
vendor: 1 bytes, line 475
475
476<script class="analytics">
477  (function () {
478    var customDocumentWrite = function(content) {
479      var jquery = null;
480
481      if (window.jQuery) {
482        jquery = window.jQuery;
483      } else if (window.Checkout && window.Checkout.$) {
484        jquery = window.Checkout.$;
485      }
486
487      if (jquery) {
488        jquery('body').append(content);
489      }
490    };
491
492    var hasLoggedConversion = function(token) {
493      if (token) {
494        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
495      }
496      return false;
497    }
498
499    var setCookieIfConversion = function(token) {
500      if (token) {
501        var twoMonthsFromNow = new Date(Date.now());
502        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
503
504        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
505      }
506    }
507
508    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
509    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
510    if (trekkie.integrations) {
511      return;
512    }
513    trekkie.methods = [
514      'identify',
515      'page',
516      'ready',
517      'track',
518      'trackForm',
519      'trackLink'
520    ];
521    trekkie.factory = function(method) {
522      return function() {
523        var args = Array.prototype.slice.call(arguments);
524        args.unshift(method);
525        trekkie.push(args);
526        if (method == 'track' || method == 'page') {
527          var pageUrl;
528          try {
529            pageUrl = window.location.href;
530          } catch (e) {}
531          var pageReferrer;
532          try {
533            pageReferrer = document.referrer;
534          } catch (e) {}
535          try {
536            if (window.__TREKKIE_SHIM_QUEUE == null) {
537              window.__TREKKIE_SHIM_QUEUE = [];
538            }
539            window.__TREKKIE_SHIM_QUEUE.push({
540              from: 'trekkie-stub',
541              method: method,
542              args: args.slice(1),
543              pageContext: {
544                url: pageUrl,
545                referrer: pageReferrer
546              }
547            });
548          } catch (e) {
549            // no-op
550          }
551        }
552        return trekkie;
553      };
554    };
555    for (var i = 0; i < trekkie.methods.length; i++) {
556      var key = trekkie.methods[i];
557      trekkie[key] = trekkie.factory(key);
558    }
559    trekkie.load = function(config) {
560      trekkie.config = config || {};
561      trekkie.config.initialDocumentCookie = document.cookie;
562      var first = document.getElementsByTagName('script')[0];
563var script = document.createElement('script');
564script.type = 'text/javascript';
565script.onerror = function(e) {
566  var scriptFallback = document.createElement('script');
567  scriptFallback.type = 'text/javascript';
568  scriptFallback.onerror = function(error) {
569          var Monorail = {
570      produce: function produce(monorailDomain, schemaId, payload) {
571        var currentMs = new Date().getTime();
572        var event = {
573          schema_id: schemaId,
574          payload: payload,
575          metadata: {
576            event_created_at_ms: currentMs,
577            event_sent_at_ms: currentMs
578          }
579        };
580        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
581      },
582      sendRequest: function sendRequest(endpointUrl, payload) {
583        // Try the sendBeacon API
584        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
585          var blobData = new window.Blob([payload], {
586            type: 'text/plain'
587          });
588
589          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
590            return true;
591          } // sendBeacon was not successful
592
593        } // XHR beacon
594
595        var xhr = new XMLHttpRequest();
596
597        try {
598          xhr.open('POST', endpointUrl);
599          xhr.setRequestHeader('Content-Type', 'text/plain');
600          xhr.send(payload);
601        } catch (e) {
602          console.log(e);
603        }
604
605        return false;
606      },
607      isIos12: function isIos12() {
608        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
609      }
610    };
611    Monorail.produce('monorail-edge.shopifysvc.com',
612      'trekkie_storefront_load_errors/1.1',
613      {shop_id: 8111979,
614      theme_id: 128279937082,
615      app_name: "storefront",
616      context_url: window.location.href,
617      source_url: "//steelpanther.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"});
618
619  };
620  scriptFallback.async = true;
621  scriptFallback.src = '//steelpanther.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
622  first.parentNode.insertBefore(scriptFallback, first);
623};
624script.async = true;
625script.src = '//steelpanther.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js';
626first.parentNode.insertBefore(script, first);
627
628    };
629    trekkie.load(
630      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":8111979,"isMerchantRequest":null,"themeId":128279937082,"themeCityHash":"12508738447706363493","contentLanguage":"en","currency":"USD","eventMetadataId":"f81adaa8-e1a2-4285-89af-552b3c5ab149"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
631    );
632
633    var loaded = false;
634    trekkie.ready(function() {
635      if (loaded) return;
636      loaded = true;
637
638      window.ShopifyAnalytics.lib = window.trekkie;
639
640      var originalDocumentWrite = document.write;
641      document.write = customDocumentWrite;
642      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
643      document.write = originalDocumentWrite;
644
645      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
646      var token = match? match[1]: undefined;
647      if (!hasLoggedConversion(token)) {
648        setCookieIfConversion(token);
649        
650      }
651    });
652
653    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"197ac7d5-76cf-4d16-afe0-2fa1ea83e1c7-1790674457","shopifyEmitted":true});
654
655    var eventsListenerScript = document.createElement('script');
656    eventsListenerScript.async = true;
657    eventsListenerScript.src = "//steelpanther.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
658    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
659})();</script>
659
660  
660<script>
661  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
662    window.ga = function ga() {
663      (window.ga.q = window.ga.q || []).push(arguments);
664      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
665        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
666      }
667      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.");
668    };
669    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
670      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
671    }
672  }
673</script>
vendor: 1 bytes, line 673
673
674<script
675  defer
676  src="https://steelpanther.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
677  data-application="storefront-renderer"
678  data-shop-id="8111979"
679  data-render-region="gcp-us-central1"
680  data-page-type="index"
681  data-theme-instance-id="128279937082"
682  data-theme-name="Label"
683  data-theme-version="3.3.2"
684  data-monorail-region="shop_domain"
685  data-resource-timing-sampling-rate="10"
686  data-shs="true"
687  data-shs-beacon="true"
688  data-shs-export-with-fetch="true"
689  data-shs-logs-sample-rate="1"
690  data-shs-beacon-endpoint="https://steelpanther.com/api/collect"
691></script>
691
692<meta name="shopify-y" content="cf26d9be-3ca4-4feb-a8f7-e2a1c4215dd4" data-expiration="1822232058000"><meta name="shopify-s" content="8ded1b14-45f2-4332-885f-a29e35e9d0ad" data-expiration="1790676258000"><meta name="new-cookie-storage-activated" content="t">
693</head>
694
695<body x-data="{}"  id="steel-panther-official-site" class="template-index font-body" >
696
697  <a class="in-page-link skip-link" href="#MainContent">Skip to content</a><section x-data="ThemeSection_availabilityDrawer()" data-section-id="" data-section-type="availability-drawer" x-cloak data-color-scheme="primary">
698  <div id="AvailabilityContainer"
699      class="max-h-full flex flex-col z-100 fixed top-0 right-0 bottom-0 w-80 border-l-theme-width border-scheme-border bg-scheme-background text-scheme-text transform transition-transform'"
700      x-show="$store.drawer.availabilityDrawerOpen"
701      x-transition:enter="transition ease duration-300"
702      x-transition:enter-start="opacity-0 translate-x-full"
703      x-transition:enter-end="opacity-100"
704      x-transition:leave="transition ease duration-300"
705      x-transition:leave-end="opacity-100 translate-x-full"
706      @click.away.prevent="$store.drawer.availabilityDrawerOpen = false"
707      role="dialog"
708      aria-modal="true"
709      data-availability-drawer
710      aria-labelledby="AvailabilityTitle">
711    <div class="top-0 relative flex items-center justify-between border-b-theme-width border-scheme-border py-2 px-4">
712      <h1 id="AvailabilityTitle" class="">
713        <div class="font-heading text-lg" x-text="$store.availability.product_title"></div>
714        <div x-text="$store.availability.getVariantTitle()"></div>
715      </h1>
716      <button @click.prevent="$store.drawer.availabilityDrawerOpen = false" class="block w-8 -mr-2 top-0">
717        <span class="visually-hidden">Close (esc)</span>
718        <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg>
719      </button>
720    </div>
721    <ul class="relative overflow-y-auto flex-auto" role="list">
722      <template x-for="item in currentVariantAvailability"
723                  :key="item.name">
724        <li class="p-4">
725          <div class="flex items-start">
726            <div class="inline-block w-3 mr-3 pt-1">
727              <template x-if="item.available">
728                <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-in-stock" viewBox="0 0 12 12"><g fill-rule="evenodd"><path d="M1.55 6.5l.708-.707L5.086 8.62l-.707.707z"></path><path d="M3.671 8.621l6.364-6.364.708.708-6.364 6.364z"></path></g></svg>
729              </template>
730              <template x-if="!item.available">
731                <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-out-of-stock" viewBox="0 0 12 12"><g fill-rule="evenodd"><path d="M3.172 2.464l6.364 6.364-.708.708-6.364-6.364z"></path><path d="M9.536 3.172L3.172 9.536l-.708-.708 6.364-6.364z"></path></g></svg>
732              </template>
733            </div>
734            <div>
735              <p x-text="item.name"></p>
736            </div>
737          </div>
738          <div class="mt-4 text-sm" x-html="item.address"></div>
739          <template x-if="item.phone">
740            <a class="text-scheme-accent text-sm" :href="`tel:${item.phone.replace(' ', '')}`" x-text="item.phone"></a>
741          </template>
742        </li>
743      </template>
744    </ul>
745  </div>
746</section>
747<div id="shopify-section-sidebar" class="shopify-section sidebar-menu">
748<section class="section-sidebar" x-data="ThemeSection_sidebar()" x-init="mounted()" data-section-id="sidebar" data-section-type="sidebar" x-cloak>
749  <noscript>
750    <div class="section-x-padding py-2 text-right">
751      <button class="py-2 inline-flex items-center justify-center "
752        data-menu-drawer-toggle>
753      <span class="inline-block w-5 h-5 align-middle mr-2"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-menu" viewBox="0 0 26 26"><path fill-rule="evenodd" d="M26 17v2H0v-2h26zm0-10v2H0V7h26z"></path></svg></span>
754      <span>Menu</span>
755      </button>
756    </div>
757  </noscript>
758  <div class="sidebar-container z-100 menu-drawer fixed top-0 left-0 bottom-0  w-11/12 max-w-md px-4 py-4 bg-scheme-background text-scheme-text transform overflow-y-auto"
759    data-color-scheme="secondary"
760    x-show="$store.drawer.menuDrawerOpen"
761    x-transition:enter="transition ease duration-300"
762    x-transition:enter-start="opacity-0 -translate-x-full"
763    x-transition:leave="transition ease duration-300"
764    x-transition:leave-end="-translate-x-full"
765    @click.away.prevent="$store.drawer.menuDrawerOpen = false"
766    role="dialog"
767    aria-modal="true"
768    data-menu-drawer>
769    <div class="js-enabled flex justify-end">
770      <button @click.prevent="$store.drawer.menuDrawerOpen = false" class="">
771        <span class="inline-block w-7 h-7 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg></span>
772        <span class="visually-hidden"> Close menu</span>
773      </button>
774    </div>
775    <div class="flex justify-between py-4 items-center font-heading text-2xl border-b-theme-width border-scheme-border">
776      
777      
778      
779      
780        <a href="/" class="site-header__logo-link">
781          
782          <img src="//steelpanther.com/cdn/shop/files/210307_SteelPanther_AnimalPrintLogos_14_280x.png?v=1647897615" alt="Steel Panther" width="140x">
783          
784        </a>
785      
786    </div>
787    <nav class="mt-8" aria-label="Primary">
788      <ul><li class="no-js-focus-wrapper"><a class="font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent" href="/blogs/news">
789                News
790              </a></li><li class="no-js-focus-wrapper"><a class="font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent" href="/pages/tour">
791                Tour
792              </a></li><li class="no-js-focus-wrapper"><a class="font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent" href="/pages/1987me">
793                1987Me
794              </a></li><li class="no-js-focus-wrapper"><button data-accordion
795                      class="block relative w-full text-left font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent pr-10 transition ease font-body"
796                      x-bind:aria-expanded="accordionOpen.accordion0? true: 'false'"
797                      @click="accordionOpen.accordion0 = !accordionOpen.accordion0"
798                      aria-controls="accordion0">
799                Music
800                <span class="absolute right-0 w-3 top-1/2 transform -translate-y-1/2 flex items-center">
801                  <span class="inline-block transform transition origin-center" :class="{'rotate-180': accordionOpen.accordion0}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg></span>
802                </span>
803              </button>
804<ul id="accordion0"
805                  class="no-js-focus-container pb-4"
806                  x-show="accordionOpen.accordion0"
807                  x-cloak>
808<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/feel-the-steel">
809                          Feel The Steel 15th Anniversary
810                        </a></li>
811<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/music">
812                          Vinyl, CDs & Downloads
813                        </a></li>
814<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://lnk.to/SteelPanther">
815                          Stream Now! 
816                        </a></li></ul></li><li class="no-js-focus-wrapper"><button data-accordion
817                      class="block relative w-full text-left font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent pr-10 transition ease font-body"
818                      x-bind:aria-expanded="accordionOpen.accordion1? true: 'false'"
819                      @click="accordionOpen.accordion1 = !accordionOpen.accordion1"
820                      aria-controls="accordion1">
821                Video
822                <span class="absolute right-0 w-3 top-1/2 transform -translate-y-1/2 flex items-center">
823                  <span class="inline-block transform transition origin-center" :class="{'rotate-180': accordionOpen.accordion1}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg></span>
824                </span>
825              </button>
826<ul id="accordion1"
827                  class="no-js-focus-container pb-4"
828                  x-show="accordionOpen.accordion1"
829                  x-cloak>
830<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://www.youtube.com/steelpantherrocks">
831                          SPTV
832                        </a></li>
833<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://www.youtube.com/playlist?list=PLFuipLA1g-UMPlw7IJmGUCAa05e6zpW1u">
834                          Music Videos
835                        </a></li>
836<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/pages/video-archive">
837                          Rockbuster Video Archive
838                        </a></li></ul></li><li class="no-js-focus-wrapper"><button data-accordion
839                      class="block relative w-full text-left font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent pr-10 transition ease font-body"
840                      x-bind:aria-expanded="accordionOpen.accordion2? true: 'false'"
841                      @click="accordionOpen.accordion2 = !accordionOpen.accordion2"
842                      aria-controls="accordion2">
843                Store
844                <span class="absolute right-0 w-3 top-1/2 transform -translate-y-1/2 flex items-center">
845                  <span class="inline-block transform transition origin-center" :class="{'rotate-180': accordionOpen.accordion2}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg></span>
846                </span>
847              </button>
848<ul id="accordion2"
849                  class="no-js-focus-container pb-4"
850                  x-show="accordionOpen.accordion2"
851                  x-cloak>
852<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/music">
853                          Music
854                        </a></li>
855<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/shoes">
856                          Shoes
857                        </a></li>
858<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/panther-x-mas">
859                          Holiday
860                        </a></li>
861<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/pedals">
862                          Pedals
863                        </a></li>
864<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/skate">
865                          Skateboards
866                        </a></li>
867<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/shirts">
868                          Shirts
869                        </a></li>
870<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/products/limited-edition-half-pint-toys">
871                          Toys
872                        </a></li>
873<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/hoodies">
874                          Hoodies
875                        </a></li>
876<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/hats">
877                          Hats
878                        </a></li>
879<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/accessories">
880                          Accessories 
881                        </a></li>
882<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/posters">
883                          Posters
884                        </a></li>
885<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/signed">
886                          Custom and Signed
887                        </a></li>
888<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/sales">
889                          Sale
890                        </a></li>
891<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/products/gift-card">
892                          Gift Cards
893                        </a></li></ul></li><li class="no-js-focus-wrapper"><button data-accordion
894                      class="block relative w-full text-left font-secondary inline-block py-4 hover:text-scheme-accent focus:text-scheme-accent pr-10 transition ease font-body"
895                      x-bind:aria-expanded="accordionOpen.accordion3? true: 'false'"
896                      @click="accordionOpen.accordion3 = !accordionOpen.accordion3"
897                      aria-controls="accordion3">
898                Official Fanthers
899                <span class="absolute right-0 w-3 top-1/2 transform -translate-y-1/2 flex items-center">
900                  <span class="inline-block transform transition origin-center" :class="{'rotate-180': accordionOpen.accordion3}"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg></span>
901                </span>
902              </button>
903<ul id="accordion3"
904                  class="no-js-focus-container pb-4"
905                  x-show="accordionOpen.accordion3"
906                  x-cloak>
907<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://fanthers.steelpanther.com/">
908                          The Fanthers
909                        </a></li>
910<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://discord.gg/c2f4g3ppQ">
911                          Fanthers Discord
912                        </a></li>
913<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="/collections/fanther-shirts">
914                          Fanther Store
915                        </a></li>
916<li class="no-js-focus-wrapper"><a class="font-body inline-block py-2 hover:text-scheme-accent focus:text-scheme-accent" href="https://steelpanther.com/pages/video-archive">
917                          Rockbuster Video
918                        </a></li></ul></li></ul>
919    </nav>
920
921    <div class="mt-8 border-t-theme-width border-scheme-border">
922        <ul class="mt-8 space-y-2">
923          
924            <li>
925              <a href="https://steelpanther.com/customer_authentication/redirect?locale=en&amp;region_country=US" id="customer_login_link">Log in</a>
926            </li>
927            <li>
928              <a href="https://account.steelpanther.com?locale=en&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzdGVlbC1wYW50aGVyLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTI3OTI1OCwibmJmIjoxNzkwNjc0NDU4fQ.arur1yyb52m5eELimPcTws6kgZVg55oH8ZPw2embFAA" id="customer_register_link">Create account</a>
929            </li>
930          
931        </ul>
932      
933<form class="mt-8" action="/search" method="get" role="search">
934          <div class="relative text-scheme-meta">
935            <label for="sidebar-search" class="visually-hidden">Search</label>
936            <input
937              class="w-full flex-auto text-scheme-text bg-transparent placeholder-scheme-meta pr-2 py-2 pl-8"
938              id="sidebar-search"
939              type="text"
940              name="q"
941              placeholder="Search"
942            />
943            <button class="absolute top-1/2 h-5 transform -translate-y-1/2 left-0 px-1"
944              type="submit">
945              <span class="inline-block w-5 h-5"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z" clip-rule="evenodd"></path></svg></span>
946              <span class="visually-hidden">Search</span>
947            </button>
948          </div>
949        </form>
950        <div class="text-scheme-meta mt-8">
951          <ul class="-ml-4 -mb-4 flex items-center   flex-wrap" data-color-scheme="primary">
952  
953
954    
955
956    
957  
958
959    
960
961    
962      <li class="ml-4 mb-4">
963        <a class="fill-current hover:text-scheme-accent" href="https://www.facebook.com/steelpanther">
964          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-facebook" viewBox="0 0 20 20"><path d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"></path></svg></span>
965          <span class="visually-hidden">Facebook</span>
966        </a>
967      </li>
968    
969  
970
971    
972
973    
974      <li class="ml-4 mb-4">
975        <a class="fill-current hover:text-scheme-accent" href="https://instagram.com/steelpanther">
976          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-instagram" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></span>
977          <span class="visually-hidden">Instagram</span>
978        </a>
979      </li>
980    
981  
982
983    
984
985    
986  
987
988    
989
990    
991      <li class="ml-4 mb-4">
992        <a class="fill-current hover:text-scheme-accent" href="https://www.twitter.com/Steel_Panther">
993          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-twitter" viewBox="0 0 20 20"><path d="M19.551 4.208q-.815 1.202-1.956 2.038 0 .082.02.255t.02.255q0 1.589-.469 3.179t-1.426 3.036-2.272 2.567-3.158 1.793-3.963.672q-3.301 0-6.031-1.773.571.041.937.041 2.751 0 4.911-1.671-1.284-.02-2.292-.784T2.456 11.85q.346.082.754.082.55 0 1.039-.163-1.365-.285-2.262-1.365T1.09 7.918v-.041q.774.408 1.773.448-.795-.53-1.263-1.396t-.469-1.864q0-1.019.509-1.997 1.487 1.854 3.596 2.924T9.81 7.184q-.143-.509-.143-.897 0-1.63 1.161-2.781t2.832-1.151q.815 0 1.569.326t1.284.917q1.345-.265 2.506-.958-.428 1.386-1.732 2.18 1.243-.163 2.262-.611z"></path></svg></span>
994          <span class="visually-hidden">Twitter</span>
995        </a>
996      </li>
997    
998  
999
1000    
1001
1002    
1003  
1004
1005    
1006
1007    
1008  
1009
1010    
1011
1012    
1013  
1014
1015    
1016
1017    
1018      <li class="ml-4 mb-4">
1019        <a class="fill-current hover:text-scheme-accent" href="https://open.spotify.com/artist/3l02WF362j1oHOurzuseBv?si=aMvy9AnwRqO2fwrEVBn8qQ">
1020          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-spotify" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.915 8.865c-3.223-1.914-8.54-2.09-11.617-1.156a.935.935 0 11-.543-1.79c3.532-1.072 9.404-.865 13.115 1.337a.935.935 0 01-.955 1.61zm-.105 2.836a.78.78 0 01-1.073.256c-2.687-1.652-6.785-2.13-9.964-1.165A.78.78 0 014.32 9.3c3.632-1.102 8.147-.568 11.233 1.329a.78.78 0 01.257 1.072zm-1.224 2.723a.623.623 0 01-.857.207c-2.348-1.435-5.304-1.76-8.785-.964a.623.623 0 11-.277-1.215c3.81-.871 7.076-.496 9.712 1.114.294.18.387.564.207.857zM10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z" clip-rule="evenodd"></path></svg></span>
1021          <span class="visually-hidden">Spotify</span>
1022        </a>
1023      </li>
1024    
1025  
1026
1027    
1028
1029    
1030  
1031
1032    
1033
1034    
1035  
1036
1037    
1038
1039    
1040      <li class="ml-4 mb-4">
1041        <a class="fill-current hover:text-scheme-accent" href="https://itunes.apple.com/us/artist/steel-panther/302709189">
1042          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-apple" viewBox="0 0 32 32"><path d="M28.956 10.776c-2.262.699-3.743 3.867-3.743 6.17 0 2.961 1.686 6.128 4.442 6.869-.781 2.632-2.879 5.923-4.812 7.322-.822.576-1.809.822-2.961.822-.781 0-1.645-.164-2.797-.617-.947-.452-1.81-.659-2.385-.659-.493 0-1.563.329-3.003.905-.823.247-1.481.412-1.933.412-1.316 0-2.468-.534-3.66-1.522-3.661-3.373-5.759-8.308-5.759-13.45 0-5.1 3.249-9.995 8.144-9.995 1.48 0 2.591.329 3.578.822.946.576 1.727.781 2.591.781.7 0 1.522-.124 2.303-.452 1.892-.74 3.167-1.152 3.907-1.152 1.892 0 3.373.617 4.607 1.728a8.246 8.246 0 011.48 2.016zm-13.12-3.537c0-1.768.699-3.29 1.892-4.771C18.963 1.111 20.566.288 22.335 0c0 1.809-.618 3.62-1.851 5.059-1.357 1.48-2.838 2.18-4.648 2.18z"></path></svg></span>
1043          <span class="visually-hidden">Apple</span>
1044        </a>
1045      </li>
1046    
1047  
1048
1049    
1050
1051    
1052  
1053
1054    
1055
1056    
1057      <li class="ml-4 mb-4">
1058        <a class="fill-current hover:text-scheme-accent" href="https://youtube.com/steelpantherrocks">
1059          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-youtube" viewBox="0 0 21 20"><path d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span>
1060          <span class="visually-hidden">Youtube</span>
1061        </a>
1062      </li>
1063    
1064  
1065
1066    
1067
1068    
1069  
1070
1071    
1072
1073    
1074  
1075
1076    
1077
1078    
1079  
1080</ul>
1081
1082        </div>
1083      
1084    </div>
1085  </div>
1086</section>
1087
1088<noscript>
1089<style>
1090  .section-sidebar {
1091    display: block !important;
1092  }
1093
1094  .sidebar-container {
1095    position: static;
1096    width: 100%;
1097    max-width: 100%;
1098    border-right: 0;
1099    display: none;
1100  }
1101
1102  .section-sidebar:focus-within .sidebar-container {
1103    display: block !important;
1104  }
1105</style>
1106</noscript>
1107
1108
1109</div>
1110
1111<script type="module" src="//steelpanther.com/cdn/shop/t/33/assets/cart-drawer.min.js?v=96510542796065743811761112255" defer="defer"></script>
1111
1112<section class="relative z-100" x-data='ThemeModule_CartDrawer(true)' x-init="mounted()" data-section-id="" data-section-type="cart-drawer" data-show-on-add="true" x-cloak data-color-scheme="primary">
1113  <form action="/cart"
1114    method="post"
1115    novalidate>
1116    <div id="CartContainer"
1117        class="fixed top-0 right-0 bottom-0 w-11/12 max-w-md bg-scheme-background text-scheme-text transform transition-transform overflow-hidden flex flex-col px-5"
1118        x-show="$store.drawer.cartDrawerOpen"
1119        x-transition:enter="transition ease duration-300"
1120        x-transition:enter-start="opacity-0 translate-x-full"
1121        x-transition:enter-end="opacity-100"
1122        x-transition:leave="transition ease duration-300"
1123        x-transition:leave-end="opacity-100 translate-x-full"
1124        @click.away.prevent="$store.drawer.cartDrawerOpen = false"
1125        role="dialog"
1126        aria-modal="true"
1127        data-cart-drawer
1128        aria-labelledby="CartTitle">
1129
1130      <div class="relative flex items-center justify-between py-4 border-b-theme-width border-scheme-border">
1131        <h1 class="font-heading text-base" id="CartTitle" class="" tabindex="-1">
1132          Your cart -
1133          <span x-text="$store.cartCount.countWithText()"></span>
1134        </h1>
1135        <button @click.prevent="$store.drawer.cartDrawerOpen = false" class="block top-0">
1136          <span class="visually-hidden">Close (esc)</span>
1137          <span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg></span>
1138        </button>
1139      </div>
1140
1141
1142      <template x-if="state && !state.item_count">
1143        <div class="py-4">
1144          <p class="supports-cookies text-align--center" x-text="theme.strings.cartEmpty"></p>
1145          <p class="supports-no-cookies cookie-message" x-text="theme.strings.cartCookies"></p>
1146        </div>
1147      </template>
1148      <template x-if="state && state.item_count">
1149        <div class="flex-auto flex flex-col overflow-hidden">
1150          <div class="py-4 flex-auto overflow-hidden overflow-y-auto px-5 -mx-5">
1151            <div class="grid grid-cols-1 gap-gutter">
1152              <template x-for="(item, index) in state.items"
1153                        :key="item.key">
1154                <div class="nvdCartItem flex py-4 transition bg-scheme-background"
1155                  :class="{ 'opacity-50 cursor-wait': item.updating }"
1156                  :data-cart-item-index="(index + 1)"
1157                  :data-cart-item-key="item.key"
1158                  data-cart-row>
1159
1160                  <template x-if="!(item.featured_image.url === null)">
1161                    <div  class="flex-shrink-0 w-20 md:w-28 mr-4">
1162                      
1163                      <a :href="item.url" class="block" aria-hidden="true" tabindex="-1">
1164                        <img class="w-full text-transparent"
1165                          :src="getSizedImageUrl(item.featured_image.url, '110x')"
1166                          :srcset="getCartImgSrcset(item.featured_image.url)"
1167                          :width="item.featured_image.width"
1168                          :height="item.featured_image.height"
1169                          :alt="item.product_title"
1170                          sizes="(min-width: 48em) 5rem, 3.5rem">
1171                        <pre x-text="item.featured_image.src"></pre>
1172                      </a>
1173                    </div>
1174                  </template>
1175
1176                  <div class="flex-auto pr-4">
1177                    
1178                    <a class="f--heading font-size--m md--up--font-size--l color--active-text"
1179                      :href="item.url"
1180                      x-text="item.product_title"></a>
1181                    <template x-if="item.variant_title">
1182                      <p class="text-sm" x-text="item.variant_title"></p>
1183                    </template>
1184                    
1185                    <template x-if="item.selling_plan_allocation">
1186                      <p class="text-sm mt-1 text-scheme-meta" x-text="item.selling_plan_allocation.selling_plan.name"></p>
1187                    </template>
1188                    <template x-for="property in flatProperties(item.properties)"
1189                      :key="property.name">
1190                      <p class="text-sm">
1191                        <span x-text="property.name"></span>:
1192                        <span x-text="property.value"></span>
1193                      </p>
1194                    </template>
1195
1196                    <template x-if="item.line_level_discount_allocations.length">
1197                      <ul class="lg:hidden mt-1 text-sm text-scheme-accent"
1198                          aria-label="Discount">
1199                        <template x-for="allocation in item.line_level_discount_allocations">
1200                          <li class="">
1201                            <span x-text="allocation.discount_application.title"></span>
1202                            <span class="whitespace-nowrap">&minus;<span x-html="formatMoneyWithoutCurrency(allocation.amount)"></span></span>
1203                          </li>
1204                        </template>
1205                      </ul>
1206                    </template>
1207
1208                    
1209                    <div class="flex mt-1 items-center -mx-4">
1210                      <button class="nvdQtyBtn p-4 flex items-center justify-center"
1211                        data-qty-adjust="minus"
1212                        @click.prevent="qtyAdjust($event, item)"
1213                        :aria-label="'Remove one ' + item.title">
1214                        <span class="inline-block w-3 h-3"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="icon" viewBox="0 0 20 20"><path d="M17.543 11.029H2.1A1.032 1.032 0 0 1 1.071 10c0-.566.463-1.029 1.029-1.029h15.443c.566 0 1.029.463 1.029 1.029 0 .566-.463 1.029-1.029 1.029z"/></svg>
1215</span>
1216                      </button>
1217                      <input type="text"
1218                        name="updates[]"
1219                        class="min-w-0 w-6 py-2 text-center text-base border-b-text border-current bg-transparent"
1220                        min="1"
1221                        aria-label="Quantity"
1222                        data-qty-input
1223                        pattern="[0-9]*"
1224                        data-qty-adjust="set"
1225                        @keyup.debounce.1000ms="keyupOnInput($event)"
1226                        @change="qtyAdjust($event, item)"
1227                        x-model.number="item.quantity"
1228                        autocomplete="off" />
1229                      <button class="nvdQtyBtn p-4 flex items-center justify-center"
1230                        data-qty-adjust="plus"
1231                        @click.prevent="qtyAdjust($event, item)"
1232                        :aria-label="'Add one ' + item.title">
1233                      <span class="inline-block w-3 h-3"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-plus" viewBox="0 0 20 20"><path d="M17.409 8.929h-6.695V2.258c0-.566-.506-1.029-1.071-1.029s-1.071.463-1.071 1.029v6.671H1.967C1.401 8.929.938 9.435.938 10s.463 1.071 1.029 1.071h6.605V17.7c0 .566.506 1.029 1.071 1.029s1.071-.463 1.071-1.029v-6.629h6.695c.566 0 1.029-.506 1.029-1.071s-.463-1.071-1.029-1.071z"></path></svg></span>
1234                      </button>
1235                    </div>
1236
1237                    <button class="nvdQtyRemove none lg:inline-block mt-2 text-sm"
1238                      data-qty-adjust="remove"
1239                      @click.prevent="qtyAdjust($event, item)">
1240                      <small>Remove </small>
1241                      <span class="visually-hidden" x-text="item.title"></span>
1242                    </button>
1243                  </div>
1244                  <div class="ml-1 text-right">
1245                    
1246                    <template x-if="item.line_level_discount_allocations.length">
1247                      <div>
1248                        <span class="visually-hidden">Regular price</span>
1249                        <del class="line-through" x-html="formatMoneyWithoutCurrency(item.original_price)"></del>
1250                        <span class="visually-hidden">Sale price</span>
1251                        <span class="" x-html="formatMoneyWithoutCurrency(item.final_line_price)"></span>
1252                      </div>
1253                    </template>
1254                    <template x-if="!item.line_level_discount_allocations.length">
1255                      <span class="" x-html="formatMoneyWithoutCurrency(item.final_line_price)"></span>
1256                    </template>
1257                    <template x-if="item.unit_price_measurement">
1258                      <div class="text-sm">
1259                        <span x-html="formatMoneyWithoutCurrency(item.unit_price)"></span> /
1260                        <span x-text="item.unit_price_measurement.reference_value"></span>
1261                        <span x-text="item.unit_price_measurement.reference_unit"></span>
1262                      </div>
1263                    </template>
1264                    <template x-if="item.line_level_discount_allocations.length">
1265                      <ul class="hidden lg:block mt-1 text-sm text-scheme-accent"
1266                          aria-label="Discount">
1267                        <template x-for="allocation in item.line_level_discount_allocations">
1268                          <li class="">
1269                            <span x-text="allocation.discount_application.title"></span>
1270                            <span class="whitespace-nowrap">&minus;<span x-html="formatMoneyWithoutCurrency(allocation.amount)"></span></span>
1271                          </li>
1272                        </template>
1273                      </ul>
1274                    </template>
1275                  </div>
1276                </div>
1277              </template>
1278            </div>
1279            
1280            <div class="py-4">
1281              <label for="CartSpecialInstructions"
1282                    class="text-sm">
1283                Add a note to your order
1284              </label>
1285              <textarea name="note"
1286                        id="CartSpecialInstructions"
1287                        class="block mt-1 p-2 w-full border-theme-width border-scheme-border text-sm bg-transparent"
1288                        :class="{ 'opacity-50 cursor-wait' : noteUpdating }"
1289                        x-text="state.note"
1290                        @keyup.debounce.1000ms="keyupOnInput($event)"
1291                        @change="updateNote($event)">
1292              </textarea>
1293            </div>
1294            
1295          </div>
1296          <div class="pt-4 lg:pt-8 pb-safe-bottom border-scheme-border border-t-theme-width">
1297
1298            <div  :class="{ 'opacity-50  cursor-wait': updating }">
1299              <template x-if="state.cart_level_discount_applications.length"
1300                        x-for="application in state.cart_level_discount_applications">
1301                <p class="flex justify-between text-scheme-accent pb-2">
1302                  <span class="visually-hidden">Discount</span>
1303                  <span x-text="application.title"></span>
1304                  <span class="ml-2" x-html="formatMoneyWithoutCurrency(application.total_allocated_amount)"></span>
1305                </p>
1306              </template>
1307              <p class="flex justify-between text-lg">
1308                <span>Subtotal</span>
1309                <span class="ml-2 nvdSubTotal" x-html="formatMoneyWithoutCurrency(state.total_price)"></span>
1310              </p><p class="mt-4 text-sm accent-links-scheme text-right">
1311                Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
1312
1313              </p>
1314              <div class="nvd-mini"></div>
1315              <div class="text-right mt-4">
1316                <div>
1317                  <input type="submit"
1318                      name="checkout"
1319                      class="cursor-pointer py-2 px-4 w-full w-full btn btn-solid-primary-accent"
1320                      :disabled="updating"
1321                      value="Check Out">
1322                </div>
1323                
1324              </div>
1325            </div>
1326          </div>
1327        </div>
1328    </template>
1329
1330    </div>
1331  </form>
1332</section>
1333<script>
1334  function formatMoneyWithoutCurrency(cents) {
1335    let formattedMoney = formatMoney(cents); // Default Shopify formatting
1336    return formattedMoney.replace(/[^0-9.,]/g, ""); // Remove non-numeric characters
1337}
1338</script>
1338
1339
1340<div id="shopify-section-announcement-bar" class="shopify-section">
1341</div>
1342  <div id="shopify-section-header" class="shopify-section section-site-header relative">
1343
1344
1345
1346
1347
1348
1349
1350<header
1351    class="site-header section-x-padding  w-full text-scheme-text  absolute z-20"
1352    data-color-scheme="tertiary"
1353    role="banner"
1354    data-section-type="header"
1355    data-section-id="header"
1356    x-data="ThemeSection_header()"
1357    x-init="mounted()"
1358    data-dropdown-count="4"
1359    data-header-overlay="true"
1360    :class="{'header-is-active': menuIsActive }"
1361  >
1362  <div
1363    id="headerBorderWrap" class="headerBorderWrap border-b-theme-width border-transparent"
1364    :class="{'': !prepareSticky && showBorder, '': !prepareSticky && showBorder, 'hide-border-mobile':  hideBorderMobile, }" data-color-scheme="primary">
1365    <div
1366      id="headerOuter"
1367      :class="{ 'text-scheme-text': prepareSticky }"
1368      data-color-scheme="primary">
1369      <div id="headerContainer"
1370          :class="{'fixed top-0 left-0 right-0 z-99 bg-scheme-background transform section-x-padding': prepareSticky, '-translate-y-full': prepareSticky && !revealSticky, 'transition-transform translate-y-0': revealSticky }"
1371            class="z-10">
1372        <div
1373          :class="{'sticky-header-container': prepareSticky }"
1374          class="py-4 lg:py-8">
1375          <div class="flex justify-between items-center ">
1376            
1377            <div class="flex flex-grow w-1/3  justify-start items-center">
1378              
1379                <button
1380  class="js-enabled inline-block p-1 -m-1 "
1381  type="button"
1382  x-bind:aria-expanded="$store.drawer.menuDrawerOpen"
1383  @click="$store.drawer.menuDrawerOpen = !$store.drawer.menuDrawerOpen"
1384  data-menu-drawer-toggle>
1385  <span class="visually-hidden">Menu</span>
1386  <span class="h-6 w-6 inline-block align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-menu" viewBox="0 0 26 26"><path fill-rule="evenodd" d="M26 17v2H0v-2h26zm0-10v2H0V7h26z"></path></svg></span>
1387</button>
1388              
1389
1390              
1391              
1392              
1393            </div>
1394
1395            
1396            
1397              <div class="flex justify-center text-center flex-grow lg:flex-grow-0 lg:w-auto ">
1398                
1399                
1400              </div>
1401            
1402
1403            
1404            <div class="flex flex-grow w-1/3 items-center justify-end">
1405              
1406
1407              
1408
1409              
1410                <div class="mr-10 hidden lg:block  ">
1411                  <ul class="-ml-4 -mb-4 flex items-center  justify-end flex-wrap" data-color-scheme="primary">
1412  
1413
1414    
1415
1416    
1417  
1418
1419    
1420
1421    
1422      <li class="ml-4 mb-4">
1423        <a class="fill-current hover:text-scheme-accent" href="https://www.facebook.com/steelpanther">
1424          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-facebook" viewBox="0 0 20 20"><path d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"></path></svg></span>
1425          <span class="visually-hidden">Facebook</span>
1426        </a>
1427      </li>
1428    
1429  
1430
1431    
1432
1433    
1434      <li class="ml-4 mb-4">
1435        <a class="fill-current hover:text-scheme-accent" href="https://instagram.com/steelpanther">
1436          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-instagram" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 
143618.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></span>
1437          <span class="visually-hidden">Instagram</span>
1438        </a>
1439      </li>
1440    
1441  
1442
1443    
1444
1445    
1446  
1447
1448    
1449
1450    
1451      <li class="ml-4 mb-4">
1452        <a class="fill-current hover:text-scheme-accent" href="https://www.twitter.com/Steel_Panther">
1453          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-twitter" viewBox="0 0 20 20"><path d="M19.551 4.208q-.815 1.202-1.956 2.038 0 .082.02.255t.02.255q0 1.589-.469 3.179t-1.426 3.036-2.272 2.567-3.158 1.793-3.963.672q-3.301 0-6.031-1.773.571.041.937.041 2.751 0 4.911-1.671-1.284-.02-2.292-.784T2.456 11.85q.346.082.754.082.55 0 1.039-.163-1.365-.285-2.262-1.365T1.09 7.918v-.041q.774.408 1.773.448-.795-.53-1.263-1.396t-.469-1.864q0-1.019.509-1.997 1.487 1.854 3.596 2.924T9.81 7.184q-.143-.509-.143-.897 0-1.63 1.161-2.781t2.832-1.151q.815 0 1.569.326t1.284.917q1.345-.265 2.506-.958-.428 1.386-1.732 2.18 1.243-.163 2.262-.611z"></path></svg></span>
1454          <span class="visually-hidden">Twitter</span>
1455        </a>
1456      </li>
1457    
1458  
1459
1460    
1461
1462    
1463  
1464
1465    
1466
1467    
1468  
1469
1470    
1471
1472    
1473  
1474
1475    
1476
1477    
1478      <li class="ml-4 mb-4">
1479        <a class="fill-current hover:text-scheme-accent" href="https://open.spotify.com/artist/3l02WF362j1oHOurzuseBv?si=aMvy9AnwRqO2fwrEVBn8qQ">
1480          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-spotify" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.915 8.865c-3.223-1.914-8.54-2.09-11.617-1.156a.935.935 0 11-.543-1.79c3.532-1.072 9.404-.865 13.115 1.337a.935.935 0 01-.955 1.61zm-.105 2.836a.78.78 0 01-1.073.256c-2.687-1.652-6.785-2.13-9.964-1.165A.78.78 0 014.32 9.3c3.632-1.102 8.147-.568 11.233 1.329a.78.78 0 01.257 1.072zm-1.224 2.723a.623.623 0 01-.857.207c-2.348-1.435-5.304-1.76-8.785-.964a.623.623 0 11-.277-1.215c3.81-.871 7.076-.496 9.712 1.114.294.18.387.564.207.857zM10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z" clip-rule="evenodd"></path></svg></span>
1481          <span class="visually-hidden">Spotify</span>
1482        </a>
1483      </li>
1484    
1485  
1486
1487    
1488
1489    
1490  
1491
1492    
1493
1494    
1495  
1496
1497    
1498
1499    
1500      <li class="ml-4 mb-4">
1501        <a class="fill-current hover:text-scheme-accent" href="https://itunes.apple.com/us/artist/steel-panther/302709189">
1502          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-apple" viewBox="0 0 32 32"><path d="M28.956 10.776c-2.262.699-3.743 3.867-3.743 6.17 0 2.961 1.686 6.128 4.442 6.869-.781 2.632-2.879 5.923-4.812 7.322-.822.576-1.809.822-2.961.822-.781 0-1.645-.164-2.797-.617-.947-.452-1.81-.659-2.385-.659-.493 0-1.563.329-3.003.905-.823.247-1.481.412-1.933.412-1.316 0-2.468-.534-3.66-1.522-3.661-3.373-5.759-8.308-5.759-13.45 0-5.1 3.249-9.995 8.144-9.995 1.48 0 2.591.329 3.578.822.946.576 1.727.781 2.591.781.7 0 1.522-.124 2.303-.452 1.892-.74 3.167-1.152 3.907-1.152 1.892 0 3.373.617 4.607 1.728a8.246 8.246 0 011.48 2.016zm-13.12-3.537c0-1.768.699-3.29 1.892-4.771C18.963 1.111 20.566.288 22.335 0c0 1.809-.618 3.62-1.851 5.059-1.357 1.48-2.838 2.18-4.648 2.18z"></path></svg></span>
1503          <span class="visually-hidden">Apple</span>
1504        </a>
1505      </li>
1506    
1507  
1508
1509    
1510
1511    
1512  
1513
1514    
1515
1516    
1517      <li class="ml-4 mb-4">
1518        <a class="fill-current hover:text-scheme-accent" href="https://youtube.com/steelpantherrocks">
1519          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-youtube" viewBox="0 0 21 20"><path d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span>
1520          <span class="visually-hidden">Youtube</span>
1521        </a>
1522      </li>
1523    
1524  
1525
1526    
1527
1528    
1529  
1530
1531    
1532
1533    
1534  
1535
1536    
1537
1538    
1539  
1540</ul>
1541
1542                </div>
1543              
1544
1545              <div class="hidden lg:block">
1546                
1547    
1548      <a class="inline-block  p-1 lg:mr-2  " href="https://steelpanther.com/customer_authentication/redirect?locale=en&region_country=US">
1549          <span class="visually-hidden">Log in</span>
1550          <span class="inline-block w-7 h-7 align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-account" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M12.402 3.897a3.734 3.734 0 013.73 3.73 3.734 3.734 0 01-3.73 3.73 3.735 3.735 0 01-3.731-3.73 3.735 3.735 0 013.73-3.73m8.03 10.135c-1.153-1.165-2.651-1.85-4.456-2.062a5.62 5.62 0 002.053-4.343A5.634 5.634 0 0012.402 2a5.634 5.634 0 00-5.628 5.627c0 1.747.8 3.31 2.054 4.343-1.805.212-3.305.897-4.458 2.062-2.38 2.407-2.372 7.81-2.37 7.96l1.897-.019c0-.028.006-4.782 1.832-6.617 1.035-1.04 2.489-1.567 4.323-1.567h4.699c1.833 0 3.288.527 4.322 1.567 1.826 1.834 1.833 6.598 1.833 6.627l1.896.017c.002-.149.012-5.561-2.37-7.968" clip-rule="evenodd"></path></svg></span>
1551        </a>
1552    
1553  
1554
1555              </div>
1556
1557              
1558                <a
1559                  data-open-search
1560                  x-ref="search"
1561                  @click.prevent="openSearch()"
1562                  @keydown.space="openSearch()"
1563                  href="/search"
1564                  class=" inline-block type-navigation hover:text-scheme-accent p-1 lg:mr-2"
1565                  data-color-scheme="primary">
1566                  <span class="inline-block w-7 h-7 fill-current align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z" clip-rule="evenodd"></path></svg></span>
1567                  <span class="visually-hidden">Search our site</span>
1568                </a>
1569                <div
1570                  class="absolute top-0 left-0 right-0 bottom-0 w-full flex items-center bg-scheme-background text-scheme-text z-60 section-x-padding"
1571                  data-color-scheme="primary"
1572                  x-cloak
1573                  x-show="searchOpen"
1574                  x-transition:enter="transition ease duration-200"
1575                  x-transition:enter-start="opacity-0"
1576                  x-transition:enter-end="opacity-100"
1577                  x-transition:leave="transition ease duration-00"
1578                  x-transition:leave-start="opacity-100"
1579                  x-transition:leave-end="opacity-0"
1580                  @click.away.prevent="searchOpen = false"
1581                  data-header-search
1582                  >
1583                  <div class="w-full" x-data='ThemeComponent_PredictiveSearch("product,collection,article,page")' x-init="mounted()" @focusOut="onFocusOut" @keyup="onKeyup" @keydown="onKeydown">
1584                    <form x-ref="searchForm" action="/search" method="get" role="search" @submit="onFormSubmit">
1585    <div class="relative">
1586      <input
1587        id="header-search"
1588        type="search"
1589        name="q"
1590        value=""
1591        class="header-search-input pl-9 py-2 placeholder-current font-secondary w-full"
1592        placeholder="Search"
1593        x-ref="input"aria-expanded="false"
1594          aria-owns="predictive-search-results-list"
1595          aria-controls="predictive-search-results-list"
1596          aria-autocomplete="list"
1597          autocorrect="off"
1598          autocomplete="off"
1599          autocapitalize="off"
1600          spellcheck="false"
1601          x-model="rawQuery"
1602          @input.debounce.300="onChange"
1603          @focus="onFocus">
1604      <label class="visually-hidden" for="header-search">Search</label>
1605      <input type="hidden" name="options[prefix]" value="last"><button class="absolute left-0 top-1/2 transform -translate-y-1/2 p-1" aria-label="Search">
1606        <span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-search" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M10.548 17.187a6.647 6.647 0 01-6.64-6.64 6.647 6.647 0 016.64-6.639 6.647 6.647 0 016.64 6.64 6.647 6.647 0 01-6.64 6.64zm6.629-1.253a8.507 8.507 0 001.918-5.386C19.095 5.834 15.26 2 10.548 2 5.835 2 2 5.834 2 10.548c0 4.712 3.835 8.547 8.548 8.547a8.503 8.503 0 005.265-1.828L20.546 22l1.35-1.349-4.72-4.717z" clip-rule="evenodd"></path></svg></span>
1607      </button>
1608      <button x-cloak  @click="close(true,true)" class="block p-1 absolute right-0 top-1/2 transform -translate-y-1/2" type="button">
1609        <span class="visually-hidden">Close (esc)</span>
1610        <span class="inline-block w-7 h-7"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg></span>
1611      </button>
1612    </div><div
1613      id="predictiveSearchResults"
1614      :class="{'opacity-0': !isOpen }"
1615      tabindex="-1"
1616      x-cloak
1617      class="bg-scheme-background pb-4 lg:pb-8 section-x-padding absolute bottom-border-width left-0 right-0 transform translate-y-search-results z-50 overflow-hidden overflow-y-auto max-h-screen-header"
1618      data-color-scheme="primary">
1619      <template x-if="loading && !results">
1620        <div class="w-7 h-7 mx-auto" data-predictive-loading>
1621          <div class="loading"></div>
1622        </div>
1623      </template>
1624      <template x-if="isOpen">
1625        <div class="text-scheme-text" x-ref="results">
1626        </div>
1627      </template>
1628    </div>
1629    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form>
1630                  </div>
1631                </div>
1632              
1633
1634              <div class="flex items-center justify-end">
1635                <a href="/cart"
1636  class="inline-block type-navigation hover:text-scheme-accent p-1"
1637  data-color-scheme="primary"
1638  
1639    data-cart-drawer-toggle
1640    x-bind:aria-expanded="$store.drawer.cartDrawerOpen"
1641    @click.prevent="$store.drawer.cartOpener = $event.currentTarget; $store.drawer.cartDrawerOpen = !$store.drawer.cartDrawerOpen"
1642    @keydown.space="$store.drawer.cartOpener = $event.currentTarget; $store.drawer.cartDrawerOpen = !$store.drawer.cartDrawerOpen"
1643  
1644>
1645  <div class="relative" data-color-scheme="tertiary">
1646    <span aria-hidden="true" id="CartCount"
1647      :class="{'cart-count-overlay': prepareSticky || menuIsActive }"
1648      class="bg-scheme-text text-scheme-text-overlay hidden inline-block absolute right-0 top-0 transform -translate-y-1/4 translate-x-1/4 text-xs font-bold  w-5 h-5 rounded-full flex items-center justify-center leading-zero" x-show="$store.cartCount.count > 0" x-text="$store.cartCount.count"></span>
1649    <span class="inline-block w-7 h-7 fill-current align-middle"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-cart" viewBox="0 0 24 24"><g><path fill-rule="evenodd" d="M5.034 3.375L8.07 17.042h12.896L24 3.375H5.034zm2.536 2l2.076 9.667h9.742l2.076-9.667H7.57z" clip-rule="evenodd"></path><path d="M20.207 21.083c0 .875-.68 1.584-1.517 1.584-.838 0-1.518-.71-1.518-1.584 0-.874.68-1.583 1.518-1.583s1.517.709 1.517 1.583zM11.862 21.083c0 .875-.68 1.584-1.517 1.584-.838 0-1.517-.71-1.517-1.584 0-.874.679-1.583 1.517-1.583.838 0 1.517.709 1.517 1.583zM6.5 1L7 3.375H5.034l-.089-.368H0V1h6.5z"></path></g></svg></span>
1650    <span class="visually-hidden" x-text="$store.cartCount.countWithText()"></span>
1651  </div>
1652</a>
1653              </div>
1654            </div>
1655          </div>
1656        </div>
1657      </div>
1658    </div></div></header>
1659
1660�<div class="relative overflow-hidden h-screen" data-color-scheme="tertiary">
1661  <div class="relative h-full w-full">
1662    
1663      
1664    
1665        
1666          �<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover  transition-opacity duration-200 ease-in-out "
1667  data-src="//steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_{width}x.jpg?v=1778249068"
1668  data-aspectratio="1.2953367875647668"
1669  data-sizes="auto"
1670  tabindex="-1"
1671  alt="">
1672<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
1673<noscript>
1674  
1675  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover   w-full h-full" src="//steelpanther.com/cdn/shop/files/SteelPanther_Confetti_Photo_by_Dave_Jackson_2048x2048.jpg?v=1778249068" alt="">
1676  
1677</noscript>
1678
1679        
1680    
1681        
1682    
1683        
1684    
1685  </div>
1686
1687  <div class="bg-gradient-to-b from-black to-transparent absolute top-0 left-0 right-0 w-full h-1/6" style="opacity: 0.2"></div>
1688
1689  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8  wrapper">
1690    <div class="w-full h-full flex justify-center items-center text-center">
1691      <div class="text-scheme-text">
1692            
1693            
1694            
1695            
1696            <img src="//steelpanther.com/cdn/shop/files/210307_SteelPanther_AnimalPrintLogos_14_960x.png?v=1647897615" alt="Steel Panther" width="480x">
1697            
1698          
1699          
1700            <div class="mt-8 block lg:hidden">
1701              <ul class="-ml-4 -mb-4 flex items-center justify-center  flex-wrap" data-color-scheme="primary">
1702  
1703
1704    
1705
1706    
1707  
1708
1709    
1710
1711    
1712      <li class="ml-4 mb-4">
1713        <a class="fill-current hover:text-scheme-accent" href="https://www.facebook.com/steelpanther">
1714          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-facebook" viewBox="0 0 20 20"><path d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"></path></svg></span>
1715          <span class="visually-hidden">Facebook</span>
1716        </a>
1717      </li>
1718    
1719  
1720
1721    
1722
1723    
1724      <li class="ml-4 mb-4">
1725        <a class="fill-current hover:text-scheme-accent" href="https://instagram.com/steelpanther">
1726          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-instagram" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></span>
1727          <span class="visually-hidden">Instagram</span>
1728        </a>
1729      </li>
1730    
1731  
1732
1733    
1734
1735    
1736  
1737
1738    
1739
1740    
1741      <li class="ml-4 mb-4">
1742        <a class="fill-current hover:text-scheme-accent" href="https://www.twitter.com/Steel_Panther">
1743          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-twitter" viewBox="0 0 20 20"><path d="M19.551 4.208q-.815 1.202-1.956 2.038 0 .082.02.255t.02.255q0 1.589-.469 3.179t-1.426 3.036-2.272 2.567-3.158 1.793-3.963.672q-3.301 0-6.031-1.773.571.041.937.041 2.751 0 4.911-1.671-1.284-.02-2.292-.784T2.456 11.85q.346.082.754.082.55 0 1.039-.163-1.365-.285-2.262-1.365T1.09 7.918v-.041q.774.408 1.773.448-.795-.53-1.263-1.396t-.469-1.864q0-1.019.509-1.997 1.487 1.854 3.596 2.924T9.81 7.184q-.143-.509-.143-.897 0-1.63 1.161-2.781t2.832-1.151q.815 0 1.569.326t1.284.917q1.345-.265 2.506-.958-.428 1.386-1.732 2.18 1.243-.163 2.262-.611z"></path></svg></span>
1744          <span class="visually-hidden">Twitter</span>
1745        </a>
1746      </li>
1747    
1748  
1749
1750    
1751
1752    
1753  
1754
1755    
1756
1757    
1758  
1759
1760    
1761
1762    
1763  
1764
1765    
1766
1767    
1768      <li class="ml-4 mb-4">
1769        <a class="fill-current hover:text-scheme-accent" href="https://open.spotify.com/artist/3l02WF362j1oHOurzuseBv?si=aMvy9AnwRqO2fwrEVBn8qQ">
1770          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-spotify" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.915 8.865c-3.223-1.914-8.54-2.09-11.617-1.156a.935.935 0 11-.543-1.79c3.532-1.072 9.404-.865 13.115 1.337a.935.935 0 01-.955 1.61zm-.105 2.836a.78.78 0 01-1.073.256c-2.687-1.652-6.785-2.13-9.964-1.165A.78.78 0 014.32 9.3c3.632-1.102 8.147-.568 11.233 1.329a.78.78 0 01.257 1.072zm-1.224 2.723a.623.623 0 01-.857.207c-2.348-1.435-5.304-1.76-8.785-.964a.623.623 0 11-.277-1.215c3.81-.871 7.076-.496 9.712 1.114.294.18.387.564.207.857zM10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z" clip-rule="evenodd"></path></svg></span>
1771          <span class="visually-hidden">Spotify</span>
1772        </a>
1773      </li>
1774    
1775  
1776
1777    
1778
1779    
1780  
1781
1782    
1783
1784    
1785  
1786
1787    
1788
1789    
1790      <li class="ml-4 mb-4">
1791        <a class="fill-current hover:text-scheme-accent" href="https://itunes.apple.com/us/artist/steel-panther/302709189">
1792          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-apple" viewBox="0 0 32 32"><path d="M28.956 10.776c-2.262.699-3.743 3.867-3.743 6.17 0 2.961 1.686 6.128 4.442 6.869-.781 2.632-2.879 5.923-4.812 7.322-.822.576-1.809.822-2.961.822-.781 0-1.645-.164-2.797-.617-.947-.452-1.81-.659-2.385-.659-.493 0-1.563.329-3.003.905-.823.247-1.481.412-1.933.412-1.316 0-2.468-.534-3.66-1.522-3.661-3.373-5.759-8.308-5.759-13.45 0-5.1 3.249-9.995 8.144-9.995 1.48 0 2.591.329 3.578.822.946.576 1.727.781 2.591.781.7 0 1.522-.124 2.303-.452 1.892-.74 3.167-1.152 3.907-1.152 1.892 0 3.373.617 4.607 1.728a8.246 8.246 0 011.48 2.016zm-13.12-3.537c0-1.768.699-3.29 1.892-4.771C18.963 1.111 20.566.288 22.335 0c0 1.809-.618 3.62-1.851 5.059-1.357 1.48-2.838 2.18-4.648 2.18z"></path></svg></span>
1793          <span class="visually-hidden">Apple</span>
1794        </a>
1795      </li>
1796    
1797  
1798
1799    
1800
1801    
1802  
1803
1804    
1805
1806    
1807      <li class="ml-4 mb-4">
1808        <a class="fill-current hover:text-scheme-accent" href="https://youtube.com/steelpantherrocks">
1809          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-youtube" viewBox="0 0 21 20"><path d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span>
1810          <span class="visually-hidden">Youtube</span>
1811        </a>
1812      </li>
1813    
1814  
1815
1816    
1817
1818    
1819  
1820
1821    
1822
1823    
1824  
1825
1826    
1827
1828    
1829  
1830</ul>
1831
1832            </div>
1833          �</div>
1834    </div>
1835  </div>
1836
1837  <div class="absolute bottom-0 left-0 right-0 z-10 text-center">
1838    <button role="button" class="p-8 text-scheme-text" @click="el = document.getElementById('MainContent');var rect = el.getBoundingClientRect();window.scrollTo({top: rect.y, left: rect.x, behavior: 'smooth'})">
1839      <span class="block w-12 h-12">
1840        <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg>
1841      </span>
1842    </button>
1843  </div>
1844</div>
1845
1846<noscript>
1847  <style>
1848    .no-js-focus-wrapper:focus-within > .no-js-focus-container {
1849      display: block !important;
1850    }
1851  </style>
1852</noscript>
1853
1854
1855  <style>
1856    .logo-image {
1857      display: block;
1858      max-width: 250px;
1859    }
1860  </style>
1861
1862
1863
1864
1865<script type="application/ld+json">
1866{
1867  "@context": "http://schema.org",
1868  "@type": "Organization",
1869  "name": "Steel Panther",
1870  
1871    
1872    "logo": "https:\/\/steelpanther.com\/cdn\/shop\/files\/210307_SteelPanther_AnimalPrintLogos_14_2000x.png?v=1647897615",
1873  
1874  "sameAs": [
1875    "https:\/\/www.facebook.com\/steelpanther",
1876    "https:\/\/instagram.com\/steelpanther",
1877    "https:\/\/www.twitter.com\/Steel_Panther",
1878    "",
1879    "",
1880    "",
1881    "https:\/\/open.spotify.com\/artist\/3l02WF362j1oHOurzuseBv?si=aMvy9AnwRqO2fwrEVBn8qQ",
1882    "",
1883    "",
1884    "",
1885    "https:\/\/itunes.apple.com\/us\/artist\/steel-panther\/302709189",
1886    "",
1887    "https:\/\/youtube.com\/steelpantherrocks",
1888    "",
1889    "",
1890    "",
1891    ""
1892  ],
1893  "url": "https:\/\/steelpanther.com"
1894}
1895</script>
1895
1896
1897
1898  
1899  
1899<script type="application/ld+json">
1900    {
1901      "@context": "http://schema.org",
1902      "@type": "WebSite",
1903      "name": "Steel Panther",
1904      "potentialAction": {
1905        "@type": "SearchAction",
1906        "target": "https:\/\/steelpanther.com\/search?q={search_term_string}",
1907        "query-input": "required name=search_term_string"
1908      },
1909      "url": "https:\/\/steelpanther.com"
1910    }
1911  </script>
1911
1912
1913</div>
1914  <main role="main" id="MainContent">
1915    
1916    
1917
1918
1919    
1920    <div id="shopify-section-template--15873397915706__video_YBrUHC" class="shopify-section section-video">
1921
1922  
1923<script type="module" src="//steelpanther.com/cdn/shop/t/33/assets/video.min.js?v=69463823849724424101761112255" defer="defer"></script>
1923
1924
1925<section class="bg-scheme-background text-scheme-text feature-video section-y-padding" data-color-scheme="primary">
1926  
1927  
1928
1929  <div  x-data='ThemeModule_Video("featuredVideo-template--15873397915706__video_YBrUHC", "external_video", "youtube")' x-init="mounted()" class="feature-video__video  wrapper">
1930    <div x-ref="video_container" class="relative overflow-hidden" style="padding-bottom: 56.25%;">
1931      <template x-if="!enabled">
1932        <button  @click="enableVideo()" class="absolute top-0 left-0 right-0 bottom-0 h-full w-full flex items-center justify-center group" type="button">
1933
1934          <div class="z-40 text-center" data-fade-in>
1935            
1936            <span
1937              class="rounded-full w-14 h-14 lg:w-18 lg:h-18 bg-scheme-background text-scheme-background-overlay inline-flex items-center justify-center hover:bg-scheme-accent hover:text-scheme-accent-overlay transition-opacity"
1938            >
1939              <span class="w-8 h-8 lg:w-10 h-10 inline-block" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-play" viewBox="0 0 20 20"><path d="M17 9.928L5 16.856V3l12 6.928z"></path></svg></span>
1940            </span>
1941          </div>�<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover  transition-opacity duration-200 ease-in-out "
1942  data-src="//steelpanther.com/cdn/shop/files/MothersDay_thumb1_{width}x.jpg?v=1778247983"
1943  data-aspectratio="1.9042821158690175"
1944  data-sizes="auto"
1945  tabindex="-1"
1946  alt="">
1947<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
1948<noscript>
1949  
1950  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover   w-full h-full" src="//steelpanther.com/cdn/shop/files/MothersDay_thumb1_2048x2048.jpg?v=1778247983" alt="">
1951  
1952</noscript>
1953
1954</button>
1955      </template>
1956      <template  x-if="enabled"><iframe src="https://www.youtube.com/embed/xX0moP9c-OU?enablejsapi=1&autoplay=1" class="js-youtube absolute top-0 left-0 right-0 bottom-0 w-full h-full" allow="autoplay; encrypted-media" allowfullscreen title=""></iframe></template>
1957    </div>
1958  </div>
1959</section>
1960
1961
1962
1963</div><div id="shopify-section-template--15873397915706__16594725672952307e" class="shopify-section">
1964<section class="bg-scheme-background text-scheme-text blog-posts section-y-padding" data-color-scheme="primary">
1965  <div class="wrapper"><h2 class="font-heading section-title-align text-lg">
1966          Panther News and Shit
1967
1968      </h2><ul class="grid lg:grid-cols-3 gap-10 mt-10">
1969      
1970        <li class="relative text-left group" data-fade-in>
1971          
1972            
1973<div class="gallery-image-cropped relative w-full overflow-hidden"
1974    style="padding-top:100.0%;">
1975    <div
1976      class="lazyload gallery-image-cropped__inner absolute top-0 left-0 right-0 bottom-0 bg-cover  bg-center  "
1977      data-bgset="
1978//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_180x.png?v=1778248335 180w 180h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_360x.png?v=1778248335 360w 360h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_540x.png?v=1778248335 540w 540h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_720x.png?v=1778248335 720w 720h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_900x.png?v=1778248335 900w 900h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_1080x.png?v=1778248335 1080w 1080h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_1296x.png?v=1778248335 1296w 1296h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_1512x.png?v=1778248335 1512w 1512h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_1728x.png?v=1778248335 1728w 1728h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_1944x.png?v=1778248335 1944w 1944h,//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_2000x.png?v=1778248335 2000w 2000h"
1979      data-sizes="auto"
1980      data-parent-fit="cover"
1981      style="background-image: url('//steelpanther.com/cdn/shop/articles/SP-MothersDay_cover_300x300.png?v=1778248335');">
1982    </div>
1983  </div>
1984          
1985
1986          <h3 class="font-heading text-xl leading-snug mt-4">
1987            <a href="/blogs/news/were-back-with-a-new-anthem-to-loving-mothers-around-the-world">
1988              We're Back With A New Anthem to Loving Mothers Around the World! ❤️‍🔥
1989              <span class="absolute top-0 left-0 w-full h-full z-10 block"></span>
1990            </a>
1991          </h3>
1992          
1993          
1994            <div class="mt-4 text-base">
1995              
1996                <p>The First New Song From the California Rock Gods in Three Years, “The Mother’s Day Song” is Now Available via All Digital Service Providers right here! Not just for the Moms we love, but for all of us who love...</p>
1997              
1998            </div>
1999          
2000          
2001        </li>
2002      
2003        <li class="relative text-left group" data-fade-in>
2004          
2005            
2006<div class="gallery-image-cropped relative w-full overflow-hidden"
2007    style="padding-top:100.0%;">
2008    <div
2009      class="lazyload gallery-image-cropped__inner absolute top-0 left-0 right-0 bottom-0 bg-cover  bg-center  "
2010      data-bgset="
2011//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_180x.jpg?v=1773352435 180w 225h,//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_360x.jpg?v=1773352435 360w 450h,//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_540x.jpg?v=1773352435 540w 675h,//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_720x.jpg?v=1773352435 720w 900h,//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_900x.jpg?v=1773352435 900w 1125h,//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_1080x.jpg?v=1773352435 1080w 1350h"
2012      data-sizes="auto"
2013      data-parent-fit="cover"
2014      style="background-image: url('//steelpanther.com/cdn/shop/articles/649646047_1477077817117937_8338700571884645842_n_fe9519e0-ae8b-460e-b73c-df6231735d1b_300x300.jpg?v=1773352435');">
2015    </div>
2016  </div>
2017          
2018
2019          <h3 class="font-heading text-xl leading-snug mt-4">
2020            <a href="/blogs/news/fell-the-madness">
2021              Feel The Madness
2022              <span class="absolute top-0 left-0 w-full h-full z-10 block"></span>
2023            </a>
2024          </h3>
2025          
2026          
2027            <div class="mt-4 text-base">
2028              
2029                <p>The Twenty Twenty $ex Tour is comin' in HOT and, to celebrate, we're pitting city against city to determine who's most excited to party with us!! One lucky winner from the winning city will get a VIP Package from us!! Ready to...</p>
2030              
2031            </div>
2032          
2033          
2034        </li>
2035      
2036        <li class="relative text-left group" data-fade-in>
2037          
2038            
2039<div class="gallery-image-cropped relative w-full overflow-hidden"
2040    style="padding-top:100.0%;">
2041    <div
2042      class="lazyload gallery-image-cropped__inner absolute top-0 left-0 right-0 bottom-0 bg-cover  bg-center  "
2043      data-bgset="
2044//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_180x.png?v=1769526385 180w 240h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_360x.png?v=1769526385 360w 480h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_540x.png?v=1769526385 540w 720h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_720x.png?v=1769526385 720w 960h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_900x.png?v=1769526385 900w 1200h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_1080x.png?v=1769526385 1080w 1440h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_1296x.png?v=1769526385 1296w 1728h,//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_1500x.png?v=1769526385 1500w 2000h"
2045      data-sizes="auto"
2046      data-parent-fit="cover"
2047      style="background-image: url('//steelpanther.com/cdn/shop/articles/US-Full-Dates_1080x1440_3ccd57b6-8ddf-4a77-a34b-f8a75809e5aa_300x300.png?v=1769526385');">
2048    </div>
2049  </div>
2050          
2051
2052          <h3 class="font-heading text-xl leading-snug mt-4">
2053            <a href="/blogs/news/party-frickin-hardy">
2054              Party Frickin Hardy!
2055              <span class="absolute top-0 left-0 w-full h-full z-10 block"></span>
2056            </a>
2057          </h3>
2058          
2059          
2060            <div class="mt-4 text-base">
2061              
2062                <p>That's right. We are hitting the road again to bring this nonstop party to your town. Ticket presale and VIP sales starts tomorrow the 28th at 10 am! Get your presale code in the FANTHER FORUM. If you are not...</p>
2063              
2064            </div>
2065          
2066          
2067        </li>
2068      
2069    </ul>
2070  </div>
2071
2072  
2073    <div class="mt-10 text-center">
2074      <a href="/blogs/news" class="btn btn-outline-primary-accent" aria-label="View all blog posts">
2075        <span class="btn-text">Read more</span>
2076        <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2077      </a>
2078    </div>
2079  
2080
2081</section>
2082
2083
2084</div><div id="shopify-section-template--15873397915706__95c4fb11-ec67-4462-aaf5-660fa9eecc94" class="shopify-section">
2085
2086
2087<section class="bg-scheme-background text-scheme-text featured-collection section-y-padding" data-section-id="template--15873397915706__95c4fb11-ec67-4462-aaf5-660fa9eecc94" data-section-type="featured-collection" data-color-scheme="primary">
2088
2089  <div class="wrapper"><h2 class="font-heading section-title-align text-lg">
2090        <div>
2091          The 15th Anniversary of Feel The Steel!
2092        </div>
2093      </h2>
2093<ul class="grid grid-cols-2 lg:grid-cols-4 gap-5 lg:gap-10  mt-10">
2094
2095<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Feel The Steel 15th Anniversary Record")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2096  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2097
2098    <div class="relative overflow-hidden">
2099      
2100
2101<div
2102     data-color-scheme="primary"
2103     data-image-id=""
2104     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2105     style="height: 0; padding-top: 100.0%;"
2106     >
2107  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2108       data-src="//steelpanther.com/cdn/shop/files/FTS15_Record_StoreMock_a1caf8f0-44c5-4d65-bdbd-ee3a1f648d3c_{width}x.png?v=1720710182"
2109       data-widths="[180,360,540,720,900,1080,1296,1500]"
2110       data-aspectratio="1.0"
2111       data-sizes="auto"
2112       tabindex="-1"
2113       alt="Feel The Steel 15th Anniversary Record"
2114       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2115    <div class="absolute top-0 left-0 w-full h-full">
2116      <img class=" " src="//steelpanther.com/cdn/shop/files/FTS15_Record_StoreMock_a1caf8f0-44c5-4d65-bdbd-ee3a1f648d3c_2048x2048.png?v=1720710182" alt="Feel The Steel 15th Anniversary Record">
2117    </div>
2118  </noscript>
2119</div>
2120
2121
2122      
2123
2124      
2125
2126      
2127</div>
2128
2129    
2130
2131    <div class="text-base">
2132      <a href="/products/feel-the-steel-15th-anniversary-record" class="absolute top-0 left-0 w-full h-full z-20 block">
2133        <span class="visually-hidden">Feel The Steel 15th Anniversary Record</span>
2134      </a>
2135      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2136        
2137
2138        
2139          <p class="product-grid-title">Feel The Steel 15th Anniversary Record</p>
2140        
2141      </div>
2142
2143      
2144      
2145
2146      <p class="price m0 mt-2">
2147        
2148
2149        
2150          
2151            
2152              From 27.99
2153          
2154        
2155
2156        
2157
2158        
2159                
2160        
2161</p>
2162    </div>
2163  </div></li>
2164
2165
2166
2167<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Feel The Steel 15th Anniversary CD")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2168  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2169
2170    <div class="relative overflow-hidden">
2171      
2172
2173<div
2174     data-color-scheme="primary"
2175     data-image-id=""
2176     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2177     style="height: 0; padding-top: 100.0%;"
2178     >
2179  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2180       data-src="//steelpanther.com/cdn/shop/files/FTS15_CD_StoreMock_{width}x.png?v=1720639664"
2181       data-widths="[180,360,540,720,900,1080,1296,1500]"
2182       data-aspectratio="1.0"
2183       data-sizes="auto"
2184       tabindex="-1"
2185       alt="Feel The Steel 15th Anniversary CD"
2186       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2187    <div class="absolute top-0 left-0 w-full h-full">
2188      <img class=" " src="//steelpanther.com/cdn/shop/files/FTS15_CD_StoreMock_2048x2048.png?v=1720639664" alt="Feel The Steel 15th Anniversary CD">
2189    </div>
2190  </noscript>
2191</div>
2192
2193
2194      
2195
2196      
2197
2198      
2199</div>
2200
2201    
2202
2203    <div class="text-base">
2204      <a href="/products/feel-the-steel-15th-anniversary-cd" class="absolute top-0 left-0 w-full h-full z-20 block">
2205        <span class="visually-hidden">Feel The Steel 15th Anniversary CD</span>
2206      </a>
2207      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2208        
2209
2210        
2211          <p class="product-grid-title">Feel The Steel 15th Anniversary CD</p>
2212        
2213      </div>
2214
2215      
2216      
2217
2218      <p class="price m0 mt-2">
2219        
2220
2221        
2222          
2223            
2224              From 14.99
2225          
2226        
2227
2228        
2229
2230        
2231                
2232        
2233</p>
2234    </div>
2235  </div></li>
2236
2237
2238
2239<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Feel The Steel 15th Anniversary Cassette")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2240  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focu
2240sin="hover = true" @focusout="resetHover()">
2241
2242    <div class="relative overflow-hidden">
2243      
2244
2245<div
2246     data-color-scheme="primary"
2247     data-image-id=""
2248     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2249     style="height: 0; padding-top: 100.0%;"
2250     >
2251  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2252       data-src="//steelpanther.com/cdn/shop/files/FTS15_Cassette_StoreMock_{width}x.png?v=1720640403"
2253       data-widths="[180,360,540,720,900,1080,1296,1500]"
2254       data-aspectratio="1.0"
2255       data-sizes="auto"
2256       tabindex="-1"
2257       alt="Feel The Steel 15th Anniversary Cassette"
2258       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2259    <div class="absolute top-0 left-0 w-full h-full">
2260      <img class=" " src="//steelpanther.com/cdn/shop/files/FTS15_Cassette_StoreMock_2048x2048.png?v=1720640403" alt="Feel The Steel 15th Anniversary Cassette">
2261    </div>
2262  </noscript>
2263</div>
2264
2265
2266      
2267
2268      
2269
2270      
2271</div>
2272
2273    
2274
2275    <div class="text-base">
2276      <a href="/products/feel-the-steel-15th-anniversary-cassette" class="absolute top-0 left-0 w-full h-full z-20 block">
2277        <span class="visually-hidden">Feel The Steel 15th Anniversary Cassette</span>
2278      </a>
2279      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2280        
2281
2282        
2283          <p class="product-grid-title">Feel The Steel 15th Anniversary Cassette</p>
2284        
2285      </div>
2286
2287      
2288      
2289
2290      <p class="price m0 mt-2">
2291        
2292
2293        
2294          
2295            
2296              14.99
2297            
2298          
2299        
2300
2301        
2302
2303        
2304                
2305        
2306</p>
2307    </div>
2308  </div></li>
2309
2310
2311
2312<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Panther Head 24 Arched Shirt")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2313  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2314
2315    <div class="relative overflow-hidden">
2316      
2317
2318<div
2319     data-color-scheme="primary"
2320     data-image-id=""
2321     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2322     style="height: 0; padding-top: 100.0%;"
2323     >
2324  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2325       data-src="//steelpanther.com/cdn/shop/files/Head_24_Arched_Hero_{width}x.png?v=1721094408"
2326       data-widths="[180,360,540,720,900,1080,1296,1500]"
2327       data-aspectratio="1.0"
2328       data-sizes="auto"
2329       tabindex="-1"
2330       alt="Panther Head 24 Arched Shirt"
2331       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2332    <div class="absolute top-0 left-0 w-full h-full">
2333      <img class=" " src="//steelpanther.com/cdn/shop/files/Head_24_Arched_Hero_2048x2048.png?v=1721094408" alt="Panther Head 24 Arched Shirt">
2334    </div>
2335  </noscript>
2336</div>
2337
2338        
2339        
2340          <div class="product-item-hover lazyload absolute top-0 left-0 bottom-0 right-0 opacity-0 z-10 bg-cover transition-opacity duration-200 ease-in-out  bg-scheme-background"
2341              data-bgset="//steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_180x.png?v=1721094408 180w 180h,
2342  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_360x.png?v=1721094408 360w 360h,
2343  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_540x.png?v=1721094408 540w 540h,
2344  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_720x.png?v=1721094408 720w 720h,
2345  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_900x.png?v=1721094408 900w 900h,
2346  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_1080x.png?v=1721094408 1080w 1080h,
2347  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero_1296x.png?v=1721094408 1296w 1296h,
2348  
2349  
2350  
2351  
2352  
2353  
2354  
2355  
2356  
2357  
2358  
2359  //steelpanther.com/cdn/shop/files/Head_24_Arched_Black_Hero.png?v=1721094408 1500w 1500h"
2360              data-sizes="auto"
2361              data-parent-fit="cover"
2362              >
2363          </div>
2364
2365      
2366
2367      
2368
2369      
2370</div>
2371
2372    
2373
2374    <div class="text-base">
2375      <a href="/products/panther-head-24-arched-shirt" class="absolute top-0 left-0 w-full h-full z-20 block">
2376        <span class="visually-hidden">Panther Head 24 Arched Shirt</span>
2377      </a>
2378      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2379        
2380
2381        
2382          <p class="product-grid-title">Panther Head 24 Arched Shirt</p>
2383        
2384      </div>
2385
2386      
2387      
2388
2389      <p class="price m0 mt-2">
2390        
2391
2392        
2393          
2394            
2395              24.99
2396            
2397          
2398        
2399
2400        
2401
2402        
2403                
2404        
2405</p>
2406    </div>
2407  </div></li>
2408
2409</ul><div class="mt-10 text-center">
2410          <a href="/collections/feel-the-steel" class="btn btn-outline-primary-accent">
2411            <span class="btn-text">View All</span>
2412            <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2413          </a>
2414        </div></div>
2415
2416</section>
2417
2418
2419
2420</div><div id="shopify-section-template--15873397915706__image_with_text_kBCcG9" class="shopify-section">
2421<section
2422  class="relative image-with-text section-with-no-padding group"
2423  data-section-id="template--15873397915706__image_with_text_kBCcG9"
2424  data-color-scheme="tertiary">
2425  
2426  <a href="/pages/1987me" class="increase-target"></a>
2427  
2428  <div class="grid grid-cols-1 lg:grid-cols-12 grid-flow-row-dense">
2429    <div class="image-with-text__image lg:col-span-6">
2430      <div class="relative min-h-full overflow-hidden">
2431        
2432          <div class="hidden lg:block">
2433            �<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover  transition-opacity duration-200 ease-in-out "
2434  data-src="//steelpanther.com/cdn/shop/files/1987me5_{width}x.heic?v=1711979802"
2435  data-aspectratio="1.0"
2436  data-sizes="auto"
2437  tabindex="-1"
2438  alt="">
2439<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
2440<noscript>
2441  
2442  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover   w-full h-full" src="//steelpanther.com/cdn/shop/files/1987me5_2048x2048.heic?v=1711979802" alt="">
2443  
2444</noscript>
2445
2446          </div>
2447          <div class="block lg:hidden">
2448            
2449<div
2450     data-color-scheme="primary"
2451     data-image-id=""
2452     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2453     style="height: 0; padding-top: 100.0%;"
2454     >
2455  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2456       data-src="//steelpanther.com/cdn/shop/files/1987me5_{width}x.heic?v=1711979802"
2457       data-widths="[180,360,540,720,900,1080,1200]"
2458       data-aspectratio="1.0"
2459       data-sizes="auto"
2460       tabindex="-1"
2461       alt=""
2462       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2463    <div class="absolute top-0 left-0 w-full h-full">
2464      <img class=" " src="//steelpanther.com/cdn/shop/files/1987me5_2048x2048.heic?v=1711979802" alt="">
2465    </div>
2466  </noscript>
2467</div>
2468
2469          </div>
2470        
2471      </div>
2472    </div>
2473    <div class="image-with-text__text  lg:col-span-6  lg:aspect-ratio-content lg:aspect-ratio-content-square  flex items-center bg-scheme-background text-scheme-text px-5 lg:px-10 section-y-padding">
2474      <div class="text-left break-words w-full  py-10 lg:py-20" data-fade-in>
2475        
2476          <h2 class="block font-heading text-2xl lg:text-3xl lg:text-4xl leading-snug max-w-md  ">
2477            <span class="type-text-overlay">
2478              WANNA JOIN THE BAND?!
2479            </span>
2480          </h2>
2481        
2482        
2483          <div class="leading-relaxed text-rte mt-4  max-w-md  ">
2484            <p><em>Ever wake up from a dream where you found yourself as the fifth member of Steel Panther?  Well, we've got good news.  Here's your chance to make it REAL through the power of Heavy Metal AI - Introducing 1987Me!</em></p>
2485          </div>
2486        
2487        
2488          <div class="mt-8">
2489            <span class="btn btn-solid-tertiary-accent">
2490              <span class="btn-text">Do It Here</span>
2491              <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2492            </span>
2493          </div>
2494        
2495      </div>
2496    </div>
2497  </div>
2498</section>
2499
2500
2501
2502</div><div id="shopify-section-template--15873397915706__16594728218059b212" class="shopify-section">
2503
2504
2505<section class="bg-scheme-background text-scheme-text featured-collection section-y-padding" data-section-id="template--15873397915706__16594728218059b212" data-section-type="featured-collection" data-color-scheme="primary">
2506
2507  <div class="wrapper"><h2 class="font-heading section-title-align text-lg">
2508        <div>
2509          Party Panther Style
2510        </div>
2511      </h2><ul class="grid grid-cols-2 lg:grid-cols-4 gap-5 lg:gap-10  mt-10">
2512
2513<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Say Perhaps To Drugs Shirt")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2514  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2515
2516    <div class="relative overflow-hidden">
2517      
2518
2519<div
2520     data-color-scheme="primary"
2521     data-image-id=""
2522     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2523     style="height: 0; padding-top: 100.0%;"
2524     >
2525  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2526       data-src="//steelpanther.com/cdn/shop/files/SPHTDNEWHERO_{width}x.png?v=1718829007"
2527       data-widths="[180,360,540,720,900,1024]"
2528       data-aspectratio="1.0"
2529       data-sizes="auto"
2530       tabindex="-1"
2531       alt="Say Perhaps To Drugs Shirt"
2532       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2533    <div class="absolute top-0 left-0 w-full h-full">
2534      <img class=" " src="//steelpanther.com/cdn/shop/files/SPHTDNEWHERO_2048x2048.png?v=1718829007" alt="Say Perhaps To Drugs Shirt">
2535    </div>
2536  </noscript>
2537</div>
2538
2539        
2540        
2541          <div class="product-item-hover lazyload absolute top-0 left-0 bottom-0 right-0 opacity-0 z-10 bg-cover transition-opacity duration-200 ease-in-out  bg-scheme-background"
2542              data-bgset="//steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_180x.png?v=1718829007 180w 180h,
2543  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_360x.png?v=1718829007 360w 360h,
2544  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_540x.png?v=1718829007 540w 540h,
2545  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_720x.png?v=1718829007 720w 720h,
2546  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_900x.png?v=1718829007 900w 900h,
2547  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_1080x.png?v=1718829007 1080w 1080h,
2548  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO_1296x.png?v=1718829007 1296w 1296h,
2549  
2550  
2551  
2552  
2553  
2554  
2555  
2556  
2557  
2558  
2559  
2560  //steelpanther.com/cdn/shop/files/SPHTDBKNEWHERO.png?v=1718829007 1374w 1374h"
2561              data-sizes="auto"
2562              data-parent-fit="cover"
2563              >
2564          </div>
2565
2566      
2567
2568      
2569
2570      
2571</div>
2572
2573    
2574
2575    <div class="text-base">
2576      <a href="/products/say-perhaps-to-drugs-shirt" class="absolute top-0 left-0 w-full h-full z-20 block">
2577        <span class="visually-hidden">Say Perhaps To Drugs Shirt</span>
2578      </a>
2579      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2580        
2581
2582        
2583          <p class="product-grid-title">Say Perhaps To Drugs Shirt</p>
2584        
2585      </div>
2586
2587      
2588      
2589
2590      <p class="price m0 mt-2">
2591        
2592
2593        
2594          
2595            
2596              24.99
2597            
2598          
2599        
2600
2601        
2602
2603        
2604                
2605        
2606</p>
2607    </div>
2608  </div></li>
2609
2610
2611
2612<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Motorboat Co. Shirts")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2613  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focu
2613sin="hover = true" @focusout="resetHover()">
2614
2615    <div class="relative overflow-hidden">
2616      
2617
2618<div
2619     data-color-scheme="primary"
2620     data-image-id=""
2621     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2622     style="height: 0; padding-top: 100.0%;"
2623     >
2624  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2625       data-src="//steelpanther.com/cdn/shop/files/MBCSHIRTHERO_{width}x.png?v=1718823241"
2626       data-widths="[180,360,540,720,900,1024]"
2627       data-aspectratio="1.0"
2628       data-sizes="auto"
2629       tabindex="-1"
2630       alt="Motorboat Co. Shirts"
2631       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2632    <div class="absolute top-0 left-0 w-full h-full">
2633      <img class=" " src="//steelpanther.com/cdn/shop/files/MBCSHIRTHERO_2048x2048.png?v=1718823241" alt="Motorboat Co. Shirts">
2634    </div>
2635  </noscript>
2636</div>
2637
2638        
2639        
2640          <div class="product-item-hover lazyload absolute top-0 left-0 bottom-0 right-0 opacity-0 z-10 bg-cover transition-opacity duration-200 ease-in-out  bg-scheme-background"
2641              data-bgset="//steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_180x.png?v=1718823241 180w 180h,
2642  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_360x.png?v=1718823241 360w 360h,
2643  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_540x.png?v=1718823241 540w 540h,
2644  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_720x.png?v=1718823241 720w 720h,
2645  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_900x.png?v=1718823241 900w 900h,
2646  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_1080x.png?v=1718823241 1080w 1080h,
2647  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO_1296x.png?v=1718823241 1296w 1296h,
2648  
2649  
2650  
2651  
2652  
2653  
2654  
2655  
2656  
2657  
2658  
2659  //steelpanther.com/cdn/shop/files/MBCBKSHIRTHERO.png?v=1718823241 1374w 1374h"
2660              data-sizes="auto"
2661              data-parent-fit="cover"
2662              >
2663          </div>
2664
2665      
2666
2667      
2668
2669      
2670</div>
2671
2672    
2673
2674    <div class="text-base">
2675      <a href="/products/motorboat-co-shirts" class="absolute top-0 left-0 w-full h-full z-20 block">
2676        <span class="visually-hidden">Motorboat Co. Shirts</span>
2677      </a>
2678      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2679        
2680
2681        
2682          <p class="product-grid-title">Motorboat Co. Shirts</p>
2683        
2684      </div>
2685
2686      
2687      
2688
2689      <p class="price m0 mt-2">
2690        
2691
2692        
2693          
2694            
2695              24.99
2696            
2697          
2698        
2699
2700        
2701
2702        
2703                
2704        
2705</p>
2706    </div>
2707  </div></li>
2708
2709
2710
2711<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "(Tr)eat Your Girl Right T Shirt")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2712  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2713
2714    <div class="relative overflow-hidden">
2715      
2716
2717<div
2718     data-color-scheme="primary"
2719     data-image-id=""
2720     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2721     style="height: 0; padding-top: 100.0%;"
2722     >
2723  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2724       data-src="//steelpanther.com/cdn/shop/files/TYGRBKSHIRTNEWHERO_{width}x.png?v=1718835453"
2725       data-widths="[180,360,540,720,900,1080,1296,1374]"
2726       data-aspectratio="1.0"
2727       data-sizes="auto"
2728       tabindex="-1"
2729       alt="(Tr)eat Your Girl Right T Shirt"
2730       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2731    <div class="absolute top-0 left-0 w-full h-full">
2732      <img class=" " src="//steelpanther.com/cdn/shop/files/TYGRBKSHIRTNEWHERO_2048x2048.png?v=1718835453" alt="(Tr)eat Your Girl Right T Shirt">
2733    </div>
2734  </noscript>
2735</div>
2736
2737
2738      
2739
2740      
2741
2742      
2743</div>
2744
2745    
2746
2747    <div class="text-base">
2748      <a href="/products/treat-your-girl-right-t-shirt" class="absolute top-0 left-0 w-full h-full z-20 block">
2749        <span class="visually-hidden">(Tr)eat Your Girl Right T Shirt</span>
2750      </a>
2751      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2752        
2753
2754        
2755          <p class="product-grid-title">(Tr)eat Your Girl Right T Shirt</p>
2756        
2757      </div>
2758
2759      
2760      
2761
2762      <p class="price m0 mt-2">
2763        
2764
2765        
2766          
2767            
2768              24.99
2769            
2770          
2771        
2772
2773        
2774
2775        
2776                
2777        
2778</p>
2779    </div>
2780  </div></li>
2781
2782
2783
2784<li class=" list-none" x-data='ThemeComponent_ProductGrid("show_second_image", "Death To All But Metal Shirts")' x-init="mounted()" data-product-grid-item data-fade-in data-color-scheme="primary">
2785  <div class=" relative block  type-product-grid-item  font-secondary "  @mouseleave="resetHover()" @mouseover="hover = true" @focusin="hover = true" @focusout="resetHover()">
2786
2787    <div class="relative overflow-hidden">
2788      
2789
2790<div
2791     data-color-scheme="primary"
2792     data-image-id=""
2793     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2794     style="height: 0; padding-top: 100.0%;"
2795     >
2796  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2797       data-src="//steelpanther.com/cdn/shop/files/DTABM17BKNEWHERO_{width}x.png?v=1719503182"
2798       data-widths="[180,360,540,720,900,1080,1296,1374]"
2799       data-aspectratio="1.0"
2800       data-sizes="auto"
2801       tabindex="-1"
2802       alt="Death To All But Metal Shirts"
2803       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2804    <div class="absolute top-0 left-0 w-full h-full">
2805      <img class=" " src="//steelpanther.com/cdn/shop/files/DTABM17BKNEWHERO_2048x2048.png?v=1719503182" alt="Death To All But Metal Shirts">
2806    </div>
2807  </noscript>
2808</div>
2809
2810
2811      
2812
2813      
2814
2815      
2816</div>
2817
2818    
2819
2820    <div class="text-base">
2821      <a href="/products/death-to-all-but-metal-shirt" class="absolute top-0 left-0 w-full h-full z-20 block">
2822        <span class="visually-hidden">Death To All But Metal Shirts</span>
2823      </a>
2824      <div class="text-scheme-text mt-6 mb-1 break-words" aria-hidden="true">
2825        
2826
2827        
2828          <p class="product-grid-title">Death To All But Metal Shirts</p>
2829        
2830      </div>
2831
2832      
2833      
2834
2835      <p class="price m0 mt-2">
2836        
2837
2838        
2839          
2840            
2841              24.99
2842            
2843          
2844        
2845
2846        
2847
2848        
2849                
2850        
2851</p>
2852    </div>
2853  </div></li>
2854
2855</ul><div class="mt-10 text-center">
2856          <a href="/collections/shirts" class="btn btn-outline-primary-accent">
2857            <span class="btn-text">View All</span>
2858            <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2859          </a>
2860        </div></div>
2861
2862</section>
2863
2864
2865
2866</div><div id="shopify-section-template--15873397915706__af10c487-cccb-46d7-90fc-b143bbead059" class="shopify-section">
2867<section class="slideshow bg-scheme-background section-with-no-padding"
2868         data-color-scheme="primary"
2869         data-section-type="slideshow"
2870         data-section-id="template--15873397915706__af10c487-cccb-46d7-90fc-b143bbead059"
2871         data-slide-speed="5000"
2872         x-data="{ hover: false }"
2873         @mouseleave="hover = false" @mouseover="hover = true"
2874         data-auto-rotate="true">
2875  <div class="splide relative" data-splide='{ "autoplay":true, "interval": 5000 }'>
2876    <button class="splide__autoplay-control absolute top-0 left-0 z-10 p-2 opacity-0 text-white transition-opacity invisible">
2877      <span class="flex items-center justify-center relative">
2878        <span class="splide__pause inline-block w-6">
2879          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-pause" viewBox="0 0 20 20"><g><path d="M5 4h3.158v12H5zM11.842 4H15v12h-3.158z"></path></g></svg>
2880          <span class="visually-hidden">Pause slideshow</span>
2881        </span>
2882        <span class="splide__play inline-block w-6">
2883          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-play" viewBox="0 0 20 20"><path d="M17 9.928L5 16.856V3l12 6.928z"></path></svg>
2884          <span class="visually-hidden">Play slideshow</span>
2885        </span>
2886      </span>
2887    </button>
2888    <div class="splide__track">
2889      <div class="splide__list">
2890        
2891<div class="splide__slide" data-index="0" >
2892
2893<div class="relative overflow-hidden h-auto group">
2894  <div class="">
2895  
2896    
2897
2898    
2899      
2900<div
2901     data-color-scheme="primary"
2902     data-image-id=""
2903     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
2904     style="height: 0; padding-top: 56.25%;"
2905     >
2906  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
2907       data-src="//steelpanther.com/cdn/shop/files/Option1_{width}x.png?v=1696893156"
2908       data-widths="[180,360,540,720,900,1080,1296,1512,1728,1920]"
2909       data-aspectratio="1.7777777777777777"
2910       data-sizes="auto"
2911       tabindex="-1"
2912       alt=""
2913       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
2914    <div class="absolute top-0 left-0 w-full h-full">
2915      <img class=" " src="//steelpanther.com/cdn/shop/files/Option1_2048x2048.png?v=1696893156" alt="">
2916    </div>
2917  </noscript>
2918</div>
2919
2920    
2921
2922    
2923
2924    
2925  
2926  </div>
2927
2928  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8 py-16 wrapper">
2929    <div class="w-full h-full flex justify-center items-center text-center text-scheme-text px-5 lg:px-10" data-color-scheme="white">
2930      <div class="lg:w-2/3 max-w-3xl" data-fade-in>
2931        
2932
2933        
2934
2935        
2936          <div class="mt-5 lg:mt-10">
2937            <a href="https://www.youtube.com/watch?v=TUhT2NEKX5w" class="inline-block text-scheme-text increase-target">
2938              <div class="btn btn-solid-white-accent z-10 relative">
2939                <span class="btn-text">Watch Now</span>
2940                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2941              </div>
2942            </a>
2943          </div>
2944        
2945      </div>
2946    </div>
2947  </div>
2948</div>
2949</div>
2950        
2951<div class="splide__slide" data-index="1" >
2952
2953<div class="relative overflow-hidden h-full group">
2954  <div class="relative h-full w-full">
2955  
2956    
2957
2958    
2959      �<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover object-center transition-opacity duration-200 ease-in-out "
2960  data-src="//steelpanther.com/cdn/shop/files/87thumb_{width}x.webp?v=1670268879"
2961  data-aspectratio="1.7777777777777777"
2962  data-sizes="auto"
2963  tabindex="-1"
2964  alt="">
2965<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
2966<noscript>
2967  
2968  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover object-center  w-full h-full" src="//steelpanther.com/cdn/shop/files/87thumb_2048x2048.webp?v=1670268879" alt="">
2969  
2970</noscript>
2971
2972    
2973
2974    
2975
2976    
2977  
2978  </div>
2979
2980  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8 py-16 wrapper">
2981    <div class="w-full h-full flex justify-center items-center text-center text-scheme-text px-5 lg:px-10" data-color-scheme="white">
2982      <div class="lg:w-2/3 max-w-3xl" data-fade-in>
2983        
2984
2985        
2986
2987        
2988          <div class="mt-5 lg:mt-10">
2989            <a href="https://www.youtube.com/watch?v=HewOSY1XLLQ" class="inline-block text-scheme-text increase-target">
2990              <div class="btn btn-solid-white-accent z-10 relative">
2991                <span class="btn-text">Watch Now</span>
2992                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewB
2992ox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
2993              </div>
2994            </a>
2995          </div>
2996        
2997      </div>
2998    </div>
2999  </div>
3000</div>
3001</div>
3002        
3003<div class="splide__slide" data-index="2" >
3004
3005<div class="relative overflow-hidden h-full group">
3006  <div class="relative h-full w-full">
3007  
3008    
3009
3010    
3011      �<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover object-center transition-opacity duration-200 ease-in-out "
3012  data-src="//steelpanther.com/cdn/shop/files/ntl_thumb_954e8970-7ab2-4486-a09d-52093eb968a8_{width}x.jpg?v=1664931440"
3013  data-aspectratio="1.7777777777777777"
3014  data-sizes="auto"
3015  tabindex="-1"
3016  alt="">
3017<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
3018<noscript>
3019  
3020  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover object-center  w-full h-full" src="//steelpanther.com/cdn/shop/files/ntl_thumb_954e8970-7ab2-4486-a09d-52093eb968a8_2048x2048.jpg?v=1664931440" alt="">
3021  
3022</noscript>
3023
3024    
3025
3026    
3027
3028    
3029  
3030  </div>
3031
3032  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8 py-16 wrapper">
3033    <div class="w-full h-full flex justify-center items-center text-center text-scheme-text px-5 lg:px-10" data-color-scheme="white">
3034      <div class="lg:w-2/3 max-w-3xl" data-fade-in>
3035        
3036
3037        
3038
3039        
3040          <div class="mt-5 lg:mt-10">
3041            <a href="https://www.youtube.com/watch?v=2myLjGeYOu0" class="inline-block text-scheme-text increase-target">
3042              <div class="btn btn-solid-white-accent z-10 relative">
3043                <span class="btn-text">Watch Now</span>
3044                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
3045              </div>
3046            </a>
3047          </div>
3048        
3049      </div>
3050    </div>
3051  </div>
3052</div>
3053</div>
3054        
3055<div class="splide__slide" data-index="3" >
3056
3057<div class="relative overflow-hidden h-full group">
3058  <div class="relative h-full w-full">
3059  
3060    
3061
3062    
3063      �<img class="responsive-image block lazyload w-full h-full absolute left-0 top-0 bottom-0 right-0 object-cover object-center transition-opacity duration-200 ease-in-out "
3064  data-src="//steelpanther.com/cdn/shop/files/fwb2_thumb_16d4f739-2fd4-4618-956d-3e9a32223764_{width}x.jpg?v=1676333037"
3065  data-aspectratio="1.7777777777777777"
3066  data-sizes="auto"
3067  tabindex="-1"
3068  alt="">
3069<div class="responsive-image-placeholder absolute left-0 top-0 bottom-0 right-0"></div>
3070<noscript>
3071  
3072  <img class="absolute left-0 top-0 bottom-0 right-0 object-cover object-center  w-full h-full" src="//steelpanther.com/cdn/shop/files/fwb2_thumb_16d4f739-2fd4-4618-956d-3e9a32223764_2048x2048.jpg?v=1676333037" alt="">
3073  
3074</noscript>
3075
3076    
3077
3078    
3079
3080    
3081  
3082  </div>
3083
3084  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8 py-16 wrapper">
3085    <div class="w-full h-full flex justify-center items-center text-center text-scheme-text px-5 lg:px-10" data-color-scheme="white">
3086      <div class="lg:w-2/3 max-w-3xl" data-fade-in>
3087        
3088
3089        
3090
3091        
3092          <div class="mt-5 lg:mt-10">
3093            <a href="https://youtu.be/vM6xASUJbhI" class="inline-block text-scheme-text increase-target">
3094              <div class="btn btn-solid-white-accent z-10 relative">
3095                <span class="btn-text">Watch Now</span>
3096                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
3097              </div>
3098            </a>
3099          </div>
3100        
3101      </div>
3102    </div>
3103  </div>
3104</div>
3105</div>
3106        
3107      </div>
3108    </div>
3109    <div :class="{ 'lg:opacity-100': hover  }" class="js-enabled transition-opacity splide__arrows absolute bottom-0 right-0 lg:bottom-auto lg:w-full lg:top-1/2 lg:left-0 transform translate-x-0 translate-y-0 lg:transform lg:-translate-y-1/2  flex lg:justify-between lg:opacity-0 pointer-events-none">
3110      <button class="block splide__arrow splide__arrow--prev bg-scheme-background text-scheme-text p-4 pointer-events-auto">
3111        <span class="visually-hidden">Previous slide</span>
3112        <span class="block transform rotate-180 w-5 h-5 lg:w-8 lg:h-8">
3113          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-right" viewBox="0 0 64 64"><path fill-rule="evenodd" d="M39.336 32L18 10.663l2.666-2.666L44.66 31.992l-.008.007.008.008L20.667 56 18 53.335l21.335-21.336z"></path></svg>
3114        </span>
3115      </button>
3116      <button class="block splide__arrow splide__arrow--next  bg-scheme-background text-scheme-text p-4 pointer-events-auto">
3117        <span class="visually-hidden">Next slide</span>
3118        <span class="block w-5 h-5 lg:w-8 lg:h-8">
3119          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-right" viewBox="0 0 64 64"><path fill-rule="evenodd" d="M39.336 32L18 10.663l2.666-2.666L44.66 31.992l-.008.007.008.008L20.667 56 18 53.335l21.335-21.336z"></path></svg>
3120        </span>
3121      </button>
3122    </div>
3123  </div>
3124</section>
3125
3126
3127
3128</div><div id="shopify-section-template--15873397915706__tour-and-events" class="shopify-section section-tour">
3129
3130  
3130<script src="//steelpanther.com/cdn/shop/t/33/assets/events.js?v=163780186031370696061761112255" type="module"></script>
3130
3131
3132<section class="bg-scheme-background text-scheme-text tour-events section-y-padding" data-section-id="template--15873397915706__tour-and-events" data-section-tour-events data-color-scheme="primary">
3133
3134  <div class="section-x-padding">
3135    
3136    <h2 class="font-heading section-title-align text-lg">
3137      Tour
3138    </h2>
3139  
3140  
3141  </div>
3142
3143  <div class="max-w-screen-xl mx-auto section-x-padding">
3144    
3145      <div x-data="ThemeSection_tourEvents({
3146                    source: 'bandsintown',
3147                    songkick: '2330488',
3148                    bandsintown: 'Steel Panther',
3149                    eventbriteToken: '',
3150                    maxEvents: '5',
3151                    useExternalSource: true
3152                  })" x-init="fetchEvents()">
3153        
3154        <template x-if="eventData.length > 0">
3155          <ol id="events-tourEvents" class="events max-w-screen-xl mx-auto mt-5">
3156            <template x-for="event in eventData" :key="event">
3157              <li class="event grid grid-rows-2 md:grid-rows-1 grid-cols-8 md:grid-cols-12 items-center py-5 lg:py-8 border-scheme-border border-b-theme-width last:border-b-0 last:pb-0">
3158                <div class="event__date col-span-6 md:col-span-2 row-start-1 row-span-1 text-sm lg:text-base">
3159                  <h3 class="type-product-grid-item font-secondary text-sm md:text-base type-section-title">
3160                    <template x-if="event.endMonth && event.endMonth !== event.month">
3161                      <span class="uppercase leading-none" x-text="`${event.month} ${event.day} - ${event.endMonth} ${event.endDay}`"></span>
3162                    </template>
3163
3164                    <template x-if="event.endMonth === event.month && event.day !== event.endDay">
3165                      <span class="uppercase leading-none" x-text="`${event.month} ${event.day}-${event.endDay}`"></span>
3166                    </template>
3167
3168                    <template x-if="!event.endMonth || !event.endDay || (event.day === event.endDay && event.month === event.endMonth)">
3169                      <span class="uppercase leading-none" x-text="`${event.month} ${event.day}`"></span>
3170                    </template>
3171                  </h3>
3172                </div>
3173                <div class="event__main type-product-grid-item font-secondary text-base flex flex-col md:inline-block col-span-6 md:col-span-9 row-start-2 md:row-start-1 row-span-1 md:pl-8">
3174                  <span class="event__location" x-text="event.location"></span>
3175                  <template x-if="event.venue">
3176                    <span class="hidden md:inline-block mx-1 " aria-hidden="true">·</span>
3177                  </template>
3178                  <span class="event__venue mt-2 md:mt-0" x-show="event.venue" x-text="event.venue"></span>
3179                </div>
3180                <template x-if="event.url !== ''">
3181                  <div class="event__link col-span-2 row-start-1 row-span-2 md:col-span-1 text-right">
3182                    <a class="inline-block p-3 -mx-3 chevron-next hover:text-scheme-accent"
3183                      :href="event.url">
3184                      <span class="visually-hidden">Find Tickets for
3185                        <span x-text="event.name"></span>
3186                      </span>
3187                      <div class="w-3 h-3 border-solid border-current border-2 transform rotate-45 border-b-0 border-l-0 -mb-1"></div>
3188                    </a>
3189                  </div>
3190                </template>
3191              </li>
3192            </template>
3193          </ol>
3194        </template>
3195        <template x-if="moreLinkUrl">
3196          <div class="max-w-screen-lg mx-auto mt-10 text-center">
3197            <a :href="moreLinkUrl"
3198                target="_blank"
3199                class="btn btn-primary-accent">
3200              <span class="btn-text">View More</span>
3201              <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
3202            </a>
3203          </div>
3204        </template>
3205        <template x-if="eventData.length === 0">
3206          <p class="mt-5">No upcoming events.</p>
3207        </template>
3208      </div>
3209    
3210  </div>
3211</section>
3212
3213
3214</div><div id="shopify-section-template--15873397915706__custom_liquid_hWzha6" class="shopify-section"><!-- /sections/custom-html.liquid --><section class="bg-scheme-background text-scheme-text custom-html section-y-padding" data-color-scheme="primary">
3215  <div class="wrapper">
3216    
3217
3218    <div >
3219      <div class="max-w-screen-lg mx-auto mt-0 text-center">
3220            <a :href="moreLinkUrl" class="btn btn-primary-accent" href="https://steelpanther.com/pages/tour">
3221              <span class="btn-text">View All</span>
3222              
3223            </a>
3224          </div>
3225    </div>
3226
3227  </div>
3228</section>
3229
3230
3231</div><div id="shopify-section-template--15873397915706__42427d52-0a9c-4b30-8211-07efc9fb4953" class="shopify-section">
3232<section class="slideshow bg-scheme-background section-with-no-padding"
3233         data-color-scheme="primary"
3234         data-section-type="slideshow"
3235         data-section-id="template--15873397915706__42427d52-0a9c-4b30-8211-07efc9fb4953"
3236         data-slide-speed="4000"
3237         x-data="{ hover: false }"
3238         @mouseleave="hover = false" @mouseover="hover = true"
3239         >
3240  <div class="splide relative" data-splide='{ "autoplay":false, "interval": 4000 }'>
3241    <button class="splide__autoplay-control absolute top-0 left-0 z-10 p-2 opacity-0 text-white transition-opacity invisible">
3242      <span class="flex items-center justify-center relative">
3243        <span class="splide__pause inline-block w-6">
3244          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-pause" viewBox="0 0 20 20"><g><path d="M5 4h3.158v12H5zM11.842 4H15v12h-3.158z"></path></g></svg>
3245          <span class="visually-hidden">Pause slideshow</span>
3246        </span>
3247        <span class="splide__play inline-block w-6">
3248          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-play" viewBox="0 0 20 20"><path d="M17 9.928L5 16.856V3l12 6.928z"></path></svg>
3249          <span class="visually-hidden">Play slideshow</span>
3250        </span>
3251      </span>
3252    </button>
3253    <div class="splide__track">
3254      <div class="splide__list">
3255        
3256<div class="splide__slide" data-index="0" >
3257
3258<div class="relative overflow-hidden h-auto group">
3259  <div class="">
3260  
3261    
3262
3263    
3264      
3265<div
3266     data-color-scheme="primary"
3267     data-image-id=""
3268     class="responsive-image-wrapper relative overflow-hidden w-full my-0 mx-auto "
3269     style="height: 0; padding-top: 50.0%;"
3270     >
3271  <img class="responsive-image block absolute top-0 left-0 w-full h-full lazyload  transition-opacity duration-200 ease-in-out w-full max-w-full h-auto "
3272       data-src="//steelpanther.com/cdn/shop/files/OTPhomepagebanner_354058ec-8f75-4c94-9896-cec7d50a30ad_{width}x.jpg?v=1664935233"
3273       data-widths="[180,360,540,720,900,1080,1296,1512,1728,1944,2160,2376,2592,2808,3000]"
3274       data-aspectratio="2.0"
3275       data-sizes="auto"
3276       tabindex="-1"
3277       alt=""
3278       ><div class="responsive-image-placeholder bg-scheme-text absolute top-0 left-0 right-0 bottom-0"></div><noscript>
3279    <div class="absolute top-0 left-0 w-full h-full">
3280      <img class=" " src="//steelpanther.com/cdn/shop/files/OTPhomepagebanner_354058ec-8f75-4c94-9896-cec7d50a30ad_2048x2048.jpg?v=1664935233" alt="">
3281    </div>
3282  </noscript>
3283</div>
3284
3285    
3286
3287    
3288
3289    
3290  
3291  </div>
3292
3293  <div class="absolute top-0 left-0 right-0 bottom-0 z-10 py-8 py-16 wrapper">
3294    <div class="w-full h-full flex justify-center items-center text-center text-scheme-text px-5 lg:px-10" data-color-scheme="white">
3295      <div class="lg:w-2/3 max-w-3xl" data-fade-in>
3296        
3297
3298        
3299
3300        
3301          <div class="mt-5 lg:mt-10">
3302            <a href="/collections/on-the-prowl" class="inline-block text-scheme-text increase-target">
3303              <div class="btn btn-solid-white-accent z-10 relative">
3304                <span class="btn-text">Get It Now</span>
3305                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
3306              </div>
3307            </a>
3308          </div>
3309        
3310      </div>
3311    </div>
3312  </div>
3313</div>
3314</div>
3315        
3316      </div>
3317    </div>
3318    <div :class="{ 'lg:opacity-100': hover  }" class="js-enabled transition-opacity splide__arrows absolute bottom-0 right-0 lg:bottom-auto lg:w-full lg:top-1/2 lg:left-0 transform translate-x-0 translate-y-0 lg:transform lg:-translate-y-1/2  flex lg:justify-between lg:opacity-0 pointer-events-none">
3319      <button class="block splide__arrow splide__arrow--prev bg-scheme-background text-scheme-text p-4 pointer-events-auto">
3320        <span class="visually-hidden">Previous slide</span>
3321        <span class="block transform rotate-180 w-5 h-5 lg:w-8 lg:h-8">
3322          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-right" viewBox="0 0 64 64"><path fill-rule="evenodd" d="M39.336 32L18 10.663l2.666-2.666L44.66 31.992l-.008.007.008.008L20.667 56 18 53.335l21.335-21.336z"></path></svg>
3323        </span>
3324      </button>
3325      <button class="block splide__arrow splide__arrow--next  bg-scheme-background text-scheme-text p-4 pointer-events-auto">
3326        <span class="visually-hidden">Next slide</span>
3327        <span class="block w-5 h-5 lg:w-8 lg:h-8">
3328          <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-right" viewBox="0 0 64 64"><path fill-rule="evenodd" d="M39.336 32L18 10.663l2.666-2.666L44.66 31.992l-.008.007.008.008L20.667 56 18 53.335l21.335-21.336z"></path></svg>
3329        </span>
3330      </button>
3331    </div>
3332  </div>
3333</section>
3334
3335
3336
3337</div>
3337<script data-locksmith>
3338    var load = function () {
3339
3340
3341            Locksmith.initializeSession({silent: true});
3342
3343
3344      Locksmith.util.on('submit', 'locksmith-resource-form', function (event) {
3345        event.preventDefault();
3346        var data = Locksmith.util.serializeForm(event.target);
3347        var options = { spinner: false, container: 'locksmith-content' };
3348        // a form rendered inline (section replacement) must keep that context
3349        // on resubmit: same enclosing container (there may be several on the
3350        // page), and no layout classes or cancel affordance in the re-render
3351        var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]');
3352        if (inlineContainer) {
3353          options.container = inlineContainer;
3354        }
3355        if (event.target.getAttribute('data-locksmith-inline') === 'true') {
3356          options.include_layout_classes = false;
3357        }
3358        Locksmith.postResource(data, options);
3359      });
3360
3361      Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) {
3362        event.preventDefault();
3363        Locksmith.postResource({}, { spinner: true, container: document });
3364      });
3365
3366      Locksmith.submitPasscode = function (passcode) {
3367        Locksmith.postResource(
3368          { passcode: passcode },
3369          { spinner: false, container: 'locksmith-content' }
3370        );
3371      };
3372    };
3373
3374    if (typeof Locksmith !== 'undefined') {
3375      load();
3376    } else {
3377      window.addEventListener('load', load);
3378    }
3379  </script>
3379
3380  </main>
3381
3382  <div id="shopify-section-footer" class="shopify-section">
3383<footer class="section-x-padding bg-scheme-background text-scheme-text" data-section-id="footer" data-section-type="footer" data-color-scheme="primary">
3384  <div class="py-10 md:py-16 gap-10 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-12 ">
3385    
3386
3387      <div class="lg:col-span-4">
3388        <h2 class="font-secondary text-sm text-scheme-meta mb-4">Navigation</h2>
3389        <ul class="-ml-8 mt-6">
3390          
3391<li class="inline ml-8 text-base">
3392              <a class="text-scheme-text" href="/pages/contact-us">Contact Us</a>
3393            </li>
3394          
3395<li class="inline ml-8 text-base">
3396              <a class="text-scheme-text" href="/pages/returns-exchanges">Returns & Exchanges</a>
3397            </li>
3398          
3399<li class="inline ml-8 text-base">
3400              <a class="text-scheme-text" href="/pages/shipping-faq">Shipping FAQ</a>
3401            </li>
3402          
3403<li class="inline ml-8 text-base">
3404              <a class="text-scheme-text" href="/pages/privacy-policy">Privacy Policy</a>
3405            </li>
3406          
3407<li class="inline ml-8 text-base">
3408              <a class="text-scheme-text" href="/pages/site-use-terms-conditions">Site Use Terms & Conditions</a>
3409            </li>
3410          
3411<li class="inline ml-8 text-base">
3412              <a class="text-scheme-text" href="/pages/partners">Partners</a>
3413            </li>
3414          
3415<li class="inline ml-8 text-base">
3416              <a class="text-scheme-text" href="/policies/terms-of-service">Terms of Service</a>
3417            </li>
3418          
3419<li class="inline ml-8 text-base">
3420              <a class="text-scheme-text" href="/policies/refund-policy">Refund policy</a>
3421            </li>
3422          
3423        </ul>
3424      </div>
3425    
3426    
3427      <div class="lg:col-span-4 lg:pr-16">
3428        <h2 class="font-secondary text-sm text-scheme-meta mb-4">Newsletter</h2>
3429        <form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
3430          
3431          
3432            <div class="flex flex-row justify-center md:max-w-xs">
3433              <input type="hidden" name="contact[tags]" value="newsletter">
3434              <label class="visually-hidden" for="Email-footer">
3435                Email Address
3436              </label>
3437              <input type="email"
3438                name="contact[email]"
3439                id="Email-footer"
3440                value=""
3441                placeholder="[email protected]"
3442                autocorrect="off"
3443                autocapitalize="off"
3444                class="newsletter__input text-scheme-text bg-scheme-background border-scheme-border flex-1 max-w-xl min-w-0 border-b-text-width py-3 placeholder-secondary">
3445              <button class="inline-flex justify-center items-center text-sm font-secondary leading-none cursor-pointer text-scheme-text border-transparent d:mw-auto ml-2" type="submit" name="commit" id="Subscribe">
3446                <span class="btn-text">Subscribe</span>
3447                <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
3448              </button>
3449            </div>
3450          
3451        </form>
3452      </div>
3453    
3454    
3455      <div class="lg:col-span-2 lg:col-span-13 text-scheme-text">
3456        <h2 class="font-secondary text-sm text-scheme-meta mb-4">Get Connected</h2>
3457        <ul class="-ml-4 -mb-4 flex items-center   flex-wrap" data-color-scheme="primary">
3458  
3459
3460    
3461
3462    
3463  
3464
3465    
3466
3467    
3468      <li class="ml-4 mb-4">
3469        <a class="fill-current hover:text-scheme-accent" href="https://www.facebook.com/steelpanther">
3470          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-facebook" viewBox="0 0 20 20"><path d="M18.05.811q.439 0 .744.305t.305.744v16.637q0 .439-.305.744t-.744.305h-4.732v-7.221h2.415l.342-2.854h-2.757v-1.83q0-.659.293-1t1.073-.342h1.488V3.762q-.976-.098-2.171-.098-1.634 0-2.635.964t-1 2.72V9.47H7.951v2.854h2.415v7.221H1.413q-.439 0-.744-.305t-.305-.744V1.859q0-.439.305-.744T1.413.81H18.05z"></path></svg></span>
3471          <span class="visually-hidden">Facebook</span>
3472        </a>
3473      </li>
3474    
3475  
3476
3477    
3478
3479    
3480      <li class="ml-4 mb-4">
3481        <a class="fill-current hover:text-scheme-accent" href="https://instagram.com/steelpanther">
3482          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-instagram" viewBox="0 0 512 512"><path d="M256 49.5c67.3 0 75.2.3 101.8 1.5 24.6 1.1 37.9 5.2 46.8 8.7 11.8 4.6 20.2 10 29 18.8s14.3 17.2 18.8 29c3.4 8.9 7.6 22.2 8.7 46.8 1.2 26.6 1.5 34.5 1.5 101.8s-.3 75.2-1.5 101.8c-1.1 24.6-5.2 37.9-8.7 46.8-4.6 11.8-10 20.2-18.8 29s-17.2 14.3-29 18.8c-8.9 3.4-22.2 7.6-46.8 8.7-26.6 1.2-34.5 1.5-101.8 1.5s-75.2-.3-101.8-1.5c-24.6-1.1-37.9-5.2-46.8-8.7-11.8-4.6-20.2-10-29-18.8s-14.3-17.2-18.8-29c-3.4-8.9-7.6-22.2-8.7-46.8-1.2-26.6-1.5-34.5-1.5-101.8s.3-75.2 1.5-101.8c1.1-24.6 5.2-37.9 8.7-46.8 4.6-11.8 10-20.2 18.8-29s17.2-14.3 29-18.8c8.9-3.4 22.2-7.6 46.8-8.7 26.6-1.3 34.5-1.5 101.8-1.5m0-45.4c-68.4 0-77 .3-103.9 1.5C125.3 6.8 107 11.1 91 17.3c-16.6 6.4-30.6 15.1-44.6 29.1-14 14-22.6 28.1-29.1 44.6-6.2 16-10.5 34.3-11.7 61.2C4.4 179 4.1 187.6 4.1 256s.3 77 1.5 103.9c1.2 26.8 5.5 45.1 11.7 61.2 6.4 16.6 15.1 30.6 29.1 44.6 14 14 28.1 22.6 44.6 29.1 16 6.2 34.3 10.5 61.2 11.7 26.9 1.2 35.4 1.5 103.9 1.5s77-.3 103.9-1.5c26.8-1.2 45.1-5.5 61.2-11.7 16.6-6.4 30.6-15.1 44.6-29.1 14-14 22.6-28.1 29.1-44.6 6.2-16 10.5-34.3 11.7-61.2 1.2-26.9 1.5-35.4 1.5-103.9s-.3-77-1.5-103.9c-1.2-26.8-5.5-45.1-11.7-61.2-6.4-16.6-15.1-30.6-29.1-44.6-14-14-28.1-22.6-44.6-29.1-16-6.2-34.3-10.5-61.2-11.7-27-1.1-35.6-1.4-104-1.4z"></path><path d="M256 126.6c-71.4 0-129.4 57.9-129.4 129.4s58 129.4 129.4 129.4 129.4-58 129.4-129.4-58-129.4-129.4-129.4zm0 213.4c-46.4 0-84-37.6-84-84s37.6-84 84-84 84 37.6 84 84-37.6 84-84 84z"></path><circle cx="390.5" cy="121.5" r="30.2"></circle></svg></span>
3483          <span class="visually-hidden">Instagram</span>
3484        </a>
3485      </li>
3486    
3487  
3488
3489    
3490
3491    
3492  
3493
3494    
3495
3496    
3497      <li class="ml-4 mb-4">
3498        <a class="fill-current hover:text-scheme-accent" href="https://www.twitter.com/Steel_Panther">
3499          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-twitter" viewBox="0 0 20 20"><path d="M19.551 4.208q-.815 1.202-1.956 2.038 0 .082.02.255t.02.255q0 1.589-.469 3.179t-1.426 3.036-2.272 2.567-3.158 1.793-3.963.672q-3.301 0-6.031-1.773.571.041.937.041 2.751 0 4.911-1.671-1.284-.02-2.292-.784T2.456 11.85q.346.082.754.082.55 0 1.039-.163-1.365-.285-2.262-1.365T1.09 7.918v-.041q.774.408 1.773.448-.795-.53-1.263-1.396t-.469-1.864q0-1.019.509-1.997 1.487 1.854 3.596 2.924T9.81 7.184q-.143-.509-.143-.897 0-1.63 1.161-2.781t2.832-1.151q.815 0 1.569.326t1.284.917q1.345-.265 2.506-.958-.428 1.386-1.732 2.18 1.243-.163 2.262-.611z"></path></svg></span>
3500          <span class="visually-hidden">Twitter</span>
3501        </a>
3502      </li>
3503    
3504  
3505
3506    
3507
3508    
3509  
3510
3511    
3512
3513    
3514  
3515
3516    
3517
3518    
3519  
3520
3521    
3522
3523    
3524      <li class="ml-4 mb-4">
3525        <a class="fill-current hover:text-scheme-accent" href="https://open.spotify.com/artist/3l02WF362j1oHOurzuseBv?si=aMvy9AnwRqO2fwrEVBn8qQ">
3526          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-spotify" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.915 8.865c-3.223-1.914-8.54-2.09-11.617-1.156a.935.935 0 11-.543-1.79c3.532-1.072 9.404-.865 13.115 1.337a.935.935 0 01-.955 1.61zm-.105 2.836a.78.78 0 01-1.073.256c-2.687-1.652-6.785-2.13-9.964-1.165A.78.78 0 014.32 9.3c3.632-1.102 8.147-.568 11.233 1.329a.78.78 0 01.257 1.072zm-1.224 2.723a.623.623 0 01-.857.207c-2.348-1.435-5.304-1.76-8.785-.964a.623.623 0 11-.277-1.215c3.81-.871 7.076-.496 9.712 1.114.294.18.387.564.207.857zM10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0z" clip-rule="evenodd"></path></svg></span>
3527          <span class="visually-hidden">Spotify</span>
3528        </a>
3529      </li>
3530    
3531  
3532
3533    
3534
3535    
3536  
3537
3538    
3539
3540    
3541  
3542
3543    
3544
3545    
3546      <li class="ml-4 mb-4">
3547        <a class="fill-current hover:text-scheme-accent" href="https://itunes.apple.com/us/artist/steel-panther/302709189">
3548          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-apple" viewBox="0 0 32 32"><path d="M28.956 10.776c-2.262.699-3.743 3.867-3.743 6.17 0 2.961 1.686 6.128 4.442 6.869-.781 2.632-2.879 5.923-4.812 7.322-.822.576-1.809.822-2.961.822-.781 0-1.645-.164-2.797-.617-.947-.452-1.81-.659-2.385-.659-.493 0-1.563.329-3.003.905-.823.247-1.481.412-1.933.412-1.316 0-2.468-.534-3.66-1.522-3.661-3.373-5.759-8.308-5.759-13.45 0-5.1 3.249-9.995 8.144-9.995 1.48 0 2.591.329 3.578.822.946.576 1.727.781 2.591.781.7 0 1.522-.124 2.303-.452 1.892-.74 3.167-1.152 3.907-1.152 1.892 0 3.373.617 4.607 1.728a8.246 8.246 0 011.48 2.016zm-13.12-3.537c0-1.768.699-3.29 1.892-4.771C18.963 1.111 20.566.288 22.335 0c0 1.809-.618 3.62-1.851 5.059-1.357 1.48-2.838 2.18-4.648 2.18z"></path></svg></span>
3549          <span class="visually-hidden">Apple</span>
3550        </a>
3551      </li>
3552    
3553  
3554
3555    
3556
3557    
3558  
3559
3560    
3561
3562    
3563      <li class="ml-4 mb-4">
3564        <a class="fill-current hover:text-scheme-accent" href="https://youtube.com/steelpantherrocks">
3565          <span class="block w-5 h-5" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-youtube" viewBox="0 0 21 20"><path d="M-.196 15.803q0 1.23.812 2.092t1.977.861h14.946q1.165 0 1.977-.861t.812-2.092V3.909q0-1.23-.82-2.116T17.539.907H2.593q-1.148 0-1.969.886t-.82 2.116v11.894zm7.465-2.149V6.058q0-.115.066-.18.049-.016.082-.016l.082.016 7.153 3.806q.066.066.066.164 0 .066-.066.131l-7.153 3.806q-.033.033-.066.033-.066 0-.098-.033-.066-.066-.066-.131z"></path></svg></span>
3566          <span class="visually-hidden">Youtube</span>
3567        </a>
3568      </li>
3569    
3570  
3571
3572    
3573
3574    
3575  
3576
3577    
3578
3579    
3580  
3581
3582    
3583
3584    
3585  
3586</ul>
3587
3588      </div>
3589    
3590  </div>
3591  <div class="text-scheme-meta md:flex justify-between pb-10 md:pb-16">
3592    <div>
3593      <p class="text-sm">&copy; 2026, <a href="/" title="">Steel Panther</a>. </p>
3594      <p class="text-xs mt-4"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a></p>
3595    </div>
3596
3597      
3598      <div class="mt-10 md:mt-0 md:ml-10">
3599        
3600<div class="flex flex-wrap items-center justify-between lg:justify-end mt-4 lg:mb-0"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="inline-block">
3601                  <h2 class="visually-hidden" id="country-heading">
3602                    Country/region
3603                  </h2>
3604                  <div class="relative text-scheme-text" data-disclosure-country>
3605                    <button type="button" class="text-sm border-scheme-text border-scheme-meta p-2" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-disclosure-toggle>
3606                      United States (USD $)
3607                      <span class="inline-block ml-1 w-3 fill-current">
3608                        <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-chevron-down" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M16.668 5L18 6.332l-7.993 7.993L10 14.32l-.007.006L2 6.332 3.332 5 10 11.668 16.668 5z"></path></svg>
3609                      </span>
3610                    </button>
3611                    <ul id="country-list" class="disclosure-list absolute bg-scheme-background opacity-0 top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity border-scheme-text border-scheme-meta py-2" data-disclosure-list inert>
3612                      
3613                        <li class="text-sm w-40">
3614                          <a class="block p-2" href="#"  data-value="AF" data-disclosure-option>
3615                            <span class="">Afghanistan (USD $)</span>
3616                          </a>
3617                        </li>
3618                        <li class="text-sm w-40">
3619                          <a class="block p-2" href="#"  data-value="AX" data-disclosure-option>
3620                            <span class="">Åland Islands (USD $)</span>
3621                          </a>
3622                        </li>
3623                        <li class="text-sm w-40">
3624                          <a class="block p-2" href="#"  data-value="AL" data-disclosure-option>
3625                            <span class="">Albania (USD $)</span>
3626                          </a>
3627                        </li>
3628                        <li class="text-sm w-40">
3629                          <a class="block p-2" href="#"  data-value="DZ" data-disclosure-option>
3630                            <span class="">Algeria (USD $)</span>
3631                          </a>
3632                        </li>
3633                        <li class="text-sm w-40">
3634                          <a class="block p-2" href="#"  data-value="AD" data-disclosure-option>
3635                            <span class="">Andorra (USD $)</span>
3636                          </a>
3637                        </li>
3638                        <li class="text-sm w-40">
3639                          <a class="block p-2" href="#"  data-value="AO" data-disclosure-option>
3640                            <span class="">Angola (USD $)</span>
3641                          </a>
3642                        </li>
3643                        <li class="text-sm w-40">
3644                          <a class="block p-2" href="#"  data-value="AI" data-disclosure-option>
3645                            <span class="">Anguilla (USD $)</span>
3646                          </a>
3647                        </li>
3648                        <li class="text-sm w-40">
3649                          <a class="block p-2" href="#"  data-value="AG" data-disclosure-option>
3650                            <span class="">Antigua &amp; Barbuda (USD $)</span>
3651                          </a>
3652                        </li>
3653                        <li class="text-sm w-40">
3654                          <a class="block p-2" href="#"  data-value="AR" data-disclosure-option>
3655                            <span class="">Argentina (USD $)</span>
3656                          </a>
3657                        </li>
3658                        <li class="text-sm w-40">
3659                          <a class="block p-2" href="#"  data-value="AM" data-disclosure-option>
3660                            <span class="">Armenia (USD $)</span>
3661                          </a>
3662                        </li>
3663                        <li class="text-sm w-40">
3664                          <a class="block p-2" href="#"  data-value="AW" data-disclosure-option>
3665                            <span class="">Aruba (USD $)</span>
3666                          </a>
3667                        </li>
3668                        <li class="text-sm w-40">
3669                          <a class="block p-2" href="#"  data-value="AC" data-disclosure-option>
3670                            <span class="">Ascension Island (USD $)</span>
3671                          </a>
3672                        </li>
3673                        <li class="text-sm w-40">
3674                          <a class="block p-2" href="#"  data-value="AU" data-disclosure-option>
3675                            <span class="">Australia (USD $)</span>
3676                          </a>
3677                        </li>
3678                        <li class="text-sm w-40">
3679                          <a class="block p-2" href="#"  data-value="AT" data-disclosure-option>
3680                            <span class="">Austria (EUR €)</span>
3681                          </a>
3682                        </li>
3683                        <li class="text-sm w-40">
3684                          <a class="block p-2" href="#"  data-value="AZ" data-disclosure-option>
3685                            <span class="">Azerbaijan (USD $)</span>
3686                          </a>
3687                        </li>
3688                        <li class="text-sm w-40">
3689                          <a class="block p-2" href="#"  data-value="BS" data-disclosure-option>
3690                            <span class="">Bahamas (USD $)</span>
3691                          </a>
3692                        </li>
3693                        <li class="text-sm w-40">
3694                          <a class="block p-2" href="#"  data-value="BH" data-disclosure-option>
3695                            <span class="">Bahrain (USD $)</span>
3696                          </a>
3697                        </li>
3698                        <li class="text-sm w-40">
3699                          <a class="block p-2" href="#"  data-value="BD" data-disclosure-option>
3700                            <span class="">Bangladesh (USD $)</span>
3701                          </a>
3702                        </li>
3703                        <li class="text-sm w-40">
3704                          <a class="block p-2" href="#"  data-value="BB" data-disclosure-option>
3705                            <span class="">Barbados (USD $)</span>
3706                          </a>
3707                        </li>
3708                        <li class="text-sm w-40">
3709                          <a class="block p-2" href="#"  data-value="BY" data-disclosure-option>
3710                            <span class="">Belarus (USD $)</span>
3711                          </a>
3712                        </li>
3713                        <li class="text-sm w-40">
3714                          <a class="block p-2" href="#"  data-value="BE" data-disclosure-option>
3715                            <span class="">Belgium (EUR €)</span>
3716                          </a>
3717                        </li>
3718                        <li class="text-sm w-40">
3719                          <a class="block p-2" href="#"  data-value="BZ" data-disclosure-option>
3720                            <span class="">Belize (USD $)</span>
3721                          </a>
3722                        </li>
3723                        <li class="text-sm w-40">
3724                          <a class="block p-2" href="#"  data-value="BJ" data-disclosure-option>
3725                            <span class="">Benin (USD $)</span>
3726                          </a>
3727                        </li>
3728                        <li class="text-sm w-40">
3729                          <a class="block p-2" href="#"  data-value="BM" data-disclosure-option>
3730                            <span class="">Bermuda (USD $)</span>
3731                          </a>
3732                        </li>
3733                        <li class="text-sm w-40">
3734                          <a class="block p-2" href="#"  data-value="BT" data-disclosure-option>
3735                            <span class="">Bhutan (USD $)</span>
3736                          </a>
3737                        </li>
3738                        <li class="text-sm w-40">
3739                          <a class="block p-2" href="#"  data-value="BO" data-disclosure-option>
3740                            <span class="">Bolivia (USD $)</span>
3741                          </a>
3742                        </li>
3743                        <li class="text-sm w-40">
3744                          <a class="block p-2" href="#"  data-value="BA" data-disclosure-option>
3745                            <span class="">Bosnia &amp; Herzegovina (USD $)</span>
3746                          </a>
3747                        </li>
3748                        <li class="text-sm w-40">
3749                          <a class="block p-2" href="#"  data-value="BW" data-disclosure-option>
3750                            <span class="">Botswana (USD $)</span>
3751                          </a>
3752                        </li>
3753                        <li class="text-sm w-40">
3754                          <a class="block p-2" href="#"  data-value="BR" data-disclosure-option>
3755                            <span class="">Brazil (USD $)</span>
3756                          </a>
3757                        </li>
3758                        <li class="text-sm w-40">
3759                          <a class="block p-2" href="#"  data-value="IO" data-disclosure-option>
3760                            <span class="">British Indian Ocean Territory (USD $)</span>
3761                          </a>
3762                        </li>
3763                        <li class="text-sm w-40">
3764                          <a class="block p-2" href="#"  data-value="VG" data-disclosure-option>
3765                            <span class="">British Virgin Islands (USD $)</span>
3766                          </a>
3767                        </li>
3768                        <li class="text-sm w-40">
3769                          <a class="block p-2" href="#"  data-value="BN" data-disclosure-option>
3770                            <span class="">Brunei (USD $)</span>
3771                          </a>
3772                        </li>
3773                        <li class="text-sm w-40">
3774                          <a class="block p-2" href="#"  data-value="BG" data-disclosure-option>
3775                            <span class="">Bulgaria (EUR €)</span>
3776                          </a>
3777                        </li>
3778                        <li class="text-sm w-40">
3779                          <a class="block p-2" href="#"  data-value="BF" data-disclosure-option>
3780                            <span class="">Burkina Faso (USD $)</span>
3781                          </a>
3782                        </li>
3783                        <li class="text-sm w-40">
3784                          <a class="block p-2" href="#"  data-value="BI" data-disclosure-option>
3785                            <span class="">Burundi (USD $)</span>
3786                          </a>
3787                        </li>
3788                        <li class="text-sm w-40">
3789                          <a class="block p-2" href="#"  data-value="KH" data-disclosure-option>
3790                            <span class="">Cambodia (USD $)</span>
3791                          </a>
3792                        </li>
3793                        <li class="text-sm w-40">
3794                          <a class="block p-2" href="#"  data-value="CM" data-disclosure-option>
3795                            <span class="">Cameroon (USD $)</span>
3796                          </a>
3797                        </li>
3798                        <li class="text-sm w-40">
3799                          <a class="block p-2" href="#"  data-value="CA" data-disclosure-option>
3800                            <span class="">Canada (USD $)</span>
3801                          </a>
3802                        </li>
3803                        <li class="text-sm w-40">
3804                          <a class="block p-2" href="#"  data-value="CV" data-disclosure-option>
3805                            <span class="">Cape Verde (USD $)</span>
3806                          </a>
3807                        </li>
3808                        <li class="text-sm w-40">
3809                          <a class="block p-2" href="#"  data-value="BQ" data-disclosure-option>
3810                            <span class="">Caribbean Netherlands (USD $)</span>
3811                          </a>
3812                        </li>
3813                        <li class="text-sm w-40">
3814                          <a class="block p-2" href="#"  data-value="KY" data-disclosure-option>
3815                            <span class="">Cayman Islands (USD $)</span>
3816                          </a>
3817                        </li>
3818                        <li class="text-sm w-40">
3819                          <a class="block p-2" href="#"  data-value="CF" data-disclosure-option>
3820                            <span class="">Central African Republic (USD $)</span>
3821                          </a>
3822                        </li>
3823                        <li class="text-sm w-40">
3824                          <a class="block p-2" href="#"  data-value="TD" data-disclosure-option>
3825                            <span class="">Chad (USD $)</span>
3826                          </a>
3827                        </li>
3828                        <li class="text-sm w-40">
3829                          <a class="block p-2" href="#"  data-value="CL" data-disclosure-option>
3830                            <span class="">Chile (USD $)</span>
3831                          </a>
3832                        </li>
3833                        <li class="text-sm w-40">
3834                          <a class="block p-2" href="#"  data-value="CN" data-disclosure-option>
3835                            <span class="">China (USD $)</span>
3836                          </a>
3837                        </li>
3838                        <li class="text-sm w-40">
3839                          <a class="block p-2" href="#"  data-value="CX" data-disclosure-option>
3840                            <span class="">Christmas Island (USD $)</span>
3841                          </a>
3842                        </li>
3843                        <li class="text-sm w-40">
3844                          <a class="block p-2" href="#"  data-value="CC" data-disclosure-option>
3845                            <span class="">Cocos (Keeling) Islands (USD $)</span>
3846                          </a>
3847                        </li>
3848                        <li class="text-sm w-40">
3849                          <a class="block p-2" href="#"  data-value="CO" data-disclosure-option>
3850                            <span class="">Colombia (USD $)</span>
3851                          </a>
3852                        </li>
3853                        <li class="text-sm w-40">
3854                          <a class="block p-2" href="#"  data-value="KM" data-disclosure-option>
3855                            <span class="">Comoros (USD $)</span>
3856                          </a>
3857                        </li>
3858                        <li class="text-sm w-40">
3859                          <a class="block p-2" href="#"  data-value="CG" data-disclosure-option>
3860                            <span class="">Congo - Brazzaville (USD $)</span>
3861                          </a>
3862                        </li>
3863                        <li class="text-sm w-40">
3864                          <a class="block p-2" href="#"  data-value="CD" data-disclosure-option>
3865                            <span class="">Congo - Kinshasa (USD $)</span>
3866                          </a>
3867                        </li>
3868                        <li class="text-sm w-40">
3869                          <a class="block p-2" href="#"  data-value="CK" data-disclosure-option>
3870                            <span class="">Cook Islands (USD $)</span>
3871                          </a>
3872                        </li>
3873                        <li class="text-sm w-40">
3874                          <a class="block p-2" href="#"  data-value="CR" data-disclosure-option>
3875                            <span class="">Costa Rica (USD $)</span>
3876                          </a>
3877                        </li>
3878                        <li class="text-sm w-40">
3879                          <a class="block p-2" href="#"  data-value="CI" data-disclosure-option>
3880                            <span class="">Côte d’Ivoire (USD $)</span>
3881                          </a>
3882                        </li>
3883                        <li class="text-sm w-40">
3884                          <a class="block p-2" href="#"  data-value="HR" data-disclosure-option>
3885                            <span class="">Croatia (EUR €)</span>
3886                          </a>
3887                        </li>
3888                        <li class="text-sm w-40">
3889                          <a class="block p-2" href="#"  data-value="CW" data-disclosure-option>
3890                            <span class="">Curaçao (USD $)</span>
3891                          </a>
3892                        </li>
3893                        <li class="text-sm w-40">
3894                          <a class="block p-2" href="#"  data-value="CY" data-disclosure-option>
3895                            <span class="">Cyprus (EUR €)</span>
3896                          </a>
3897                        </li>
3898                        <li class="text-sm w-40">
3899                          <a class="block p-2" href="#"  data-value="CZ" data-disclosure-option>
3900                            <span class="">Czechia (CZK Kč)</span>
3901                          </a>
3902                        </li>
3903                        <li class="text-sm w-40">
3904                          <a class="block p-2" href="#"  data-value="DK" data-disclosure-option>
3905                            <span class="">Denmark (DKK kr.)</span>
3906                          </a>
3907                        </li>
3908                        <li class="text-sm w-40">
3909                          <a class="block p-2" href="#"  data-value="DJ" data-disclosure-option>
3910                            <span class="">Djibouti (USD $)</span>
3911                          </a>
3912                        </li>
3913                        <li class="text-sm w-40">
3914                          <a class="block p-2" href="#"  data-value="DM" data-disclosure-option>
3915                            <span class="">Dominica (USD $)</span>
3916                          </a>
3917                        </li>
3918                        <li class="text-sm w-40">
3919                          <a class="block p-2" href="#"  data-value="DO" data-disclosure-option>
3920                            <span class="">Dominican Republic (USD $)</span>
3921                          </a>
3922                        </li>
3923                        <li class="text-sm w-40">
3924                          <a class="block p-2" href="#"  data-value="EC" data-disclosure-option>
3925                            <span class="">Ecuador (USD $)</span>
3926                          </a>
3927                        </li>
3928                        <li class="text-sm w-40">
3929                          <a class="block p-2" href="#"  data-value="EG" data-disclosure-option>
3930                            <span class="">Egypt (USD $)</span>
3931                          </a>
3932                        </li>
3933                        <li class="text-sm w-40">
3934                          <a class="block p-2" href="#"  data-value="SV" data-disclosure-option>
3935                            <span class="">El Salvador (USD $)</span>
3936                          </a>
3937                        </li>
3938                        <li class="text-sm w-40">
3939                          <a class="block p-2" href="#"  data-value="GQ" data-disclosure-option>
3940                            <span class="">Equatorial Guinea (USD $)</span>
3941                          </a>
3942                        </li>
3943                        <li class="text-sm w-40">
3944                          <a class="block p-2" href="#"  data-value="ER" data-disclosure-option>
3945                            <span class="">Eritrea (USD $)</span>
3946                          </a>
3947                        </li>
3948                        <li class="text-sm w-40">
3949                          <a class="block p-2" href="#"  data-value="EE" data-disclosure-option>
3950                            <span class="">Estonia (EUR €)</span>
3951                          </a>
3952                        </li>
3953                        <li class="text-sm w-40">
3954                          <a class="block p-2" href="#"  data-value="SZ" data-disclosure-option>
3955                            <span class="">Eswatini (USD $)</span>
3956                          </a>
3957                        </li>
3958                        <li class="text-sm w-40">
3959                          <a class="block p-2" href="#"  data-value="ET" data-disclosure-option>
3960                            <span class="">Ethiopia (USD $)</span>
3961                          </a>
3962                        </li>
3963                        <li class="text-sm w-40">
3964                          <a class="block p-2" href="#"  data-value="FK" data-disclosure-option>
3965                            <span class="">Falkland Islands (USD $)</span>
3966                          </a>
3967                        </li>
3968                        <li class="text-sm w-40">
3969                          <a class="block p-2" href="#"  data-value="FO" data-disclosure-option>
3970                            <span class="">Faroe Islands (USD $)</span>
3971                          </a>
3972                        </li>
3973                        <li class="text-sm w-40">
3974                          <a class="block p-2" href="#"  data-value="FJ" data-disclosure-option>
3975                            <span class="">Fiji (USD $)</span>
3976                          </a>
3977                        </li>
3978                        <li class="text-sm w-40">
3979                          <a class="block p-2" href="#"  data-value="FI" data-disclosure-option>
3980                            <span class="">Finland (EUR €)</span>
3981                          </a>
3982                        </li>
3983                        <li class="text-sm w-40">
3984                          <a class="block p-2" href="#"  data-value="FR" data-disclosure-option>
3985                            <span class="">France (EUR €)</span>
3986                          </a>
3987                        </li>
3988                        <li class="text-sm w-40">
3989                          <a class="block p-2" href="#"  data-value="GF" data-disclosure-option>
3990                            <span class="">French Guiana (USD $)</span>
3991                          </a>
3992                        </li>
3993                        <li class="text-sm w-40">
3994                          <a class="block p-2" href="#"  data-value="PF" data-disclosure-option>
3995                            <span class="">French Polynesia (USD $)</span>
3996                          </a>
3997                        </li>
3998                        <li class="text-sm w-40">
3999                          <a class="block p-2" href="#"  data-value="TF" data-disclosure-option>
4000                            <span class="">French Southern Territories (USD $)</span>
4001                          </a>
4002                        </li>
4003                        <li class="text-sm w-40">
4004                          <a class="block p-2" href="#"  data-value="GA" data-disclosure-option>
4005                            <span class="">Gabon (USD $)</span>
4006                          </a>
4007                        </li>
4008                        <li class="text-sm w-40">
4009                          <a class="block p-2" href="#"  data-value="GM" data-disclosure-option>
4010                            <span class="">Gambia (USD $)</span>
4011                          </a>
4012                        </li>
4013                        <li class="text-sm w-40">
4014                          <a class="block p-2" href="#"  data-value="GE" data-disclosure-option>
4015                            <span class="">Georgia (USD $)</span>
4016                          </a>
4017                        </li>
4018                        <li class="text-sm w-40">
4019                          <a class="block p-2" href="#"  data-value="DE" data-disclosure-option>
4020                            <span class="">Germany (EUR €)</span>
4021                          </a>
4022                        </li>
4023                        <li class="text-sm w-40">
4024                          <a class="block p-2" href="#"  data-value="GH" data-disclosure-option>
4025                            <span class="">Ghana (USD $)</span>
4026                          </a>
4027                        </li>
4028                        <li class="text-sm w-40">
4029                          <a class="block p-2" href="#"  data-value="GI" data-disclosure-option>
4030                            <span class="">Gibraltar (USD $)</span>
4031                          </a>
4032                        </li>
4033                        <li class="text-sm w-40">
4034                          <a class="block p-2" href="#"  data-value="GR" data-disclosure-option>
4035                            <span class="">Greece (EUR €)</span>
4036                          </a>
4037                        </li>
4038                        <li class="text-sm w-40">
4039                          <a class="block p-2" href="#"  data-value="GL" data-disclosure-option>
4040                            <span class="">Greenland (USD $)</span>
4041                          </a>
4042                        </li>
4043                        <li class="text-sm w-40">
4044                          <a class="block p-2" href="#"  data-value="GD" data-disclosure-option>
4045                            <span class="">Grenada (USD $)</span>
4046                          </a>
4047                        </li>
4048                        <li class="text-sm w-40">
4049                          <a class="block p-2" href="#"  data-value="GP" data-disclosure-option>
4050                            <span class="">Guadeloupe (USD $)</span>
4051                          </a>
4052                        </li>
4053                        <li class="text-sm w-40">
4054                          <a class="block p-2" href="#"  data-value="GT" data-disclosure-option>
4055                            <span class="">Guatemala (USD $)</span>
4056                          </a>
4057                        </li>
4058                        <li class="text-sm w-40">
4059                          <a class="block p-2" href="#"  data-value="GG" data-disclosure-option>
4060                            <span class="">Guernsey (USD $)</span>
4061                          </a>
4062                        </li>
4063                        <li class="text-sm w-40">
4064                          <a class="block p-2" href="#"  data-value="GN" data-disclosure-option>
4065                            <span class="">Guinea (USD $)</span>
4066                          </a>
4067                        </li>
4068                        <li class="text-sm w-40">
4069                          <a class="block p-2" href="#"  data-value="GW" data-disclosure-option>
4070                            <span class="">Guinea-Bissau (USD $)</span>
4071                          </a>
4072                        </li>
4073                        <li class="text-sm w-40">
4074                          <a class="block p-2" href="#"  data-value="GY" data-disclosure-option>
4075                            <span class="">Guyana (USD $)</span>
4076                          </a>
4077                        </li>
4078                        <li class="text-sm w-40">
4079                          <a class="block p-2" href="#"  data-value="HT" data-disclosure-option>
4080                            <span class="">Haiti (USD $)</span>
4081                          </a>
4082                        </li>
4083                        <li class="text-sm w-40">
4084                          <a class="block p-2" href="#"  data-value="HN" data-disclosure-option>
4085                            <span class="">Honduras (USD $)</span>
4086                          </a>
4087                        </li>
4088                        <li class="text-sm w-40">
4089                          <a class="block p-2" href="#"  data-value="HK" data-disclosure-option>
4090                            <span class="">Hong Kong SAR (USD $)</span>
4091                          </a>
4092                        </li>
4093                        <li class="text-sm w-40">
4094                          <a class="block p-2" href="#"  data-value="HU" data-disclosure-option>
4095                            <span class="">Hungary (HUF Ft)</span>
4096                          </a>
4097                        </li>
4098                        <li class="text-sm w-40">
4099                          <a class="block p-2" href="#"  data-value="IS" data-disclosure-option>
4100                            <span class="">Iceland (ISK kr)</span>
4101                          </a>
4102                        </li>
4103                        <li class="text-sm w-40">
4104                          <a class="block p-2" href="#"  data-value="IN" data-disclosure-option>
4105                            <span class="">India (USD $)</span>
4106                          </a>
4107                        </li>
4108                        <li class="text-sm w-40">
4109                          <a class="block p-2" href="#"  data-value="ID" data-disclosure-option>
4110                            <span class="">Indonesia (USD $)</span>
4111                          </a>
4112                        </li>
4113                        <li class="text-sm w-40">
4114                          <a class="block p-2" href="#"  data-value="IQ" data-disclosure-option>
4115                            <span class="">Iraq (USD $)</span>
4116                          </a>
4117                        </li>
4118                        <li class="text-sm w-40">
4119                          <a class="block p-2" href="#"  data-value="IE" data-disclosure-option>
4120                            <span class="">Ireland (EUR €)</span>
4121                          </a>
4122                        </li>
4123                        <li class="text-sm w-40">
4124                          <a class="block p-2" href="#"  data-value="IM" data-disclosure-option>
4125                            <span class="">Isle of Man (USD $)</span>
4126                          </a>
4127                        </li>
4128                        <li class="text-sm w-40">
4129                          <a class="block p-2" href="#"  data-value="IL" data-disclosure-option>
4130                            <span class="">Israel (USD $)</span>
4131                          </a>
4132                        </li>
4133                        <li class="text-sm w-40">
4134                          <a class="block p-2" href="#"  data-value="IT" data-disclosure-option>
4135                            <span class="">Italy (EUR €)</span>
4136                          </a>
4137                        </li>
4138                        <li class="text-sm w-40">
4139                          <a class="block p-2" href="#"  data-value="JM" data-disclosure-option>
4140                            <span class="">Jamaica (USD $)</span>
4141                          </a>
4142                        </li>
4143                        <li class="text-sm w-40">
4144                          <a class="block p-2" href="#"  data-value="JP" data-disclosure-option>
4145                            <span class="">Japan (USD $)</span>
4146                          </a>
4147                        </li>
4148                        <li class="text-sm w-40">
4149                          <a class="block p-2" href="#"  data-value="JE" data-disclosure-option>
4150                            <span class="">Jersey (USD $)</span>
4151                          </a>
4152                        </li>
4153                        <li class="text-sm w-40">
4154                          <a class="block p-2" href="#"  data-value="JO" data-disclosure-option>
4155                            <span class="">Jordan (USD $)</span>
4156                          </a>
4157                        </li>
4158                        <li class="text-sm w-40">
4159                          <a class="block p-2" href="#"  data-value="KZ" data-disclosure-option>
4160                            <span class="">Kazakhstan (USD $)</span>
4161                          </a>
4162                        </li>
4163                        <li class="text-sm w-40">
4164                          <a class="block p-2" href="#"  data-value="KE" data-disclosure-option>
4165                            <span class="">Kenya (USD $)</span>
4166                          </a>
4167                        </li>
4168                        <li class="text-sm w-40">
4169                          <a class="block p-2" href="#"  data-value="KI" data-disclosure-option>
4170                            <span class="">Kiribati (USD $)</span>
4171                          </a>
4172                        </li>
4173                        <li class="text-sm w-40">
4174                          <a class="block p-2" href="#"  data-value="XK" data-disclosure-option>
4175                            <span class="">Kosovo (USD $)</span>
4176                          </a>
4177                        </li>
4178                        <li class="text-sm w-40">
4179                          <a class="block p-2" href="#"  data-value="KW" data-disclosure-option>
4180                            <span class="">Kuwait (USD $)</span>
4181                          </a>
4182                        </li>
4183                        <li class="text-sm w-40">
4184                          <a class="block p-2" href="#"  data-value="KG" data-disclosure-option>
4185                            <span class="">Kyrgyzstan (USD $)</span>
4186                          </a>
4187                        </li>
4188                        <li class="text-sm w-40">
4189                          <a class="block p-2" href="#"  data-value="LA" data-disclosure-option>
4190                            <span class="">Laos (USD $)</span>
4191                          </a>
4192                        </li>
4193                        <li class="text-sm w-40">
4194                          <a class="block p-2" href="#"  data-value="LV" data-disclosure-option>
4195                            <span class="">Latvia (EUR €)</span>
4196                          </a>
4197                        </li>
4198                        <li class="text-sm w-40">
4199                          <a class="block p-2" href="#"  data-value="LB" data-disclosure-option>
4200                            <span class="">Lebanon (USD $)</span>
4201                          </a>
4202                        </li>
4203                        <li class="text-sm w-40">
4204                          <a class="block p-2" href="#"  data-value="LS" data-disclosure-option>
4205                            <span class="">Lesotho (USD $)</span>
4206                          </a>
4207                        </li>
4208                        <li class="text-sm w-40">
4209                          <a class="block p-2" href="#"  data-value="LR" data-disclosure-option>
4210                            <span class="">Liberia (USD $)</span>
4211                          </a>
4212                        </li>
4213                        <li class="text-sm w-40">
4214                          <a class="block p-2" href="#"  data-value="LY" data-disclosure-option>
4215                            <span class="">Libya (USD $)</span>
4216                          </a>
4217                        </li>
4218                        <li class="text-sm w-40">
4219                          <a class="block p-2" href="#"  data-value="LI" data-disclosure-option>
4220                            <span class="">Liechtenstein (CHF CHF)</span>
4221                          </a>
4222                        </li>
4223                        <li class="text-sm w-40">
4224                          <a class="block p-2" href="#"  data-value="LT" data-disclosure-option>
4225                            <span class="">Lithuania (EUR €)</span>
4226                          </a>
4227                        </li>
4228                        <li class="text-sm w-40">
4229                          <a class="block p-2" href="#"  data-value="LU" data-disclosure-option>
4230                            <span class="">Luxembourg (EUR €)</span>
4231                          </a>
4232                        </li>
4233                        <li class="text-sm w-40">
4234                          <a class="block p-2" href="#"  data-value="MO" data-disclosure-option>
4235                            <span class="">Macao SAR (USD $)</span>
4236                          </a>
4237                        </li>
4238                        <li class="text-sm w-40">
4239                          <a class="block p-2" href="#"  data-value="MG" data-disclosure-option>
4240                            <span class="">Madagascar (USD $)</span>
4241                          </a>
4242                        </li>
4243                        <li class="text-sm w-40">
4244                          <a class="block p-2" href="#"  data-value="MW" data-disclosure-option>
4245                            <span class="">Malawi (USD $)</span>
4246                          </a>
4247                        </li>
4248                        <li class="text-sm w-40">
4249                          <a class="block p-2" href="#"  data-value="MY" data-disclosure-option>
4250                            <span class="">Malaysia (USD $)</span>
4251                          </a>
4252                        </li>
4253                        <li class="text-sm w-40">
4254                          <a class="block p-2" href="#"  data-value="MV" data-disclosure-option>
4255                            <span class="">Maldives (USD $)</span>
4256                          </a>
4257                        </li>
4258                        <li class="text-sm w-40">
4259                          <a class="block p-2" href="#"  data-value="ML" data-disclosure-option>
4260                            <span class="">Mali (USD $)</span>
4261                          </a>
4262                        </li>
4263                        <li class="text-sm w-40">
4264                          <a class="block p-2" href="#"  data-value="MT" data-disclosure-option>
4265                            <span class="">Malta (EUR €)</span>
4266                          </a>
4267                        </li>
4268                        <li class="text-sm w-40">
4269                          <a class="block p-2" href="#"  data-value="MQ" data-disclosure-option>
4270                            <span class="">Martinique (USD $)</span>
4271                          </a>
4272                        </li>
4273                        <li class="text-sm w-40">
4274                          <a class="block p-2" href="#"  data-value="MR" data-disclosure-option>
4275                            <span class="">Mauritania (USD $)</span>
4276                          </a>
4277                        </li>
4278                        <li class="text-sm w-40">
4279                          <a class="block p-2" href="#"  data-value="MU" data-disclosure-option>
4280                            <span class="">Mauritius (USD $)</span>
4281                          </a>
4282                        </li>
4283                        <li class="text-sm w-40">
4284                          <a class="block p-2" href="#"  data-value="YT" data-disclosure-option>
4285                            <span class="">Mayotte (USD $)</span>
4286                          </a>
4287                        </li>
4288                        <li class="text-sm w-40">
4289                          <a class="block p-2" href="#"  data-value="MX" data-disclosure-option>
4290                            <span class="">Mexico (USD $)</span>
4291                          </a>
4292                        </li>
4293                        <li class="text-sm w-40">
4294                          <a class="block p-2" href="#"  data-value="MD" data-disclosure-option>
4295                            <span class="">Moldova (USD $)</span>
4296                          </a>
4297                        </li>
4298                        <li class="text-sm w-40">
4299                          <a class="block p-2" href="#"  data-value="MC" data-disclosure-option>
4300                            <span class="">Monaco (USD $)</span>
4301                          </a>
4302                        </li>
4303                        <li class="text-sm w-40">
4304                          <a class="block p-2" href="#"  data-value="MN" data-disclosure-option>
4305                            <span class="">Mongolia (USD $)</span>
4306                          </a>
4307                        </li>
4308                        <li class="text-sm w-40">
4309                          <a class="block p-2" href="#"  data-value="ME" data-disclosure-option>
4310                            <span class="">Montenegro (USD $)</span>
4311                          </a>
4312                        </li>
4313                        <li class="text-sm w-40">
4314                          <a class="block p-2" href="#"  data-value="MS" data-disclosure-option>
4315                            <span class="">Montserrat (USD $)</span>
4316                          </a>
4317                        </li>
4318                        <li class="text-sm w-40">
4319                          <a class="block p-2" href="#"  data-value="MA" data-disclosure-option>
4320                            <span class="">Morocco (USD $)</span>
4321                          </a>
4322                        </li>
4323                        <li class="text-sm w-40">
4324                          <a class="block p-2" href="#"  data-value="MZ" data-disclosure-option>
4325                            <span class="">Mozambique (USD $)</span>
4326                          </a>
4327                        </li>
4328                        <li class="text-sm w-40">
4329                          <a class="block p-2" href="#"  data-value="MM" data-disclosure-option>
4330                            <span class="">Myanmar (Burma) (USD $)</span>
4331                          </a>
4332                        </li>
4333                        <li class="text-sm w-40">
4334                          <a class="block p-2" href="#"  data-value="NA" data-disclosure-option>
4335                            <span class="">Namibia (USD $)</span>
4336                          </a>
4337                        </li>
4338                        <li class="text-sm w-40">
4339                          <a class="block p-2" href="#"  data-value="NR" data-disclosure-option>
4340                            <span class="">Nauru (USD $)</span>
4341                          </a>
4342                        </li>
4343                        <li class="text-sm w-40">
4344                          <a class="block p-2" href="#"  data-value="NP" data-disclosure-option>
4345                            <span class="">Nepal (USD $)</span>
4346                          </a>
4347                        </li>
4348                        <li class="text-sm w-40">
4349                          <a class="block p-2" href="#"  data-value="NL" data-disclosure-option>
4350                            <span class="">Netherlands (EUR €)</span>
4351                          </a>
4352                        </li>
4353                        <li class="text-sm w-40">
4354                          <a class="block p-2" href="#"  data-value="NC" data-disclosure-option>
4355                            <span class="">New Caledonia (USD $)</span>
4356                          </a>
4357                        </li>
4358                        <li class="text-sm w-40">
4359                          <a class="block p-2" href="#"  data-value="NZ" data-disclosure-option>
4360                            <span class="">New Zealand (USD $)</span>
4361                          </a>
4362                        </li>
4363                        <li class="text-sm w-40">
4364                          <a class="block p-2" href="#"  data-value="NI" data-disclosure-option>
4365                            <span class="">Nicaragua (USD $)</span>
4366                          </a>
4367                        </li>
4368                        <li class="text-sm w-40">
4369                          <a class="block p-2" href="#"  data-value="NE" data-disclosure-option>
4370                            <span class="">Niger (USD $)</span>
4371                          </a>
4372                        </li>
4373                        <li class="text-sm w-40">
4374                          <a class="block p-2" href="#"  data-value="NG" data-disclosure-option>
4375                            <span class="">Nigeria (USD $)</span>
4376                          </a>
4377                        </li>
4378                        <li class="text-sm w-40">
4379                          <a class="block p-2" href="#"  data-value="NU" data-disclosure-option>
4380                            <span class="">Niue (USD $)</span>
4381                          </a>
4382                        </li>
4383                        <li class="text-sm w-40">
4384                          <a class="block p-2" href="#"  data-value="NF" data-disclosure-option>
4385                            <span class="">Norfolk Island (USD $)</span>
4386                          </a>
4387                        </li>
4388                        <li class="text-sm w-40">
4389                          <a class="block p-2" href="#"  data-value="MK" data-disclosure-option>
4390                            <span class="">North Macedonia (USD $)</span>
4391                          </a>
4392                        </li>
4393                        <li class="text-sm w-40">
4394                          <a class="block p-2" href="#"  data-value="NO" data-disclosure-option>
4395                            <span class="">Norway (USD $)</span>
4396                          </a>
4397                        </li>
4398                        <li class="text-sm w-40">
4399                          <a class="block p-2" href="#"  data-value="OM" data-disclosure-option>
4400                            <span class="">Oman (USD $)</span>
4401                          </a>
4402                        </li>
4403                        <li class="text-sm w-40">
4404                          <a class="block p-2" href="#"  data-value="PK" data-disclosure-option>
4405                            <span class="">Pakistan (USD $)</span>
4406                          </a>
4407                        </li>
4408                        <li class="text-sm w-40">
4409                          <a class="block p-2" href="#"  data-value="PS" data-disclosure-option>
4410                            <span class="">Palestinian Territories (USD $)</span>
4411                          </a>
4412                        </li>
4413                        <li class="text-sm w-40">
4414                          <a class="block p-2" href="#"  data-value="PA" data-disclosure-option>
4415                            <span class="">Panama (USD $)</span>
4416                          </a>
4417                        </li>
4418                        <li class="text-sm w-40">
4419                          <a class="block p-2" href="#"  data-value="PG" data-disclosure-option>
4420                            <span class="">Papua New Guinea (USD $)</span>
4421                          </a>
4422                        </li>
4423                        <li class="text-sm w-40">
4424                          <a class="block p-2" href="#"  data-value="PY" data-disclosure-option>
4425                            <span class="">Paraguay (USD $)</span>
4426                          </a>
4427                        </li>
4428                        <li class="text-sm w-40">
4429                          <a class="block p-2" href="#"  data-value="PE" data-disclosure-option>
4430                            <span class="">Peru (USD $)</span>
4431                          </a>
4432                        </li>
4433                        <li class="text-sm w-40">
4434                          <a class="block p-2" href="#"  data-value="PH" data-disclosure-option>
4435                            <span class="">Philippines (USD $)</span>
4436                          </a>
4437                        </li>
4438                        <li class="text-sm w-40">
4439                          <a class="block p-2" href="#"  data-value="PN" data-disclosure-option>
4440                            <span class="">Pitcairn Islands (USD $)</span>
4441                          </a>
4442                        </li>
4443                        <li class="text-sm w-40">
4444                          <a class="block p-2" href="#"  data-value="PL" data-disclosure-option>
4445                            <span class="">Poland (PLN zł)</span>
4446                          </a>
4447                        </li>
4448                        <li class="text-sm w-40">
4449                          <a class="block p-2" href="#"  data-value="PT" data-disclosure-option>
4450                            <span class="">Portugal (EUR €)</span>
4451                          </a>
4452                        </li>
4453                        <li class="text-sm w-40">
4454                          <a class="block p-2" href="#"  data-value="QA" data-disclosure-option>
4455                            <span class="">Qatar (USD $)</span>
4456                          </a>
4457                        </li>
4458                        <li class="text-sm w-40">
4459                          <a class="block p-2" href="#"  data-value="RE" data-disclosure-option>
4460                            <span class="">Réunion (USD $)</span>
4461                          </a>
4462                        </li>
4463                        <li class="text-sm w-40">
4464                          <a class="block p-2" href="#"  data-value="RO" data-disclosure-option>
4465                            <span class="">Romania (RON Lei)</span>
4466                          </a>
4467                        </li>
4468                        <li class="text-sm w-40">
4469                          <a class="block p-2" href="#"  data-value="RW" data-disclosure-option>
4470                            <span class="">Rwanda (USD $)</span>
4471                          </a>
4472                        </li>
4473                        <li class="text-sm w-40">
4474                          <a class="block p-2" href="#"  data-value="WS" data-disclosure-option>
4475                            <span class="">Samoa (USD $)</span>
4476                          </a>
4477                        </li>
4478                        <li class="text-sm w-40">
4479                          <a class="block p-2" href="#"  data-value="SM" data-disclosure-option>
4480                            <span class="">San Marino (USD $)</span>
4481                          </a>
4482                        </li>
4483                        <li class="text-sm w-40">
4484                          <a class="block p-2" href="#"  data-value="ST" data-disclosure-option>
4485                            <span class="">São Tomé &amp; Príncipe (USD $)</span>
4486                          </a>
4487                        </li>
4488                        <li class="text-sm w-40">
4489                          <a class="block p-2" href="#"  data-value="SA" data-disclosure-option>
4490                            <span class="">Saudi Arabia (USD $)</span>
4491                          </a>
4492                        </li>
4493                        <li class="text-sm w-40">
4494                          <a class="block p-2" href="#"  data-value="SN" data-disclosure-option>
4495                            <span class="">Senegal (USD $)</span>
4496                          </a>
4497                        </li>
4498                        <li class="text-sm w-40">
4499                          <a class="block p-2" href="#"  data-value="RS" data-disclosure-option>
4500                            <span class="">Serbia (USD $)</span>
4501                          </a>
4502                        </li>
4503                        <li class="text-sm w-40">
4504                          <a class="block p-2" href="#"  data-value="SC" data-disclosure-option>
4505                            <span class="">Seychelles (USD $)</span>
4506                          </a>
4507                        </li>
4508                        <li class="text-sm w-40">
4509                          <a class="block p-2" href="#"  data-value="SL" data-disclosure-option>
4510                            <span class="">Sierra Leone (USD $)</span>
4511                          </a>
4512                        </li>
4513                        <li class="text-sm w-40">
4514                          <a class="block p-2" href="#"  data-value="SG" data-disclosure-option>
4515                            <span class="">Singapore (USD $)</span>
4516                          </a>
4517                        </li>
4518                        <li class="text-sm w-40">
4519                          <a class="block p-2" href="#"  data-value="SX" data-disclosure-option>
4520                            <span class="">Sint Maarten (USD $)</span>
4521                          </a>
4522                        </li>
4523                        <li class="text-sm w-40">
4524                          <a class="block p-2" href="#"  data-value="SK" data-disclosure-option>
4525                            <span class="">Slovakia (EUR €)</span>
4526                          </a>
4527                        </li>
4528                        <li class="text-sm w-40">
4529                          <a class="block p-2" href="#"  data-value="SI" data-disclosure-option>
4530                            <span class="">Slovenia (EUR €)</span>
4531                          </a>
4532                        </li>
4533                        <li class="text-sm w-40">
4534                          <a class="block p-2" href="#"  data-value="SB" data-disclosure-option>
4535                            <span class="">Solomon Islands (USD $)</span>
4536                          </a>
4537                        </li>
4538                        <li class="text-sm w-40">
4539                          <a class="block p-2" href="#"  data-value="SO" data-disclosure-option>
4540                            <span class="">Somalia (USD $)</span>
4541                          </a>
4542                        </li>
4543                        <li class="text-sm w-40">
4544                          <a class="block p-2" href="#"  data-value="ZA" data-disclosure-option>
4545                            <span class="">South Africa (USD $)</span>
4546                          </a>
4547                        </li>
4548                        <li class="text-sm w-40">
4549                          <a class="block p-2" href="#"  data-value="GS" data-disclosure-option>
4550                            <span class="">South Georgia &amp; South Sandwich Islands (USD $)</span>
4551                          </a>
4552                        </li>
4553                        <li class="text-sm w-40">
4554                          <a class="block p-2" href="#"  data-value="KR" data-disclosure-option>
4555                            <span class="">South Korea (USD $)</span>
4556                          </a>
4557                        </li>
4558                        <li class="text-sm w-40">
4559                          <a class="block p-2" href="#"  data-value="SS" data-disclosure-option>
4560                            <span class="">South Sudan (USD $)</span>
4561                          </a>
4562                        </li>
4563                        <li class="text-sm w-40">
4564                          <a class="block p-2" href="#"  data-value="ES" data-disclosure-option>
4565                            <span class="">Spain (EUR €)</span>
4566                          </a>
4567                        </li>
4568                        <li class="text-sm w-40">
4569                          <a class="block p-2" href="#"  data-value="LK" data-disclosure-option>
4570                            <span class="">Sri Lanka (USD $)</span>
4571                          </a>
4572                        </li>
4573                        <li class="text-sm w-40">
4574                          <a class="block p-2" href="#"  data-value="BL" data-disclosure-option>
4575                            <span class="">St. Barthélemy (USD $)</span>
4576                          </a>
4577                        </li>
4578                        <li class="text-sm w-40">
4579                          <a class="block p-2" href="#"  data-value="SH" data-disclosure-option>
4580                            <span class="">St. Helena (USD $)</span>
4581                          </a>
4582                        </li>
4583                        <li class="text-sm w-40">
4584                          <a class="block p-2" href="#"  data-value="KN" data-disclosure-option>
4585                            <span class="">St. Kitts &amp; Nevis (USD $)</span>
4586                          </a>
4587                        </li>
4588                        <li class="text-sm w-40">
4589                          <a class="block p-2" href="#"  data-value="LC" data-disclosure-option>
4590                            <span class="">St. Lucia (USD $)</span>
4591                          </a>
4592                        </li>
4593                        <li class="text-sm w-40">
4594                          <a class="block p-2" href="#"  data-value="MF" data-disclosure-option>
4595                            <span class="">St. Martin (USD $)</span>
4596                          </a>
4597                        </li>
4598                        <li class="text-sm w-40">
4599                          <a class="block p-2" href="#"  data-value="PM" data-disclosure-option>
4600                            <span class="">St. Pierre &amp; Miquelon (USD $)</span>
4601                          </a>
4602                        </li>
4603                        <li class="text-sm w-40">
4604                          <a class="block p-2" href="#"  data-value="VC" data-disclosure-option>
4605                            <span class="">St. Vincent &amp; Grenadines (USD $)</span>
4606                          </a>
4607                        </li>
4608                        <li class="text-sm w-40">
4609                          <a class="block p-2" href="#"  data-value="SD" data-disclosure-option>
4610                            <span class="">Sudan (USD $)</span>
4611                          </a>
4612                        </li>
4613                        <li class="text-sm w-40">
4614                          <a class="block p-2" href="#"  data-value="SR" data-disclosure-option>
4615                            <span class="">Suriname (USD $)</span>
4616                          </a>
4617                        </li>
4618                        <li class="text-sm w-40">
4619                          <a class="block p-2" href="#"  data-value="SJ" data-disclosure-option>
4620                            <span class="">Svalbard &amp; Jan Mayen (USD $)</span>
4621                          </a>
4622                        </li>
4623                        <li class="text-sm w-40">
4624                          <a class="block p-2" href="#"  data-value="SE" data-disclosure-option>
4625                            <span class="">Sweden (SEK kr)</span>
4626                          </a>
4627                        </li>
4628                        <li class="text-sm w-40">
4629                          <a class="block p-2" href="#"  data-value="CH" data-disclosure-option>
4630                            <span class="">Switzerland (USD $)</span>
4631                          </a>
4632                        </li>
4633                        <li class="text-sm w-40">
4634                          <a class="block p-2" href="#"  data-value="TW" data-disclosure-option>
4635                            <span class="">Taiwan (USD $)</span>
4636                          </a>
4637                        </li>
4638                        <li class="text-sm w-40">
4639                          <a class="block p-2" href="#"  data-value="TJ" data-disclosure-option>
4640                            <span class="">Tajikistan (USD $)</span>
4641                          </a>
4642                        </li>
4643                        <li class="text-sm w-40">
4644                          <a class="block p-2" href="#"  data-value="TZ" data-disclosure-option>
4645                            <span class="">Tanzania (USD $)</span>
4646                          </a>
4647                        </li>
4648                        <li class="text-sm w-40">
4649                          <a class="block p-2" href="#"  data-value="TH" data-disclosure-option>
4650                            <span class="">Thailand (USD $)</span>
4651                          </a>
4652                        </li>
4653                        <li class="text-sm w-40">
4654                          <a class="block p-2" href="#"  data-value="TL" data-disclosure-option>
4655                            <span class="">Timor-Leste (USD $)</span>
4656                          </a>
4657                        </li>
4658                        <li class="text-sm w-40">
4659                          <a class="block p-2" href="#"  data-value="TG" data-disclosure-option>
4660                            <span class="">Togo (USD $)</span>
4661                          </a>
4662                        </li>
4663                        <li class="text-sm w-40">
4664                          <a class="block p-2" href="#"  data-value="TK" data-disclosure-option>
4665                            <span class="">Tokelau (USD $)</span>
4666                          </a>
4667                        </li>
4668                        <li class="text-sm w-40">
4669                          <a class="block p-2" href="#"  data-value="TO" data-disclosure-option>
4670                            <span class="">Tonga (USD $)</span>
4671                          </a>
4672                        </li>
4673                        <li class="text-sm w-40">
4674                          <a class="block p-2" href="#"  data-value="TT" data-disclosure-option>
4675                            <span class="">Trinidad &amp; Tobago (USD $)</span>
4676                          </a>
4677                        </li>
4678                        <li class="text-sm w-40">
4679                          <a class="block p-2" href="#"  data-value="TA" data-disclosure-option>
4680                            <span class="">Tristan da Cunha (USD $)</span>
4681                          </a>
4682                        </li>
4683                        <li class="text-sm w-40">
4684                          <a class="block p-2" href="#"  data-value="TN" data-disclosure-option>
4685                            <span class="">Tunisia (USD $)</span>
4686                          </a>
4687                        </li>
4688                        <li class="text-sm w-40">
4689                          <a class="block p-2" href="#"  data-value="TR" data-disclosure-option>
4690                            <span class="">Türkiye (USD $)</span>
4691                          </a>
4692                        </li>
4693                        <li class="text-sm w-40">
4694                          <a class="block p-2" href="#"  data-value="TM" data-disclosure-option>
4695                            <span class="">Turkmenistan (USD $)</span>
4696                          </a>
4697                        </li>
4698                        <li class="text-sm w-40">
4699                          <a class="block p-2" href="#"  data-value="TC" data-disclosure-option>
4700                            <span class="">Turks &amp; Caicos Islands (USD $)</span>
4701                          </a>
4702                        </li>
4703                        <li class="text-sm w-40">
4704                          <a class="block p-2" href="#"  data-value="TV" data-disclosure-option>
4705                            <span class="">Tuvalu (USD $)</span>
4706                          </a>
4707                        </li>
4708                        <li class="text-sm w-40">
4709                          <a class="block p-2" href="#"  data-value="UM" data-disclosure-option>
4710                            <span class="">U.S. Outlying Islands (USD $)</span>
4711                          </a>
4712                        </li>
4713                        <li class="text-sm w-40">
4714                          <a class="block p-2" href="#"  data-value="UG" data-disclosure-option>
4715                            <span class="">Uganda (USD $)</span>
4716                          </a>
4717                        </li>
4718                        <li class="text-sm w-40">
4719                          <a class="block p-2" href="#"  data-value="UA" data-disclosure-option>
4720                            <span class="">Ukraine (USD $)</span>
4721                          </a>
4722                        </li>
4723                        <li class="text-sm w-40">
4724                          <a class="block p-2" href="#"  data-value="AE" data-disclosure-option>
4725                            <span class="">United Arab Emirates (USD $)</span>
4726                          </a>
4727                        </li>
4728                        <li class="text-sm w-40">
4729                          <a class="block p-2" href="#"  data-value="GB" data-disclosure-option>
4730                            <span class="">United Kingdom (USD $)</span>
4731                          </a>
4732                        </li>
4733                        <li class="text-sm w-40">
4734                          <a class="block p-2" href="#" aria-current="true" data-value="US" data-disclosure-option>
4735                            <span class="text-scheme-accent font-bold">United States (USD $)</span>
4736                          </a>
4737                        </li>
4738                        <li class="text-sm w-40">
4739                          <a class="block p-2" href="#"  data-value="UY" data-disclosure-option>
4740                            <span class="">Uruguay (USD $)</span>
4741                          </a>
4742                        </li>
4743                        <li class="text-sm w-40">
4744                          <a class="block p-2" href="#"  data-value="UZ" data-disclosure-option>
4745                            <span class="">Uzbekistan (USD $)</span>
4746                          </a>
4747                        </li>
4748                        <li class="text-sm w-40">
4749                          <a class="block p-2" href="#"  data-value="VU" data-disclosure-option>
4750                            <span class="">Vanuatu (USD $)</span>
4751                          </a>
4752                        </li>
4753                        <li class="text-sm w-40">
4754                          <a class="block p-2" href="#"  data-value="VA" data-disclosure-option>
4755                            <span class="">Vatican City (USD $)</span>
4756                          </a>
4757                        </li>
4758                        <li class="text-sm w-40">
4759                          <a class="block p-2" href="#"  data-value="VE" data-disclosure-option>
4760                            <span class="">Venezuela (USD $)</span>
4761                          </a>
4762                        </li>
4763                        <li class="text-sm w-40">
4764                          <a class="block p-2" href="#"  data-value="VN" data-disclosure-option>
4765                            <span class="">Vietnam (USD $)</span>
4766                          </a>
4767                        </li>
4768                        <li class="text-sm w-40">
4769                          <a class="block p-2" href="#"  data-value="WF" data-disclosure-option>
4770                            <span class="">Wallis &amp; Futuna (USD $)</span>
4771                          </a>
4772                        </li>
4773                        <li class="text-sm w-40">
4774                          <a class="block p-2" href="#"  data-value="EH" data-disclosure-option>
4775                            <span class="">Western Sahara (USD $)</span>
4776                          </a>
4777                        </li>
4778                        <li class="text-sm w-40">
4779                          <a class="block p-2" href="#"  data-value="YE" data-disclosure-option>
4780                            <span class="">Yemen (USD $)</span>
4781                          </a>
4782                        </li>
4783                        <li class="text-sm w-40">
4784                          <a class="block p-2" href="#"  data-value="ZM" data-disclosure-option>
4785                            <span class="">Zambia (USD $)</span>
4786                          </a>
4787                        </li>
4788                        <li class="text-sm w-40">
4789                          <a class="block p-2" href="#"  data-value="ZW" data-disclosure-option>
4790                            <span class="">Zimbabwe (USD $)</span>
4791                          </a>
4792                        </li></ul>
4793                    <input type="hidden" name="country_code" id="CountrySelector" value="US" data-disclosure-input/>
4794                  </div>
4795                </div></form></div></div>
4796    
4797  </div>
4798</footer>
4799
4800
4801<style> #shopify-section-footer footer div div:nth-child(2) {opacity: 0; height: 0;} </style></div>
4802  <div id="shopify-section-popup" class="shopify-section relative z-60">
4803
4804<section x-data="ThemeSection_popup()"
4805        x-cloak
4806        x-init="frequency = 30, delay = 2, mounted()"
4807        :class="{ 'translate-y-0-important' : show }"
4808         class="popup fixed right-0 bottom-0 lg:w-1/2 lg:max-w-2xl lg:p-4 lg:pt-8  z-70 transition-transform duration-300 in-expo transform translate-y-full"  data-section-type="popup"   data-section-id="popup">
4809
4810  <div class="wrapper py-10 lg:py-20 bg-scheme-background text-scheme-text relative" data-color-scheme="tertiary">
4811
4812    <button @click="closePopUp($event)" class="block p-1 w-8 ml-auto absolute top-2 right-2">
4813      <span class="visually-hidden">Close (esc)</span>
4814      <span class="inline-block  w-6 h-6"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg></span>
4815    </button>
4816
4817    <div>
4818      
4819      <h2 class="font-heading  text-lg">
4820        Free Cocoine!
4821      </h2>
4822      
4823
4824      
4825      <p class="font-body leading-snug mt-5">
4826        <p>Sign up to our site and earn Free Cocoine you can use for discounts and access to exclusive content and products.</p>
4827      </p>
4828      
4829    </div>
4830
4831    <div class="mt-5 lg:mt-10">
4832        <a href="https://account.steelpanther.com/" class="btn btn-outline-tertiary-accent">
4833          <span class="btn-text">Sign Up Here</span>
4834          <span class="btn-icon"><svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-right_arrow" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M1 11h14.17l-3.58 3.59L13 16l6-6-6-6-1.41 1.41L15.17 9H1z"></path></svg></span>
4835        </a>
4836        
4837</div>
4838  </div>
4839</section>
4840
4841
4842
4843</div>
4844<div x-cloak x-data="QuickBuyModal()" x-init="mounted()" data-color-scheme="primary">
4845  <div id="ProductModal"
4846      x-show="open"
4847      class="fixed top-0 left-0 right-0 bottom-0 flex justify-center items-center p-4 lg:p-24 z-100"
4848      x-transition:enter="transition ease duration-300"
4849      x-transition:enter-start="opacity-0"
4850      x-transition:enter-end="opacity-100"
4851      x-transition:leave="transition ease duration-300"
4852      x-transition:leave-start="opacity-100"
4853      x-transition:leave-end="opacity-0"
4854      role="dialog"
4855      aria-modal="true"
4856      data-product-modal>
4857    <div class="border-grid border-grid-color bg-scheme-background text-scheme-text w-full relative max-h-full max-w-6xl overflow-auto z-10">
4858      <button @click.prevent="close()" class="absolute w-8 -mr-2 top-2 right-2 lg:top-4 lg:right-4">
4859        <span  class="visually-hidden">Close (esc)</span>
4860        <svg aria-hidden="true" focusable="false" role="presentation" class="icon fill-current icon-close" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M18.364 4.222l1.414 1.414L13.414 12l6.364 6.364-1.414 1.414L12 13.414l-6.364 6.364-1.414-1.414L10.586 12 4.222 5.636l1.414-1.414L12 10.586l6.364-6.364z" clip-rule="evenodd"></path></svg>
4861      </button>
4862      <div data-product-modal-content class="mt-4 lg:mt-0">
4863      </div>
4864    </div>
4865    <div @click="close()" role="button" class="absolute top-0 right-0 bottom-0 left-0 z-0 w-full h-full opacity-90"></div>
4866  </div>
4867</div>
4868
4869<div id="drawerCover" class="bg-scheme-text fixed top-0 left-0 right-0 bottom-0 z-99 opacity-0 transition-opacity hidden" data-color-scheme="primary"></div>
4870
4871  <div id="screenreader-announce" class="visually-hidden" aria-live="polite" role="status"></div>
4872
4873  <ul hidden>
4874    <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
4875    <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li>
4876  </ul>
4877
4878  
4878<script>
4879    window.theme = {
4880      strings: {
4881        loading: "Loading",
4882        itemCountOne: "{{ count }} item",
4883        itemCountOther: "{{ count }} items",
4884        addToCart: "Add to Cart",
4885        soldOut: "Sold Out",
4886        unavailable: "Unavailable",
4887        regularPrice: "Regular price",
4888        salePrice: "Sale price",
4889        sale: "On Sale",
4890        unitPrice: "Unit price",
4891        unitPriceSeparator: "per",
4892        cartEmpty: "Your cart is currently empty.",
4893        cartCookies: "Enable cookies to use the shopping cart",
4894        update: "Update Cart",
4895        quantity: "Quantity",
4896        discountedTotal: "Discounted total",
4897        regularTotal: "Regular total",
4898        priceColumn: "See Price column for discount details.",
4899        addedToCart: "Added to Cart!",
4900        cartAddError: "All {{ title }} are in your cart."
4901      },
4902      animations: {
4903        fade_in_sections: false,
4904        zoom_images_on_hover: false
4905      },
4906      moneyFormat: "$ {{amount}}",
4907      cartItemCount: 0,
4908      cartMethod: "drawer",
4909      routes: {
4910        cart_url: '/cart',
4911        cart_add_url: '/cart/add',
4912        cart_change_url: '/cart/change',
4913        cart_update_url: '/cart/update',
4914        cart_clear_url: '/cart/clear',
4915        predictive_search_url: '/search/suggest'
4916      },
4917    };
4918  </script>
4918
4919  
4920  
4921<script>
4922window.baseAssetsUrl = '//steelpanther.com/cdn/shop/t/33/';
4923</script>
vendor: 1 bytes, line 4923
4923
4924<script type="module" src="//steelpanther.com/cdn/shop/t/33/assets/theme.min.js?v=5649533396108209391761112255" defer="defer"></script>
4924
4925  
4926<script>
4927  function formatMoney(cents, format = nvdShopCurrency) {
4928  if (typeof cents === 'string') {
4929    cents = cents.replace('.', '')
4930  }
4931  let value = ''
4932  const placeholderRegex = /\{\{\s*(\w+)\s*\}\}/
4933  const formatString = format || this.money_format
4934
4935  function defaultOption(opt, def) {
4936    return typeof opt === 'undefined' ? def : opt
4937  }
4938
4939  function formatWithDelimiters(number, precision, thousands, decimal) {
4940    precision = defaultOption(precision, 2)
4941    thousands = defaultOption(thousands, ',')
4942    decimal = defaultOption(decimal, '.')
4943
4944    if (isNaN(number) || number == null) {
4945      return 0
4946    }
4947    number = (number / 100.0).toFixed(precision)
4948    const parts = number.split('.')
4949    const dollars = parts[0].replace(
4950      /(\d)(?=(\d\d\d)+(?!\d))/g,
4951      `$1${thousands}`
4952    )
4953    const cents = parts[1] ? decimal + parts[1] : ''
4954
4955    return dollars + cents
4956  }
4957
4958  switch (formatString.match(placeholderRegex)[1]) {
4959    case 'amount':
4960      value = formatWithDelimiters(cents, 2)
4961      break
4962    case 'amount_no_decimals':
4963      value = formatWithDelimiters(cents, 0)
4964      break
4965    case 'amount_with_comma_separator':
4966      value = formatWithDelimiters(cents, 2, '.', ',')
4967      break
4968    case 'amount_no_decimals_with_comma_separator':
4969      value = formatWithDelimiters(cents, 0, '.', ',')
4970      break
4971    default:
4972      value = formatWithDelimiters(cents, 2)
4973      break
4974  }
4975
4976  return formatString.replace(placeholderRegex, value)
4977}
4978</script>
4978
4979
4980 
4980<script>
4981      function applyGalleryLayout() {
4982        const gallery = document.querySelector('.product-gallery');
4983        if (!gallery) return;
4984
4985        const images = gallery.querySelectorAll('img');
4986        const count = images.length;
4987
4988        // Reset all widths
4989        images.forEach((img) => (img.style.width = '50%'));
4990
4991        if (count > 0) {
4992          // First always 100%
4993          images[0].style.width = '100%';
4994
4995          if (count % 2 === 0) {
4996            // If even → last also 100%
4997            images[count - 1].style.width = '100%';
4998          }
4999        }
5000
5001        
5002      }
5003      document.addEventListener('DOMContentLoaded', function () {
5004        applyGalleryLayout();
5005
5006        document.querySelectorAll('.single-option-selector').forEach((sel) => {
5007          sel.addEventListener('change', () => {
5008            setTimeout(applyGalleryLayout, 300); // wait for Shopify to swap images
5009          });
5010        });
5011      });
5012    </script>
5012
5013
5014
5015
5016
5017  
5017<script>
5018document.addEventListener("DOMContentLoaded", function () {
5019  // --- assets (CDN) ---
5020  const JQUERY_CDN = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js";
5021  const OWL_CSS_1 = "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css";
5022  const OWL_CSS_2 = "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css";
5023  const OWL_JS = "https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js";
5024
5025  // --- helper loaders ---
5026  function loadCSS(href) {
5027    return new Promise((resolve) => {
5028      if (document.querySelector(`link[href="${href}"]`)) return resolve();
5029      const link = document.createElement("link");
5030      link.rel = "stylesheet";
5031      link.href = href;
5032      link.onload = () => resolve();
5033      document.head.appendChild(link);
5034    });
5035  }
5036
5037  function loadScript(src) {
5038    return new Promise((resolve, reject) => {
5039      const existing = document.querySelector(`script[src="${src}"]`);
5040      if (existing) {
5041        existing.addEventListener
5042          ? existing.addEventListener("load", () => resolve())
5043          : setTimeout(resolve, 50);
5044        return;
5045      }
5046      const s = document.createElement("script");
5047      s.src = src;
5048      s.async = false;
5049      s.onload = () => resolve();
5050      s.onerror = () => reject(new Error("Failed to load " + src));
5051      document.head.appendChild(s);
5052    });
5053  }
5054
5055  async function ensureJQueryAndOwl() {
5056    if (!window.jQuery) {
5057      await loadScript(JQUERY_CDN);
5058    }
5059    const $ = window.jQuery;
5060
5061    if (!($.fn && $.fn.owlCarousel)) {
5062      await Promise.all([loadCSS(OWL_CSS_1), loadCSS(OWL_CSS_2)]);
5063      await loadScript(OWL_JS);
5064    }
5065
5066    if (!($.fn && $.fn.owlCarousel)) {
5067      throw new Error("Owl Carousel not available.");
5068    }
5069    return $;
5070  }
5071
5072  // -------------------------
5073  // Shopify images
5074  // -------------------------
5075  const allImages = [];
5076
5077  const gallery = document.querySelector(".product-gallery");
5078  const popup = document.getElementById("imagePopup");
5079  const popupClose = popup.querySelector(".popup-close");
5080  let currentGroup = [];
5081
5082  // -------------------------
5083  // Filter & render images
5084  // -------------------------
5085  function getFilteredImages(selectedVariantText) {
5086    const text = selectedVariantText.toLowerCase();
5087    let startIndex = -1;
5088
5089    if (text.includes("black sole")) {
5090      startIndex = allImages.findIndex(img => img.attached && img.src.toLowerCase().includes("blk"));
5091    } else if (text.includes("white sole")) {
5092      startIndex = allImages.findIndex(img => img.attached && img.src.toLowerCase().includes("wt"));
5093    }
5094
5095    if (startIndex === -1) return [];
5096
5097    const nextIndex = allImages.findIndex((img, idx) => idx > startIndex && img.attached);
5098    const endIndex = nextIndex === -1 ? allImages.length : nextIndex;
5099
5100    let group = allImages.slice(startIndex, endIndex);
5101
5102    // ensure first image is attached
5103    const firstAttachedIndex = group.findIndex(img => img.attached);
5104    if (firstAttachedIndex > 0) {
5105      [group[0], group[firstAttachedIndex]] = [group[firstAttachedIndex], group[0]];
5106    }
5107
5108    return group;
5109  }
5110
5111  function renderImages(filtered) {
5112    gallery.innerHTML = "";
5113    currentGroup = filtered || [];
5114    filtered.forEach((img, index) => {
5115      const el = document.createElement("img");
5116      el.src = img.src;
5117      el.alt = img.alt;
5118      el.style.cursor = "pointer";
5119      el.addEventListener("click", function () {
5120        openPopup(index).catch(console.error);
5121      });
5122      gallery.appendChild(el);
5123    });
5124  }
5125
5126  function handleVariantChange() {
5127    let selectedVariantText = "";
5128    document.querySelectorAll(".single-option-selector").forEach(sel => {
5129      selectedVariantText += sel.value + " ";
5130    });
5131    selectedVariantText = selectedVariantText.trim();
5132
5133    const imgs = getFilteredImages(selectedVariantText);
5134    renderImages(imgs);
5135    renderMobileSliders(imgs);
5136  }
5137
5138  // ----------------
5139  // Popup / Owl init
5140  // ----------------
5141async function openPopup(clickedIndex = 0) {
5142  const $ = await ensureJQueryAndOwl();
5143  const $popupSlider = $("#popupSlider");
5144
5145  // show overlay + popup
5146  document.getElementById("popupOverlay").style.display = "block";
5147  popup.style.display = "flex";
5148
5149  if ($popupSlider.hasClass("owl-loaded")) {
5150    $popupSlider.trigger("destroy.owl.carousel");
5151    $popupSlider.removeClass("owl-loaded owl-hidden");
5152    $popupSlider.html("");
5153  }
5154
5155  // Add images
5156  currentGroup.forEach(img => {
5157    const div = document.createElement("div");
5158    div.className = "item";
5159    div.innerHTML = `<img src="${img.src}" alt="${img.alt}" style="max-width:100%; display:block; margin:0 auto;">`;
5160    $popupSlider.append(div);
5161  });
5162
5163  // 👉 Wait until all images are loaded before initializing Owl
5164  const imgs = $popupSlider.find("img").toArray();
5165  let loaded = 0;
5166  imgs.forEach(img => {
5167    img.onload = check;
5168    img.onerror = check;
5169  });
5170
5171  function check() {
5172    loaded++;
5173    if (loaded === imgs.length) {
5174      $popupSlider.owlCarousel({
5175        items: 1,
5176        loop: true,
5177        nav: true,
5178        dots: true,
5179        autoHeight: true,
5180        startPosition: clickedIndex,
5181        navText: [
5182          '<i class="fa fa-chevron-left"></i>',
5183          '<i class="fa fa-chevron-right"></i>'
5184        ]
5185      });
5186    }
5187  }
5188}
5189
5190// close handler (overlay + button)
5191document.querySelector(".popup-close").addEventListener("click", () => {
5192  document.getElementById("popupOverlay").style.display = "none";
5193  popup.style.display = "none";
5194});
5195document.getElementById("popupOverlay").addEventListener("click", () => {
5196  document.getElementById("popupOverlay").style.display = "none";
5197  popup.style.display = "none";
5198});
5199
5200
5201
5202  // Close popup
5203  popupClose.addEventListener("click", function () {
5204    try {
5205      const $ = window.jQuery;
5206      const $popupSlider = $ ? $("#popupSlider") : null;
5207      if ($popupSlider && $popupSlider.hasClass("owl-loaded")) {
5208        $popupSlider.trigger("destroy.owl.carousel");
5209        $popupSlider.html("");
5210      }
5211    } catch (e) {}
5212    popup.style.display = "none";
5213  });
5214
5215  popup.addEventListener("click", function (e) {
5216    if (e.target === popup) popupClose.click();
5217  });
5218
5219  // ----------------
5220  // Mobile Sliders
5221  // ----------------
5222  async function renderMobileSliders(filtered) {
5223    const $ = await ensureJQueryAndOwl();
5224    currentGroup = filtered;
5225
5226    const $main = $(".mobile-main-slider");
5227    const $thumb = $(".mobile-gallery");
5228
5229    // Destroy old sliders
5230    [$main, $thumb].forEach($el => {
5231      if ($el.hasClass("owl-loaded")) {
5232        $el.trigger("destroy.owl.carousel").removeClass("owl-loaded");
5233        $el.html("");
5234      }
5235    });
5236
5237    // Add images
5238    filtered.forEach(img => {
5239      $main.append(`<div class="item"><img src="${img.src}" alt="${img.alt}"></div>`);
5240      $thumb.append(`<div class="item"><img src="${img.src}" alt="${img.alt}" class="thumb"></div>`);
5241    });
5242
5243    // Init main slider
5244    $main.owlCarousel({
5245      items: 1,
5246      loop: true,
5247      nav: false,
5248      dots: true,
5249      autoHeight: true,
5250      startPosition: 0
5251    });
5252
5253    // Init thumbnail slider
5254    $thumb.owlCarousel({
5255      items: 3,
5256      loop: true,
5257      margin: 5,
5258      nav: true,
5259      navText: ['<i class="fa fa-chevron-left"></i>', '<i class="fa fa-chevron-right"></i>'],
5260      dots: false,
5261      center: true,
5262     
5263    });
5264
5265    // Sync main → thumbs
5266    function syncThumbs(event) {
5267      let index = (event.item.index - event.relatedTarget._clones.length / 2 + filtered.length) % filtered.length;
5268      $thumb.trigger("to.owl.carousel", [index, 300, true]);
5269    }
5270    $main.on("changed.owl.carousel translated.owl.carousel", syncThumbs);
5271
5272    // Sync thumbs → main on click
5273    $thumb.on("click", ".item img", function() {
5274      let index = $(this).closest(".owl-item").index() % filtered.length;
5275      $main.trigger("to.owl.carousel", [index, 300, true]);
5276    });
5277
5278    // Sync thumbs → main on arrow nav
5279    $thumb.on("translated.owl.carousel", function(event) {
5280      let index = (event.item.index - event.relatedTarget._clones.length / 2 + filtered.length) % filtered.length;
5281      $main.trigger("to.owl.carousel", [index, 300, true]);
5282    });
5283
5284    // Force first image to show immediately
5285    setTimeout(() => {
5286      $main.trigger("refresh.owl.carousel");
5287      $main.trigger("to.owl.carousel", [0, 0, true]);
5288    }, 50);
5289  }
5290
5291  // ----------------
5292  // Init
5293  // ----------------
5294  handleVariantChange();
5295  document.querySelectorAll(".single-option-selector").forEach(sel => {
5296    sel.addEventListener("change", handleVariantChange);
5297  });
5298});
5299</script>
5299
5300
5301
5302  <style> body#life-on-the-rocks h1 {display: none;} </style>
5303<div id="shopify-block-AMm5GZlN5KzdSZ3JWT__12608439564960700138" class="shopify-block shopify-app-block"><div id="sezzle-widget-embed-block-error"></div>
5304<style>
5305  .sezzle-shopify-info-button .sezzle-button-text {
5306    
5307
5308    
5309
5310    
5311}
5312</style>
5313<script>
5314    
5315
5316    
5317        const embedWidgetRendererScript = document.createElement("script");
5318        embedWidgetRendererScript.type = "text/javascript";
5319        embedWidgetRendererScript.src = "https://cdn.shopify.com/extensions/01a068e3-0c7f-7187-8245-9c5af06467ff/sezzle-widget-161123b6/assets/widget-renderer.min.js";
5320        embedWidgetRendererScript.onload = function() {
5321          new WidgetRenderer({
5322              merchantUUID: "fd9d93f3-b88e-4703-b7e1-f773b57b8416",
5323              blockType: "embed"
5324          }).init();
5325        };
5326        document.head.appendChild(embedWidgetRendererScript);
5327    
5328  </script>
5328
5329
5330</div><div id="shopify-block-AdEpnM0MycHo4NzBoN__2699851813924348007" class="shopify-block shopify-app-block">
5330<script>
5331   const nvdConsentConfig= {"landing_popup":{"general":{"headline":"General","section_content":{"max_width":"830px"},"section_style":{"background_color":"#F8F8F8","border_color":"#F8F8F8"},"initial_style":{"bg_color":"#F8F8F8","border_color":"#F8F8F8"}},"user_behavior":{"headline":"User behavior","section_content":{"after_scrolling_x%":50,"is_after_scrolling_x%_enable":true,"after_scrolling_x_seconds":50,"is_after_scrolling_x_seconds_enable":true}},"custom_css":{"headline":"Custom css","section_content":{"style":""}},"store_credit":{"headline":"Store credit","section_content":{"store_credit":true,"choose_credit_type":"static","amount":5}},"heading":{"headline":"Heading","section_content":{"title":"Choose The Best Way To Shop","is_title_enable":true,"subtitle":"Get exclusive perks, lower costs, and full shipping protection and {store_credit_amount} store credit.","is_subtitle_enable":true},"section_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"benefits":{"headline":"Benefits","section_content":{"title":"Get exclusive benefits","benefits_content":[{"title":"Claims"},{"title":"Guaranteed Safe Delivery"},{"title":"Priority Customer Support"}]},"section_style":{"title_color":"#00070B","title_size":28,"title_weight":500,"benefit_name_color":"#374144","benefit_name_size":28,"benefit_name_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":500,"benefit_name_color":"#374144","benefit_name_size":28,"benefit_name_weight":400}},"with_protection":{"headline":"With protection","section_content":{"title":"With shipping protection","subtitle":"You will get {store_credit_amount} Store credit","img":"/src/assets/img/tick_icon.png"},"section_style":{"background_color":"#FE5C36","title_color":"#FFFFFF","subtitle_color":"#FFFFFF","title_size":28,"title_weight":500,"subtitle_size":28,"subtitle_weight":400},"initial_style":{"background_color":"#FE5C36","title_color":"#FFFFFF","subtitle_color":"#FFFFFF","title_size":28,"title_weight":500,"subtitle_size":28,"subtitle_weight":400}},"without_protection":{"headline":"Without protection","section_content":{"title":"Without shipping protection","subtitle":"Regular price","img":"/src/assets/img/cross_icon.png"},"section_style":{"background_color":"#EBEBEB","title_color":"#000000","subtitle_color":"#000000","title_size":28,"title_weight":500,"subtitle_size":28,"subtitle_weight":400},"initial_style":{"background_color":"#FE5C36","title_color":"#FFFFFF","subtitle_color":"#FFFFFF","title_size":28,"title_weight":500,"subtitle_size":28,"subtitle_weight":400}},"cta_button":{"headline":"CTA Button","section_content":{"button_text":"Checkout with shipping protection","secondary_button_text":"Not Now, I’ll Risk It"},"section_style":{"button_color":"#FFFFFF","button_background_color":"#FE5C36","secondary_button_color":"#00070B"},"initial_style":{"button_color":"#FFFFFF","button_background_color":"#FFEFEB","secondary_button_color":"#00070B"}},"shipping_protection":{"headline":"Shipping protection","section_content":{"description":"Protect your shipments and profits with Navidium's self-funded shipping protection plan. You keep 100% of the fees, manage claims directly, and ensure a seamless experience for your customers. Offset costs from lost or damaged shipments, upsell digital products, and boost conversions—all while maintaining full control.","is_description_enable":true},"section_style":{"description_color":"#00070B","background_color":"#FFEFEB","description_size":13,"description_weight":400},"initial_style":{"description_color":"#00070B","background_color":"#FFEFEB","description_size":13,"description_weight":400}},"widget_settings":{"id":1,"headline":"Widget settings","section_content":{"title":"Navidium Shipping Protection","subtitle":"Get dedicated concierge help with refunds and replacements. We\n                are here to help resolve shipping issues like loss, damage, or\n                theft.","img":""},"section_style":{"background_color":"#ffffff","title_color":"#00070B","subtitle_color":"#00070B","icon_color":"#FE5C36","protection_amount_color":"#00070B"},"initial_style":{"description_color":"#00070B","background_color":"#FFEFEB","de
5331scription_size":13,"description_weight":400}}},"reminder_popup":{"general":{"headline":"General","section_content":{"max_width":"830px"},"section_style":{"background_color":"#F8F8F8","border_color":"#F8F8F8"},"initial_style":{"bg_color":"#F8F8F8","border_color":"#F8F8F8"}},"user_behavior":{"headline":"User behavior","section_content":{"after_scrolling_x%":50,"is_after_scrolling_x%_enable":true,"after_scrolling_x_seconds":50,"is_after_scrolling_x_seconds_enable":true}},"custom_css":{"headline":"Custom css","section_content":{"style":""}},"store_credit":{"headline":"Store credit","section_content":{"store_credit":true,"choose_credit_type":"static","amount":5}},"hero_section":{"headline":"Hero Section","section_content":{"title":"Protect Your Order Before You Checkout!","is_title_enable":true,"subtitle":"Don’t let unexpected mishaps ruin your","is_subtitle_enable":true,"logo":"https://d10pwglna6up6p.cloudfront.net/navidium-widgets/assets/icons/gift-box.png"},"section_style":{"from_background_color":"#34073d","to_background_color":" #ef745c","title_color":"#ffffff","title_size":28,"title_weight":600,"subtitle_color":"#ffffff","subtitle_size":13,"subtitle_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"heading":{"headline":"Heading ","section_content":{"title":"Did you protect your order?","is_title_enable":true,"subtitle":"Protect your order and get exclusive *benefits*","is_subtitle_enable":true},"section_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"timer":{"headline":"Timer ","section_content":{"title":"Ends in","is_on_off_enable":true,"is_title_enable":true,"on_off":{"minutes":0,"second":10},"actions_when_timer_ends":["Re-direct to checkout"]},"section_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"timer_color":"#ffffff","timer_size":18,"timer_weight":400,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"timer_color":"#ffffff","timer_size":13,"timer_weight":400,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"benefits":{"headline":"Benefits","section_content":{"title":"Get exclusive benefits","subtitle":"You will get {store_credit_amount} Store credit","img":"/src/assets/img/tick_icon.png","benefits_content":[{"title":"Claims"},{"title":"Guaranteed Safe Delivery"},{"title":"Priority Customer Support"}]},"section_style":{"title_color":"#00070B","title_size":18,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"cta_button":{"headline":"CTA Button","section_content":{"button_text":"Protect My Order Now","secondary_button_text":"Not Now, I’ll Risk It"},"section_style":{"button_color":"#FFFFFF","button_background_color":"#FE5C36","secondary_button_color":"#00070B"},"initial_style":{"button_color":"#FFFFFF","button_background_color":"#FFEFEB","secondary_button_color":"#00070B"}},"upsell":{"headline":"Upsell","section_content":{"show_upsell":true,"title":"Recommended for you","products":[],"enable_slider":true,"show_badge":true,"badge_text":"Most Purchased","provide_discount":true,"discount_type":"percentage","discount_amount":10,"button_text":"Add to cart","is_slider_enable":true},"section_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"product_title_color":"#374144","product_title_size":"#374144","button_background_color":"#000000","button_color":"#FFFFFF"},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"sale_badge":{"headline":"Sale Badge","section_style":{"badge_border_radius":10,"badge_text_weight":600,"badge_background_color":"#FE5C36","badge_text_color":"#FFFFFF"},"initial_style":{"badge_border_radius":10,"badge_text_weight":600,"badge_background_color":"#FE5C36","badge_text_color":"#FFFFFF"}}},"standard_widget":{"templateId":1,"general":{"headline":"General","section_content":{"logo":"","
5331img":""},"section_style":{"background_color":"#ffffff","border_color":"#ffffff","icon_color":"#ee711d","icon_background_color":"#ffffff","protection_amount_color":"#00070B"},"initial_style":{"background_color":"#ffffff","title_color":"#00070B","subtitle_color":"#00070B","icon_color":"#FE5C36","protection_amount_color":"#00070B"}},"heading":{"headline":"Heading","section_content":{"title":"Shipping Protection","subtitle":"Protection from Damage, Loss & Theft for","learn_more":false,"learn_more_text":"Learn more","learn_more_destination":""},"section_style":{"title_color":"#00070B","subtitle_color":"#374144","learn_more_color":"#374144"},"initial_style":{"title_color":"#00070B","title_size":28,"title_weight":600,"subtitle_color":"#374144","subtitle_size":13,"subtitle_weight":400}},"cta_button":{"headline":"CTA Button","section_content":{"button_text":"Protected Checkout | {price}","is_secondary_button_enable":true,"secondary_button_text":"Checkout without protection ","show_subtotal":false,"show_additional_checkout_button":false,"show_popup_when_clicked_on_secondary_button":false},"section_style":{"button_color":"#FFFFFF","button_background_color":"#ee711d","button_font_size":"14px","button_font_weight":600,"secondary_button_color":"#00070B","secondary_button_background_color":"transparent","secondary_button_font_size":"14px","secondary_button_font_weight":400},"initial_style":{"button_color":"#FFFFFF","button_background_color":"#FFEFEB","secondary_button_color":"#00070B","secondary_button_background_color":"transparent"}}}}
5332   const nvdWidgetConfig= {"success":true,"nvd_name":"Shipping Protection","nvd_subtitle":"from Damage, Loss &amp; Theft for ","nvd_description":"Get peace of mind with Delivery Guarantee in the event your delivery is damaged, stolen, or lost during transit.","nvd_message":"By Deselecting Shipping Protection, we will not be liable for lost or stolen packages. ","nvd_show_cart":"1","nvd_show_checkout":"1","nvd_auto_insurance":"1","nvd_protection_type":"1","nvd_protection_type_value":"2","product_exclusion":"{\"sku\":[\"GBWWP1300133\",\"\\r\\nGBWWP1300132\",\"\\r\\nGBWWP1300130\",\"\\r\\nGBWWP1300127\",\"\\r\\nGBWWP1300129\",\"\\r\\nGBWWP1300125\",\"\\r\\nGBWWP1300124\",\"\\r\\nGBWWP1300126\",\"\\r\\nGBWWP1300128\",\"\\r\\nGBWWP1300134\",\"\\r\\nGBWWP1300131\",\"\\r\\nGBWWP1300135\",\"\\r\\nGBWWP1400200\",\"\\r\\nQMBA41301013\",\"\\r\\nGBWWP14007709\",\"\\r\\nGBWWP1501447\",\"\\r\\nGBWWP1501448\",\"\\r\\nGBWWP1501449\",\"\\r\\nGBWWP1501450\",\"\\r\\nGBWWP1501451\",\"\\r\\nGBWWP1501452\",\"\\r\\nGBWWP1501453\",\"\\r\\nGBWWP1501454\",\"\\r\\nGBWWP1501455\",\"\\r\\nGBWWP1501456\",\"\\r\\nGBWWP1501457\",\"\\r\\nGBWWP1501458\",\"\\r\\nGBWWP1501459\",\"\\r\\nGBWWP1602361\",\"\\r\\nGBWWP1602362\",\"\\r\\nGBWWP1602363\",\"\\r\\nGBWWP1602364\",\"\\r\\nGBWWP1602365\",\"\\r\\nGBWWP1602366\",\"\\r\\nG\"],\"types\":[\"Gift Card\"]}","exclusion_action":"1","widget_location":"shipping_method","nvd_widget_style":"{\"titleColor\":\"#6D7175\",\"sloganColor\":\"#6D7175\",\"amountColor\":\"#6D7175\",\"optMessageColor\":\"#6D7175\",\"topBgColor\":\"#FFFFFF\",\"logoBg\":\"#FFFFFF\",\"cornerRadius\":\"0px\",\"learnMoreColor\":\"#000\",\"switchColor\":\"#008060\",\"switchColorOptOut\":\"#6D7175\"}","nvd_widget_template":"widget-6","min_protection_value":"0.75","max_protection_value":"74.25","min_variant_id":"39591639875642","min_variant_price":"0.75","max_variant_id":"39591643086906","max_variant_price":"74.25","nvd_learn_more":"#","threshold_value":9999999,"rounding_value":"rounding_up","nvd_preview_mode":"0","nvd_claim_widget":"{\"heading\": \"Resolve Shipping Problems\",\"sub_heading\": \"Was your package lost, damaged or stolen while being shipped? Then let's get it taken care of.\",\"success_text\": \"Your claim has been filed\",\"notes\": true}","nvd_nations":"[]","nvd_international":"1","nvd_international_fee":"5","nvd_international_fee_active":"0","nvd_claim_email":"0","nvd_widget_icon_alt":"https://app.navidiumapp.com/dashboard/img/navidium-shipping-icon.png","store_currency":"USD","disclaimer_properties":"{\"status\":true,\"property_name\":\"Disclaimer\",\"property_value\":\"This is an optional additional service for expedited replacements and is not a shipping   fee.\"}","nvd_variants":{"0.75":"39591639875642","1.5":"39591639908410","2.25":"39591639941178","3":"39591639973946","3.75":"39591640006714","4.5":"39591640039482","5.25":"39591640072250","6":"39591640105018","6.75":"39591640137786","7.5":"39591640170554","8.25":"39591640203322","9":"39591640236090","9.75":"39591640268858","10.5":"39591640301626","11.25":"39591640334394","12":"39591640367162","12.75":"39591640399930","13.5":"39591640432698","14.25":"39591640465466","15":"39591640498234","15.75":"39591640531002","16.5":"39591640563770","17.25":"39591640596538","18":"39591640629306","18.75":"39591640662074","19.5":"39591640694842","20.25":"39591640727610","21":"39591640760378","21.75":"39591640793146","22.5":"39591640825914","23.25":"39591640858682","24":"39591640891450","24.75":"39591640924218","25.5":"39591640956986","26.25":"39591640989754","27":"39591641022522","27.75":"39591641055290","28.5":"39591641088058","29.25":"39591641120826","30":"39591641153594","30.75":"39591641186362","31.5":"39591641219130","32.25":"39591641251898","33":"39591641284666","33.75":"39591641317434","34.5":"39591641350202","35.25":"39591641382970","36":"39591641415738","36.75":"39591641448506","37.5":"39591641481274","38.25":"39591641514042","39":"39591641546810","39.75":"39591641579578","40.5":"39591641612346","41.25":"39591641645114","42":"39591641677882","42.75":"39591641710650","43.5":"39591641743418","44.25":"39591641776186","45":"39591641808954","45.75":"39591641841722","46.5":"39591641874490","47.25":"39591641907258","48":"39591641940026","48.75":"39591641972794","49.5":"39591642005562","50.25":"39591642038330","51":"39591642071098","51.75":"39591642103866","52.5":"39591642136634","53.25":"39591642169402","54":"39591642202170","54.75":"39591642234938","55.5":"39591642267706","56.25":"39591642300474","57":"39591642333242","57.75":"39591642366010","58.5":"39591642398778","59.25":"39591642431546","60":"39591642464314","60.75":"39591642497082","61.5":"39591642529850","62.25":"39591642562618","63":"39591642595386","63.75":"39591642628154","64.5":"39591642660922","65.25":"39591642693690","66":"39591642726458","66.75":"39591642759226","67.5":"39591642791994","68.25":"39591642824762","69":"39591642857530","69.75":"39591642890298","70.5":"39591642923066","71.25":"39591642955834","72":"39591642988602","72.75":"39591643021370","73.5":"39591643054138","74.25":"39591643086906"},"nvd_static_rules":[],"time":"2025-03-06 03:44:08","nvd_widget_icon":"https://app.navidiumapp.com/dashboard/img/navidium-shipping-icon.png","product_ids":["6782620631098"],"smart_mode":false}
5333   const isNvdLandingPopupOn = false
5334   const isNvdReminderPopupOn = false
5335   const nvdWidgetAutoInstall = false
5336
5337   const nvdWidgetHelpers = {
5338    product_handle: 'navidium-shipping-protection',
5339    subtotal_element: 'navidium',
5340    click_triggers: '#cart-icon-bubble',
5341    checkout_section: '[name="checkout"]',
5342    store_checkout_button: '#checkout-button',
5343  };
5344  if(nvdWidgetAutoInstall) {
5345    nvdWidgetHelpers.checkout_section = nvdWidgetHelpers.checkout_section + ',[name="checkout"],auto-install-to-theme';
5346  }
5347   const nvdReminderPopupOpen = () =>{
5348     document.body.classList.add('nvd-scroll-lock')
5349     document.getElementById('nvd-reminder-modal').style.display='block'
5350  }
5351</script>
vendor: 1 bytes, line 5351
5351
5352<script>
5353  let nvdShopCurrency = window.nvdShopCurrency ? window.nvdShopCurrency : '';
5354  if (nvdShopCurrency == '') {
5355    nvdShopCurrency = '$ {{amount}}';
5356  }
5357</script>
vendor: 1 bytes, line 5357
5357
5358<script>
5359  window.nvdCartItems = [
5360     ];
5361</script>
vendor: 1 bytes, line 5361
5361
5362<script>
5363  window.addEventListener('DOMContentLoaded', function () {
5364    
5365    try {
5366      
5367      if (nvdWidgetHelpers.checkout_section.includes('auto-install-to-theme')) {
5368        window.needToInjectNvd = true;
5369        window.injectNvdToCart = () => {
5370          document.querySelectorAll(nvdWidgetHelpers.checkout_section).forEach((checkoutBtn) => {
5371            if (!checkoutBtn) return;
5372            const parent = checkoutBtn.parentNode;
5373            if (!parent) return;
5374
5375            // Prevent duplicate injection in this container
5376            if (parent.querySelector('.nvd-mini')) return;
5377
5378            const nvdDiv = document.createElement('div');
5379            nvdDiv.className = 'nvd-mini w-nvd-100';
5380
5381            parent.insertBefore(nvdDiv, checkoutBtn);
5382            console.info('[NVD] Mini injected before checkout button:', checkoutBtn);
5383          });
5384        };
5385
5386        // Run immediately
5387        injectNvdToCart();
5388
5389        // Retry for delayed carts (like Rebuy)
5390        let tries = 0;
5391        const interval = setInterval(() => {
5392          injectNvdToCart();
5393          if (++tries > 12) clearInterval(interval); // stop after ~6s
5394        }, 500);
5395      }
5396    } catch (error) {
5397      console.error('Error injecting NVD:', error);
5398    }
5399  });
5400</script>
5400
5401<style>
5402  .nvd-mini button:disabled {
5403    cursor: not-allowed !important;
5404  }
5405  a.sezzle-checkout-button.sezzle-button-light {
5406    min-width: 100%;
5407    margin-top: 20px;
5408}
5409</style>
5410<div id="nvd-consent"></div>
5411
5412  
5412<script src="https://cdn.shopify.com/extensions/01a0ec73-b2bf-7197-9e53-a336fde17b85/navidium-shipping-protection-527/assets/jQuery.js"></script>
5412
5413
5414
5415<script defer src="https://cdn.shopify.com/extensions/01a0ec73-b2bf-7197-9e53-a336fde17b85/navidium-shipping-protection-527/assets/nvd-widget-with-consent.js"></script>
5415
5416
5417<script defer src="https://cdn.shopify.com/extensions/01a0ec73-b2bf-7197-9e53-a336fde17b85/navidium-shipping-protection-527/assets/learn-more-popup.js"></script>
5417
5418
5419
5420</div><div id="shopify-block-AeWtjZE1LT2Irb3pva__7079518687644006178" class="shopify-block shopify-app-block">
5420<script>
5421  (function () {
5422    const cartAttributes = {};
5423
5424    // Helper function to retrieve the UTM from Url
5425    function getUTMFromUrl() {
5426      const url_string = window.location.href;
5427      const url = new URL(url_string);
5428
5429      const utm_id = url.searchParams.get("utm_id");
5430      const utm_source = url.searchParams.get("utm_source");
5431      const utm_medium = url.searchParams.get("utm_medium");
5432      const utm_campaign = url.searchParams.get("utm_campaign");
5433      const utm_term = url.searchParams.get("utm_term");
5434      const ref = url.searchParams.get("ref");
5435
5436      if (!utm_id && !utm_source && !utm_medium && !utm_campaign && !ref) {
5437        return null;
5438      }
5439
5440      let utmParameters = {};
5441      
5442        if (utm_id) {
5443          utmParameters.utm_id = utm_id;
5444        }
5445        if (utm_source) {
5446          utmParameters.utm_source = utm_source;
5447        }
5448        if (utm_medium) {
5449          utmParameters.utm_medium = utm_medium;
5450        }
5451        if (utm_campaign) {
5452          utmParameters.utm_campaign = utm_campaign;
5453        }
5454        if (utm_term) {
5455          utmParameters.utm_term = utm_term;
5456        }
5457        if (ref) {
5458          utmParameters.ref = ref;
5459        }
5460      
5461
5462      return Object.keys(utmParameters).length === 0
5463        ? null
5464        : utmParameters;
5465    }
5466
5467    // Helper function to retrieve the UTM from Cookie
5468    function getUTMAttributes() {
5469      const urlUtmParams = getUTMFromUrl();
5470
5471      if (urlUtmParams) {
5472          return urlUtmParams;
5473      }
5474
5475      // No longer reading from deprecated Shopify cookies
5476      return undefined;
5477    }
5478
5479    function saveUtmParameters() {
5480      const utmParams = getUTMAttributes();
5481      if (utmParams) {
5482        const cartHasUtmAttributes = Object.keys(cartAttributes).find(attributeKey => attributeKey.startsWith("utm_") || attributeKey === "ref");
5483        if (cartHasUtmAttributes) {
5484          // Don't call API if it already contains our UTM parameters
5485          return;
5486        }
5487
5488        // Handle both Shopify.routes.root and routes.root_url for better compatibility
5489        var rootUrl = (window.Shopify && window.Shopify.routes && window.Shopify.routes.root) 
5490          || (window.routes && window.routes.root_url) 
5491          || '/';
5492        
5493        var updateCart = fetch(rootUrl + 'cart/update.js',
5494        {
5495          headers: {
5496            'Content-Type': 'application/json',
5497          },
5498          method: "POST",
5499          body: JSON.stringify({
5500            attributes: {
5501              ...utmParams
5502            },
5503          })
5504        })
5505        .then(response => response.json())
5506        .then(data => {
5507          return data
5508        });
5509      }
5510    }
5511
5512    saveUtmParameters();
5513  })();
5514</script>
5514
5515
5516
5517
5518
5519</div>
5519<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5519
5520</body>
5521</html>
5522<style>
5523  div#nvd-standard-widget-container {
5524    max-width: unset !important;
5525}
5526
5527ul#predictive-search-results-list:has([href*="navidium"]) {
5528    display: none !important;
5529}
5530div#nvd-standard-widget-container {
5531    padding: unset !important;
5532    margin-bottom: -35px !important;
5533}
5534</style>

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.