1<!doctype html> 2<html class="no-js" lang="en" dir="ltr"> 3 <head> 4
4<script type="application/vnd.locksmith+json" data-locksmith>{"version":"v346","locked":false,"initialized":true,"scope":"product","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":"a25008c707fc7a855b8fa44ee70b28d9fb7fbbded91b81ce739ff7593e8d6596","state":{"template":"product","theme":140217614532,"product":"derek-wolf-cowboy-campfire-seasoning","collection":null,"page":null,"blog":null,"article":null,"app":null},"now":1790304839,"path":"\/products\/derek-wolf-cowboy-campfire-seasoning","locale_root_url":"\/","canonical_url":"https:\/\/spiceology.com\/products\/derek-wolf-cowboy-campfire-seasoning","customer_id":null,"customer_id_signature":"a25008c707fc7a855b8fa44ee70b28d9fb7fbbded91b81ce739ff7593e8d6596","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,i,a,t=[76,79,67,75,83,77,73,84,72,49,49],c=function(){i=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===i[0]){if(clearTimeout(a),i.shift(),0<i.length)return void(a=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,i=[],a=s.cache();for(n in a)i.push(n+"="+encodeURIComponent(a[n]));for(n in t)i.push(n+"="+encodeURIComponent(t[n]));return s.state.customer_id&&(i.push("customer_id="+encodeURIComponent(s.state.customer_id)),i.push("customer_id_signature="+encodeURIComponent(s.state.customer_id_signature))),o+=(-1===o.indexOf("?")?"?":"&")+i.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 i(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,a,s,t){t=t||document;var c="locksmith-"+e+a,n=function(e){var t=e.target,n=e.target.parentElement,o=t&&t.className&&(t.className.baseVal||t.className)||"",i=n&&n.className&&(n.className.baseVal||n.className)||"";("string"==typeof o&&-1!==o.split(/\s+/).indexOf(a)||"string"==typeof i&&-1!==i.split(/\s+/).indexOf(a))&&!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 i,a,s=e.querySelectorAll("script");for(a=0;a<s.length;++a){i=s[a];var c=document.createElement("script");if(i.type&&(c.type=i.type),i.src)c.src=i.src;else{var l=document.createTextNode(i.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 i=s.util.makeUrl(e,o),a="json"===n.type||"text"===n.type;fetch(i,{method:"POST",headers:{"Content-Type":"application/json",Accept:a?"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(a?{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(e){if(!s.isEmbedded){e=e||{};s.post("/ping",{path:s.path,search:window.location.search,state:s.state},{spinner:!!e.spinner,silent:"undefined"==typeof e.silent||e.silent,type:"text",success:function(e){e&&e.responseText?(e=JSON.parse(e.responseText)).messages&&0<e.messages.length&&s.showMessages(e.messages):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\":\"product\",\"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\":\"a25008c707fc7a855b8fa44ee70b28d9fb7fbbded91b81ce739ff7593e8d6596\",\"state\":{\"template\":\"product\",\"theme\":140217614532,\"product\":\"derek-wolf-cowboy-campfire-seasoning\",\"collection\":null,\"page\":null,\"blog\":null,\"article\":null,\"app\":null},\"now\":1790304839,\"path\":\"\\\/products\\\/derek-wolf-cowboy-campfire-seasoning\",\"locale_root_url\":\"\\\/\",\"canonical_url\":\"https:\\\/\\\/spiceology.com\\\/products\\\/derek-wolf-cowboy-campfire-seasoning\",\"customer_id\":null,\"customer_id_signature\":\"a25008c707fc7a855b8fa44ee70b28d9fb7fbbded91b81ce739ff7593e8d6596\",\"cart\":null}";Locksmith.jsonTagSignature="f331ddbbda86aaf1fc39acb4ebedb94c5d553952a912aa17e02558d83a5fa8e3"</script>
7 8 <meta charset="utf-8"> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 10 <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"> 11 12 <!-- Google Tag Manager --> 13
13<script>
vendor: 351 bytes, lines 13-17
13(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 14 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 15 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 16 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17 })(window,document,'script','dataLayer','
17GTM-5ZXGF4V
vendor: 3 bytes, line 17
17');
17</script>
17 18 <!-- End Google Tag Manager --> 19 20 <!-- Preconnect (optimized) --> 21 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 22 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 23 <link rel="preconnect" href="https://use.typekit.net" crossorigin> 24 <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin> 25 <link rel="preconnect" href="https://rsms.me" crossorigin> 26 <link rel="preconnect" href="https://app.octaneai.com" crossorigin> 27 <link rel="preconnect" href="https://static-na.payments-amazon.com" crossorigin> 28 <link rel="preconnect" href="https://www.facebook.com" crossorigin> 29 <link rel="preconnect" href="https://www.paypal.com" crossorigin> 30 <link rel="preconnect" href="https://creatives.attn.tv" crossorigin> 31 <link rel="preconnect" href="https://js.hs-banner.com" crossorigin> 32 <link rel="preconnect" href="https://cdn-widgetsrepository.yotpo.com" crossorigin> 33 <link rel="preconnect" href="https://scripts.clarity.ms" crossorigin> 34 <link rel="preconnect" href="https://dr4qe3ddw9y32.cloudfront.net" crossorigin> 35 <link rel="preconnect" href="https://www.datadoghq-browser-agent.com" crossorigin> 36 <link rel="preconnect" href="https://static.klaviyo.com" crossorigin> 37 <link rel="preconnect" href="https://shop.app" crossorigin> 38 <link rel="preconnect" href="https://p.typekit.net" crossorigin> 39 <link rel="preconnect" href="https://polaris.truevaultcdn.com/" crossorigin> 40 <!-- DNS Prefetch --> 41 <link rel="dns-prefetch" href="//cdn.jsdelivr.net"> 42 <link rel="dns-prefetch" href="//rsms.me"> 43 <link rel="dns-prefetch" href="//cdn.shopify.com"> 44 <link rel="dns-prefetch" href="//use.typekit.net"> 45 <link rel="dns-prefetch" href="//app.octaneai.com"> 46 <link rel="dns-prefetch" href="//static-na.payments-amazon.com"> 47 <link rel="dns-prefetch" href="//www.facebook.com"> 48 <link rel="dns-prefetch" href="//www.paypal.com"> 49 <link rel="dns-prefetch" href="//creatives.attn.tv"> 50 <link rel="dns-prefetch" href="//js.hs-banner.com"> 51 <link rel="dns-prefetch" href="//cdn-widgetsrepository.yotpo.com"> 52 <link rel="dns-prefetch" href="//scripts.clarity.ms"> 53 <link rel="dns-prefetch" href="//dr4qe3ddw9y32.cloudfront.net"> 54 <link rel="dns-prefetch" href="//www.datadoghq-browser-agent.com"> 55 <link rel="dns-prefetch" href="//static.klaviyo.com"> 56 <link rel="dns-prefetch" href="//shop.app"> 57 <link rel="dns-prefetch" href="//p.typekit.net"> 58 <link rel="dns-prefetch" href="https://polaris.truevaultcdn.com/" crossorigin> 59 60 61 62 <link 63 rel="preload" 64 as="image" 65 href="https://spiceology.com/cdn/shop/files/Gift_Pack_Sale_desktop_2000x.jpg?v=1764796841" 66 > 67 <link 68 rel="preload" 69 as="image" 70 href="https://spiceology.com/cdn/shop/files/Gift_Pack_Sale_desktop_1_1000x.jpg?v=1764796845" 71 > 72 73 <link rel="preload" href="//spiceology.com/cdn/shop/t/78/assets/base.css?v=51727256255839123861786525930" as="style"> 74 <link rel="preload" href="//spiceology.com/cdn/shop/t/78/assets/base.js?v=118577952472451484231728654210" as="script"> 75 76 <meta name="facebook-domain-verification" content="mh9097raw22ash5q6r6pfrd7ibz7w3"> 77 78<link rel="canonical" href="https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning"> 79 80<title> 81 Derek Wolf Cowboy Campfire Smoky SPG Seasoning | Spiceology 82</title><meta name="description" content="Salt, pepper, garlic, and real hickory-smoked salt. Derek Wolf's Cowboy Campfire SPG is your smoky go-to rub for steak, brisket, chicken, and more."> 83
84<script type="application/ld+json"> 85{ 86 "@context": "https://schema.org/", 87 "@type": "Product", 88 "name": "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning", 89 "url": "https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning","sku": "11974","productID": "8618595254468", 90 "brand": { 91 "@type": "Brand", 92 "name": "Spiceology" 93 }, 94 "description": "A smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies\nSPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (@overthefirecooking) took this classic seasoning to the smoky place it was always destined to go.  \nCowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked salt that delivers deep, authentic campfire flavor in every shake.\nThe result is the perfect amount of smoke on smoke.\nUse it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.", 95 "image": "https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1.jpg?v=1781796725&width=3000","offers": [{ 96 "@type" : "Offer", 97 "priceCurrency" : "USD", 98 "price" : "18.99", 99 "itemCondition": "https://schema.org/NewCondition", 100 "availability" : "https://schema.org/InStock", 101 "url" : "https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning?variant=46262024241348","image": "https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1.jpg?v=1781796725&width=3000","name" : "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","sku": "11974","description" : "A smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies\nSPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (@overthefirecooking) took this classic seasoning to the smoky place it was always destined to go.  \nCowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked
101salt that delivers deep, authentic campfire flavor in every shake.\nThe result is the perfect amount of smoke on smoke.\nUse it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.","priceValidUntil" :"2026-09-24", 102 "seller": { 103 "@type": "Organization", 104 "name": "Spiceology" 105 } 106 } 107] 108 ,"aggregateRating": { 109 "@type": "AggregateRating", 110 "ratingValue": "4.8", 111 "reviewCount": "16" 112 } 113} 114</script>
114 115<link rel="shortcut icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_16x16.jpg?v=1719360811" sizes="16x16"> 116<link rel="shortcut icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_32x32.jpg?v=1719360811" sizes="32x32"> 117<link rel="shortcut icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_48x48.jpg?v=1719360811" sizes="48x48"> 118<link rel="shortcut icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_96x96.jpg?v=1719360811" sizes="48x48"> 119<link rel="apple-touch-icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_180x180.jpg?v=1719360811" sizes="180x180"> 120<link rel="apple-touch-icon" href="//spiceology.com/cdn/shop/files/Square_Logo_2_192x192.jpg?v=1719360811" sizes="192x192"> 121 122 123 124 125<meta property="og:site_name" content="Spiceology"> 126<meta property="og:url" content="https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning"><meta property="og:title" content="Derek Wolf Cowboy Campfire Smoky SPG Seasoning | Spiceology"> 127<meta property="og:type" content="product"> 128<meta property="og:description" content="Salt, pepper, garlic, and real hickory-smoked salt. Derek Wolf's Cowboy Campfire SPG is your smoky go-to rub for steak, brisket, chicken, and more."> 129<meta property="og:image" content="http://spiceology.com/cdn/shop/files/cowboy-campfire-front_1.jpg?v=1781796725"> 130<meta property="og:image:secure_url" content="https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1.jpg?v=1781796725"> 131<meta property="og:image:width" content="3000"> 132<meta property="og:image:height" content="3000"><meta property="og:price:amount" content="18.99"> 133<meta property="og:price:currency" content="USD"> 134<meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Derek Wolf Cowboy Campfire Smoky SPG Seasoning | Spiceology"> 135<meta name="twitter:description" content="Salt, pepper, garlic, and real hickory-smoked salt. Derek Wolf's Cowboy Campfire SPG is your smoky go-to rub for steak, brisket, chicken, and more.">
vendor: 72 bytes, lines 135-140
135 136 137 138 139 140 <script async src="https://www.googletagmanager.com/gtag/js?id=
140G-RB9419S4MP
vendor: 17 bytes, lines 140-142
140"></script> 141 142
142<script> 143
vendor: 153 bytes, lines 143-149
143window.dataLayer = window.dataLayer || []; 144 function gtag(){dataLayer.push(arguments);} 145 gtag('js', new Date()); 146 147 gtag( 148 'config', 149 '
149G-RB9419S4MP
vendor: 29 bytes, lines 149-155
149' 150 151 ); 152 153 154 155
155gtag("event", "view_item", { 156 value: 18, 157 currency: "USD", 158 items: [{ 159 item_id: 8618595254468, 160 item_name: "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning", 161 item_variant: "Default Title", 162 price: 18, 163 quantity: 1 164 }] 165 }); 166 167 </script>
167 168 169 170 171 172 173 174
175<script type="text/javascript"> 176 var _learnq = _learnq || []; 177 document.addEventListener('DOMContentLoaded', () => { 178 _learnq.push(['track', 'Viewed Page', { 179 PageName: document.title, url: window.location.href } 180 ]); 181 }) 182 183 184 185 186 _learnq.push(['track', 'Viewed Product', { 187 Name: "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning", 188 ProductID: 8618595254468, 189 Categories: ["All","All Pantry","All Products Minus Gift Sets \u0026 Gift Card","American BBQ","Blends","Collab Grill Greats","Cowboy Collection","Derek Wolf","Derek Wolf - Americana","Gifts for Grillers","Gifts Under $25","Modern American","New Arrivals","Salty","Savory\/Umami","Smoke without the Fire","The Grilling Collection","Top 12 Grilling Blends"], 190 ImageURL: "https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1_grande.jpg?v=1781796725", 191 URL: "https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning", 192 Brand: "Spiceology", 193 Price: "$18.99", 194 CompareAtPrice: "$0.00" 195 }]); 196 197</script>
197 198<style> 199 @font-face { 200 font-family: 'Chromatic Grotesque'; 201 src: url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-pro.woff2?v=88149496250648031621728654209 ) format('woff2'), 202 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-pro.woff?v=18835922364128326461728654210) format('woff'), 203 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-pro.ttf?v=178958192224930607941728654209 ) format('truetype'); 204 font-weight: normal; 205 font-style: normal; 206 font-display: swap; 207 } 208 @font-face { 209 font-family: 'Chromatic Grotesque'; 210 src: url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-pro.woff2?v=16284016942030032041728654209 ) format('woff2'), 211 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-pro.woff?v=169012725796317101001728654210) format('woff'), 212 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-pro.ttf?v=58594580168101899981728654211 ) format('truetype'); 213 font-weight: 500; 214 font-style: normal; 215 font-display: swap; 216 } 217 218 @font-face { 219 font-family: 'Chromatic Grotesque'; 220 src: url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-italic-pro.woff2?v=5229088523977440121728654210 ) format('woff2'), 221 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-italic-pro.woff?v=152335237155783631481728654210) format('woff'), 222 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-regular-italic-pro.ttf?v=133632555648152123251728654209 ) format('truetype'); 223 font-weight: normal; 224 font-style: italic; 225 font-display: swap; 226 } 227 228 @font-face { 229 font-family: 'Chromatic Grotesque'; 230 src: url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-italic-pro.woff2?v=44645486980677820101728654209 ) format('woff2'), 231 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-italic-pro.woff?v=138650951122306801051728654209) format('woff'), 232 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-grotesque-medium-italic-pro.ttf?v=23566344713169573771728654211 ) format('truetype'); 233 font-weight: 500; 234 font-style: italic; 235 font-display: swap; 236 } 237 238 @font-face { 239 font-family: 'Chromatic Mono'; 240 src: url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.woff2?v=102522703453027785971728654210 ) format('woff2'), 241 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.woff?v=103009550866236660011728654209) format('woff'), 242 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.ttf?v=96588832462851632121728654209 ) format('truetype'), 243 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.otf?v=22815200868172687061755679592 ) format('otf'), 244 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.svg?v=135001648100503335721755679592 ) format('svg'), 245 url(//spiceology.com/cdn/shop/t/78/assets/chromatic-mono-regular-pro.eot?v=105727447573967214521755679574 ) format('eot'); 246 font-weight: 500; 247 font-display: swap; 248 249 } 250 @font-face { 251 font-family: 'Avenir'; 252 src: url(//spiceology.com/cdn/shop/t/78/assets/Avenir-Regular.woff2?v=182712634326966362191754410134 ) format('woff2'), 253 font-weight: normal; 254 font-style: normal; 255 font-display: swap; 256 } 257 @font-face { 258 font-family: 'Patrick Hand SC'; 259 src: url(//spiceology.com/cdn/shop/t/78/assets/PatrickHandSC-Regular.woff2?v=57049770363037201561754409960 ) format('woff2'), 260 font-weight: normal; 261 font-style: normal; 262 font-display: swap; 263 } 264 265 266 @font-face { 267 font-family: 'Instrument Serif'; 268 src: url('//spiceology.com/cdn/shop/t/78/assets/InstrumentSerif-Regular.ttf?v=181256732540707604211762203377') format('truetype'); 269 font-weight: normal; 270 font-style: normal; 271 font-display: swap; 272 } 273 274 @font-face { 275 font-family: 'Neonderthaw'; 276 src: url('//spiceology.com/cdn/shop/t/78/assets/Neonderthaw-Regular.ttf?v=140349085873843438091762203377') format('truetype'); 277 font-weight: normal; 278 font-style: cursive; 279 font-display: swap; 280 } 281 282 @font-face { 283 font-family: 'Chromatic Pro Bold'; 284 src: url(//spiceology.com/cdn/shop/t/78/assets/Chromatic-Pro-Grotesque-Bold.woff2?v=7905962274738871831762419404 ) format('woff2'), 285 url(//spiceology.com/cdn/shop/t/78/assets/Chromatic-Pro-Grotesque-Bold.woff?v=62584683351554433741762419405) format('woff'), 286 url(//spiceology.com/cdn/shop/t/78/assets/Chromatic-Pro-Grotesque-Bold.ttf?v=159348837921807890651
286762419405 ) format('truetype'); 287 font-weight: 700; 288 font-style: normal; 289 font-display: swap; 290 } 291 @font-face { 292 font-family: 'Kremlin Pro'; 293 src: url(//spiceology.com/cdn/shop/t/78/assets/kremlin-pro.woff2?v=63540025551464385561762419461 ) format('woff2'), 294 url(//spiceology.com/cdn/shop/t/78/assets/kremlin-pro.woff?v=148412188699478112671762419462) format('woff'), 295 url(//spiceology.com/cdn/shop/t/78/assets/kremlin-pro.ttf?v=72602 ) format('truetype'); 296 font-weight: normal; 297 font-style: normal; 298 font-display: swap; 299 } 300</style> 301<link href="//spiceology.com/cdn/shop/t/78/assets/base.css?v=51727256255839123861786525930" rel="stylesheet" type="text/css" media="all" /> 302 <link href="//spiceology.com/cdn/shop/t/78/assets/base-2xs.css?v=149912304509124631341728654209" rel="stylesheet" type="text/css" media="(min-width: 320px)" /> 303 <link href="//spiceology.com/cdn/shop/t/78/assets/base-xs.css?v=59450652530255804331728654209" rel="stylesheet" type="text/css" media="(min-width: 440px)" /> 304 <link href="//spiceology.com/cdn/shop/t/78/assets/base-sm.css?v=656181239599074041728654209" rel="stylesheet" type="text/css" media="(min-width: 640px)" /> 305 <link href="//spiceology.com/cdn/shop/t/78/assets/base-md.css?v=26113434883536849441730727692" rel="stylesheet" type="text/css" media="(min-width: 768px)" /> 306 <link href="//spiceology.com/cdn/shop/t/78/assets/base-lg.css?v=12061264334268337521730727691" rel="stylesheet" type="text/css" media="(min-width: 1024px)" /> 307 <link href="//spiceology.com/cdn/shop/t/78/assets/base-xl.css?v=37602880642797936221730727692" rel="stylesheet" type="text/css" media="(min-width: 1280px)" /> 308 <link href="//spiceology.com/cdn/shop/t/78/assets/base-2xl.css?v=96510039068635991751728654210" rel="stylesheet" type="text/css" media="(min-width: 1440px)" /> 309 <link href="//spiceology.com/cdn/shop/t/78/assets/base-3xl.css?v=100829258673725061181728654210" rel="stylesheet" type="text/css" media="(min-width: 1920px)" /> 310 <link href="//spiceology.com/cdn/shop/t/78/assets/base-4xl.css?v=55723278898826398491728654210" rel="stylesheet" type="text/css" media="(min-width: 2560px)" /> 311 <link href="//spiceology.com/cdn/shop/t/78/assets/ct-custom.css?v=15573997921122248161787830890" rel="stylesheet" type="text/css" media="all" /> 312
312<script src="//spiceology.com/cdn/shop/t/78/assets/base.js?v=118577952472451484231728654210" defer></script>
312 313
313<script 314 src="https://cdn-widgetsrepository.yotpo.com/v1/loader/9wA7yRuKAIuGwTCTtAicoJlUR94WEZjR4hs9b0RM" 315 async 316 ></script>
316 317
317<script> 318 document.documentElement.classList.remove('no-js'); 319 document.documentElement.classList.add('js'); 320 </script>
320 321 322
322<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
322 323 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/flexslider.min.css"> 324
324<script src="https://cdnjs.cloudflare.com/ajax/libs/flexslider/2.7.2/jquery.flexslider-min.js"></script>
324 325 326 <!-- Kremlin font --> 327 <link rel="preload" href="https://use.typekit.net/gdu7ouj.css" as="style" crossorigin> 328 <link rel="stylesheet" href="https://use.typekit.net/gdu7ouj.css" media="print" onload="this.media='all'"> 329 330 <!-- Start Tailwind UI Library Font --> 331 <link rel="stylesheet" href="https://rsms.me/inter/inter.css"> 332 333 <!-- Sliders --> 334
334<script src="//spiceology.com/cdn/shop/t/78/assets/component-button-slider.js?v=108767059591442481831728654209" defer></script>
334 335 336 <!-- Header hook for plugins --> 337
337<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
337<meta name="facebook-domain-verification" content="xz6006xzcxulovg0ppcsv7kmlbmcqk"> 338<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/10550892/digital_wallets/dialog"> 339<meta id="in-context-paypal-metadata" data-shop-id="10550892" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 340<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="buy" href="/cart/46262024241348:1?ucp/version=2026-08-25&context/payment/0/handler=dev.shopify.shop_pay" payment="dev.shopify.shop_pay com.google.pay dev.shopify.card"><link rel="alternate" type="application/json+oembed" href="https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning.oembed">
341<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=22806724"></script>
341 342<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
343<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=22806724&shop_id=10550892" crossorigin="anonymous"></script>
vendor: 1 bytes, line 343
343
344<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":10550892,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/10550892","merchantName":"Spiceology","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Spiceology","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 344
344
345<script id="shopify-features" type="application/json">{"accessToken":"885a760cffba36d91433d1c0bf09ca9c","betas":["rich-media-storefront-analytics"],"domain":"spiceology.com","predictiveSearch":true,"shopId":10550892,"locale":"en"}</script>
vendor: 1 bytes, line 345
345
346<script>var Shopify = Shopify || {}; 347Shopify.shop = "spiceology.myshopify.com"; 348Shopify.locale = "en"; 349Shopify.currency = {"active":"USD","rate":"1.0"}; 350Shopify.country = "US"; 351Shopify.theme = {"name":"[BF] Production","id":140217614532,"schema_name":"Bondfire Custom Theme","schema_version":"1.0","theme_store_id":null,"role":"main"}; 352Shopify.theme.handle = "null"; 353Shopify.theme.style = {"id":null,"handle":null}; 354Shopify.cdnHost = "spiceology.com/cdn"; 355Shopify.routes = Shopify.routes || {}; 356Shopify.routes.root = "/"; 357Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 358Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 359Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 360Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 360
360
361<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 361
361
362<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 362
362
363<script> 364 window.ShopifyPay = window.ShopifyPay || {}; 365 window.ShopifyPay.apiHost = "shop.app\/pay"; 366 window.ShopifyPay.redirectState = null; 367</script>
vendor: 1 bytes, line 367
367
368<script> 369 window.Shopify = window.Shopify || {}; 370 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 371 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 372 window.Shopify.SignInWithShop.eligible = true; 373</script>
vendor: 1 bytes, line 373
373
374<script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
vendor: 1 bytes, line 374
374
375<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 375
375
376<script type="module"> 377 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 378 379 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 380 381</script>
vendor: 1 bytes, line 381
381
382<script> 383 window.Shopify = window.Shopify || {}; 384 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 385 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"]}; 386</script>
vendor: 1 bytes, line 386
386
387<script>(function() { 388 var isLoaded = false; 389 function asyncLoad() { 390 if (isLoaded) return; 391 isLoaded = true; 392 var urls = ["https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=spiceology.myshopify.com","https:\/\/app.octaneai.com\/ek9dhu8qv99ioijl\/shopify.js?x=ICrFjCKtbD5cSyAV\u0026shop=spiceology.myshopify.com","https:\/\/dr4qe3ddw9y32.cloudfront.net\/awin-shopify-integration-code.js?aid=92099\u0026v=shopifyApp_5.2.3\u0026ts=1762293977745\u0026shop=spiceology.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=spiceology.myshopify.com"]; 393 for (var i = 0; i < urls.length; i++) { 394 var s = document.createElement('script'); 395 s.type = 'text/javascript'; 396 s.async = true; 397 s.src = urls[i]; 398 var x = document.getElementsByTagName('script')[0]; 399 x.parentNode.insertBefore(s, x); 400 } 401 }; 402 if(window.attachEvent) { 403 window.attachEvent('onload', asyncLoad); 404 } else { 405 window.addEventListener('load', asyncLoad, false); 406 } 407})();</script>
vendor: 1 bytes, line 407
407
408<script id="__st">var __st={"a":10550892,"offset":-25200,"reqid":"25d0c52f-5033-4a54-8194-29c644e32e82-1790304838","pageurl":"spiceology.com\/products\/derek-wolf-cowboy-campfire-seasoning","u":"2f3af33e63b3","p":"product","rtyp":"product","rid":8618595254468};</script>
vendor: 1 bytes, line 408
408
409<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 409
409
410<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 410
410
411<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//spiceology.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 411
411
412<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 = "//spiceology.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>
412<script crossorigin="anonymous" defer="defer" src="//spiceology.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 412
412
413<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 413
413
414<script> 415 window.Shopify = window.Shopify || {}; 416 window.Shopify.MCP = window.Shopify.MCP || {}; 417 window.Shopify.MCP.enabled = true; 418 window.Shopify.MCP.shop = "spiceology.myshopify.com"; 419 window.Shopify.MCP.mcpEndpoint = "https:\/\/spiceology.com\/api\/mcp"; 420 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"]}}]; 421</script>
vendor: 1 bytes, line 421
421
422<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("\/\/spiceology.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 423</script>
vendor: 1 bytes, line 423
423
424<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://spiceology.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 425</script>
vendor: 1 bytes, line 425
425
426<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 427 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); 428</script>
vendor: 1 bytes, line 428
428
429<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})}})); 430</script>
430 431<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://spiceology.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 432<style id="shopify-accelerated-checkout-cart"> 433 #shopify-buyer-consent { 434 margin-top: 1em; 435 display: inline-block; 436 width: 100%; 437} 438 439#shopify-buyer-consent.hidden { 440 display: none; 441} 442 443#shopify-subscription-policy-button { 444 background: none; 445 border: none; 446 padding: 0; 447 text-decoration: underline; 448 font-size: inherit; 449 cursor: pointer; 450} 451 452#shopify-subscription-policy-button::before { 453 box-shadow: none; 454} 455 456 </style> 457
458<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
458 459 460 <!-- Swiper JS --> 461
461<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
461 462 <!-- Link Swiper's CSS --> 463 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"> 464 <!-- Start of TrueVault Polaris Code Block --> 465
465<script> 466 window.polarisOptions = { 467 GoogleAnalyticsTrackingId: 'G-RB9419S4MP', 468 }; 469 </script>
469 470
470<script src="https://polaris.truevaultcdn.com/static/pc/UWG3I7KVR/polaris.js"></script>
470 471 <!-- End of TrueVault Polaris Code Block --> 472 473
473<script type="text/javascript"> 474 (function (c, l, a, r, i, t, y) { 475 c[a] = 476 c[a] || 477 function () { 478 (c[a].q = c[a].q || []).push(arguments); 479 }; 480 t = l.createElement(r); 481 t.async = 1; 482 t.src = 'https://www.clarity.ms/tag/' + i; 483 y = l.getElementsByTagName(r)[0]; 484 y.parentNode.insertBefore(t, y); 485 })(window, document, 'clarity', 'script', 'ptvc5gdt8n'); 486 </script>
486 487 488 <link rel="preconnect" href="https://fonts.googleapis.com"> 489<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 490<link href="https://fonts.googleapis.com/css2?family=BBH+Bartle&family=Dancing+Script:[email protected]&display=swap" rel="stylesheet"> 491<link rel="preconnect" href="https://fonts.googleapis.com"> 492<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 493<link href="https://fonts.googleapis.com/css2?family=BBH+Bartle&family=Dancing+Script:[email protected]&family=Saira:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> 494 495 <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css"> 496
496<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
496 497
497<script src="//spiceology.com/cdn/shop/t/78/assets/custom-cart-trigger.js?v=91174136040596993841775121166" defer></script>
497 498
499<script> 500 window.videowiseShadow = { 501 mode: 'closed', 502 assets: [ 503 { 504 type: 'style', 505 src: '//spiceology.com/cdn/shop/t/78/assets/custom-videowise.css?v=136040537447208947121787840916' 506 } 507 ] 508 }; 509</script>
vendor: 1 bytes, line 509
509
510<script> 511 window.oaiq = window.oaiq || function () { 512 (window.oaiq.q = window.oaiq.q || []).push(arguments); 513 }; 514 oaiq("init", { pixelId: "PESEQmj6XyjPAj2tpecLCL" }); 515</script>
vendor: 1 bytes, line 515
515
516<script async src="https://bzrcdn.openai.com/sdk/oaiq.min.js"></script>
516 517 518 <!-- BEGIN app block: shopify://apps/easyban/blocks/easyban-blocker/6583aec2-8e90-464e-9601-efb6039a18f8 -->
518<script src="https://cdn.shopify.com/extensions/01a08428-123f-7a44-b781-908a0354cf74/easy-ban-81/assets/filter.js?v=13&shop=spiceology.myshopify.com" async></script>
vendor: 2 bytes, line 518
518
519<script src="https://cdn.shopify.com/extensions/01a08428-123f-7a44-b781-908a0354cf74/easy-ban-81/assets/regc.js?v=1&shop=spiceology.myshopify.com" async></script>
519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535<!-- END app block --><!-- BEGIN app block: shopify://apps/mntn/blocks/tracking-pixel/d40b5b2f-bf84-4a06-b576-832ad24a8652 --> 536<!-- MNTN Tracking Pixel Start -->
537<script id="mntn_tracking_pixel" type="text/javascript"> 538const isUSShopper = window.Shopify && window.Shopify.country === "US"; 539 540if (!window.Shopify || isUSShopper) { 541 (function(){"use strict";var e=null,b="4.0.0", 542 n="32581", 543 additional="term=value", 544 t,r,i;try{t=top.document.referer!==""?encodeURIComponent(top.document.referrer.substring(0,2048)):""}catch(o){t=document.referrer!==null?document.referrer.toString().substring(0,2048):""}try{r=window&&window.top&&document.location&&window.top.location===document.location?document.location:window&&window.top&&window.top.location&&""!==window.top.location?window.top.location:document.location}catch(u){r=document.location}try{i=parent.location.href!==""?encodeURIComponent(parent.location.href.toString().substring(0,2048)):""}catch(a){try{i=r!==null?encodeURIComponent(r.toString().substring(0,2048)):""}catch(f){i=""}}var l,c=document.createElement("script"),h=null,p=document.getElementsByTagName("script"),d=Number(p.length)-1,v=document.getElementsByTagName("script")[d];if(typeof l==="undefined"){l=Math.floor(Math.random()*1e17)}h="dx.mountain.com/spx?"+"dxver="+b+"&shaid="+n+"&tdr="+t+"&plh="+i+"&cb="+l+additional;c.type="text/javascript";
544c.src=("https:"===document.location.protocol?"https://":"http://")+h;v.parentNode.insertBefore(c,v)})() 545} 546</script>
546 547<!-- MNTN Tracking Pixel End --> 548 549<!-- MNTN DataLayer Start --> 550 551
551<script id="mntn_datalayer" type="text/javascript" async> 552 let mntn_product_name = "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning"; 553 let mntn_product_price = "$18.99"; 554 let mntn_product_image = "\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725"; 555 let mntn_product_sku = 8618595254468; 556 let mntn_product_in_stock = true; 557 let mntn_product_data = {"id":8618595254468,"title":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","handle":"derek-wolf-cowboy-campfire-seasoning","description":"\u003cp\u003eA smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eSPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (\u003cspan style=\"text-decoration: underline;\"\u003e\u003ca href=\"https:\/\/www.instagram.com\/overthefirecooking\/\" title=\"instagram\" rel=\"noopener\" target=\"_blank\"\u003e@overthefirecooking\u003c\/a\u003e\u003c\/span\u003e) took this classic seasoning to the smoky place it was always destined to go.  \u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eCowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked
557salt that delivers deep, authentic campfire flavor in every shake.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThe result is the perfect amount of smoke on smoke.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eUse it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.\u003c\/span\u003e\u003c\/p\u003e","published_at":"2026-06-24T07:39:37-07:00","created_at":"2026-06-16T11:36:26-07:00","vendor":"Spiceology","type":"Blend","tags":["American BBQ","Modern American","Salty","Savory\/Umami"],"price":1899,"price_min":1899,"price_max":1899,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":46262024241348,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"11974","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","public_title":null,"options":["Default Title"],"price":1899,"weight":337,"compare_at_price":null,"inventory_quantity":150,"inventory_management":"shopify","inventory_policy":"deny","barcode":null,"requires_selling_plan":false,"selling_plan_allocations":[{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4161896644,"selling_plan_group_id":"484c4b21b7a6f19a281975e86037550333d42b50"},{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4161929412,"selling_plan_group_id":"f6ab68fa3c84bb6525766a68d36ba72a55e6e0a8"},{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4161962180,"selling_plan_group_id":"be8bb205401140b64782a0a22882834b5c253a9c"},{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4162027716,"selling_plan_group_id":"07b5815931588f4fa454dd741fc0fe7cd24b518c"},{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4161994948,"selling_plan_group_id":"a6768a7dd62f2829ae27e2e6fcb7918d0c0ae9e8"},{"price_adjustments":[],"price":1899,"compare_at_price":null,"per_delivery_price":1899,"selling_plan_id":4162060484,"selling_plan_group_id":"c0e2e554d355876e374f3d23572d43aefb0a5859"}],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725","\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side_1.jpg?v=1781796725","\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side2_1.jpg?v=1781796725","\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-closeup.jpg?v=1781736427","\/\/spiceology.com\/cdn\/shop\/files\/DSC09352.jpg?v=1782313136"],"featured_image":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725","options":["Title"],"media":[{"alt":null,"id":39144502952132,"position":1,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725","width":3000},{"alt":null,"id":39144503017668,"position":2,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side_1.jpg?v=1781796725"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side_1.jpg?v=1781796725","width":3000},{"alt":null,"id":39144502984900,"position":3,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side2_1.jpg?v=1781796725"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-side2_1.jpg?v=1781796725","width":3000},{"alt":null,"id":39128678138052,"position":4,"preview_image":{"aspect_ratio":1.0,"height":3000,"width":3000,"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-closeup.jpg?v=1781736427"},"aspect_ratio":1.0,"height":3000,"media_type":"image","src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-closeup.jpg?v=1781736427","width":3000},{"alt":null,"id":39276119556292,"position":5,"preview_image":{"aspect_ratio":1.0,"height":1300,"width":1300,"src":"\/\/spiceology.com\/cdn\/shop\/files\/DSC09352.jpg?v=1782313136"},"aspect_ratio":1.0,"height":1300,"media_type":"image","src":"\/\/spiceology.com\/cdn\/shop\/files\/DSC09352.jpg?v=1782313136","width":1300}],"requires_selling_plan":false,"selling_plan_groups":[{"id":"484c4b21b7a6f19a281975e86037550333d42b50","name":"1 month subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667838"]},{"name":"Order Frequency and Unit","position":2,"values":["1-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4161896644,"name":"1 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667838"},{"name":"Order Frequency and Unit","position":2,"value":"1-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"},{"id":"f6ab68fa3c84bb6525766a68d36ba72a55e6e0a8","name":"2 month
557subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667839"]},{"name":"Order Frequency and Unit","position":2,"values":["2-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4161929412,"name":"2 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667839"},{"name":"Order Frequency and Unit","position":2,"value":"2-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"},{"id":"be8bb205401140b64782a0a22882834b5c253a9c","name":"3 month subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667840"]},{"name":"Order Frequency and Unit","position":2,"values":["3-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4161962180,"name":"3 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667840"},{"name":"Order Frequency and Unit","position":2,"value":"3-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"},{"id":"07b5815931588f4fa454dd741fc0fe7cd24b518c","name":"4 month subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667841"]},{"name":"Order Frequency and Unit","position":2,"values":["4-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4162027716,"name":"4 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667841"},{"name":"Order Frequency and Unit","position":2,"value":"4-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"},{"id":"a6768a7dd62f2829ae27e2e6fcb7918d0c0ae9e8","name":"5 month subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667842"]},{"name":"Order Frequency and Unit","position":2,"values":["5-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4161994948,"name":"5 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667842"},{"name":"Order Frequency and Unit","position":2,"value":"5-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"},{"id":"c0e2e554d355876e374f3d23572d43aefb0a5859","name":"6 month subscription","options":[{"name":"Recharge Plan ID","position":1,"values":["22667843"]},{"name":"Order Frequency and Unit","position":2,"values":["6-month"]},{"name":"Product Quantity","position":3,"values":["0"]}],"selling_plans":[{"id":4162060484,"name":"6 month subscription","description":null,"options":[{"name":"Recharge Plan ID","position":1,"value":"22667843"},{"name":"Order Frequency and Unit","position":2,"value":"6-month"},{"name":"Product Quantity","position":3,"value":"0"}],"recurring_deliveries":true,"price_adjustments":[],"checkout_charge":{"value_type":"percentage","value":100}}],"app_id":"294517"}],"content":"\u003cp\u003eA smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eSPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (\u003cspan style=\"text-decoration: underline;\"\u003e\u003ca href=\"https:\/\/www.instagram.com\/overthefirecooking\/\" title=\"instagram\" rel=\"noopener\" target=\"_blank\"\u003e@overthefirecooking\u003c\/a\u003e\u003c\/span\u003e) took this classic seasoning to the smoky place it was always destined to go.  \u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eCowboy Campfire starts with that proven salt-pepper-garlic foun
557dation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked salt that delivers deep, authentic campfire flavor in every shake.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eThe result is the perfect amount of smoke on smoke.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp dir=\"ltr\"\u003e\u003cspan\u003eUse it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.\u003c\/span\u003e\u003c\/p\u003e"}; 558 let mntn_cart_quantity = 0; 559 let mntn_cart_value = "$0"; 560 let mntn_cart_data = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 561 </script>
561 562 563<!-- MNTN DataLayer End --> 564 565<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/reviews_tab/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 566 567 568 569<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 570 571 572
572<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/9wA7yRuKAIuGwTCTtAicoJlUR94WEZjR4hs9b0RM?languageCode=en" async></script>
572 573 574 575 576 577<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 578 579 580 581 582 583 584 585 586 587 588 589 590
590<script async src="https://static.klaviyo.com/onsite/js/SGeB2y/klaviyo.js?company_id=SGeB2y"></script>
590 591
591<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
591 592 593 594
594<script id="viewed_product"> 595 if (item == null) { 596 var _learnq = _learnq || []; 597 598 var MetafieldReviews = null 599 var MetafieldYotpoRating = null 600 var MetafieldYotpoCount = null 601 var MetafieldLooxRating = null 602 var MetafieldLooxCount = null 603 var okendoProduct = null 604 var okendoProductReviewCount = null 605 var okendoProductReviewAverageValue = null 606 try { 607 // The following fields are used for Customer Hub recently viewed in order to add reviews. 608 // This information is not part of __kla_viewed. Instead, it is part of __kla_viewed_reviewed_items 609 MetafieldReviews = {"rating":{"scale_min":"1.0","scale_max":"5.0","value":"4.8"},"rating_count":16}; 610 MetafieldYotpoRating = "4.8" 611 MetafieldYotpoCount = "16" 612 MetafieldLooxRating = null 613 MetafieldLooxCount = null 614 615 okendoProduct = null 616 // If the okendo metafield is not legacy, it will error, which then requires the new json formatted data 617 if (okendoProduct && 'error' in okendoProduct) { 618 okendoProduct = null 619 } 620 okendoProductReviewCount = okendoProduct ? okendoProduct.reviewCount : null 621 okendoProductReviewAverageValue = okendoProduct ? okendoProduct.reviewAverageValue : null 622 } catch (error) { 623 console.error('Error in Klaviyo onsite reviews tracking:', error); 624 } 625 626 var item = { 627 Name: "Derek Wolf | Cowboy Campfire Smoky SPG Seasoning", 628 ProductID: 8618595254468, 629 Categories: ["All","All Pantry","All Products Minus Gift Sets \u0026 Gift Card","American BBQ","Blends","Collab Grill Greats","Cowboy Collection","Derek Wolf","Derek Wolf - Americana","Gifts for Grillers","Gifts Under $25","Modern American","New Arrivals","Salty","Savory\/Umami","Smoke without the Fire","The Grilling Collection","Top 12 Grilling Blends"], 630 ImageURL: "https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1_grande.jpg?v=1781796725", 631 URL: "https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning", 632 Brand: "Spiceology", 633 Price: "$18.99", 634 Value: "18.99", 635 CompareAtPrice: "$0.00" 636 }; 637 _learnq.push(['track', 'Viewed Product', item]); 638 _learnq.push(['trackViewedItem', { 639 Title: item.Name, 640 ItemId: item.ProductID, 641 Categories: item.Categories, 642 ImageUrl: item.ImageURL, 643 Url: item.URL, 644 Metadata: { 645 Brand: item.Brand, 646 Price: item.Price, 647 Value: item.Value, 648 CompareAtPrice: item.CompareAtPrice 649 }, 650 metafields:{ 651 reviews: MetafieldReviews, 652 yotpo:{ 653 rating: MetafieldYotpoRating, 654 count: MetafieldYotpoCount, 655 }, 656 loox:{ 657 rating: MetafieldLooxRating, 658 count: MetafieldLooxCount, 659 }, 660 okendo: { 661 rating: okendoProductReviewAverageValue, 662 count: okendoProductReviewCount, 663 } 664 } 665 }]); 666 } 667 </script>
667 668 669 670 671 672 673
673<script> 674 window.klaviyoReviewsProductDesignMode = false 675 </script>
675 676 677 678 679 680 681 682 683 684 685<!-- END app block --><!-- BEGIN app block: shopify://apps/videowise-connect/blocks/script_embed/019994e6-c95b-7b4f-9bcf-a0a45178cd7c --> 686 687 688 689 690<link 691 rel="preload" 692 as="style" 693 onload="this.onload=null;this.rel='stylesheet'" 694 href="https://assets.videowise.com/style.css.gz" 695 id="videowise-style-css">
696<script 697 defer 698 src="https://assets.videowise.com/vendors.js.gz" 699 id="videowise-vendors-js"></script>
vendor: 1 bytes, line 699
699
700<script 701 defer 702 src="https://assets.videowise.com/client.js.gz" 703 id="videowise-client-js"></script>
703 704 705<link rel="dns-prefetch" href="https://assets.videowise.com/" /> 706 707<link rel="dns-prefetch" href="https://cdn2.videowise.com/" /> 708 709<link rel="dns-prefetch" href="https://api-cdn.videowise.com/" /> 710 711<link rel="dns-prefetch" href="https://images.videowise.com/" /> 712 713<link rel="dns-prefetch" href="https://cdn.videowise.com/" /> 714 715<!-- END app block --><!-- BEGIN app block: shopify://apps/bloop-refer-aff/blocks/bss_bloop_script/9d243b55-b2a4-42a8-aa2e-043240bb5d58 --> 716 717 718 719 720 721<link rel="stylesheet" href="https://cdn.shopify.com/extensions/01a0d643-51b9-7ef7-b15c-c3b804275d15/bloop-referral-loyalty-495/assets/bss_bloop.css" media="print" onload="this.media='all'"> 722
723<script> 724 if (typeof BLOOP_REFERRAL == 'undefined') { 725 var BLOOP_REFERRAL = {}; 726 const store_data = {"store_id":6250,"hashDomain":"08e8307189fab7d3b2f5863028526725b22a53a714c8842d9906a76bbf03f885","domain":false,"bloopCmsAppUri":"https:\/\/cms.bloop.plus","bloopApiUrl":"https:\/\/api.bloop.plus","bloopPortalUrl":"https:\/\/aff.bloop.plus","subpath_portal":"spiceology","removeWatermark":true,"currency_format":"${{amount}} USD","aff_status":false,"store_name":"Spiceology"}; 727 728 BLOOP_REFERRAL = { 729 ...store_data, 730 } 731 732 733 } 734 BLOOP_REFERRAL.is_design_mode = false; 735 BLOOP_REFERRAL.storefront_login_url = "\/customer_authentication\/login?return_to=%2Fproducts%2Fderek-wolf-cowboy-campfire-seasoning\u0026locale=en\u0026ui_hint=full\u0026region_country=US"; 736 737 BLOOP_REFERRAL.customer = { 738 id: '', 739 cid_token: '7425a7ce75d6cf46dce2b08f5f20bd65a193029630e88abaab72733514b72f14', 740 email: '', 741 ce_token: '7425a7ce75d6cf46dce2b08f5f20bd65a193029630e88abaab72733514b72f14', 742 tags: "", 743 last_order: "" 744 }; 745 746 localStorage.setItem('bl_customer', JSON.stringify(BLOOP_REFERRAL.customer)); 747 748 (function () { 749 if (!BLOOP_REFERRAL.customer || !BLOOP_REFERRAL.customer.id) return; 750 751 var rawReturnUrl = null; 752 var rawPending = null; 753 try { 754 rawReturnUrl = localStorage.getItem('bb-join-return-url'); 755 rawPending = localStorage.getItem('bb-join-pending'); 756 } catch (_) { 757 return; 758 } 759 if (!rawReturnUrl || !rawPending) return; 760 761 var pending; 762 try { 763 pending = JSON.parse(rawPending); 764 } catch (_) { 765 localStorage.removeItem('bb-join-return-url'); 766 localStorage.removeItem('bb-join-pending'); 767 return; 768 } 769 770 var TEN_MINUTES = 10 * 60 * 1000; 771 if (!pending || !pending.timestamp || (Date.now() - pending.timestamp) > TEN_MINUTES) { 772 localStorage.removeItem('bb-join-return-url'); 773 localStorage.removeItem('bb-join-pending'); 774 return; 775 } 776 777 var current; 778 try { 779 current = new URL(window.location.href); 780 } catch (_) { 781 return; 782 } 783 var saved; 784 try { 785 saved = new URL(rawReturnUrl); 786 } catch (_) { 787 localStorage.removeItem('bb-join-return-url'); 788 localStorage.removeItem('bb-join-pending'); 789 return; 790 } 791 if (current.origin === saved.origin && current.pathname === saved.pathname 792 && current.searchParams.get('bb-after-login') === '1') { 793 return; 794 } 795 796 saved.searchParams.set('bb-after-login', '1'); 797 window.location.replace(saved.toString()); 798 })(); 799</script>
799 800 801 802 803 804
804<script>BLOOP_REFERRAL.shared = BLOOP_REFERRAL.shared || {"widget_icon":{"top_mb":"0%","left_mb":"0%","top_desk":"0%","left_desk":"0%","show_urls":"","icon_image":"","show_pages":"","button_text":"Refer now","hidden_urls":"","position_mb":"0,0","border_style":"square","hidden_pages":"\/home,\/cart,\/product,\/collections,\/search","icon_image_s3":"","position_desk":"0,0","display_mobile":1,"popup_duration":"","button_position":0,"display_desktop":1,"icon_image_type":0,"visibility_type":1},"border_popup":"square","referral_page_id":null,"referral_page_url":null}; 805 </script>
805 806 807 808 809 810 811 812 813 814 815
816<script id="bss-bloop-mount-bootstrap"> 817 (function () { 818 function ensureRoot() { 819 if (!document.getElementById('bb-root')) { 820 var div = document.createElement('div'); 821 div.id = 'bb-root'; 822 (document.body || document.documentElement).appendChild(div); 823 } 824 } 825 if (document.body) { 826 ensureRoot(); 827 } else { 828 document.addEventListener('DOMContentLoaded', ensureRoot, { once: true }); 829 } 830 })(); 831</script>
831 832 833 834<!-- END app block --><!-- BEGIN app block: shopify://apps/triplewhale/blocks/triple_pixel_snippet/483d496b-3f1a-4609-aea7-8eee3b6b7a2a --><link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 835<link rel='preconnect dns-prefetch' href='https://conf.config-security.com/' crossorigin />
836<script> 837/* >> TriplePixel :: start*/ 838window.TriplePixelData={TripleName:"spiceology.myshopify.com",ver:"2.16",plat:"SHOPIFY",isHeadless:false,src:'SHOPIFY_EXT',product:{id:"8618595254468",name:`Derek Wolf | Cowboy Campfire Smoky SPG Seasoning`,price:"18.99",variant:"46262024241348",av:{ "46262024241348":true }},search:"",collection:"",cart:"",template:"product",curr:"USD" || "USD", market:"1733525700"},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,i){return void 0===i&&(i=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(i)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href.slice(0,500),ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=".concat(p.host,"&plat=").concat(p.plat),5)))}}("","TriplePixel",localStorage); 839/* << TriplePixel :: end*/ 840</script>
840 841 842 843 844<!-- END app block -->
844<script src="https://cdn.shopify.com/extensions/01a0d4e7-ec80-7a83-9d0e-4fd71fdcdb60/rebuy-personalization-engine-436/assets/rebuy-extensions.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 844
844
845<script src="https://cdn.shopify.com/extensions/01a0b7a6-6b2a-7126-be17-93581506982e/applovin-shop-integration-97/assets/app-embed.js" type="text/javascript" defer="defer"></script>
845 846<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
847<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: 10550892,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 847
847
848<script> 849 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 850</script>
vendor: 1 bytes, line 850
850
851<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}
851).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: 10550892,storefrontBaseUrl: "https://spiceology.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://spiceology.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["16072cab","8450a54b"],webPixelsConfigList: [{"id":"2114945220","configuration":"{\"accountID\":\"PESEQmj6XyjPAj2tpecLCL\",\"backendUrl\":\"https:\/\/pixel-for-openai-ads.fly.dev\",\"shop\":\"spiceology.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"719bf6360484ef25fd13f722059e16f5","type":"APP","apiClientId":374065037313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2109309124","configuration":"{\"mntnAID\":\"32581\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"b8ecc2eedc793aefdb0d20e94c7addf0","type":"APP","apiClientId":27490025473,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
851,{"id":"2092302532","configuration":"{\"eventKey\":\"5a751b29-fe46-421c-a2e8-9a40e828d367\",\"name\":\"spiceology - Axon Pixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"59063c86dca90ebaa562063a0c13be50","type":"APP","apiClientId":256560922625,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2059632836","configuration":"{\"myshopifyDomain\":\"spiceology.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2006515908","configuration":"{\"accountID\":\"BloopWebPixel\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d0b84fcd80ce63af1260fede92811eef","type":"APP","apiClientId":5443457,"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":"1872232644","configuration":"{\"redditPixelId\":\"a2_j19vcw0kfd0k\",\"dataSharingType\":\"advanced\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"27a6dc1e95874487d57379b5c016869f","type":"APP","apiClientId":304258285569,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1597931716","configuration":"{\"shopId\":\"spiceology.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1464500420","configuration":"{\"advertiserId\":\"92099\",\"shopDomain\":\"spiceology.myshopify.com\",\"appVersion\":\"shopifyApp_5.2.3\",\"originalNetwork\":\"sas\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c287d09bac7e7a912a76f3941fab1c2f","type":"APP","apiClientId":2887701,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1358463172","configuration":"{\"accountID\":\"SGeB2y\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"950337732","configuration":"{\"store_id\":\"205797\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
851,"dataSharingState":"unrestricted"},{"id":"650248388","configuration":"{\"tagID\":\"2612785309521\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"620888260","configuration":"{\"pixel_id\":\"1630465823655591\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"579731652","configuration":"{\"yotpoStoreId\":\"9wA7yRuKAIuGwTCTtAicoJlUR94WEZjR4hs9b0RM\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"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":"579666116","configuration":"{\"shopDomain\":\"spiceology.myshopify.com\",\"shopId\":\"9994\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"29273c4fa51ab87b93f1e6f2e1d43d7d","type":"APP","apiClientId":3653839,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"571736260","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-RB9419S4MP\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-RB9419S4MP\\\"}],\\\"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":"307134660","configuration":"{\"botID\":\"ek9dhu8qv99ioijl\",\"octaneDomain\":\"https:\/\/app.octaneai.com\",\"octaneNewDomain\":\"https:\/\/app2.octaneai.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"bd1df4806f96b914851f3ad62aad33e8","type":"APP","apiClientId":2012438,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"43614404","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP Microsoft UET Revenue"},{"id":"43647172","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP Google Ads Purchases"},{"id":"43679940","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"LP GAds Dynamic Remarketing"}
851,{"id":"150012100","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Videowise Pixel"},{"id":"158728388","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"2","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"ChatGPT Conversion Setup"},{"id":"160465092","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Chatgpt Conversion"},{"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":"Spiceology","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"spiceology.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/spiceology.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":18.99,"currencyCode":"USD"},"product":{"title":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","vendor":"Spiceology","id":"8618595254468","untranslatedTitle":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","url":"\/products\/derek-wolf-cowboy-campfire-seasoning","type":"Blend"},"id":"46262024241348","image":{"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725"},"sku":"11974","title":"Default Title","untranslatedTitle":"Default Title"}],"products":[{"id":"8618595254468","handle":"derek-wolf-cowboy-campfire-seasoning","isCollective":null,"title":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","type":"Blend","untranslatedTitle":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","url":"\/products\/derek-wolf-cowboy-campfire-seasoning","vendor":"Spiceology","remoteShopId":null,"variants":[{"id":"46262024241348","image":{"src":"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725"},"price":{"amount":18.99,"currencyCode":"USD"},"sku":"11974","title":"Default Title","untranslatedTitle":"Default Title"}]},{"id":"7981419659460","handle":"black-pepper-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671899332","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421691076","handle":"coriander-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158142148","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8322703818948","handle":"king-of-the-hill-beer-can","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45039232647364","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8300332482756","handle":"derek-wolf-cowboy-candy-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44973123305668","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424672964","handle":"korean-bbq-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675700420","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427523780","handle":"rosemary-dijon-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677535428","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421756612","handle":"cowboy-crust-espresso-chile-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672718532","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426835652","handle":"pink-peppercorn-lemon-thyme-all-purpose-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676814532","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8005338824900","handle":"greek-freak-mediterranean-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675176132","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425098948","handle":"maui-wowee-hawaiian-teriyaki-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675798724","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428572356","handle":"smoky-honey-habanero-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678321860","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419430084","handle":"black-magic-cajun-blackening-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973152964804","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429260484","handle":"ultimate-rub-collection-12-mini-rub-jars","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173870788","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427818692","handle":"salt-pepper-garlic-spg-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677830340","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422411972","handle":"derek-wolf-maple-bourbon-bbq-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673799876","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419364548","handle":"black-bleu-cajun-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671375044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418152132","handle":"adam-mckenzie-garlic-junkie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221670588612","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421002948","handle":"chile-margarita-mexican-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672227012","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8075508285636","handle":"derek-wolf-cowboy-butter-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44253975216324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422739652","handle":"derek-wolf-tennessee-smoke-bbq-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221674094788","
851image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424541892","handle":"jamaican-jerk-caribbean-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675536580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422510276","handle":"derek-wolf-nashville-hot-chicken-bbq-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673996484","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426180292","handle":"oh-canada-steak-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676028100","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419823300","handle":"blackberry-balsamic-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671964868","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426442436","handle":"paprika-smoked","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676519620","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427359940","handle":"really-ranch-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677404356","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422215364","handle":"derek-wolf-gaucho-steakhouse-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673275588","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428801732","handle":"taco-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678420164","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422149828","handle":"derek-wolf-chipotle-garlic-bbq-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673177284","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427130564","handle":"prime-rib-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677174980","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425688772","handle":"nashville-hot-chicken-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973167481028","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421199556","handle":"chimichurri-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157454020","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421887684","handle":"cumin-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672784068","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426245828","handle":"onion-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676191940","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981427327172","handle":"raspberry-chipotle-sweet-spicy-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677338820","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422182596","handle":"derek-wolf-garlic-herb-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673242820","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423427780","handle":"garlic-powder-domestic","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221674946756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428834500","handle":"tandoori-glory-indian-masala-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678485700","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427228868","handle":"purple-haze-vegetable-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170168004","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426999492","handle":"popcorn-seasoning-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169873092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426409668","handle":"paprika-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676388548","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418479812","handle":"all-purpose-bbq-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221670686916","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422051524","handle":"derek-wolf-adobo-honey-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672915140","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423296708","handle":"garlic-granules-domestic","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221674782916","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422346436","handle":"derek-wolf-jalapeno-lime-pilsner-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673734340","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419561156","handle":"black-pepper-coarse","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671440580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429194948","handle":"turkey-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678944452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427392708","handle":"red-pepper-chili-flake","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677469892","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426213060","handle":"onion-granules","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676126404","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8005338890436","handle":"greek-freak-mediterranean-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44049171087556","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424410820","handle":"italian-crushed-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675471044","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426573508","handle":"peppercorns-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676
851748996","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418840260","handle":"ancho-chile-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221670916292","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426344132","handle":"oregano-mexican","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676323012","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426966724","handle":"pizza-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677043908","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429096644","handle":"tomatador-mediterranean-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678616772","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419593924","handle":"black-pepper-extra-coarse","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671637188","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420511428","handle":"cayenne-pepper-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672030404","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422444740","handle":"derek-wolf-mesquite-peppercorn-lager-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221673865412","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422969028","handle":"el-taco-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161713860","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424574660","handle":"jet-tila-umami-punch-ssamjang-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675667652","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421461700","handle":"cinnamon-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672521924","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421068484","handle":"chili-powder-dark","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672325316","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427982532","handle":"sasquatch-bbq-erubtion-rib-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973171282116","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419004100","handle":"basil-leaves-c-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221671243972","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422870724","handle":"derek-wolf-spirit-infused-blend-smoked-chipotle-mezcal","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221674586308","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427884228","handle":"sasquatch-bbq-butter-toss","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44134399279300","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419167940","handle":"bbq-rubs-variety-pack-top-8-seasoning-blends","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973152506052","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981421101252","handle":"chili-powder-new-mexico","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672390852","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420150980","handle":"candied-bacon-sriracha-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154046148","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8602930086084","handle":"brown-butter-parmesan-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46187995791556","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426311364","handle":"oregano-mediterranean","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676257476","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419495620","handle":"black-magic-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973153095876","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428998340","handle":"thyme-leaves","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678551236","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428080836","handle":"sasquatch-bbq-moss-herb-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44177185112260","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424279748","handle":"honey-granules","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163647172","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425459396","handle":"monosodium-glutamate-msg","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973167218884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419135172","handle":"bay-leaves-whole","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44408355160260","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420019908","handle":"buffalo-lemon-pepper-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973153915076","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429063876","handle":"togarashi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173280964","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418741956","handle":"alvin-cailan-fries-szn","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221670850756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423034564","handle":"everything-bagel-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161779396","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427654852","handle":"rub-set-6-pack-mini-rub-jars","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170757828","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427687620","handle":"smores-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46078089953476","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418250436","handle":"adobo-latin-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973151228100","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423591620","handle":"gochugaru-korean-chile-flake","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675110596","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428113604","handle":"sasquatch-bbq-mother-plucker-poultry-rub","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44134399344836","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426933956","handle":"pizza-pie-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676880068","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427622084","handle":"rub-set-4-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170725060","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428342980","handle":"seasoned-salt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172068548","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418414276","handle":"aleppo-pepper-flake","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973151391940","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418905796","handle":"apple-cinnamon-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46078019502276","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424771268","handle":"loaded-baked-taters-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164630212","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981421297860","handle":"chipotle-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157552324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8390952911044","handle":"brown-butter-cookie-spice-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46196925399236","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429588164","handle":"zaatar-spice","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973174624452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425656004","handle":"mustard-ground-yellow","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973167448260","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427163332","handle":"pumpkin-spice","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677240516","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426507972","handle":"pepper-white-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676617924","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423329476","handle":"garlic-granules-imported","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221674848452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426901188","handle":"pink-peppercorn-lemon-thyme-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169709252","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420085444","handle":"buffalo-wing-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973153980612","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419724996","handle":"black-truffle-salt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46078107451588","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418053828","handle":"achiote-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973150998724","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423788228","handle":"guac-and-roll-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163024580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423362244","handle":"garlic-pepper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973162205380","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429227716","handle":"turmeric-root-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173838020","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426540740","handle":"peppercorns-4-mix","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221676683460","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426475204","handle":"parsley","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973168791748","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427065028","handle":"poulet-epices-poultry-spice","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169938628","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421723844","handle":"coriander-whole","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672652996","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423460548","handle":"garlic-powder-imported","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221675045060","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422674116","handle":"derek-wolf-sticky-bourbon-brown-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161320644","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420970180","handle":"chile-con-limon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973156995268","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421920452","handle":"curry-madras","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158469828","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428703428","handle":"steak-and-bake-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172691140","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424804036","handle":"luxe-infused-salt-variety-pack","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164662980","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422903492","handle":"dill-weed-c-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161648324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423820996","handle":"guajillo-chile-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163057348","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423231172","handle":"fryless-chicken-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973162008772","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424836804","handle":"malt-vinegar-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164695748","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424869572","handle":"mango-tango-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164728516","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423886532","handle":"harissa","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163122884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424476356","handle":"jalapeno-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164007620","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426802884","handle":"pickling-spice","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169381572","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425524932","handle":"mushroom-powder-shiitake","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973167284420","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981425590468","handle":"mustard-seed-yellow","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973167349956","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421494468","handle":"citric-acid","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157814468","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423067332","handle":"everything-bagel-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161812164","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981428932804","handle":"thai-red-curry-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173117124","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427491012","handle":"rio-grande-tex-mex-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170561220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422543044","handle":"derek-wolf-garlic-chile-lager","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161189572","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421035716","handle":"chile-margarita-salt-free-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157093572","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423132868","handle":"fennel-seed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161877700","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428474052","handle":"sesame-seed-white","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221678059716","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421396164","handle":"cinnamon-sticks-batavia","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221672456388","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981419266244","handle":"berbere","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973152735428","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423558852","handle":"ginger-root-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973162598596","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428408516","handle":"sesame-seed-black","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44221677994180","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421232324","handle":"chinese-5-spice-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157486788","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428768964","handle":"sumac-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172887748","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421658308","handle":"coastal-butter-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158109380","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421854916","handle":"cumin-seed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158371524","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420347588","handle":"carbonated-sugar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154242756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428441284","handle":"sesame-seed-toasted","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172199620","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420642500","handle":"celery-seed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154570436","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421527236","handle":"citrus-herb-blend","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157847236","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981427556548","handle":"rosemary-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170659524","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422084292","handle":"derek-wolf-big-bad-bbq-ale","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158797508","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420576964","handle":"celery-salt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154504900","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422706884","handle":"derek-wolf-sweet-carolina-blonde","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161353412","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426278596","handle":"orange-gochugaru-chile-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973168464068","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423263940","handle":"garam-masala","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973162041540","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418381508","handle":"alderwood-smoked-salt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973151359172","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426671812","handle":"peppercorns-szechuan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169250500","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428670660","handle":"star-anise","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172658372","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426081988","handle":"nutmeg-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973168136388","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424345284","handle":"isaac-toups-louisiana-lightning-cajun-seafood-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163843780","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423853764","handle":"habanero-powder","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163090116","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981422936260","handle":"dukkah-nut-free","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161681092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428900036","handle":"tarragon-leaves-c-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173084356","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427785924","handle":"sage-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973171019972","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429555396","handle":"xanthan-gum","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973174591684","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429358788","handle":"urfa-biber-chile","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973173969092","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8472358125764","handle":"vampire-killer-garlic-parmesan-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45653452816580","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8333086884036","handle":"cajun-caesar-seasoning-2","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45072395698372","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424935108","handle":"marjoram-leaves-c-s","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164794052","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421822148","handle":"creole-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158338756","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428605124","handle":"sodium-citrate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172592836","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424705732","handle":"lavender-flower","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164564676","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427261636","handle":"ras-el-hanout","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170200772","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424181444","handle":"herbs-de-provence","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973163548868","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981424640196","handle":"juniper-berries-whole","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973164466372","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426639044","handle":"peppercorns-pink","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973169119428","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8404300726468","handle":"derek-wolf-4-pack-beer-rub-sampler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45348310286532","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421625540","handle":"clove-whole","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158076612","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420445892","handle":"cardamom-whole","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154341060","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421166788","handle":"chili-thread","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157421252","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8388442161348","handle":"derek-wolf-ultimate-6-pack-beer-infused-rub-sampler","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45284705468612","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981428506820","handle":"smoked-chipotle-herbs-de-provence-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973172297924","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420282052","handle":"caraway-seed","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154177220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981420413124","handle":"cardamom-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973154308292","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981426147524","handle":"nutritional-yeast-flakes","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973168201924","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421592772","handle":"clove-ground","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158043844","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
851,{"id":"7981418315972","handle":"agar-agar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44264680358084","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423100100","handle":"fennel-pollen","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161844932","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981429391556","handle":"vadouvan","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973174001860","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421428932","handle":"cinnamon-sticks-ceylon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973157716164","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981427753156","handle":"saffron-threads","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973170987204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981423001796","handle":"espelette-pepper","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973161746628","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8576205357252","handle":"truffle-parmesan-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46074407944388","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981421789380","handle":"cream-of-tartar","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973158305988","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8576305889476","handle":"bleu-cheese-buffalo-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46074775011524","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8619798003908","handle":"korean-bbq-glaze","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46267597914308","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8651062673604","handle":"cantina-verde-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46397306667204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7981418938564","handle":"ascorbic-acid","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"43973152211140","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8651050385604","handle":"cajun-caesar-seasoning","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46397273014468","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8402313609412","handle":"greek-freak-5-5-pet","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45344151109828","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8083672662212","handle":"spiceology-stainless-steel-rack-for-chefs","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44280549507268","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8696579915972","handle":"new-mexico-smoked-paprika","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46578433360068","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8402323538116","handle":"spiceology-short-sleeved-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45344163070148","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8398494204100","handle":"sasquatch-long-sleeve-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45328339566788","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8398475657412","handle":"derek-wolf-over-the-fire-cooking-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45328250667204","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8398548140228","handle":"sasquatch-short-sleeve-t-shirt","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45328600301764","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8628073464004","handle":"derek-wolf-complete-cowboy-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46296384471236","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8606641029316","handle":"brown-butter-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46203808547012","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8572491858116","handle":"salt-free-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46060127453380","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8480103006404","handle":"spiceology-nirvana-zip-up-hoodie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45687915905220","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8480102351044","handle":"spiceology-black-beanie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45687913283780","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8374635987140","handle":"pizza-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45230159724740","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8324130046148","handle":"black-magic-korean-bbq-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45046348972228","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301926351044","handle":"derek-wolf-cowboy-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"4497
8517126539460","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301193068740","handle":"black-magic-greek-freak-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44975417458884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301094928580","handle":"greek-freak-pink-peppercorn-lemon-thyme-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44975261745348","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8301066059972","handle":"latin-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44975221440708","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8268294848708","handle":"trending-flavors-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44875179688132","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8268284428484","handle":"sweet-heat-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44875129520324","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8268262768836","handle":"smoky-honey-habanero-cowboy-crust-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44875073618116","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116986904772","handle":"mediterranean-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44407167254724","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8116983759044","handle":"cajun-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44407123640516","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8091253571780","handle":"holiday-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305693507780","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8091250262212","handle":"everyday-entertaining-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44305615257796","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8090449674436","handle":"grilling-seasoning-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44302965571780","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8090444366020","handle":"global-flavors-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44302906851524","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8090141524164","handle":"sweet-spicy-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44301991018692","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://spiceology.com/cdn","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"140217614532","themePublished":"true","eventMetadataId":"1bd87e4c-e92e-472c-93c1-822545e97c85","pageType":"product","resourceId":"8618595254468","shopId":"10550892","storefrontBaseUrl":"https:\/\/spiceology.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":18.99,\"currencyCode\":\"USD\"},\"product\":{\"title\":\"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning\",\"vendor\":\"Spiceology\",\"id\":\"8618595254468\",\"untranslatedTitle\":\"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning\",\"url\":\"\/products\/derek-wolf-cowboy-campfire-seasoning\",\"type\":\"Blend\"},\"id\":\"46262024241348\",\"image\":{\"src\":\"\/\/spiceology.com\/cdn\/shop\/files\/cowboy-campfire-front_1.jpg?v=1781796725\"},\"sku\":\"11974\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});})();</script>
851<script> 852 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 853 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 854 window.ShopifyAnalytics.meta.currency = 'USD'; 855 var meta = {"product":{"id":8618595254468,"gid":"gid:\/\/shopify\/Product\/8618595254468","vendor":"Spiceology","type":"Blend","handle":"derek-wolf-cowboy-campfire-seasoning","variants":[{"id":46262024241348,"price":1899,"name":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","public_title":null,"sku":"11974"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":8618595254468,"requestId":"25d0c52f-5033-4a54-8194-29c644e32e82-1790304838"}}; 856 for (var attr in meta) { 857 window.ShopifyAnalytics.meta[attr] = meta[attr]; 858 } 859</script>
vendor: 1 bytes, line 859
859
860<script class="analytics"> 861 (function () { 862 var customDocumentWrite = function(content) { 863 var jquery = null; 864 865 if (window.jQuery) { 866 jquery = window.jQuery; 867 } else if (window.Checkout && window.Checkout.$) { 868 jquery = window.Checkout.$; 869 } 870 871 if (jquery) { 872 jquery('body').append(content); 873 } 874 }; 875 876 var hasLoggedConversion = function(token) { 877 if (token) { 878 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 879 } 880 return false; 881 } 882 883 var setCookieIfConversion = function(token) { 884 if (token) { 885 var twoMonthsFromNow = new Date(Date.now()); 886 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 887 888 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 889 } 890 } 891 892 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 893 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 894 if (trekkie.integrations) { 895 return; 896 } 897 trekkie.methods = [ 898 'identify', 899 'page', 900 'ready', 901 'track', 902 'trackForm', 903 'trackLink' 904 ]; 905 trekkie.factory = function(method) { 906 return function() { 907 var args = Array.prototype.slice.call(arguments); 908 args.unshift(method); 909 trekkie.push(args); 910 if (method == 'track' || method == 'page') { 911 var pageUrl; 912 try { 913 pageUrl = window.location.href; 914 } catch (e) {} 915 var pageReferrer; 916 try { 917 pageReferrer = document.referrer; 918 } catch (e) {} 919 try { 920 if (window.__TREKKIE_SHIM_QUEUE == null) { 921 window.__TREKKIE_SHIM_QUEUE = []; 922 } 923 window.__TREKKIE_SHIM_QUEUE.push({ 924 from: 'trekkie-stub', 925 method: method, 926 args: args.slice(1), 927 pageContext: { 928 url: pageUrl, 929 referrer: pageReferrer 930 } 931 }); 932 } catch (e) { 933 // no-op 934 } 935 } 936 return trekkie; 937 }; 938 }; 939 for (var i = 0; i < trekkie.methods.length; i++) { 940 var key = trekkie.methods[i]; 941 trekkie[key] = trekkie.factory(key); 942 } 943 trekkie.load = function(config) { 944 trekkie.config = config || {}; 945 trekkie.config.initialDocumentCookie = document.cookie; 946 var first = document.getElementsByTagName('script')[0]; 947var script = document.createElement('script'); 948script.type = 'text/javascript'; 949script.onerror = function(e) { 950 var scriptFallback = document.createElement('script'); 951 scriptFallback.type = 'text/javascript'; 952 scriptFallback.onerror = function(error) { 953 var Monorail = { 954 produce: function produce(monorailDomain, schemaId, payload) { 955 var currentMs = new Date().getTime(); 956 var event = { 957 schema_id: schemaId, 958 payload: payload, 959 metadata: { 960 event_created_at_ms: currentMs, 961 event_sent_at_ms: currentMs 962 } 963 }; 964 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 965 }, 966 sendRequest: function sendRequest(endpointUrl, payload) { 967 // Try the sendBeacon API 968 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 969 var blobData = new window.Blob([payload], { 970 type: 'text/plain' 971 }); 972 973 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 974 return true; 975 } // sendBeacon was not successful 976 977 } // XHR beacon 978 979 var xhr = new XMLHttpRequest(); 980 981 try { 982 xhr.open('POST', endpointUrl); 983 xhr.setRequestHeader('Content-Type', 'text/plain'); 984 xhr.send(payload); 985 } catch (e) { 986 console.log(e); 987 } 988 989 return false; 990 }, 991 isIos12: function isIos12() { 992 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 993 } 994 }; 995 Monorail.produce('monorail-edge.shopifysvc.com', 996 'trekkie_storefront_load_errors/1.1', 997 {shop_id: 10550892, 998 theme_id: 140217614532, 999 app_name: "storefront", 1000 context_url: window.location.href, 1001 source_url: "//spiceology.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1002 1003 }; 1004 scriptFallback.async = true; 1005 scriptFallback.src = '//spiceology.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1006 first.parentNode.insertBefore(scriptFallback, first); 1007}; 1008script.async = true; 1009script.src = '//spiceology.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1010first.parentNode.insertBefore(script, first); 1011 1012 }; 1013 trekkie.load( 1014 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":10550892,"isMerchantRequest":null,"themeId":14
10140217614532,"themeCityHash":"18300113275411732740","contentLanguage":"en","currency":"USD","eventMetadataId":"1bd87e4c-e92e-472c-93c1-822545e97c85"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1015 ); 1016 1017 var loaded = false; 1018 trekkie.ready(function() { 1019 if (loaded) return; 1020 loaded = true; 1021 1022 window.ShopifyAnalytics.lib = window.trekkie; 1023 1024 var originalDocumentWrite = document.write; 1025 document.write = customDocumentWrite; 1026 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1027 document.write = originalDocumentWrite; 1028 1029 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1030 var token = match? match[1]: undefined; 1031 if (!hasLoggedConversion(token)) { 1032 setCookieIfConversion(token); 1033 window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":46262024241348,"productId":8618595254468,"productGid":"gid:\/\/shopify\/Product\/8618595254468","name":"Derek Wolf | Cowboy Campfire Smoky SPG Seasoning","price":"18.99","sku":"11974","brand":"Spiceology","variant":null,"category":"Blend","nonInteraction":true,"remote":false,"available":true},undefined,undefined,{"shopifyEmitted":true}); 1034 } 1035 }); 1036 1037 window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":8618595254468,"requestId":"25d0c52f-5033-4a54-8194-29c644e32e82-1790304838","shopifyEmitted":true}); 1038 1039 var eventsListenerScript = document.createElement('script'); 1040 eventsListenerScript.async = true; 1041 eventsListenerScript.src = "//spiceology.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1042 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1043})();</script>
1043 1044
1044<script> 1045 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 1046 window.ga = function ga() { 1047 (window.ga.q = window.ga.q || []).push(arguments); 1048 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1049 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 1050 } 1051 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."); 1052 }; 1053 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 1054 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 1055 } 1056 } 1057</script>
vendor: 1 bytes, line 1057
1057
1058<script 1059 defer 1060 src="https://spiceology.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1061 data-application="storefront-renderer" 1062 data-shop-id="10550892" 1063 data-render-region="gcp-us-central1" 1064 data-page-type="product" 1065 data-theme-instance-id="140217614532" 1066 data-theme-name="Bondfire Custom Theme" 1067 data-theme-version="1.0" 1068 data-monorail-region="shop_domain" 1069 data-resource-timing-sampling-rate="10" 1070 data-shs="true" 1071 data-shs-beacon="true" 1072 data-shs-export-with-fetch="true" 1073 data-shs-logs-sample-rate="1" 1074 data-shs-beacon-endpoint="https://spiceology.com/api/collect" 1075></script>
1075 1076<meta name="shopify-y" content="885afe4a-fb64-410d-8d2e-979c986518d2" data-expiration="1821862438000"><meta name="shopify-s" content="c9846950-3c1c-4f8f-9394-3629ec307a81" data-expiration="1790306638000"><meta name="new-cookie-storage-activated" content="t"> 1077</head> 1078 <body 1079 x-data 1080 :class=" 1081 { 1082 'overflow-hidden': $store.main.isNavOpen || ($store.main.isMiniCartOpen && !$store.main.isRebuyEnabled()) || $store.main.isPlpFilterOpen, 1083 'scrolled': $store.main.isScrolled 1084 } 1085 " 1086 class="layout-theme template-product" 1087 id="derek-wolf-|-cowboy-campfire-smoky-spg-seasoning-template" 1088 > 1089 <!-- Google Tag Manager (noscript) -->
vendor: 74 bytes, lines 1089-1090
1089 1090 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
1090GTM-5ZXGF4V
vendor: 93 bytes, lines 1090-1092
1090" 1091 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 1092
1092<!-- End Google Tag Manager (noscript) --> 1093 1094 <div id="shopify-section-custom-cart" class="shopify-section custom-cart-section-container"><style> 1095 .custom-cart-section-background { 1096 position: fixed; 1097 background-color: rgba(0, 0, 0, .7) !important; 1098 width: 100%; 1099 height: 100%; 1100 z-index:999999999999999999999; 1101 } 1102 .custom-cart-section-cart-wrapper { 1103 background: white; 1104 position: absolute; 1105 right: 0; 1106 width: 500px; 1107 max-width: calc(100% - 16px); 1108 overflow: hidden auto; 1109 padding: 16px; 1110 } 1111 h2.custom-cart-section-cart-heading { 1112 color: #232323; 1113 text-align: center; 1114 text-transform: uppercase; 1115 line-height: 30px; 1116 font-size: 14px; 1117 font-weight: bold; 1118 } 1119 .custom-cart-section-cart-heading-wrapper { 1120 display: flex; 1121 justify-content: space-between; 1122 max-width: calc(100% - 32px); 1123 margin-inline: auto; 1124 } 1125 button#cart_close_button { 1126 background: #18161310; 1127 } 1128 .custom-cart-section-cart-buttons-wrapper { 1129 display: flex; 1130 gap: 15px; 1131 align-content: center; 1132 justify-content: center; 1133 align-items: center; 1134 } 1135 .custom-cart-announcements { 1136 width: 100%; 1137 margin-inline: auto; 1138 text-align: center; 1139 line-height: 20px; 1140 font-size: 13px; 1141 } 1142 .custom-cart-announcement-bar-slider { 1143 background: #eee; 1144 margin-top: 10px; 1145 margin-bottom: 10px; 1146 padding: 4px 16px; 1147 } 1148 .custom-cart-add-notes-textarea{ 1149 display: block; 1150 width: 100%; 1151 min-width: 100%; 1152 max-width: 100%; 1153 height: 100px; 1154 min-height: 0; 1155 max-height: none; 1156 resize: none; 1157 } 1158 textarea#cart_note { 1159 margin: 0; 1160 border-width: 1px; 1161 border-style: solid; 1162 border-radius: 5px; 1163 border-color: #eee; 1164 background: #fff; 1165 padding: 15px; 1166 } 1167 img.custom-cart-item-image { 1168 width: 90px; 1169 height: 90px; 1170 object-fit: contain; 1171 } 1172 a.custom-cart-item-url { 1173 display: flex; 1174 gap: 26px; 1175 } 1176 .custom-cart-item-details-wrapper { 1177 max-width: 230px; 1178 } 1179 .custom-cart-item-price-wrapper { 1180 display: flex; 1181 flex-direction: column; 1182 flex: 1; 1183 align-content: flex-end; 1184 align-items: flex-end; 1185 } 1186 h4.custom-cart-item-heading { 1187 font-size: 16px !important; 1188 font-style: normal !important; 1189 font-weight: 400 !important; 1190 line-height: 110% !important; 1191 letter-spacing: .48px !important; 1192 } 1193 h5.custom-cart-item-variant-title { 1194 font-family: Chromatic Mono, ui-monospace, monospace !important; 1195 font-style: normal !important; 1196 font-weight: 400 !important; 1197 line-height: 140% !important; 1198 letter-spacing: .66px !important; 1199 opacity: .75 !important; 1200 padding-top: 4px !important; 1201 color: #535353; 1202 font-size: 12px; 1203 } 1204 a.custom-cart-item-url { 1205 padding-block: 16px; 1206 border-bottom: 1px solid; 1207 } 1208 span.custom-cart-item-price, 1209 span#cart_sub_total_price { 1210 color: #44BE70; 1211 font-family: Chromatic Mono, ui-monospace, monospace !important; 1212 font-size: 11px !important; 1213 font-style: normal !important; 1214 font-weight: 400 !important; 1215 line-height: 140% !important; 1216 letter-spacing: .66px !important; 1217 } 1218 span.custom-cart-item-compare-at-price, 1219 span#cart_sub_total__compare_at_price { 1220 color: #9a9a9a; 1221 text-decoration: line-through; 1222 font-family: Chromatic Mono, ui-monospace, monospace !important; 1223 font-size: 11px !important; 1224 font-style: normal !important; 1225 font-weight: 400 !important; 1226 line-height: 140% !important; 1227 letter-spacing: .66px !important; 1228 } 1229 .custom-cart-item-price-wrapper { 1230 gap: 10px; 1231 } 1232 .custom-cart-items-overflow { 1233 overflow: hidden auto; 1234 height: calc(100% - 389px); 1235 min-height: 25vh; 1236 } 1237 .custom-cart-items-overflow.custom-show-textarea { 1238 overflow: hidden auto; 1239 height: calc(100% - 493px); 1240 min-height: 25vh; 1241 } 1242 1243 .custom-cart-items-wrapper { 1244 overflow: visible; 1245 } 1246 .custom-cart-add-notes-wrapper { 1247 padding-bottom: 10px; 1248 } 1249 h3.custom-cart-complementary-products-heading { 1250 padding: 10px 0 0; 1251 font-size: 14px; 1252 font-weight: bold; 1253 color: #232323; 1254 text-align: left; 1255 padding-left: 20px !important; 1256 line-height: 1.88rem; 1257 letter-spacing: 1px; 1258 } 1259 img.custom-cart-complementary-product-card-featured-image, 1260 .custom-cart-complementary-product-card img { 1261 width: 100px; 1262 height: 100px; 1263 object-fit: contain; 1264 } 1265 .custom-cart-complementary-product-card { 1266 display: flex; 1267 justify-content: space-between; 1268 }
1269 .custom-cart-complementary-product-card-details { 1270 display: flex; 1271 flex-direction: column; 1272 align-items: flex-end; 1273 } 1274 .custom-cart-complementary-product-card-details { 1275 max-width: 100px; 1276 } 1277 .yotpo-reviews-star-ratings-widget{ 1278 width: unset !important; 1279 } 1280 1281 p.yotpo-sr-bottom-line-left-panel.yotpo-sr-bottom-line-score { 1282 display: none !important; 1283 } 1284 h4.custom-cart-complementary-product-card-title { 1285 flex: 1; 1286 } 1287 .custom-cart-complementary-product-card-atc { 1288 width: 100%; 1289 background: #f2f2f2; 1290 padding-block: 5px; 1291 font-size: 16px !important; 1292 font-style: normal !important; 1293 font-weight: 400 !important; 1294 line-height: 130% !important; 1295 letter-spacing: .48px !important; 1296 height: 49px; 1297 transition: 0.3s; 1298 } 1299 .custom-cart-complementary-product-card-container { 1300 padding-bottom: 20px; 1301 border-bottom: 1px solid; 1302 margin-bottom: 20px; 1303 } 1304 .custom-cart-complementary-product-grid-wrapper { 1305 margin-top: 20px; 1306 } 1307 .custom-cart-section svg.star-container { 1308 margin: unset !important; 1309 } 1310 .custom-cart-footer-checkout-button { 1311 height: 49px; 1312 display: block; 1313 width: 100%; 1314 background: #181613; 1315 color: white; 1316 margin-bottom: 10px; 1317 transition: 0.3s; 1318 } 1319 .custom-cart-section-cart-wrapper { 1320 height: 100vh; 1321 } 1322 .custom-cart-footer-sub-total-container { 1323 display: flex; 1324 align-items: center; 1325 justify-content: space-between; 1326 align-content: center; 1327 gap: 30px; 1328 margin-top: 10px; 1329 } 1330 .custom-cart-add-notes-checkbox { 1331 display: flex; 1332 align-items: flex-start; 1333 gap: 10px; 1334 } 1335 .custom-cart-complementary-product-card-atc:hover { 1336 background: #e5e5e5; 1337 } 1338 .custom-cart-footer-checkout-button:hover{ 1339 background: #3f3a32; 1340 } 1341 .custom-cart-item-quantity-wrapper { 1342 display: flex; 1343 } 1344 1345 /* User's CSS with Modifications for Animation */ 1346 .custom-cart-section { 1347 position: fixed; 1348 top: 0; 1349 left: 0; 1350 width: 100%; 1351 height: 100%; 1352 z-index: 999999999999999999999; 1353 visibility: hidden; /* Hidden by default */ 1354 pointer-events: none; 1355 transition: visibility 0s linear 0.3s; /* Delay visibility hide until after opacity/transform */ 1356 } 1357 .custom-cart-section.active { 1358 visibility: visible; 1359 pointer-events: auto; 1360 transition-delay: 0s; 1361 } 1362 .custom-cart-section-background { 1363 position: fixed; 1364 background-color: rgba(0, 0, 0, .7) !important; 1365 width: 100%; 1366 height: 100%; 1367 /* z-index removed from here as parent has it, but keeping it safe */ 1368 opacity: 0; 1369 transition: opacity 0.3s ease-in-out; 1370 } 1371 .custom-cart-section.active .custom-cart-section-background { 1372 opacity: 1; 1373 } 1374 .custom-cart-section-cart-wrapper { 1375 background: white; 1376 position: absolute; 1377 right: 0; 1378 top: 0; /* Added top: 0 to ensure full height placement */ 1379 width: 500px; 1380 max-width: calc(100% - 16px); 1381 height: 100vh; 1382 overflow: hidden auto; 1383 padding: 16px; 1384 transform: translateX(100%); /* Slide out by default */ 1385 transition: transform 0.3s ease-in-out; 1386 z-index: 1; /* Ensure it's above the background */ 1387 } 1388 .custom-cart-section.active .custom-cart-section-cart-wrapper { 1389 transform: translateX(0); 1390 } 1391 .custom-cart-section.active .custom-cart-section{ 1392 visibility: visible; 1393 } 1394 @media(max-width: 399px){ 1395 a.custom-cart-item-url { 1396 display: flex; 1397 gap: 12px; 1398 } 1399 h4.custom-cart-item-heading { 1400 max-width: 150px; 1401 } 1402 img.custom-cart-complementary-product-card-featured-image, 1403 .custom-cart-complementary-product-card img { 1404 max-width: 100px; 1405 max-height: 100px; 1406 } 1407 } 1408 @media(max-width: 349px){ 1409 img.custom-cart-item-image { 1410 width: 60px; 1411 height: 60px; 1412 } 1413 .custom-cart-footer-sub-total-container{ 1414 gap: 10px; 1415 } 1416 } 1417 label.custom-cart-footer-sub-total-label { 1418 padding-bottom: unset; 1419 } 1420 h4.custom-cart-item-heading { 1421 margin-bottom: 5px; 1422 } 1423 span.custom-cart-item-price, span#cart_sub_total_price { 1424 color: black; 1425 } 1426 .custom-cart-item-price-wrapper:has(.custom-cart-item-compare-at-price) .custom-cart-item-price { 1427 color: #44BE70; 1428 } 1429 .custom-cart-complementary-product-card-title-wrapper { 1430 width: 100%; 1431 display: flex; 1432 flex-direction: column; 1433 } 1434 1435</style> 1436 1437<div class="custom-cart-section"> 1438 <div class="custom-cart-section-background"> 1439 <div class="custom-cart-section-cart-wrapper"> 1440 <div class="custom-cart-section-cart-header-container"> 1441 <div class="custom-cart-section-cart-heading-wrapper"> 1442 <h2 class="custom-cart-section-cart-heading">Your Cart</h2> 1443 <div class="custom-cart-section-cart-buttons-wrapper"><button id="cart_share_button" class="custom-cart-share-button"> 1444 <svg 1445 width="16" 1446 height="22"
1447 viewBox="0 0 16 22" 1448 fill="none" 1449 xmlns="http://www.w3.org/2000/svg" 1450 class="cart-share-icon" 1451 > 1452 <path d="M12 4L10.58 5.42L8.99 3.83V15H7.01V3.83L5.42 5.42L4 4L8 0L12 4ZM16 9V20C16 21.1 15.1 22 14 22H2C0.89 22 0 21.1 0 20V9C0 7.89 0.89 7 2 7H5V9H2V20H14V9H11V7H14C15.1 7 16 7.89 16 9Z" fill="#546B7D"></path> 1453 </svg> 1454 </button><button id="cart_close_button" class="custom-cart-close-button"> 1455 <svg 1456 width="28" 1457 height="28" 1458 viewBox="0 0 28 28" 1459 fill="#181613" 1460 xmlns="http://www.w3.org/2000/svg" 1461 class="cart-close-icon" 1462 > 1463 <path d="M18.9998 14.7919L11.0078 18.4639L11.0078 16.9519L17.5238 13.9999L11.0078 11.0479L11.0078 9.53589L18.9998 13.2079L18.9998 14.7919Z" fill="#1C1307"></path> 1464 </svg> 1465 </button> 1466 </div> 1467 </div> 1468 <div class="custom-cart-announcement-bar-slider"></div> 1469 <div class="custom-cart-add-notes-wrapper"> 1470 <div class="custom-cart-add-notes-checkbox"> 1471 <input type="checkbox" id="cart_add_notes_checkbox" name="cart_add_notes_checkbox"> 1472 <label for="cart_add_notes_checkbox"> Add a note (optional)</label> 1473 </div> 1474 <div class="custom-cart-add-notes-wrapper"> 1475 <textarea 1476 style="display:none;" 1477 class="custom-cart-add-notes-textarea" 1478 name="note" 1479 id="cart_note" 1480 placeholder="Your Notes" 1481 ></textarea> 1482 </div> 1483 </div> 1484 </div> 1485 <div class="custom-cart-items-overflow"> 1486 <div class="custom-cart-items-wrapper"> 1487 <ul role="list" id="cart_items_wrapper" class="custom-cart-items-wrapper"><li class="custom-cart-item custom-cart-empty-message"> 1488 <p style="text-align:center; padding: 20px;">Your cart is empty.</p> 1489 </li></ul> 1490 <div class="custom-cart-complementory-products-wrapper"> 1491 <h3 class="custom-cart-complementary-products-heading"> 1492 Discover The Newest Flavors 1493 </h3> 1494 <div class="custom-cart-complementary-product-grid-wrapper"><div class="custom-cart-complementary-product-card-container"> 1495 <div class="custom-cart-complementary-product-card"> 1496 <img src="//spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=2000" alt="Can of Spiceology King of the Hill beer-infused rub on a white background" srcset="//spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=352 352w, //spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=832 832w, //spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=1200 1200w, //spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=1920 1920w, //spiceology.com/cdn/shop/files/KOTH-can-PDP_1.jpg?v=1755806409&width=2000 2000w" width="2000" height="2000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1497 1498 <div class="custom-cart-complementary-product-card-title-wrapper"> 1499 <h4 class="custom-cart-complementary-product-card-title">King of the Hill Beer-Infused BBQ Rub</h4> 1500 <button 1501 data-product_id="45039232647364" 1502 id="cart_complementary_atc_8322703818948" 1503 class="custom-cart-complementary-product-card-atc" 1504 > 1505 Add 1506 </button> 1507 </div> 1508 <div class="custom-cart-complementary-product-card-details"> 1509 1510 <span class="custom-cart-complementary-product-card-price">$14.99</span> 1511 <div 1512 class="yotpo-widget-instance" 1513 data-yotpo-instance-id="860939" 1514 data-yotpo-product-id="8322703818948" 1515 data-yotpo-cart-product-id="8322703818948" 1516 data-yotpo-section-id="product" 1517 ></div> 1518 </div> 1519 </div> 1520 </div> 1521 <div class="custom-cart-complementary-product-card-container"> 1522 <div class="custom-cart-complementary-product-card"> 1523 <img src="//spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=2000" alt="Spiceology Cowboy Candy carnalized jalapeno seasoning bottle featuring Jalapeño, sugar, vinegar" srcset="//spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=352 352w, //spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=832 832w, //spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=1200 1200w, //spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=1920 1920w, //spiceology.com/cdn/shop/files/costco_cowboy_candy_front.jpg?v=1766011422&width=2000 2000w" width="2000" height="2000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1524 1525 <div class="custom-cart-complementary-product-card-title-wrapper"> 1526 <h4 class="custom-cart-complementary-product-card-title">Derek Wolf | Cowboy Candy Seasoning</h4> 1527 <button 1528 data-product_id="44973123305668"
1529 id="cart_complementary_atc_8300332482756" 1530 class="custom-cart-complementary-product-card-atc" 1531 > 1532 Add 1533 </button> 1534 </div> 1535 <div class="custom-cart-complementary-product-card-details"> 1536 1537 <span class="custom-cart-complementary-product-card-price">$18.99</span> 1538 <div 1539 class="yotpo-widget-instance" 1540 data-yotpo-instance-id="860939" 1541 data-yotpo-product-id="8300332482756" 1542 data-yotpo-cart-product-id="8300332482756" 1543 data-yotpo-section-id="product" 1544 ></div> 1545 </div> 1546 </div> 1547 </div> 1548 1549 </div> 1550 </div> 1551 1552 1553 <div class="custom-cart-complementory-products-wrapper"> 1554 <h3 class="custom-cart-complementary-products-heading"> 1555 Shop Our Top Selling Signature Blends 1556 </h3> 1557 <div class="custom-cart-complementary-product-grid-wrapper"><div class="custom-cart-complementary-product-card-container"> 1558 <div class="custom-cart-complementary-product-card"> 1559 <img src="//spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=3000" alt="Spiceology korean bbq seasoning jar " srcset="//spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=352 352w, //spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=832 832w, //spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=1200 1200w, //spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=1920 1920w, //spiceology.com/cdn/shop/files/LOW_RES-KOREAN_BBQ-9G-FRONT-10024.jpg?v=1728687950&width=3000 3000w" width="3000" height="3000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1560 1561 <div class="custom-cart-complementary-product-card-title-wrapper"> 1562 <h4 class="custom-cart-complementary-product-card-title">Korean BBQ Seasoning</h4> 1563 <button 1564 data-product_id="44221675700420" 1565 id="cart_complementary_atc_7981424672964" 1566 class="custom-cart-complementary-product-card-atc" 1567 > 1568 Add 1569 </button> 1570 </div> 1571 <div class="custom-cart-complementary-product-card-details"> 1572 1573 <span class="custom-cart-complementary-product-card-price">$14.95</span> 1574 </div> 1575 </div> 1576 </div> 1577 <div class="custom-cart-complementary-product-card-container"> 1578 <div class="custom-cart-complementary-product-card"> 1579 <img src="//spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=3000" alt="Spiceology rosemary dijon seasoning jar" srcset="//spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=352 352w, //spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=832 832w, //spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=1200 1200w, //spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=1920 1920w, //spiceology.com/cdn/shop/files/LOW_RES-ROSEMARY_DIJON-9G-FRONT-10898.jpg?v=1728688818&width=3000 3000w" width="3000" height="3000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1580 1581 <div class="custom-cart-complementary-product-card-title-wrapper"> 1582 <h4 class="custom-cart-complementary-product-card-title">Rosemary Dijon Seasoning</h4> 1583 <button 1584 data-product_id="44221677535428"
1585 id="cart_complementary_atc_7981427523780" 1586 class="custom-cart-complementary-product-card-atc" 1587 > 1588 Add 1589 </button> 1590 </div> 1591 <div class="custom-cart-complementary-product-card-details"> 1592 1593 <span class="custom-cart-complementary-product-card-price">$14.95</span> 1594 </div> 1595 </div> 1596 </div> 1597 <div class="custom-cart-complementary-product-card-container"> 1598 <div class="custom-cart-complementary-product-card"> 1599 <img src="//spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=3000" alt="Spiceology cowboy crust espresso chile rub" srcset="//spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=352 352w, //spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=832 832w, //spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=1200 1200w, //spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=1920 1920w, //spiceology.com/cdn/shop/files/LOW_RES-COWBOY_CRUST-9G-FRONT-10021.jpg?v=1728687642&width=3000 3000w" width="3000" height="3000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1600 1601 <div class="custom-cart-complementary-product-card-title-wrapper"> 1602 <h4 class="custom-cart-complementary-product-card-title">Cowboy Crust Espresso Chile Rub</h4> 1603 <button 1604 data-product_id="44221672718532" 1605 id="cart_complementary_atc_7981421756612" 1606 class="custom-cart-complementary-product-card-atc" 1607 > 1608 Add 1609 </button> 1610 </div> 1611 <div class="custom-cart-complementary-product-card-details"> 1612 1613 <span class="custom-cart-complementary-product-card-price">$14.95</span> 1614 </div> 1615 </div> 1616 </div> 1617 <div class="custom-cart-complementary-product-card-container"> 1618 <div class="custom-cart-complementary-product-card"> 1619 <img src="//spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=3000" alt="Spiceology pink peppercorn lemon thyme all purpose blend" srcset="//spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=352 352w, //spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=832 832w, //spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=1200 1200w, //spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=1920 1920w, //spiceology.com/cdn/shop/files/LOW_RES-PINK_PEPPERCORN_LEMON_THYME-9G-FRONT-10027.jpg?v=1726605460&width=3000 3000w" width="3000" height="3000" loading="lazy" class="custom-cart-complementary-product-card-featured-image"> 1620 1621 <div class="custom-cart-complementary-product-card-title-wrapper"> 1622 <h4 class="custom-cart-complementary-product-card-title">Pink Peppercorn Lemon Thyme All-Purpose Seasoning</h4> 1623 <button 1624 data-product_id="44221676814532" 1625 id="cart_complementary_atc_7981426835652" 1626 class="custom-cart-complementary-product-card-atc" 1627 > 1628 Add 1629 </button> 1630 </div> 1631 <div class="custom-cart-complementary-product-card-detail
1631s"> 1632 1633 <span class="custom-cart-complementary-product-card-price">$14.95</span> 1634 </div> 1635 </div> 1636 </div> 1637 1638 </div> 1639 </div> 1640 1641 </div> 1642 </div> 1643 <div class="custom-cart-footer-wrapper"> 1644 <div class="custom-cart-footer-sub-total-container"> 1645 <label class="custom-cart-footer-sub-total-label" 1646 >SubTotal 1647 <span id="cart_sub_total_count" class="custom-cart-footer-sub-total-count" 1648 >( 0 Items )</span 1649 ></label 1650 > 1651 <div class="custom-cart-footer-sub-total-price-wrapper"> 1652 <span id="cart_sub_total_price" class="custom-cart-footer-sub-total-price">$0.00</span> 1653 1654 </div> 1655 </div> 1656 <div class="custom-cart-footer-checkout-buttons-wrapper"> 1657 <form action="/cart" method="post" id="cart-drawer-checkout-form"> 1658 <button type="submit" id="cart_checkout_button" name="checkout" class="custom-cart-footer-checkout-button"> 1659 Checkout â 1660 </button> 1661 </form> 1662 1663 <div class="additional-checkout-buttons--vertical"> 1664 <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":10550892,"merchantName":"Spiceology","personalized":true}},{"supports_subs":false,"supports_def_opts":false,"name":"amazon_pay","wallet_params":{"checkoutLanguage":"en_US","ledgerCurrency":"USD","placement":"Cart","sandbox":false,"merchantId":"A3VPX1394N9N4N","productType":"PayAndShip","design":"C0002"}},{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":10550892,"countryCode":"US","merchantName":"Spiceology","phoneRequired":true,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":true,"gatewayType":"MANAGED","merchantId":"VKXH8PZ8DBFYS","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=VKXH8PZ8DBFYS\u0026intent=authorize","serviceableCountryCodes":["AD","AE","AF","AG","AI","AM","AR","AU","AW","AX","BA","BB","BD","BH","BM","BN","BO","BQ","BR","BS","BT","BZ","CA","CH","CL","CN","CO","CR","CY","DM","DO","EC","FJ","GB","GF","GG","GP","GT","GY","HK","HT","ID","IL","IN","IQ","JE","JM","JO","JP","KG","KH","KI","KR","KW","KY","LA","LB","LI","LK","MC","MD","MK","MM","MO","MQ","MS","MV","MX","MY","NC","NI","NO","NP","NR","NZ","OM","PA","PE","PF","PG","PH","PK","PY","QA","RS","SG","SJ","SM","SR","SV","TC","TH","TJ","TM","TO","TR","TT","TV","TW","UA","US","UY","UZ","VE","VN","VU","WF","WS","YE"]}}]" access-token="885a760cffba36d91433d1c0bf09ca9c" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="10550892" cart-id="1e0931e0ea2dea34288bc1506fc0b9b6" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div> 1665 </div> 1666 1667 </div> 1668 </div> 1669 </div> 1670 </div> 1671</div> 1672
1673<script> 1674 (function () { 1675 'use strict'; 1676 const SELECTORS = { 1677 wrapper: '.custom-cart-section-cart-wrapper', 1678 itemsWrapper: '#cart_items_wrapper', 1679 subtotalContainer: '.custom-cart-footer-sub-total-container', 1680 noteTextarea: '#cart_note', 1681 noteCheckbox: '#cart_add_notes_checkbox', 1682 noteOverflow: '.custom-cart-items-overflow', 1683 closeBtn: '#cart_close_button', 1684 background: '.custom-cart-section-background', 1685 section: '.custom-cart-section', 1686 qtyInput: '.js-quantity-input', 1687 qtyPlus: '.js-qty-plus', 1688 qtyMinus: '.js-qty-minus', 1689 qtyDisplay: '[data-quantity-display]', 1690 atcButtons: '.custom-cart-complementary-product-card-atc', 1691 slider: '.custom-cart-announcement-bar-slider', 1692 }; 1693 // Robust Routes - Merge defaults with window.routes to ensure all keys exist 1694 const routes = Object.assign( 1695 { 1696 cart_add_url: '/cart/add.js', 1697 cart_change_url: '/cart/change.js', 1698 cart_update_url: '/cart/update.js', 1699 cart_url: '/cart.js', 1700 }, 1701 window.routes || {} 1702 ); 1703 function fetchConfig(type = 'json') { 1704 return { 1705 method: 'POST', 1706 headers: { 'Content-Type': 'application/json', Accept: `application/${type}` }, 1707 }; 1708 } 1709 window.customCart = { 1710 init() { 1711 this.addEventListeners(); 1712 this.initGlobalFunctions(); 1713 this.initSlider(); 1714 this.handleNoteVisibility(); 1715 this.initQuantityScrollers(); 1716 }, 1717 initQuantityScrollers() { 1718 document.querySelectorAll('[data-quantity-wrapper]').forEach((wrapper) => { 1719 const input = wrapper.querySelector(SELECTORS.qtyInput); 1720 const display = wrapper.querySelector(SELECTORS.qtyDisplay); 1721 if (input && display) { 1722 const qty = parseInt(input.value); 1723 // instant update no animation 1724 display.style.transition = 'none'; 1725 this.updateQuantityDisplay(wrapper, qty); 1726 // force reflow 1727 void display.offsetWidth; 1728 display.style.transition = ''; 1729 } 1730 }); 1731 }, 1732 initGlobalFunctions() { 1733 // Expose open function globally 1734 window.openCustomCart = () => { 1735 console.log('[CustomCart] openCustomCart called'); 1736 const section = document.querySelector(SELECTORS.section); 1737 if (section) { 1738 console.log('[CustomCart] Section found, opening and fetching...'); 1739 section.classList.add('active'); 1740 document.body.style.overflow = 'hidden'; 1741 this.fetchCart(); 1742 // console.log('[CustomCart] fetchCart() triggered from open'); 1743 } else { 1744 console.error('[CustomCart] Section NOT found'); 1745 } 1746 }; 1747 // Expose refresh function globally (useful for external add-to-carts) 1748 window.refreshCustomCart = () => { 1749 console.log('[CustomCart] window.refreshCustomCart called'); 1750 this.fetchCart(); 1751 }; 1752 }, 1753 async fetchCart() { 1754 try { 1755 console.log('[CustomCart] fetchCart started'); 1756 const url = `/cart?sections=custom-cart&v=${Date.now()}`; 1757 console.log('[CustomCart] Fetching URL:', url); 1758 1759 const res = await fetch(url); 1760 console.log('[CustomCart] Response Status:', res.status); 1761 1762 const state = await res.json(); 1763 // console.log('[CustomCart] Response Data:', state); 1764 1765 // Handle various response structures: { "custom-cart": "html" } OR { "sections": { "custom-cart": "html" } } 1766 const html = state['custom-cart'] || (state.sections && state.sections['custom-cart']); 1767 if (html) { 1768 console.log('[CustomCart] Section key found, rendering...'); 1769 this.renderSection(html); 1770 } else { 1771 console.warn('[CustomCart] Response did not contain "custom-cart" section key. Keys:', Object.keys(state)); 1772 } 1773 } catch (err) { 1774 console.error('[CustomCart] Error refreshing cart:', err); 1775 } 1776 }, 1777 closeCart() { 1778 const section = document.querySelector(SELECTORS.section); 1779 if (section) { 1780 section.classList.remove('active'); 1781 document.body.style.overflow = ''; 1782 } 1783 }, 1784 addEventListeners() { 1785 // Quantity Buttons
1786 document.querySelectorAll(SELECTORS.qtyPlus).forEach((btn) => { 1787 btn.addEventListener('click', this.handleQuantityClick.bind(this)); 1788 }); 1789 document.querySelectorAll(SELECTORS.qtyMinus).forEach((btn) => { 1790 btn.addEventListener('click', this.handleQuantityClick.bind(this)); 1791 }); 1792 1793 // Complementary ATC 1794 document.querySelectorAll(SELECTORS.atcButtons).forEach((btn) => { 1795 btn.addEventListener('click', this.handleAddToCart.bind(this)); 1796 }); 1797 // Note Textarea 1798 const noteArea = document.querySelector(SELECTORS.noteTextarea); 1799 if (noteArea) { 1800 noteArea.addEventListener('change', this.handleNoteChange.bind(this)); 1801 } 1802 // Note Checkbox 1803 const noteCheckbox = document.querySelector(SELECTORS.noteCheckbox); 1804 if (noteCheckbox) { 1805 noteCheckbox.addEventListener('change', this.handleNoteVisibility.bind(this)); 1806 } 1807 // Close Buttons 1808 const closeBtn = document.querySelector(SELECTORS.closeBtn); 1809 if (closeBtn) closeBtn.addEventListener('click', this.closeCart.bind(this)); 1810 1811 const background = document.querySelector(SELECTORS.background); 1812 if (background) background.addEventListener('click', this.closeCart.bind(this)); 1813 const cartWrapper = document.querySelector(SELECTORS.wrapper); 1814 if (cartWrapper) { 1815 cartWrapper.addEventListener('click', (e) => { 1816 e.stopPropagation(); 1817 }); 1818 } 1819 }, 1820 initSlider() { 1821 if (window.Flickity && document.querySelector(SELECTORS.slider)) { 1822 // Check if already initialized to avoid double init? Flickity usually handles it but let's be safe 1823 // Actually, after re-render the element is new, so we must re-init. 1824 new Flickity(SELECTORS.slider, { 1825 cellAlign: 'center', 1826 contain: true, 1827 wrapAround: true, 1828 prevNextButtons: false, 1829 pageDots: false, 1830 autoPlay: true, 1831 }); 1832 } 1833 }, 1834 handleNoteVisibility() { 1835 const checkbox = document.querySelector(SELECTORS.noteCheckbox); 1836 const textarea = document.querySelector(SELECTORS.noteTextarea); 1837 const overflow = document.querySelector(SELECTORS.noteOverflow); 1838 1839 if (!checkbox || !textarea || !overflow) return; 1840 if (checkbox.checked) { 1841 textarea.style.display = 'block'; 1842 overflow.classList.add('custom-show-textarea'); 1843 } else { 1844 textarea.style.display = 'none'; 1845 overflow.classList.remove('custom-show-textarea'); 1846 } 1847 }, 1848 async handleQuantityClick(e) { 1849 e.preventDefault(); 1850 const btn = e.currentTarget; 1851 const wrapper = btn.closest('[data-quantity-wrapper]'); 1852 if (!wrapper) return; 1853 1854 const input = wrapper.querySelector(SELECTORS.qtyInput); 1855 const key = wrapper.dataset.key; // Using key for reliability 1856 const line = wrapper.dataset.line; // Or line index 1857 let currentQty = parseInt(input.value); 1858 1859 if (btn.classList.contains('js-qty-plus')) { 1860 currentQty++; 1861 } else { 1862 currentQty--; 1863 } 1864 this.updateQuantityDisplay(wrapper, currentQty); 1865 await this.updateItem(key, currentQty); 1866 }, 1867 updateQuantityDisplay(wrapper, qty) { 1868 const display = wrapper.querySelector(SELECTORS.qtyDisplay); 1869 const input = wrapper.querySelector(SELECTORS.qtyInput); 1870 if (display && input) { 1871 const offset = qty * -20; 1872 display.style.transform = `translateY(${offset}px)`; 1873 input.value = qty; 1874 } 1875 }, 1876 async updateItem(key, quantity) { 1877 try { 1878 // Use sections API to get the updated HTML 1879 const body = JSON.stringify({ 1880 id: key, 1881 quantity: quantity, 1882 sections: 'custom-cart', 1883 sections_url: window.location.pathname, 1884 }); 1885 1886 const res = await fetch(`${routes.cart_change_url}`, { ...fetchConfig(), body }); 1887 const state = await res.json(); 1888 1889 if (state.errors) { 1890 alert(state.errors); // Simple error handling 1891 // Revert UI? 1892 return; 1893 } 1894 this.renderSection(state.sections['custom-cart']); 1895 } catch (err) { 1896 console.error('Error updating cart:', err); 1897 } 1898 }, 1899 async handleAddToCart(e) { 1900 e.preventDefault(); 1901 const btn = e.currentTarget; 1902 const variantId = btn.dataset.product_id; 1903 1904 btn.classList.add('loading'); 1905 btn.textContent = 'Adding...'; 1906 try { 1907 const formData = { 1908 items: [ 1909 { 1910 id: variantId, 1911 quantity: 1, 1912 }, 1913 ], 1914 sections: 'custom-cart', 1915 sections_url: window.location.pathname, 1916 }; 1917 1918 const res = await fetch(`${routes.cart_add_url}`, { ...fetchConfig(), body: JSON.stringify(formData) }); 1919 const state = await res.json(); 1920 1921 if (state.errors) { 1922 alert(state.errors); // Could be "sold out" etc 1923 } else { 1924 this.renderSection(state.sections['custom-cart']); 1925 window.openCustomCart(); // Ensure it opens 1926 } 1927 } catch (err) { 1928 console.error(err); 1929 } finally { 1930 btn.classList.remove('loading'); 1931 btn.textContent = 'Add'; 1932 } 1933 }, 1934 async handleNoteChange(e) { 1935 const newNote = e.target.value; 1936 const body = JSON.stringify({ note: newNote }); 1937 await fetch(`${routes.cart_update_url}`, { ...fetchConfig(), body }); 1938 }, 1939 renderSection(html) {
1940 console.log('[CustomCart] renderSection called'); 1941 const div = document.createElement('div'); 1942 div.innerHTML = html; 1943 1944 const oldWrapper = document.querySelector(SELECTORS.section); 1945 const wasActive = oldWrapper.classList.contains('active'); 1946 1947 // Capture Scroll Position 1948 const scrollContainer = 1949 oldWrapper.querySelector('.custom-cart-items-overflow') || oldWrapper.querySelector(SELECTORS.itemsWrapper); 1950 let scrollTop = 0; 1951 if (scrollContainer) { 1952 scrollTop = scrollContainer.scrollTop; 1953 console.log('[CustomCart] Captured scrollTop:', scrollTop); 1954 } 1955 // Extract the inner HTML of the section and replace 1956 // Attempt to find the section wrapper in the returned HTML 1957 let newSectionContent = null; 1958 const newSectionWrapper = div.querySelector(SELECTORS.section); 1959 1960 if (newSectionWrapper) { 1961 newSectionContent = newSectionWrapper.innerHTML; 1962 console.log('[CustomCart] Found .custom-cart-section wrapper in response'); 1963 } else { 1964 console.warn('[CustomCart] Wrapper .custom-cart-section NOT found in response. Using full response HTML.'); 1965 newSectionContent = html; // Fallback: assumes the response IS the inner content 1966 } 1967 1968 oldWrapper.innerHTML = newSectionContent; 1969 1970 if (wasActive) { 1971 oldWrapper.classList.add('active'); 1972 document.body.style.overflow = 'hidden'; 1973 } 1974 1975 // Restore Scroll Position 1976 // Need to re-select the container in the new DOM 1977 const newScrollContainer = 1978 oldWrapper.querySelector('.custom-cart-items-overflow') || oldWrapper.querySelector(SELECTORS.itemsWrapper); 1979 if (newScrollContainer) { 1980 newScrollContainer.scrollTop = scrollTop; 1981 console.log('[CustomCart] Restored scrollTop:', scrollTop); 1982 } 1983 // Re-init everything that was inside the section 1984 this.addEventListeners(); 1985 this.initSlider(); 1986 this.handleNoteVisibility(); 1987 this.initQuantityScrollers(); 1988 // Re-init 3rd Party Widgets (Yotpo) 1989 if (window.Yotpo && window.Yotpo.widgets) { 1990 window.Yotpo.widgets.load(); 1991 } 1992 1993 // Dispatch Shopify Section Load Event (for other apps) 1994 document.dispatchEvent( 1995 new CustomEvent('shopify:section:load', { 1996 detail: { sectionId: 'custom-cart', element: oldWrapper }, 1997 }) 1998 ); 1999 }, 2000 }; 2001 document.addEventListener('DOMContentLoaded', () => { 2002 window.customCart.init(); 2003 }); 2004 })(); 2005</script>
2005 2006 2007 2008 2009 2010 2011 2012</div> 2013 <div id="shopify-section-header" class="shopify-section section-header"><link href="//spiceology.com/cdn/shop/t/78/assets/component-header.css?v=15290394629109745551784714033" rel="stylesheet" type="text/css" media="all" /> 2014
2015<script> 2016 document.addEventListener('alpine:init', () => { 2017 Alpine.data('header', () => ({ 2018 query: '', 2019 results: null, 2020 search_focused: false, 2021 openedMobileMenu: null, 2022 checkNavItemInactive(dropdown) { 2023 if (Alpine.store('main').currentDropdown === null) { 2024 return false; 2025 } 2026 if (Alpine.store('main').currentDropdown === dropdown) { 2027 return false; 2028 } 2029 if (Alpine.store('main').isSearchOpen) { 2030 return false; 2031 } 2032 return true 2033 }, 2034 handleDropdownClick(dropdown) { 2035 this.results = null; 2036 if (Alpine.store('main').currentDropdown === dropdown) { 2037 Alpine.store('main').isNavOpen = false; 2038 document.documentElement.classList.remove("overflow-hidden"); 2039 setTimeout(() => { 2040 Alpine.store('main').currentDropdown = null; 2041 }, 300); 2042 return; 2043 } 2044 Alpine.store('main').currentDropdown = dropdown; 2045 Alpine.store('main').isSearchOpen = false; 2046 document.documentElement.classList.add("overflow-hidden"); 2047 if (!Alpine.store('main').isNavOpen) { 2048 setTimeout(() => { 2049 Alpine.store('main').isNavOpen = true; 2050 }, 10); 2051 } 2052 }, 2053 handleMobileMenuClick() { 2054 if (Alpine.store('main').isMobileNavOpen) { 2055 Alpine.store('main').isMobileNavOpen = false; 2056 Alpine.store('main').isSearchOpen = false; 2057 document.documentElement.classList.remove("overflow-hidden"); 2058 } else { 2059 Alpine.store('main').isMobileNavOpen = true; 2060 document.documentElement.classList.add("overflow-hidden"); 2061 } 2062 }, 2063 handleCartClick() { 2064 Alpine.store('main').setMiniCartOpen(!Alpine.store('main').isMiniCartOpen); 2065 }, 2066 handleSearchClick() { 2067 if (Alpine.store('main').isNavOpen) { 2068 Alpine.store('main').isNavOpen = false; 2069 document.documentElement.classList.remove("overflow-hidden"); 2070 setTimeout(() => { 2071 Alpine.store('main').currentDropdown = null; 2072 Alpine.store('main').isSearchOpen = true; 2073 }, 300); 2074 return; 2075 } 2076 Alpine.store('main').isSearchOpen = !Alpine.store('main').isSearchOpen; 2077 }, 2078 checkIfHomepage() { 2079 if (window.location.pathname === '/') { 2080 Alpine.store('main').homepage = true; 2081 } 2082 }, 2083 search() { 2084 this.results = null 2085 Alpine.store("main").search(this.query, { 2086 type: "query,product,article", 2087 limit_scope: "each", 2088 limit: 3 2089 }).then((response) => { 2090 Alpine.store('main').currentDropdown = null; 2091 Alpine.store('main').isNavOpen = false; 2092 this.results = response.resources.results 2093 this.results?.products?.slice(0, 3).forEach((product) => { 2094 Alpine.store("main").graphQl(`{ 2095 product(handle: "${product.handle}") { 2096 metafield(key: "tea_type", namespace: "my_fields") { 2097 value 2098 } 2099 } 2100 }`).then((graphQlResponse) => { 2101 if (graphQlResponse?.data?.product?.metafield?.value) { 2102 product.subtitles = JSON.parse(graphQlResponse?.data?.product?.metafield?.value) 2103 } 2104 }) 2105 }) 2106 }) 2107 }, 2108 init() { 2109 this.checkIfHomepage(); 2110 }, 2111 })) 2112 }) 2113 document.documentElement.style.setProperty('--nav-height-mobile', '68px') 2114 document.documentElement.style.setProperty('--nav-height-desktop', '90px') 2115 2116 2117 document.documentElement.style.setProperty('--banner-height', '38px') 2118 document.documentElement.style.setProperty('--full-nav-height-mobile', '106px') 2119 document.documentElement.style.setProperty('--full-nav-height-desktop', '128px') 2120 2121 function setBannerHeight() { 2122 const banner = document.querySelector('.header-global .hello-banner'); 2123 if (!banner) return; 2124 2125 const bannerHeight = banner.offsetHeight; 2126 2127 // Option 1: Add inline style to the banner itself (or any other element) 2128 banner.style.setProperty('--banner-height', bannerHeight + 'px'); 2129 2130 // Example: assign to body or :root for global usage 2131 document.documentElement.style.setProperty('--banner-height', bannerHeight + 'px'); 2132} 2133 2134// Run on load 2135window.addEventListener('load', setBannerHeight); 2136 2137// Run on resize 2138window.addEventListener('resize', setBannerHeight); 2139</script>
2139 2140<style> 2141 .hello-banner .banner { 2142 min-height: 30px; 2143 height: auto; 2144 } 2145 .hello-banner .banner p { padding: 5px 0; } 2146 .translate-banner { 2147 transform: translateY(calc(var(--banner-height) * -1)); 2148} 2149</style> 2150<div 2151 x-data 2152 x-cloak 2153 class="header__underlay hidden md:block" 2154 :class="{ 2155 active: $store.main.isNavOpen || $store.main.isSearchOpen 2156 }" 2157 @click="$store.main.closeMenus();" 2158></div> 2159 2160<header 2161 x-data="header()" 2162 :class="{ 2163 'fix-header': $store.main.homepage, 2164 2165 'translate-banner': $store.main.isScrolled 2166 2167 }" 2168 class="header-global flex flex-col will-change-transform transform transition-transform ease-in-out relative" 2169 @click.outside="results = null;" 2170 x-cloak 2171> 2172 2173 <a 2174 href="/collections/all" 2175 class="group z-[100] hello-banner" 2176 :class="{ 2177 '': $store.main.isScrolled, 2178 '': (!$store.main.homepage && !$store.main.isScrolled && !$store.main.isNavOpen && !$store.main.isMobileNavOpen) 2179 }" 2180 style="background-color: #181613;" 2181> 2182 <div class="banner px-container flex justify-center items-center"> 2183 <p class="font-mono text-12 leading-120 tracking-5 text-center text-white">Free Shipping on Orders $50+ (In Contiguous US)</p> 2184 </div> 2185</a> 2186 2187 <div class="w-full" x-cloak> 2188 2189 2190 2191 2192 2193 2194 2195<div 2196 class="hidden xl:block" 2197 x-data=" 2198 { 2199 hovered: false, 2200 updateButtonWidths() { 2201 if (window.innerWidth < 768) return; 2202 const buttons = this.$el.querySelectorAll('.resize-button') 2203 buttons.forEach(button => { 2204 button.style.width = 'auto' 2205 button.style.width = button.getBoundingClientRect().width + 'px' 2206 }) 2207 }, 2208 init() { 2209 $nextTick(() => { 2210 this.updateButtonWidths() 2211 }) 2212 window.addEventListener('resize', () => { 2213 this.updateButtonWidths() 2214 }) 2215 } 2216 } 2217 " 2218> 2219 <nav 2220 :class=" 2221 { 2222 2223 'bg-grey-light': query !== '' || search_focused, 2224 'bg-transparent': (!$store.main.homepage && !$store.main.isScrolled && !$store.main.isNavOpen) 2225 } 2226 " 2227 :data-query="query === null ? 'null' : 'not-null'" 2228 :data-hovered="hovered ? 'hovered' : 'not-hovered'" 2229 @mouseenter="hovered = true" 2230 @mouseleave="hovered = false" 2231 class="header-desktop-main flex justify-between items-center w-full px-container transition-colors duration-[200ms] ease-in-out bg-white" 2232 > 2233 <ul role="menubar" class="flex items-center w-2/5 gap-[6.5px]"> 2234 <li role="menuitem"> 2235 <button 2236 id="Shop-dropdown" 2237 aria-haspopup="true" 2238 :aria-expanded="$store.main.currentDropdown === 1" 2239 class="header-link group" 2240 :class="$store.main.currentDropdown === 1 && 'text-accent active'" 2241 @click="handleDropdownClick(1)" 2242 @mouseenter="handleDropdownClick(1)" 2243 @focus="Alpine.store('main').openedViaKeyboard = true" 2244 @mousedown="Alpine.store('main').openedViaKeyboard = false" 2245 x-cloak 2246 > 2247 <span>Shop</span> 2248 <span :class="$store.main.currentDropdown === 1 && 'transform -scale-y-100'"> 2249 2250 </span> 2251 </button> 2252 </li> 2253 <li role="menuitem"> 2254 <button 2255 id="Inspiration-dropdown" 2256 :aria-expanded="$store.main.currentDropdown === 2" 2257 class="header-link group" 2258 :class="$store.main.currentDropdown === 2 && 'text-accent active'" 2259 @click="handleDropdownClick(2)" 2260 @mouseenter="Alpine.store('main').openedViaKeyboard = false; handleDropdownClick(2)" 2261 @focus="Alpine.store('main').openedViaKeyboard = true" 2262 x-cloak 2263 > 2264 <span>Inspiration</span> 2265 <span :class="$store.main.currentDropdown === 2 && 'transform -scale-y-100'"> 2266 2267 </span> 2268 </button> 2269 </li> 2270 2271 <li role="menuitem"> 2272 <a 2273 href="https://testkitchen.spiceology.com/" 2274 target="_blank" 2275 aria-label="Test Kitchen" 2276 class="header-link no-caret utility-sm text-[13px] uppercase flex items-center transition-colors duration-100 ease-in-out resize-button min-w-max" 2277 > 2278 Test Kitchen 2279 </a> 2280 </li> 2281 2282 <li role="menuitem"> 2283 <form 2284 role="search" 2285 @click="$store.main.currentDropdown = null" 2286 @click.outside="search_focused = false" 2287 :class="search_focused ? 'w-[200px] bg-white' : 'w-[87px] bg-transparent'" 2288 class="flex items-center relative border border-black rounded-2 h-[26px] max-h-[26px] pl-2.5 transition-all duration-300 ease-in-out" 2289 action="/search" 2290 autocomplete="off" 2291 > 2292 <svg class="w-3 min-w-3 mr-[5px]" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2293<circle cx="4.5" cy="4.5" r="4" stroke="#181613"/> 2294<line x1="7.35355" y1="7.64645" x2="11.3536" y2="11.6464" stroke="#181613"/> 2295</svg> 2296 2297 <input type="hidden" name="type" value="product,article"> 2298 <div class="w-full"> 2299 <label class="sr-only" for="search">Search Input</label> 2300 <input 2301 x-ref="query" 2302 class="search-input w-full bg-transparent placeholder:text-black" 2303 type="text" 2304 placeholder="Search" 2305 name="q" 2306 id="search" 2307 @focus="search_focused = true" 2308 @input.debounce="search()" 2309 x-model="query" 2310 :class="search_focused ? `pr-7` : `pr-0`" 2311 > 2312 </div> 2313 <button 2314 x-show="search_focused" 2315 x-transition:enter="transition-opacity ease-in-out delay-[100ms] duration-[100ms]" 2316 x-transition:enter-start="opacity-0" 2317 x-transition:enter-end="opacity-100" 2318 class="button__arrow transition-all duration-150 absolute top-0 right-0 bg-white h-full border-l border-black px-2.5" 2319 type="submit" 2320 aria-label="Search" 2321 >
2322 <svg width="6" height="7" viewBox="0 0 6 7" fill="none" xmlns="http://www.w3.org/2000/svg"> 2323 <path d="M5.772 3.796L0 6.448L0 5.356L4.706 3.224L0 1.092L0 0L5.772 2.652L5.772 3.796Z" fill="#181613"/> 2324 </svg> 2325 </button> 2326 </form> 2327 </li> 2328</ul> 2329 2330 <div class="h-full w-1/5 flex justify-center items-center"> 2331 <a href="/" aria-label="home" class="text-[var(--header-text-color)]"> 2332 <svg class="" width="182" height="36" viewBox="0 0 182 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 2333 <path d="M32.2931 15.8974C32.5294 15.5902 32.6459 15.1586 32.6459 14.604C32.6459 14.0948 32.5406 13.6922 32.3266 13.3915C32.1127 13.0908 31.8397 12.8596 31.5044 12.6995C31.1707 12.5362 30.7987 12.4344 30.3884 12.3859C29.9765 12.3406 29.5822 12.3163 29.2022 12.3163H27.1491V16.9144H28.8829C29.2932 16.9144 29.7179 16.8998 30.1601 16.8659C30.6008 16.8351 31.0079 16.743 31.3799 16.5878C31.7535 16.4374 32.0568 16.2062 32.2931 15.8974ZM96.1624 20.3095C96.4275 19.569 96.5616 18.7623 96.5616 17.8844C96.5616 17.0679 96.4275 16.3065 96.1624 15.5967C95.8958 14.8886 95.519 14.2694 95.0337 13.7375C94.5468 13.2056 93.9608 12.79 93.2775 12.4909C92.5942 12.1902 91.8326 12.0399 90.996 12.0399C90.1595 12.0399 89.4043 12.1902 88.7274 12.4909C88.0489 12.7917 87.4677 13.2056 86.9824 13.7375C86.4954 14.2694 86.1186 14.8886 85.8536 15.5967C85.587 16.3065 85.4545 17.0679 85.4545 17.8844C85.4545 18.7623 85.587 19.569 85.8536 20.3095C86.1202 21.0484 86.4954 21.687 86.9824 22.2254C87.4677 22.7653 88.0489 23.1873 88.7274 23.4945C89.4027 23.8049 90.1595 23.9569 90.996 23.9569C91.8326 23.9569 92.5942 23.8033 93.2775 23.4945C93.9608 23.1873 94.5468 22.7637 95.0337 22.2254C95.519 21.687 95.8958 21.0484 96.1624 20.3095ZM131.392 20.3095C131.658 19.569 131.792 18.7623 131.792 17.8844C131.792 17.0679 131.658 16.3065 131.392 15.5967C131.127 14.8886 130.75 14.2694 130.264 13.7375C129.777 13.2056 129.192 12.79 128.508 12.4909C127.823 12.1902 127.063 12.0399 126.227 12.0399C125.39 12.0399 124.635 12.1902 123.956 12.4909C123.281 12.7917 122.698 13.2056 122.213 13.7375C121.726 14.2694 121.349 14.8886 121.084 15.5967C120.818 16.3065 120.684 17.0679 120.684 17.8844C120.684 18.7623 120.818 19.569 121.084 20.3095C121.351 21.0484 121.726 21.687 122.213 22.2254C122.698 22.7653 123.28 23.1873 123.956 23.4945C124.635 23.8049 125.39 23.9569 126.227 23.9569C127.063 23.9569 127.823 23.8033 128.508 23.4945C129.192 23.1873 129.777 22.7637 130.264 22.2254C130.748 21.687 131.127 21.0484 131.392 20.3095ZM172.745 9.82333L166.68 19.1762V26.1734H163.806V19.1762L157.738 9.82333H161.343L165.31 16.3372L169.325 9.82333H172.745ZM154.318 24.9738C152.325 26.0522 150.098 26.5922 147.635 26.5922C146.388 26.5922 145.243 26.3868 144.204 25.9794C143.161 25.5704 142.264 24.9948 141.512 24.2463C140.758 23.4977 140.169 22.6037 139.745 21.556C139.318 20.51 139.106 19.3476 139.106 18.0671C139.106 16.7591 139.317 15.5692 139.745 14.5006C140.169 13.4303 140.758 12.5168 141.512 11.7618C142.264 11.0084 143.161 10.4264 144.204 10.019C145.245 9.60991 146.389 9.40621 147.635 9.40621C148.867 9.40621 150.022 9.55495 151.102 9.85566C152.183 10.1564 153.148 10.6915 154 11.4595L151.88 13.6324C151.363 13.1231 150.735 12.7318 149.998 12.4538C149.262 12.1757 148.481 12.0366 147.662 12.0366C146.825 12.0366 146.068 12.187 145.392 12.4877C144.716 12.7884 144.133 13.2023 143.647 13.7342C143.16 14.2661 142.783 14.8853 142.518 15.5935C142.251 16.3032 142.119 17.0647 142.119 17.8812C142.119 18.7591 142.251 19.5658 142.518 20.3063C142.784 21.0451 143.16 21.6837 143.647 22.2221C144.133 22.7621 144.716 23.1841 145.392 23.4913C146.067 23.8017 146.825 23.9537 147.662 23.9537C148.391 23.9537 149.078 23.8841 149.726 23.7451C150.373 23.6077 150.946 23.391 151.447 23.0984V19.2409H148.141V16.6088H154.323V24.9738H154.318ZM134.802 17.9766C134.802 19.2538 134.588 20.4162 134.163 21.4655C133.737 22.5115 133.143 23.412 132.385 24.1671C131.623 24.9205 130.719 25.509 129.67 25.9325C128.62 26.3577 127.464 26.5776 126.203 26.5922C124.956 26.5922 123.811 26.3868 122.77 25.9794C121.729 25.5704 120.832 24.9948 120.079 24.2463C119.327 23.497
23337 118.737 22.6037 118.311 21.556C117.886 20.51 117.673 19.3476 117.673 18.0671C117.673 16.7591 117.886 15.5692 118.311 14.5006C118.737 13.4303 119.327 12.5168 120.079 11.7618C120.832 11.0084 121.729 10.4264 122.77 10.019C123.813 9.60991 124.958 9.40621 126.203 9.40621C127.464 9.39165 128.62 9.57758 129.67 9.97045C130.718 10.3649 131.623 10.9389 132.385 11.6923C133.145 12.4473 133.737 13.3559 134.163 14.4181C134.588 15.4835 134.802 16.6686 134.802 17.9766ZM114.484 26.1751H104.745V9.82333H107.619V23.543H114.484V26.1751ZM99.571 17.9766C99.571 19.2538 99.3571 20.4162 98.9324 21.4655C98.5061 22.5115 97.9122 23.412 97.1539 24.1671C96.3923 24.9205 95.4887 25.509 94.4398 25.9325C93.3893 26.3577 92.2334 26.5776 90.9721 26.5922C89.7252 26.5922 88.5805 26.3868 87.5412 25.9794C86.4986 25.5704 85.6014 24.9948 84.8494 24.2463C84.0958 23.4977 83.5067 22.6037 83.082 21.556C82.6558 20.51 82.4418 19.3476 82.4418 18.0671C82.4418 16.7591 82.6558 15.5692 83.082 14.5006C83.5067 13.4303 84.0958 12.5168 84.8494 11.7618C85.6014 11.0084 86.4986 10.4264 87.5412 10.019C88.5821 9.60991 89.7268 9.40621 90.9721 9.40621C92.2334 9.39165 93.3893 9.57758 94.4398 9.97045C95.4871 10.3649 96.3923 10.9389 97.1539 11.6923C97.9138 12.4473 98.5061 13.3559 98.9324 14.4181C99.3587 15.4835 99.571 16.6686 99.571 17.9766ZM78.2445 26.1751H67.1375V9.82333H77.8342V12.457H70.0096V16.4762H77.4223V19.1099H70.0096V23.5446H78.2429V26.1751H78.2445ZM51.2743 17.8844C51.2743 18.7623 51.4084 19.569 51.675 20.3095C51.9416 21.0484 52.3168 21.687 52.8038 22.2254C53.2891 22.7653 53.8703 23.1873 54.5472 23.4945C55.2257 23.8049 55.9809 23.9569 56.8175 23.9569C57.4704 23.9569 58.1059 23.7984 58.7237 23.4832C59.34 23.1679 59.9115 22.6651 60.4448 21.9699L62.8172 23.6788C62.0876 24.6941 61.1983 25.4346 60.1494 25.8954C59.1005 26.3577 57.9829 26.5889 56.7967 26.5889C55.5498 26.5889 54.4051 26.3836 53.3642 25.9762C52.3232 25.5672 51.426 24.9916 50.6724 24.243C49.9204 23.4945 49.3313 22.6004 48.905 21.5528C48.4804 20.5068 48.2664 19.3443 48.2664 18.0639C48.2664 16.7559 48.4804 15.566 48.905 14.4973C49.3313 13.427 49.9204 12.5136 50.6724 11.7586C51.426 11.0052 52.3232 10.4231 53.3642 10.0157C54.4067 9.60668 55.5514 9.40297 56.7967 9.40297C57.8919 9.40297 58.9057 9.5986 59.8413 9.99147C60.7769 10.3827 61.647 11.0488 62.4532 11.9881L60.2197 13.6518C59.6274 13.0051 59.0526 12.5734 58.497 12.3568C57.9414 12.1433 57.3826 12.0334 56.8206 12.0334C55.9841 12.0334 55.2289 12.1838 54.5504 12.4845C53.875 12.7852 53.2923 13.1991 52.807 13.731C52.32 14.2629 51.9432 14.8821 51.6782 15.5902C51.4084 16.3065 51.2743 17.0679 51.2743 17.8844ZM43.0968 26.1751H40.2231V9.82333H43.0968V26.1751ZM35.657 14.5588C35.657 15.5902 35.483 16.4212 35.1333 17.0518C34.7821 17.6823 34.3111 18.1722 33.7188 18.5182C33.1265 18.8641 32.4368 19.1002 31.6545 19.2214C30.8706 19.3459 30.0532 19.4074 29.2038 19.4074H27.1507V26.1734H24.2769V9.82333H29.7051C30.481 9.82333 31.2298 9.89931 31.953 10.0545C32.6747 10.2081 33.3085 10.4652 33.8561 10.8273C34.4037 11.1911 34.8396 11.6745 35.1685 12.2824C35.4941 12.8919 35.657 13.6502 35.657 14.5588ZM10.9267 14.1416C10.9267 14.6962 11.1167 15.1214 11.4966 15.414C11.8766 15.7066 12.3476 15.9589 12.9112 16.1755C13.4747 16.3921 14.0894 16.6007 14.7584 16.7996C15.4289 17 16.0452 17.2781 16.6071 17.6322C17.1675 17.9863 17.6401 18.4567 18.0201 19.042C18.4001 19.6272 18.59 20.4033 18.59 21.3733C18.59 22.2512 18.432 23.0176 18.1127 23.6723C17.7934 24.3271 17.3623 24.8687 16.8227 25.3004C16.2831 25.7321 15.6556 26.0554 14.942 26.2721C14.2267 26.4855 13.4747 26.5954 12.6829 26.5954C11.6802 26.5954 10.7143 26.4257 9.78835 26.0861C8.85917 25.7482 8.0625 25.1775 7.39355 24.3772L9.56005 22.2528C9.90969 22.7928 10.3695 23.2116 10.9379 23.5107C11.5078 23.8114 12.1129 23.9617 12.7531 23.9617C13.0868 23.9617 13.4221 23.9165 13.7557 23.8227C14.0894 23.7305 14.3944 23.5931 14.6674 23.4072C14.942 23.2213 15.1623 22.9885 15.3283 22.7039C15.496 22.4194 15.579 22.0912 15.579 21.7209C15.579 21.1211 15.389 20.6603 15.009 20.337C14.629 20.0137 14.1581 19.7404 13.5945 19.5173C13.0309 19.2958 12.4162 19.0824 11.7473 18.8819C11.0784 18.683
23331 10.4637 18.4082 9.90011 18.0622C9.33653 17.7163 8.86555 17.2555 8.48558 16.6783C8.1056 16.1011 7.91562 15.3267 7.91562 14.3567C7.91562 13.5095 8.08804 12.7787 8.4297 12.1628C8.77136 11.5468 9.22158 11.0343 9.77558 10.6268C10.3296 10.2178 10.9634 9.91386 11.6786 9.715C12.3923 9.51453 13.1235 9.41429 13.8675 9.41429C14.7184 9.41429 15.5439 9.54363 16.3437 9.80554C17.1404 10.0675 17.8604 10.4975 18.499 11.0989L16.4012 13.3397C16.0979 12.8919 15.6891 12.5653 15.1814 12.3568C14.6721 12.1498 14.1357 12.0447 13.5721 12.0447C13.2385 12.0447 12.9144 12.0851 12.603 12.1611C12.2917 12.2371 12.0107 12.36 11.7585 12.5298C11.5078 12.6995 11.3067 12.9178 11.1534 13.1878C11.0049 13.4545 10.9267 13.773 10.9267 14.1416ZM181.895 29.664V6.33601C181.895 2.83577 179.094 0 175.638 0H6.25682C2.80032 0 0 2.83577 0 6.33601V29.664C0 33.1642 2.80032 36 6.25682 36H175.64C179.094 36 181.895 33.1626 181.895 29.664Z" fill="#181613"/> 2334</svg> 2335 2336 </a> 2337 </div> 2338 <ul role="menubar" class="flex items-center justify-end w-2/5 gap-[6.5px]"> 2339 2340 <li role="menuitem"> 2341 <details 2342 class="menu-item" 2343 x-data="{ closeTimer: null }" 2344 :open="$store.main.currentDropdown === 'right_menu_one'" 2345 @mouseleave="closeTimer = setTimeout(() => { if ($store.main.currentDropdown === 'right_menu_one') { $store.main.currentDropdown = null } }, 200)" 2346 @mouseenter="clearTimeout(closeTimer)" 2347 > 2348 <summary 2349 @mouseenter="$store.main.closeMenus(); $store.main.currentDropdown = 'right_menu_one'" 2350 @click.prevent=" 2351 if ($store.main.currentDropdown === 'right_menu_one') { 2352 $store.main.currentDropdown = null 2353 } else { 2354 $store.main.closeMenus(); 2355 $store.main.currentDropdown = 'right_menu_one' 2356 } 2357 " 2358 > 2359 Retail 2360<svg xmlns="http://www.w3.org/2000/svg" width="7" height="6" viewBox="0 0 7 6" fill="none"> 2361 <path d="M2.65224 5.772L0.000241756 -2.81851e-07L1.09224 -2.34118e-07L3.22424 4.706L5.35624 -4.77329e-08L6.44824 0L3.79624 5.772L2.65224 5.772Z" fill="#181613"/> 2362</svg> 2363 </summary> 2364 2365 <div class="submenu-content"> 2366 <a href="https://spiceology.com/pages/store-locator"> 2367 <span class="link-underlined">Store Locator</span> 2368 </a> 2369 2370 <a href="https://spiceology.com/pages/retail"> 2371 <span class="link-underlined">Retail Program</span> 2372 </a> 2373 2374 2375</div> 2376 </details> 2377 </li> 2378 2379 2380 2381 <li role="menuitem"> 2382 <details 2383 class="menu-item" 2384 x-data="{ closeTimer: null }" 2385 :open="$store.main.currentDropdown === 'right_menu_two'" 2386 @mouseleave="closeTimer = setTimeout(() => { if ($store.main.currentDropdown === 'right_menu_two') { $store.main.currentDropdown = null } }, 200)" 2387 @mouseenter="clearTimeout(closeTimer)" 2388 > 2389 <summary 2390 @mouseenter="$store.main.closeMenus(); $store.main.currentDropdown = 'right_menu_two'" 2391 @click.prevent=" 2392 if ($store.main.currentDropdown === 'right_menu_two') { 2393 $store.main.currentDropdown = null 2394 } else { 2395 $store.main.closeMenus(); 2396 $store.main.currentDropdown = 'right_menu_two' 2397 } 2398 " 2399 > 2400 Foodservice 2401<svg xmlns="http://www.w3.org/2000/svg" width="7" height="6" viewBox="0 0 7 6" fill="none"> 2402 <path d="M2.65224 5.772L0.000241756 -2.81851e-07L1.09224 -2.34118e-07L3.22424 4.706L5.35624 -4.77329e-08L6.44824 0L3.79624 5.772L2.65224 5.772Z" fill="#181613"/> 2403</svg> 2404 </summary> 2405 2406 <div class="submenu-content"> 2407 <a href="https://spiceology.com/pages/pro-chefs"> 2408 <span class="link-underlined">Pro Chef Program</span> 2409 </a> 2410 2411 <a href="https://spiceology.com/pages/distributor-list"> 2412 <span class="link-underlined">Distributor List</span> 2413 </a> 2414 2415 2416</div> 2417 </details> 2418 </li> 2419 2420 2421 <li role="menuitem"> 2422 <details 2423 class="menu-item" 2424 x-data="{ closeTimer: null }" 2425 :open="$store.main.currentDropdown === 'right_menu_three'" 2426 @mouseleave="closeTimer = setTimeout(() => { if ($store.main.currentDropdown === 'right_menu_three') { $store.main.currentDropdown = null } }, 200)" 2427 @mouseenter="clearTimeout(closeTimer)" 2428 > 2429 <summary 2430 @mouseenter="$store.main.closeMenus(); $store.main.currentDropdown = 'right_menu_three'" 2431 @click.prevent=" 2432 if ($store.main.currentDropdown === 'right_menu_three') { 2433 $store.main.currentDropdown = null 2434 } else { 2435 $store.main.closeMenus(); 2436 $store.main.currentDropdown = 'right_menu_three' 2437 } 2438 " 2439 > 2440 About 2441<svg xmlns="http://www.w3.org/2000/svg" width="7" height="6" viewBox="0 0 7 6" fill="none"> 2442 <path d="M2.65224 5.772L0.000241756 -2.81851e-07L1.09224 -2.34118e-07L3.22424 4.706L5.35624 -4.77329e-08L6.44824 0L3.79624 5.772L2.65224 5.772Z" fill="#181613"/> 2443</svg> 2444 </summary> 2445 2446 <div class="submenu-content"> 2447 <a href="https://spiceology.com/pages/about-us">
2448 <span class="link-underlined">About</span> 2449 </a> 2450 2451 <a href="https://spiceology.com/pages/faqs"> 2452 <span class="link-underlined">FAQ</span> 2453 </a> 2454 2455 <a href="https://spiceology.applicantstack.com/x/openings"> 2456 <span class="link-underlined">Careers</span> 2457 </a> 2458 2459 <a href="https://spiceology.com/pages/contact"> 2460 <span class="link-underlined">Contact</span> 2461 </a> 2462 2463 2464</div> 2465 </details> 2466 </li> 2467 2468 <li role="menuitem" class="cst-header-icons"> 2469 <a 2470 id="account-link" 2471 2472 href="/account/login" 2473 2474 class=" no-caret utility-sm text-[13px] uppercase flex items-center transition-colors duration-100 ease-in-out resize-button min-w-max" 2475 title="Account" 2476 > 2477 <svg xmlns="http://www.w3.org/2000/svg" width="17" height="19" viewBox="0 0 17 19" fill="none"> 2478 <path d="M8.44123 7.91176C10.4879 7.91176 12.1471 6.25258 12.1471 4.20588C12.1471 2.15918 10.4879 0.5 8.44123 0.5C6.39453 0.5 4.73535 2.15918 4.73535 4.20588C4.73535 6.25258 6.39453 7.91176 8.44123 7.91176Z" stroke="black" stroke-miterlimit="10"/> 2479 <path d="M8.44117 10.0294C12.8242 10.0294 16.3823 13.4901 16.3823 17.7532V18.5H0.5V17.7532C0.5 13.4901 4.05814 10.0294 8.44117 10.0294Z" stroke="black" stroke-miterlimit="10"/> 2480 </svg> 2481 2482 </a> 2483 </li> 2484 2485 <li role="menuitem" class=""> 2486 <button 2487 class="no-caret utility-sm text-[13px] uppercase flex items-center cart transition-colors duration-100 ease-in-out resize-button" 2488 :class="$store.main.isMiniCartOpen ? 'italic' : ''" 2489 @click="handleCartClick" 2490 aria-label="toggle cart" 2491 :aria-expanded="$store.main.isMiniCartOpen" 2492 > 2493 <svg xmlns="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 25 19" fill="none"> 2494 <path d="M0 0.375H3L8 16.375H20.8105" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2495 <path d="M20.9878 13.1941C20.9221 13.4022 20.7291 13.5437 20.5109 13.5437H7.47776C7.25919 13.5437 7.06595 13.4018 7.00062 13.1932L3.98564 3.56717C3.88478 3.24514 4.12533 2.91772 4.46278 2.91772H23.5455C23.8834 2.91772 24.124 3.24585 24.0224 3.56806L20.9878 13.1941Z" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2496 <path d="M8.38026 18.1355C9.14255 18.1355 9.76051 17.5176 9.76051 16.7553C9.76051 15.993 9.14255 15.375 8.38026 15.375C7.61796 15.375 7 15.993 7 16.7553C7 17.5176 7.61796 18.1355 8.38026 18.1355Z" fill="black" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2497 <path d="M20.0805 18.1355C20.8427 18.1355 21.4607 17.5176 21.4607 16.7553C21.4607 15.993 20.8427 15.375 20.0805 15.375C19.3182 15.375 18.7002 15.993 18.7002 16.7553C18.7002 17.5176 19.3182 18.1355 20.0805 18.1355Z" fill="black" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2498 <path d="M5 7.375L23 7.375" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2499 <path d="M8.85449 2.91772L10.8563 13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2500 <path d="M19.3736 2.91772L17.3711 13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2501 <path d="M14.1348 2.91772V13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 2502 </svg> 2503 2504 <sup class="cst-cart-count">[<span class="" x-text="$store.main.cart.item_count"></span>]</sup> 2505 </button> 2506 </li> 2507</ul> 2508 2509 </nav> 2510 <hr 2511 :class="$store.main.isNavOpen ? 'text-steel' : (hovered || $store.main.isScrolled) ? 'opacity-0' : 'text-steel-dark opacity-0'" 2512 2513 class="absolute top-[calc(var(--nav-height)-1px)] left-[20px] w-[calc(100%-40px)] h-[1px] z-[2000]" 2514 > 2515 <div 2516 class="dropdown-panel-wrapper flex" 2517 x-show="$store.main.isNavOpen" 2518 x-cloak 2519 x-collapse 2520 x-trap="$store.main.isNavOpen && $store.main.openedViaKeyboard" 2521 @keydown.escape="$store.main.closeMenus()" 2522 > 2523 <div class="w-full"> 2524 <!-- First Tab Dropdown Menu --> 2525 <div x-show="$store.main.currentDropdown === 1" x-cloak class="flex flex-col w-full max-h-[calc(100vh-(var(--nav-height)))] overflow-y-scroll"> 2526 <div class="flex w-full"> 2527 2528 <div 2529 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2530 id="Collections" 2531 role="menu" 2532 aria-label="Collections Menu" 2533 aria-labelledby="Collections-dropdown" 2534 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2535 > 2536 <h6 class="utility-lg uppercase pb-4">Collections</h6> 2537 <div class="flex gap-x-2.5 w-full pb-30"> 2538 <div class="w-full flex flex-col justify-between min-h-fit"> 2539 2540 <ul class="flex flex-col pr-5"><li class="flex flex-col gap-y-1"> 2541 <a href="/collections/all"> 2542 <h3 class="menu-link large pb-4">Shop All</h3> 2543 </a> 2544 </li><li class="flex flex-col gap-y-1"> 2545 <a href="/collections/best-sellers"> 2546 <h3 class="menu-link large pb-4">Best Sellers</h3> 2547 </a> 2548 </li><li class="flex flex-col gap-y-1"> 2549 <a href="/collections/bundles"> 2550 <h3 class="menu-link large pb-4">Bundles</h3> 2551 </a> 2552 </li><li class="flex flex-col gap-y-1"> 2553 <a href="/collections/variety-packs"> 2554 <h3 class="menu-link large pb-4">Variety Packs</h3> 2555 </a> 2556 </li><li class="flex flex-col gap-y-1"> 2557 <a href="/pages/the-grilling-center"> 2558 <h3 class="menu-link large pb-4">Grilling Center</h3> 2559 </a> 2560 </li><li class="flex flex-col gap-y-1"> 2561 <a href="/pages/gift-shop"> 2562 <h3 class="menu-link large pb-4">Gift Shop</h3> 2563 </a> 2564 </li><li class="flex flex-col gap-y-1"> 2565 <a href="/pages/bundle-builder"> 2566 <h3 class="menu-link large pb-4">Build a Box</h3> 2567 </a> 2568 </li><li class="flex flex-col gap-y-1"> 2569 <a href="/collections/fall-flavors"> 2570 <h3 class="menu-link large pb-4">Fall Flavors</h3> 2571 </a> 2572 </li><li class="flex flex-col gap-y-1"> 2573 <a href="/collections/new-arrivals"> 2574 <h3 class="menu-link large pb-4">NEW Arrivals</h3> 2575 </a> 2576 </li></ul> 2577 2578 </div> 2579 </div> 2580 </div> 2581 2582 2583 <div 2584 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2585 id="Blends" 2586 role="menu" 2587 aria-label="Blends Menu" 2588 aria-labelledby="Blends-dropdown" 2589 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2590 > 2591 <h6 class="utility-lg uppercase pb-4">Blends</h6> 2592 <div class="flex gap-x-2.5 w-full pb-30"> 2593 <div class="w-full flex flex-col justify-between min-h-fit"> 2594 2595 <ul class="flex flex-col pr-5"><li class="flex flex-col gap-y-1"> 2596 <a href="/collections/signature-blends"> 2597 <h3 class="menu-link pb-4">Signature</h3> 2598 </a> 2599 </li><li class="flex flex-col gap-y-1"> 2600 <a href="/collections/traditional-blends"> 2601 <h3 class="menu-link pb-4">Traditional</h3> 2602 </a> 2603 </li><li class="flex flex-col gap-y-1"> 2604 <a href="/collections/salt-free-blends"> 2605 <h3 class="menu-link pb-4">Salt-Free</h3> 2606 </a> 2607 </li><li class="flex flex-col gap-y-1"> 2608 <a href="/pages/collaborations"> 2609 <h3 class="menu-link pb-4">Collabs</h3> 2610 </a> 2611 </li><li class="flex flex-col gap-y-1"> 2612 <a href="/collections/beer-infused-rubs"> 2613 <h3 class="menu-link pb-4">Beer-Infused</h3> 2614 </a> 2615 </li><li class="flex flex-col gap-y-1"> 2616 <a href="/collections/blends"> 2617 <h3 class="menu-link pb-4">All Blends</h3> 2618 </a> 2619 </li></ul> 2620 2621 </div> 2622 </div> 2623 </div> 2624 2625 2626 <div 2627 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2628 id="Pantry" 2629 role="menu" 2630 aria-label="Pantry Menu" 2631 aria-labelledby="Pantry-dropdown" 2632 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2633 > 2634 <h6 class="utility-lg uppercase pb-4">Pantry</h6> 2635 <div class="flex gap-x-2.5 w-full pb-30"> 2636 <div class="w-full flex flex-col justify-between min-h-fit"> 2637 2638 <ul class="flex flex-wrap gap-2.5"><li class="flex flex-col gap-y-1"> 2639 <a href="/collections/blends" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2640 2641 <h3 style=" background-color: #fff; border: 1px solid #181613; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Blends </h3> 2642 </a> 2643 </li><li class="flex flex-col gap-y-1"> 2644 <a href="/collections/chiles" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2645 2646 <h3 style=" background-color: #f54e5e; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Chiles </h3> 2647 </a> 2648 </li><li class="flex flex-col gap-y-1"> 2649 <a href="/collections/confections" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2650 2651 <h3 style=" background-color: #eb2191; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Confections </h3> 2652 </a> 2653 </li><li class="flex flex-col gap-y-1"> 2654 <a href="/collections/herbs" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2655 2656 <h3 style=" background-color: #31bd66; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Herbs </h3> 2657 </a> 2658 </li><li class="flex flex-col gap-y-1"> 2659 <a href="/collections/modernist" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2660 2661 <h3 style=" background-color: #000000; color: #fff; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Modernist </h3> 2662 </a> 2663 </li><li class="flex flex-col gap-y-1"> 2664 <a href="/collections/salts" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2665 2666 <h3 style=" background-color: #1aaae7; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Salts </h3> 2667 </a> 2668 </li><li class="flex flex-col gap-y-1"> 2669 <a href="/collections/sauces" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2670 2671 <h3 style=" background-color: #D83F1F; border: 0px; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] border border-black">Sauce </h3> 2672 </a> 2673 </li><li class="flex flex-col gap-y-1"> 2674 <a href="/collections/spices" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2675 2676 <h3 style=" background-color: #fdb916; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Spices </h3> 2677 </a> 2678 </li><li class="flex flex-col gap-y-1"> 2679 <a href="/collections/veg-powders" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2680 2681 <h3 style=" background-color: #8c51a1; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">Powders </h3> 2682 </a> 2683 </li><li class="flex flex-col gap-y-1"> 2684 <a href="/collections/all-pantry" class="hover:-translate-y-0.5 transition-transform duration-200 ease"> 2685 2686 <h3 style=" background-color: #f9f9f9; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] ">All Pantry </h3> 2687 </a> 2688 </li></ul> 2689 2690 </div> 2691 </div> 2692 </div> 2693 2694 2695 <div 2696 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2697 id="Featured" 2698 role="menu" 2699 aria-label="Featured Menu" 2700 aria-labelledby="Featured-dropdown" 2701 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2702 > 2703 <h6 class="utility-lg uppercase pb-4">Featured</h6> 2704 <div class="flex gap-x-2.5 w-full pb-30"> 2705 <div class="w-full flex flex-col justify-between min-h-fit"> 2706 2707 2708 <a href="/products/derek-wolf-cowboy-campfire-seasoning" class="flex flex-col"> 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 2730 <img 2731 class="absolute inset-0 w-full h-full object-cover rounded-4" 2732 src="//spiceology.com/cdn/shop/files/DSC09805_2000x.jpg?v=1782313489" 2733 alt="" 2734 loading="lazy" 2735 draggable="false" 2736 /> 2737 </div> 2738 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 2739 <img 2740 class="absolute inset-0 w-full h-full object-cover rounded-4" 2741 src="//spiceology.com/cdn/shop/files/DSC09805_500x.jpg?v=1782313489" 2742 alt="" 2743 loading="lazy" 2744 draggable="false" 2745 /> 2746 </div> 2747 2748 2749 <p class="heading-md pt-[5px]">NEW Derek Wolf Cowboy Campfire Seasoning</p> 2750 </a> 2751 2752 </div> 2753 </div> 2754 </div> 2755 2756 2757 </div> 2758 <div class="flex flex-col w-full px-5"> 2759 <div class="flex flex-col items-center w-full pb-10 border-t border-black"> 2760 <div class="flex justify-between items-center gap-2 w-full border-b border-black py-5 px-[4px]"> 2761 <h4 class="heading-md">Find your personal flavor with our flavor quiz</h4>
2762 <a href="/pages/quiz" class="link-underlined w-max"> 2763 Find Your Flavor Quiz 2764 </a> 2765 </div> 2766 <div class="flex justify-between items-center gap-2 w-full border-b border-black py-5 px-[4px] mb-5"> 2767 <h4 class="heading-md">Build your custom variety pack</h4> 2768 <a href="/pages/bundle-builder" class="link-underlined w-max"> 2769 Start Building 2770 </a> 2771 </div> 2772 <button @click.prevent="$store.main.closeMenus()" class="mx-auto button__secondary grey">Close</button> 2773 </div> 2774 </div> 2775</div> 2776 <!-- Second Tab Dropdown Menu --> 2777 <div x-show="$store.main.currentDropdown === 2" x-cloak class="flex flex-col w-full max-h-[calc(100vh-(var(--nav-height)))] overflow-y-scroll"> 2778 <div class="flex w-full"> 2779 2780 <div 2781 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2782 id="Explore" 2783 role="menu" 2784 aria-label="Explore Menu" 2785 aria-labelledby="Explore-dropdown" 2786 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2787 > 2788 <h6 class="utility-lg uppercase pb-2">Explore</h6> 2789 <div class="flex gap-x-2.5 w-full pb-30"> 2790 <div class="w-full flex flex-col justify-between min-h-fit"> 2791 2792 <ul class="flex flex-col pr-5"><li class="flex flex-col gap-y-1"> 2793 <a href="/blogs/recipes"> 2794 <h3 class="menu-link large pb-4">Recipes</h3> 2795 </a> 2796 </li><li class="flex flex-col gap-y-1"> 2797 <a href="https://cdn.shopify.com/s/files/1/1055/0892/files/2026_Spiceology_Trend_Report.pdf?v=1769469464"> 2798 <h3 class="menu-link large pb-4">2026 Flavor Trend Report</h3> 2799 </a> 2800 </li><li class="flex flex-col gap-y-1"> 2801 <a href="/blogs/periodically-inspired"> 2802 <h3 class="menu-link large pb-4">Chef Interviews</h3> 2803 </a> 2804 </li><li class="flex flex-col gap-y-1"> 2805 <a href="/pages/flavor-focus"> 2806 <h3 class="menu-link large pb-4">Flavor Focus</h3> 2807 </a> 2808 </li><li class="flex flex-col gap-y-1"> 2809 <a href="/pages/chatbot"> 2810 <h3 class="menu-link large pb-4">Chatbot Kitchen Helper</h3> 2811 </a> 2812 </li></ul> 2813 2814 </div> 2815 </div> 2816 </div> 2817 2818 2819 <div 2820 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2821 id="The Latest" 2822 role="menu" 2823 aria-label="The Latest Menu" 2824 aria-labelledby="The Latest-dropdown" 2825 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2826 > 2827 <h6 class="utility-lg uppercase pb-2">The Latest</h6> 2828 <div class="flex gap-x-2.5 w-full pb-30"> 2829 <div class="w-full flex flex-col justify-between min-h-fit"> 2830 2831 2832 <a href="/blogs/recipes/greek-freak-tortellini-bake" class="flex flex-col"> 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 2853 <img 2854 class="absolute inset-0 w-full h-full object-cover rounded-4" 2855 src="//spiceology.com/cdn/shop/articles/20260918205406-image0-20-45_39c0dec9-c6a5-4698-8614-a780ab7673fa_1000x.jpg?v=1789765094" 2856 alt="Greek Freak Tortellini Bake" 2857 loading="lazy" 2858 draggable="false" 2859 /> 2860 </div> 2861 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 2862 <img 2863 class="absolute inset-0 w-full h-full object-cover rounded-4" 2864 src="//spiceology.com/cdn/shop/articles/20260918205406-image0-20-45_39c0dec9-c6a5-4698-8614-a780ab7673fa_500x.jpg?v=1789765094" 2865 alt="Greek Freak Tortellini Bake" 2866 loading="lazy" 2867 draggable="false" 2868 /> 2869 </div> 2870 2871 <h6 x-data="{ 2872 blog: '', 2873 getBlogId: function(url){ 2874 return url.split('/')[2] 2875 }, 2876 init(){ 2877 let url = '/blogs/recipes/greek-freak-tortellini-bake' 2878 this.blog = url.split('/')[2] 2879 } 2880 }" x-text="blog" class="utility-lg uppercase pt-2.5"></h6> 2881 <h5 class="heading-sm pt-[5px]">Greek Freak Tortellini Bake</h5> 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897
2898 <span class="link-underlined pt-5">Read More</span> 2899 2900 </a> 2901 2902 </div> 2903 </div> 2904 </div> 2905 2906 2907 <div 2908 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2909 id="Trending Recipes" 2910 role="menu" 2911 aria-label="Trending Recipes Menu" 2912 aria-labelledby="Trending Recipes-dropdown" 2913 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 2914 > 2915 <h6 class="utility-lg uppercase pb-2">Trending Recipes</h6> 2916 <div class="flex gap-x-2.5 w-full pb-30"> 2917 <div class="w-full flex flex-col justify-between min-h-fit"> 2918 2919 2920 <a href="/blogs/recipes/smoky-honey-habanero-mango-ricotta-upside-down-tarts" class="flex flex-col"> 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 2941 <img 2942 class="absolute inset-0 w-full h-full object-cover rounded-4" 2943 src="//spiceology.com/cdn/shop/articles/20260826212904-image0-20-40_1000x.jpg?v=1787779893" 2944 alt="Smoky Honey Habanero Mango Ricotta Upside-Down Tarts Recipe" 2945 loading="lazy" 2946 draggable="false" 2947 /> 2948 </div> 2949 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 2950 <img 2951 class="absolute inset-0 w-full h-full object-cover rounded-4" 2952 src="//spiceology.com/cdn/shop/articles/20260826212904-image0-20-40_500x.jpg?v=1787779893" 2953 alt="Smoky Honey Habanero Mango Ricotta Upside-Down Tarts Recipe" 2954 loading="lazy" 2955 draggable="false" 2956 /> 2957 </div> 2958 2959 <h6 x-data="{ 2960 blog: '', 2961 getBlogId: function(url){ 2962 return url.split('/')[2] 2963 }, 2964 init(){ 2965 let url = '/blogs/recipes/smoky-honey-habanero-mango-ricotta-upside-down-tarts' 2966 this.blog = url.split('/')[2] 2967 } 2968 }" x-text="blog" class="utility-lg uppercase pt-2.5"></h6> 2969 <h5 class="heading-sm pt-[5px]">Smoky Honey Habanero Mango Ricotta Upside-Down Tarts</h5> 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 <span class="link-underlined pt-5">Read More</span> 2985 2986 </a> 2987 2988 </div> 2989 </div> 2990 </div> 2991 2992 2993 <div 2994 class="dropdown-panel-content flex flex-col items-start opacity-0 border-black" 2995 id="Interviews" 2996 role="menu" 2997 aria-label="Interviews Menu" 2998 aria-labelledby="Interviews-dropdown" 2999 :style="$store.main.isNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 3000 > 3001 <h6 class="utility-lg uppercase pb-2">Interviews</h6> 3002 <div class="flex gap-x-2.5 w-full pb-30"> 3003 <div class="w-full flex flex-col justify-between min-h-fit"> 3004 3005 3006 <a href="/blogs/periodically-inspired/interview-with-chef-jason-briseno-of-little-fatty-accomplice-bar" class="flex flex-col"> 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 3027 <img 3028 class="absolute inset-0 w-full h-full object-cover rounded-4" 3029 src="//spiceology.com/cdn/shop/articles/fsedfe_83dd4c4d-040f-4d21-8266-f1cb9e7651da_1000x.jpg?v=1784585690" 3030 alt="Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar" 3031 loading="lazy" 3032 draggable="false" 3033 /> 3034 </div> 3035 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 3036 <img 3037 class="absolute inset-0 w-full h-full object-cover rounded-4" 3038 src="//spiceology.com/cdn/shop/articles/fsedfe_83dd4c4d-040f-4d21-8266-f1cb9e7651da_500x.jpg?v=1784585690" 3039 alt="Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar" 3040 loading="lazy" 3041 draggable="false" 3042 /> 3043 </div> 3044 3045 <h6 x-data="{ 3046 blog: '', 3047 getBlogId: function(url){ 3048 return url.split('/')[2] 3049 }, 3050 init(){ 3051 let url = '/blogs/periodically-inspired/interview-with-chef-jason-briseno-of-little-fatty-accompl
3051ice-bar' 3052 this.blog = url.split('/')[2] 3053 } 3054 }" x-text="blog" class="utility-lg uppercase pt-2.5"></h6> 3055 <h5 class="heading-sm pt-[5px]">Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar</h5> 3056 3057 3058 3059 3060 <span class="link-underlined pt-5">Read More</span> 3061 3062 </a> 3063 3064 </div> 3065 </div> 3066 </div> 3067 3068 3069 </div> 3070 <div class="flex flex-col w-full px-5"> 3071 <div class="flex flex-col items-center w-full pb-10 border-t border-black"> 3072 <div class="flex justify-between items-center gap-2 w-full border-b border-black py-5 px-[4px]"> 3073 <h4 class="heading-md">Find your personal flavor with our flavor quiz</h4> 3074 <a href="/pages/quiz" class="link-underlined w-max"> 3075 Find Your Flavor 3076 </a> 3077 </div> 3078 <div class="flex justify-between items-center gap-2 w-full border-b border-black py-5 px-[4px] mb-5"> 3079 <h4 class="heading-md">Build your custom variety pack</h4> 3080 <a href="/pages/bundle-builder" class="link-underlined w-max"> 3081 Start Building 3082 </a> 3083 </div> 3084 <button @click.prevent="$store.main.closeMenus()" class="mx-auto button__secondary grey">Close</button> 3085 </div> 3086 </div> 3087</div> 3088 </div> 3089 </div> 3090</div> 3091<div 3092 class="search-dropdown bg-white" 3093 id="search-bar" 3094 role="menu" 3095 aria-label="search-dropdown" 3096 x-data 3097 x-show="$store.main.isSearchOpen" 3098 x-trap="$store.main.isSearchOpen" 3099 x-on:keydown.escape="$store.main.isSearchOpen = false" 3100 x-collapse 3101> 3102 <div class="search-dropdown-content"> 3103 <div class="flex w-full pt-12 pb-14 px-6"> 3104 <form class="w-full relative" action="/search" 3105 method="get"> 3106 <input type="hidden" name="type" value="product" /> 3107 <div class="input__primary relative"> 3108 <label class="absolute top-3 md:top-3.5 left-[104px] text-gray-7 uppercase" for="search">Search Input</label> 3109 <input 3110 class="search-bar" 3111 type="text" 3112 placeholder="Search" 3113 name="q" 3114 id="search" 3115 @input.debounce="search()" 3116 x-model="query" 3117 > 3118 <button class="absolute top-[50%] right-3 md:right-7 transform hover:translate-x-1 transition-transform" type="submit"> 3119 <svg class="w-5 transform -rotate-90" width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 3120 <path d="M3.5 3.5L7 0L0 0L3.5 3.5Z" fill="currentColor"/> 3121</svg> 3122 3123 </button> 3124 </div> 3125 </form> 3126 </div> 3127 </div> 3128</div> 3129 3130<div 3131 class="search-recommendations bg-light text-black rounded " 3132 x-show="results && window.innerWidth >= 1024" 3133 x-collapse 3134 > 3135 <div class="w-full opacity-0 p-7 md:px-8 grid grid-cols-1 md:grid-cols-4 gap-2 md:gap-0 bg-grey-light mt-[-1px]" :style="results ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'"> 3136 <div 3137 class="py-0 md:py-5" 3138 x-show="!results?.products.length && !results?.articles.length" 3139 > 3140 <span class="heading-sm">No Results Found</span> 3141 </div> 3142 3143 3144 3145 <div 3146 class="md:col-span-2 border-t md:border-t-0 border-black pt-4 pb-16 md:py-7 relative" 3147 x-show="results?.products.length" 3148 > 3149 <h6 class="utility-lg uppercase text-black/50 mb-4"> 3150 Products 3151 </h6> 3152 <div class="grid grid-cols-6"> 3153 <div class="col-span-5 grid grid-cols-1 sm:grid-cols-3 gap-2.5 xl:gap-5"> 3154 <template x-for="product in results?.products?.slice(0, 3)"> 3155 <a 3156 class="flex flex-row sm:flex-col gap-3 bg-white rounded-6 p-4" 3157 :href="product.url" 3158 > 3159 3160 <img 3161 class="aspect-5/6 object-cover object-center rounded overflow-hidden w-13 sm:w-auto" 3162 :src="product.featured_image.url" 3163 :width="product.featured_image.width" 3164 :height="product.featured_image.height" 3165 :alt="product.featured_image.alt" 3166 loading="lazy" 3167 > 3168 3169 <div> 3170 <h3 3171 class="heading-sm mb-1" 3172 x-text="product.title" 3173 ></h3>
3174 <template x-for="subtitle in (product.subtitles ?? [])"> 3175 <h4 3176 class=" text-black text-opacity-75 mb-1" 3177 x-text="subtitle" 3178 ></h4> 3179 </template> 3180 </div> 3181 </a> 3182 </template> 3183 3184 </div> 3185 3186 </div> 3187 <div class="search-recommendation-btn product-recommendation absolute bottom-0 left-0 "> 3188 <a href="javascript:void(0)" data-type="product" class="header-top-search-browse relative">Browse All Results</a> 3189 </div> 3190 </div> 3191 3192 <div 3193 class="article-reciepe-section md:col-span-2 border-t md:border-t-0 border-black pt-4 pb-16 md:py-7 relative" 3194 x-show="results?.articles.length" 3195 > 3196 <h6 class="utility-lg uppercase text-black/50 mb-4"> 3197 Inspiration 3198 </h6> 3199 <div class="article-reciepe-section-inner grid grid-cols-3"> 3200 <div class="col-span-5 grid grid-cols-1 sm:grid-cols-3 gap-2.5 xl:gap-5"> 3201 <template x-for="article in results?.articles?.slice(0, 3)"> 3202 <a 3203 class="flex flex-row sm:flex-col gap-3 rounded-6" 3204 :href="article.url" 3205 > 3206 <div class="search-article-img-box rounded-6"> 3207 <img 3208 class="search-article-img aspect-5/6 object-cover object-center rounded overflow-hidden w-13 sm:w-auto" 3209 :src="article.featured_image.url" 3210 :width="article.featured_image.width" 3211 :height="article.featured_image.height" 3212 :alt="article.featured_image.alt" 3213 loading="lazy" 3214 > 3215 </div> 3216 <div> 3217 <h3 3218 class="heading-sm mb-1" 3219 x-text="article.title" 3220 ></h3> 3221 </div> 3222 </a> 3223 </template> 3224 3225 3226 </div> 3227 <div class="search-recommendation-btn absolute bottom-0 left-0 "> 3228 <a href="javascript:void(0)" data-type="article" class="header-top-search-browse relative">Browse All Results</a> 3229 </div> 3230 3231 3232 </div> 3233 </div> 3234 </div> 3235 </div> 3236 <style> 3237 .search-recommendation-btn.product-recommendation { 3238 padding-top: 25px; 3239} 3240 </style> 3241 3242 3243 3244 3245 3246 3247 3248<div class="w-full flex flex-col xl:hidden"> 3249 <div 3250 3251 class="flex-1 flex flex-row items-center min-h-[60px] h-[60px] z-[2000] px-4 bg-white" 3252 > 3253 <div class="flex flex-1 items-center"> 3254 <button 3255 @click="$store.main.toggleMobileNav()" 3256 type="button" 3257 :aria-expanded="$store.main.isMobileNavOpen" 3258 aria-controls="mobile-nav" 3259 aria-label="Open Mobile Navigation" 3260 > 3261 <span x-show="!$store.main.isMobileNavOpen" x-cloak> 3262 <svg xmlns="http://www.w3.org/2000/svg" class="h-[14px]" width="18" height="16" viewBox="0 0 18 16" fill="none"> 3263 <line y1="1.25" x2="18" y2="1.25" stroke="#181613" stroke-width="1.5"/> 3264 <line y1="8.25" x2="18" y2="8.25" stroke="#181613" stroke-width="1.5"/> 3265 <line y1="15.25" x2="18" y2="15.25" stroke="#181613" stroke-width="1.5"/> 3266</svg> 3267 3268 </span> 3269 <span x-show="$store.main.isMobileNavOpen" x-cloak> 3270 <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 3271<rect width="30" height="30" rx="2" fill="#F2F2F2"/> 3272<g clip-path="url(#clip0_1515_8001)"> 3273<path d="M20.0625 9.9375L9.9375 20.0625" stroke="#181613" stroke-width="1.5"/> 3274<path d="M20.0625 20.0625L9.9375 9.9375" stroke="#181613" stroke-width="1.5"/> 3275</g> 3276<defs> 3277<clipPath id="clip0_1515_8001"> 3278<rect width="18" height="18" fill="white" transform="translate(6 6)"/> 3279</clipPath> 3280</defs> 3281</svg> 3282 3283 </span> 3284 </button> 3285 </div> 3286 <a href="/" aria-label="Messermeister"> 3287 <svg class="h-7" width="182" height="36" viewBox="0 0 182 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 3288 <path d="M32.2931 15.8974C32.5294 15.5902 32.6459 15.1586 32.6459 14.604C32.6459 14.0948 32.5406 13.6922 32.3266 13.3915C32.1127 13.0908 31.8397 12.8596 31.5044 12.6995C31.1707 12.5362 30.7987 12.4344 30.3884 12.3859C29.976
32885 12.3406 29.5822 12.3163 29.2022 12.3163H27.1491V16.9144H28.8829C29.2932 16.9144 29.7179 16.8998 30.1601 16.8659C30.6008 16.8351 31.0079 16.743 31.3799 16.5878C31.7535 16.4374 32.0568 16.2062 32.2931 15.8974ZM96.1624 20.3095C96.4275 19.569 96.5616 18.7623 96.5616 17.8844C96.5616 17.0679 96.4275 16.3065 96.1624 15.5967C95.8958 14.8886 95.519 14.2694 95.0337 13.7375C94.5468 13.2056 93.9608 12.79 93.2775 12.4909C92.5942 12.1902 91.8326 12.0399 90.996 12.0399C90.1595 12.0399 89.4043 12.1902 88.7274 12.4909C88.0489 12.7917 87.4677 13.2056 86.9824 13.7375C86.4954 14.2694 86.1186 14.8886 85.8536 15.5967C85.587 16.3065 85.4545 17.0679 85.4545 17.8844C85.4545 18.7623 85.587 19.569 85.8536 20.3095C86.1202 21.0484 86.4954 21.687 86.9824 22.2254C87.4677 22.7653 88.0489 23.1873 88.7274 23.4945C89.4027 23.8049 90.1595 23.9569 90.996 23.9569C91.8326 23.9569 92.5942 23.8033 93.2775 23.4945C93.9608 23.1873 94.5468 22.7637 95.0337 22.2254C95.519 21.687 95.8958 21.0484 96.1624 20.3095ZM131.392 20.3095C131.658 19.569 131.792 18.7623 131.792 17.8844C131.792 17.0679 131.658 16.3065 131.392 15.5967C131.127 14.8886 130.75 14.2694 130.264 13.7375C129.777 13.2056 129.192 12.79 128.508 12.4909C127.823 12.1902 127.063 12.0399 126.227 12.0399C125.39 12.0399 124.635 12.1902 123.956 12.4909C123.281 12.7917 122.698 13.2056 122.213 13.7375C121.726 14.2694 121.349 14.8886 121.084 15.5967C120.818 16.3065 120.684 17.0679 120.684 17.8844C120.684 18.7623 120.818 19.569 121.084 20.3095C121.351 21.0484 121.726 21.687 122.213 22.2254C122.698 22.7653 123.28 23.1873 123.956 23.4945C124.635 23.8049 125.39 23.9569 126.227 23.9569C127.063 23.9569 127.823 23.8033 128.508 23.4945C129.192 23.1873 129.777 22.7637 130.264 22.2254C130.748 21.687 131.127 21.0484 131.392 20.3095ZM172.745 9.82333L166.68 19.1762V26.1734H163.806V19.1762L157.738 9.82333H161.343L165.31 16.3372L169.325 9.82333H172.745ZM154.318 24.9738C152.325 26.0522 150.098 26.5922 147.635 26.5922C146.388 26.5922 145.243 26.3868 144.204 25.9794C143.161 25.5704 142.264 24.9948 141.512 24.2463C140.758 23.4977 140.169 22.6037 139.745 21.556C139.318 20.51 139.106 19.3476 139.106 18.0671C139.106 16.7591 139.317 15.5692 139.745 14.5006C140.169 13.4303 140.758 12.5168 141.512 11.7618C142.264 11.0084 143.161 10.4264 144.204 10.019C145.245 9.60991 146.389 9.40621 147.635 9.40621C148.867 9.40621 150.022 9.55495 151.102 9.85566C152.183 10.1564 153.148 10.6915 154 11.4595L151.88 13.6324C151.363 13.1231 150.735 12.7318 149.998 12.4538C149.262 12.1757 148.481 12.0366 147.662 12.0366C146.825 12.0366 146.068 12.187 145.392 12.4877C144.716 12.7884 144.133 13.2023 143.647 13.7342C143.16 14.2661 142.783 14.8853 142.518 15.5935C142.251 16.3032 142.119 17.0647 142.119 17.8812C142.119 18.7591 142.251 19.5658 142.518 20.3063C142.784 21.0451 143.16 21.6837 143.647 22.2221C144.133 22.7621 144.716 23.1841 145.392 23.4913C146.067 23.8017 146.825 23.9537 147.662 23.9537C148.391 23.9537 149.078 23.8841 149.726 23.7451C150.373 23.6077 150.946 23.391 151.447 23.0984V19.2409H148.141V16.6088H154.323V24.9738H154.318ZM134.802 17.9766C134.802 19.2538 134.588 20.4162 134.163 21.4655C133.737 22.5115 133.143 23.412 132.385 24.1671C131.623 24.9205 130.719 25.509 129.67 25.9325C128.62 26.3577 127.464 26.5776 126.203 26.5922C124.956 26.5922 123.811 26.3868 122.77 25.9794C121.729 25.5704 120.832 24.9948 120.079 24.2463C119.327 23.4977 118.737 22.6037 118.311 21.556C117.886 20.51 117.673 19.3476 117.673 18.0671C117.673 16.7591 117.886 15.5692 118.311 14.5006C118.737 13.4303 119.327 12.5168 120.079 11.7618C120.832 11.0084 121.729 10.4264 122.77 10.019C123.813 9.60991 124.958 9.40621 126.203 9.40621C127.464 9.39165 128.62 9.57758 129.67 9.97045C130.718 10.3649 131.623 10.9389 132.385 11.6923C133.145 12.4473 133.737 13.3559 134.163 14.4181C134.588 15.4835 134.802 16.6686 134.802 17.9766ZM114.484 26.1751H104.745V9.82333H107.619V23.543H114.484V26.1751ZM99.571 17.9766C99.571 19.2538 99.3571 20.4162 98.9324 21.4655C98.5061 22.5115 97.9122 23.412 97.1539 24.1671C96.3923 24.9205 95.4887 25.509 94.4398 25.9325C93.3893 26.3577 92.2334 26.5776 90.9721 26.5922C89.7252 26.5922 88.5805 26.3868 87.5412 25.9794C86.4986 25.5704 85.6014 24.9948 84.8494 24.2463C84.0958 23.4977 83.5067 22.6037 83.082 21.556C82.6558 20.51 82.4418 19.3476 82.4418 18.0671C82.4418 16.7591 82.6558 15.5692 83.082 14.5006C83.5067 13.4303 84.0958 12.5168 84.8494 11.7618C85.6014 11.0084 86.4986 10.4264 87.5412 10.019C88.5821 9.60991 89.7268 9.40621 90.9721 9.40621C92.2334 9.39165 93.3893 9.57758 94.4398 9.97045C95.4871 10.3649 96.3923 10.9389 97.1539 11.6923C97.9138 12.4473 98.5061 13.3559 98.9324 14.4181C99.3587 15.4835 99.571 16.6686 99.571 17.9766ZM78.2445 26.1751H67.1375V9.82333H77.8342V12.457H70.0096V16.4762H77.4223V19.1099H70.0096V23.5446H78.2429V26.1751H78.2445ZM51.2743 17.8844C51.2743 18.7623 51.4084 19.569 51.675 20.3095C51.9416 21.0484 52.3168 21.687 52.8038 22.2254C53.2891 22.7653 53.8703 23.1873 54.5472 23.4945C55.2257 23.8049 55.9809 23.9569 56.8175 23.9569C57.4704 23.9569 58.1059 23.7984 58.7237 23.4832C59.34 23.1679 59.9115 22.6651 60.4448 21.9699L62.8172 23.6788C62.0876 24.6941 61.1983 25.4346 60.
32881494 25.8954C59.1005 26.3577 57.9829 26.5889 56.7967 26.5889C55.5498 26.5889 54.4051 26.3836 53.3642 25.9762C52.3232 25.5672 51.426 24.9916 50.6724 24.243C49.9204 23.4945 49.3313 22.6004 48.905 21.5528C48.4804 20.5068 48.2664 19.3443 48.2664 18.0639C48.2664 16.7559 48.4804 15.566 48.905 14.4973C49.3313 13.427 49.9204 12.5136 50.6724 11.7586C51.426 11.0052 52.3232 10.4231 53.3642 10.0157C54.4067 9.60668 55.5514 9.40297 56.7967 9.40297C57.8919 9.40297 58.9057 9.5986 59.8413 9.99147C60.7769 10.3827 61.647 11.0488 62.4532 11.9881L60.2197 13.6518C59.6274 13.0051 59.0526 12.5734 58.497 12.3568C57.9414 12.1433 57.3826 12.0334 56.8206 12.0334C55.9841 12.0334 55.2289 12.1838 54.5504 12.4845C53.875 12.7852 53.2923 13.1991 52.807 13.731C52.32 14.2629 51.9432 14.8821 51.6782 15.5902C51.4084 16.3065 51.2743 17.0679 51.2743 17.8844ZM43.0968 26.1751H40.2231V9.82333H43.0968V26.1751ZM35.657 14.5588C35.657 15.5902 35.483 16.4212 35.1333 17.0518C34.7821 17.6823 34.3111 18.1722 33.7188 18.5182C33.1265 18.8641 32.4368 19.1002 31.6545 19.2214C30.8706 19.3459 30.0532 19.4074 29.2038 19.4074H27.1507V26.1734H24.2769V9.82333H29.7051C30.481 9.82333 31.2298 9.89931 31.953 10.0545C32.6747 10.2081 33.3085 10.4652 33.8561 10.8273C34.4037 11.1911 34.8396 11.6745 35.1685 12.2824C35.4941 12.8919 35.657 13.6502 35.657 14.5588ZM10.9267 14.1416C10.9267 14.6962 11.1167 15.1214 11.4966 15.414C11.8766 15.7066 12.3476 15.9589 12.9112 16.1755C13.4747 16.3921 14.0894 16.6007 14.7584 16.7996C15.4289 17 16.0452 17.2781 16.6071 17.6322C17.1675 17.9863 17.6401 18.4567 18.0201 19.042C18.4001 19.6272 18.59 20.4033 18.59 21.3733C18.59 22.2512 18.432 23.0176 18.1127 23.6723C17.7934 24.3271 17.3623 24.8687 16.8227 25.3004C16.2831 25.7321 15.6556 26.0554 14.942 26.2721C14.2267 26.4855 13.4747 26.5954 12.6829 26.5954C11.6802 26.5954 10.7143 26.4257 9.78835 26.0861C8.85917 25.7482 8.0625 25.1775 7.39355 24.3772L9.56005 22.2528C9.90969 22.7928 10.3695 23.2116 10.9379 23.5107C11.5078 23.8114 12.1129 23.9617 12.7531 23.9617C13.0868 23.9617 13.4221 23.9165 13.7557 23.8227C14.0894 23.7305 14.3944 23.5931 14.6674 23.4072C14.942 23.2213 15.1623 22.9885 15.3283 22.7039C15.496 22.4194 15.579 22.0912 15.579 21.7209C15.579 21.1211 15.389 20.6603 15.009 20.337C14.629 20.0137 14.1581 19.7404 13.5945 19.5173C13.0309 19.2958 12.4162 19.0824 11.7473 18.8819C11.0784 18.6831 10.4637 18.4082 9.90011 18.0622C9.33653 17.7163 8.86555 17.2555 8.48558 16.6783C8.1056 16.1011 7.91562 15.3267 7.91562 14.3567C7.91562 13.5095 8.08804 12.7787 8.4297 12.1628C8.77136 11.5468 9.22158 11.0343 9.77558 10.6268C10.3296 10.2178 10.9634 9.91386 11.6786 9.715C12.3923 9.51453 13.1235 9.41429 13.8675 9.41429C14.7184 9.41429 15.5439 9.54363 16.3437 9.80554C17.1404 10.0675 17.8604 10.4975 18.499 11.0989L16.4012 13.3397C16.0979 12.8919 15.6891 12.5653 15.1814 12.3568C14.6721 12.1498 14.1357 12.0447 13.5721 12.0447C13.2385 12.0447 12.9144 12.0851 12.603 12.1611C12.2917 12.2371 12.0107 12.36 11.7585 12.5298C11.5078 12.6995 11.3067 12.9178 11.1534 13.1878C11.0049 13.4545 10.9267 13.773 10.9267 14.1416ZM181.895 29.664V6.33601C181.895 2.83577 179.094 0 175.638 0H6.25682C2.80032 0 0 2.83577 0 6.33601V29.664C0 33.1642 2.80032 36 6.25682 36H175.64C179.094 36 181.895 33.1626 181.895 29.664Z" fill="#181613"/> 3289</svg> 3290 3291 </a> 3292 <div class="flex justify-end items-center flex-1 text-right"> 3293 <button @click="$store.main.toggleMobileSearch()" class="search pr-2.5 "> 3294 <i x-show="!$store.main.isMobileSearchOpen"> 3295 3296 3297<svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="none"> 3298<circle cx="6.55553" cy="6.55553" r="6.00923" stroke="#181613" stroke-width="1.09259"/> 3299<line x1="10.5826" y1="11.268" x2="16.4097" y2="17.0951" stroke="#181613" stroke-width="1.09259"/> 3300</svg></i> 3301 <i x-show="$store.main.isMobileSearchOpen"><svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"> 3302<rect width="30" height="30" rx="2" fill="#F2F2F2"/> 3303<g clip-path="url(#clip0_1515_8001)"> 3304<path d="M20.0625 9.9375L9.9375 20.0625" stroke="#181613" stroke-width="1.5"/> 3305<path d="M20.0625 20.0625L9.9375 9.9375" stroke="#181613" stroke-width="1.5"/> 3306</g> 3307<defs> 3308<clipPath id="clip0_1515_8001"> 3309<rect width="18" height="18" fill="white" transform="translate(6 6)"/> 3310</clipPath> 3311</defs> 3312</svg> 3313</i> 3314 </button> 3315 <button 3316 class="cart-icon flex" 3317 @click="$store.main.setMiniCartOpen(true)" 3318 type="button" 3319 :aria-expanded="$store.main.isMiniCartOpen" 3320 aria-controls="cart" 3321 :aria-label="'Cart with ' + $store.main.cart?.item_count + ' items'" 3322 > 3323 3324 3325 3326 3327<svg xmlns="http://www.w3.org/2000/svg" width="25" height="19" viewBox="0 0 25 19" fill="none" style="display:inline"> 3328 <path d="M0 0.375H3L8 16.375H20.8105" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3329 <path d="M20.9878 13.1941C20.9221 13.4022 20.7291 13.5437 20.5109 13.5437H7.47776C7.25919 13.5437 7.06595 13.4018 7.00062 13.1932L3.98564 3.56717C3.88478 3.24514 4.12533 2.91772 4.46278 2.91772H23.5455C23.8834 2.91772 24.124 3.24585 24.0224 3.56806L20.9878 13.1941Z" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3330 <path d="M8.38026 18.1355C9.14255 18.1355 9.76051 17.5176 9.76051 16.7553C9.76051 15.993 9.14255 15.375 8.38026 15.375C7.61796 15.375 7 15.993 7 16.7553C7 17.5176 7.61796 18.1355 8.38026 18.1355Z" fill="black" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3331 <path d="M20.0805 18.1355C20.8427 18.1355 21.4607 17.5176 21.4607 16.7553C21.4607 15.993 20.8427 15.375 20.0805 15.375C19.3182 15.375 18.7002 15.993 18.7002 16.7553C18.7002 17.5176 19.3182 18.1355 20.0805 18.1355Z" fill="black" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3332 <path d="M5 7.375L23 7.375" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3333 <path d="M8.85449 2.91772L10.8563 13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3334 <path d="M19.3736 2.91772L17.3711 13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3335 <path d="M14.1348 2.91772V13.5437" stroke="black" stroke-width="0.75" stroke-miterlimit="10"/> 3336 </svg> 3337 <sup class="cst-cart-count">[<span class="" x-text="$store.main.cart.item_count"></span>]</sup> 3338 </button> 3339 </div> 3340 </div> 3341 <hr 3342 x-show="$store.main.isMobileNavOpen || $store.main.isMobileSearchOpen" 3343 class="absolute top-[calc(var(--nav-height)-1px)] left-[10px] w-[calc(100%-20px)] h-[1px] z-[2001] text-black" 3344 > 3345 3346 <nav 3347 id="mobile-nav" 3348 x-cloak 3349 x-data=" 3350 { 3351 menu: null, 3352 level1: null, 3353 level2: null, 3354 } 3355 " 3356 x-show="$store.main.isMobileNavOpen" 3357 x-collapse 3358 x-trap="$store.main.isMobileNavOpen" 3359 @keydown.escape.prevent.stop="$store.main.toggleMobileNav()" 3360 class="h-screen-nav fixed top-0 z-header max-w-full bg-white w-full flex flex-col justify-between overflow-hidden px-2.5 pb-5" 3361 > 3362 <div 3363 class="opacity-0" 3364 :style="$store.main.isMobileNavOpen ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 3365 > 3366 <div class="mt-[var(--nav-height)]"> 3367 <ul class="flex flex-col"> 3368 <li> 3369 <button 3370 @click="openedMobileMenu = 'Shop'" 3371 :aria-expanded="openedMobileMenu == 'Shop'" 3372 :aria-controls="'child-mobile-menu-' + 'Shop'" 3373 class="heading-md px-2.5 flex justify-between items-center w-full py-5 border-b border-black" 3374 >
3375 <span>Shop</span> 3376 <span class=""><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3377<path d="M9.24 5.88L0.8 9.76V8.08L7.6 5L0.8 1.92V0.24L9.24 4.12V5.88Z" fill="#181613"/> 3378</svg> 3379</span> 3380 </button> 3381 </li> 3382 <li> 3383 <button 3384 @click="openedMobileMenu = 'Inspiration'" 3385 :aria-expanded="openedMobileMenu == 'Inspiration'" 3386 :aria-controls="'child-mobile-menu-' + 'Inspiration'" 3387 class="heading-md px-2.5 flex justify-between items-center w-full py-5 border-b border-black" 3388 > 3389 <span>Inspiration</span> 3390 <span class=""><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3391<path d="M9.24 5.88L0.8 9.76V8.08L7.6 5L0.8 1.92V0.24L9.24 4.12V5.88Z" fill="#181613"/> 3392</svg> 3393</span> 3394 </button> 3395 </li> 3396 3397 <ul role="menubar" class="flex flex-col items-start justify-between"> 3398 <li role="menuitem" class="border-b w-full px-2.5 py-5"> 3399 <a target="_blank" href="https://testkitchen.spiceology.com/" class="heading-md flex items-center"> 3400 Test Kitchen 3401 </a> 3402 </li> 3403 </ul> 3404 3405 3406 <li> 3407 <button 3408 @click="openedMobileMenu = 'Retail'" 3409 :aria-expanded="openedMobileMenu == 'Retail'" 3410 :aria-controls="'child-mobile-menu-' + 'Retail'" 3411 class="heading-md px-2.5 flex justify-between items-center w-full py-5 border-b border-black" 3412 > 3413 <span>Retail</span> 3414 <span class=""><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3415<path d="M9.24 5.88L0.8 9.76V8.08L7.6 5L0.8 1.92V0.24L9.24 4.12V5.88Z" fill="#181613"/> 3416</svg> 3417</span> 3418 </button> 3419 </li> 3420 3421 3422 <li> 3423 <button 3424 @click="openedMobileMenu = 'Foodservice'" 3425 :aria-expanded="openedMobileMenu == 'Foodservice'" 3426 :aria-controls="'child-mobile-menu-' + 'Foodservice'" 3427 class="heading-md px-2.5 flex justify-between items-center w-full py-5 border-b border-black" 3428 > 3429 <span>Foodservice</span> 3430 <span class=""><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3431<path d="M9.24 5.88L0.8 9.76V8.08L7.6 5L0.8 1.92V0.24L9.24 4.12V5.88Z" fill="#181613"/> 3432</svg> 3433</span> 3434 </button> 3435 </li> 3436 3437 3438 <li> 3439 <button 3440 @click="openedMobileMenu = 'About'" 3441 :aria-expanded="openedMobileMenu == 'About'" 3442 :aria-controls="'child-mobile-menu-' + 'About'" 3443 class="heading-md px-2.5 flex justify-between items-center w-full py-5 border-b border-black" 3444 > 3445 <span>About</span> 3446 <span class=""><svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 3447<path d="M9.24 5.88L0.8 9.76V8.08L7.6 5L0.8 1.92V0.24L9.24 4.12V5.88Z" fill="#181613"/> 3448</svg> 3449</span> 3450 </button> 3451 </li> 3452 3453 </ul> 3454 </div> 3455 </div> 3456 3457 <ul role="menubar" class="flex flex-col items-start justify-between"> 3458 3459 3460 <li role="menuitem" class="border-b w-full px-2.5 py-5 cst-account-btn"> 3461 <a 3462 id="account-link" 3463 3464 href="/account/login" 3465 3466 class="heading-md flex items-center" 3467 > 3468 <svg xmlns="http://www.w3.org/2000/svg" width="10" height="12" viewBox="0 0 10 12" fill="none"> 3469 <path d="M5.00021 4.69963C6.1599 4.69963 7.10002 3.75951 7.10002 2.59981C7.10002 1.44012 6.1599 0.5 5.00021 0.5C3.84051 0.5 2.90039 1.44012 2.90039 2.59981C2.90039 3.75951 3.84051 4.69963 5.00021 4.69963Z" stroke="black" stroke-miterlimit="10"/> 3470 <path d="M4.9996 5.89966C7.4831 5.89966 9.49921 7.86056 9.49921 10.2761V10.6992H0.5V10.2761C0.5 7.86056 2.5161 5.89966 4.9996 5.89966Z" stroke="black" stroke-miterlimit="10"/> 3471 </svg>
3472 <span> Account</span> 3473 </a> 3474 </li> 3475</ul> 3476 3477 <div class="flex flex-col gap-1 pt-7 px-[6px]"> 3478 <a href="" class="relative"> 3479 3480 3481 3482 3483 </a> 3484 <div class="font-sans text-20 leading-160 tracking-3 text-black font-500"> 3485 3486 </div> 3487 </div> 3488 <div 3489 :class="!!openedMobileMenu ? 'translate-x-0' : 'translate-x-full'" 3490 class="fixed w-full left-0 top-nav transition-transform duration-300 transform-gpu pb-safari h-screen-nav bg-white px-2.5 overflow-y-scroll" 3491 > 3492 <div class=""> 3493 <div 3494 x-show="openedMobileMenu == 'Shop'" 3495 x-ref="'child-mobile-menu-' + Shop" 3496 x-trap="openedMobileMenu == 'Shop'" 3497 @keydown.escape.prevent.stop="openedMobileMenu = null" 3498 > 3499 <div class="flex justify-center items-center flex-1 border-b relative py-4"> 3500 <button 3501 class="absolute left-0 top-1/2 transform -translate-y-1/2 flex gap-2.5 items-center h-full" 3502 type="button" 3503 @click="openedMobileMenu = null" 3504 > 3505 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 3506<rect x="36" y="36" width="36" height="36" transform="rotate(-180 36 36)" fill="#F2F2F2"/> 3507<path d="M13.232 16.576L23 12.088L23 13.936L15.036 17.544L23 21.152L23 23L13.232 18.512L13.232 16.576Z" fill="#181613"/> 3508</svg> 3509 3510 </button> 3511 <h6 class="heading-lg">Shop</h6> 3512 </div> 3513 3514 3515 <button 3516 class="pt-8 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 3517 @click="openedMobileMenu = 'collections'" 3518 :aria-expanded="openedMobileMenu == 'collections'" 3519 :aria-controls="'child-mobile-menu-' + 'collections'" 3520 > 3521 <span class="utility-lg uppercase text-black/50 w-full"> 3522 Collections 3523 </span> 3524 </button> 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 <ul class="px-2.5 pb-6 border-b border-black"> 3548 3549 3550 <li class="heading-md leading-150"> 3551 <a href="/collections/all"> 3552 3553 Shop All 3554 3555 </a> 3556 </li> 3557 3558 3559 3560 <li class="heading-md leading-150"> 3561 <a href="/collections/best-sellers"> 3562 3563 Best Sellers 3564 3565 </a> 3566 </li> 3567 3568 3569 3570 <li class="heading-md leading-150"> 3571 <a href="/collections/bundles"> 3572 3573 Bundles 3574 3575 </a> 3576 </li> 3577 3578 3579 3580 <li class="heading-md leading-150"> 3581 <a href="/collections/variety-packs"> 3582 3583 Variety Packs 3584 3585 </a> 3586 </li> 3587 3588 3589 3590 <li class="heading-md leading-150"> 3591 <a href="/pages/the-grilling-center"> 3592 3593 Grilling Center 3594 3595 </a> 3596 </li> 3597 3598 3599 3600 <li class="heading-md leading-150"> 3601 <a href="/pages/gift-shop"> 3602 3603 Gift Shop 3604 3605 </a> 3606 </li> 3607 3608 3609 3610 <li class="heading-md leading-150"> 3611 <a href="/pages/bundle-builder"> 3612 3613 Build a Box 3614 3615 </a> 3616 </li> 3617 3618 3619 3620 <li class="heading-md leading-150"> 3621 <a href="/collections/fall-flavors"> 3622 3623 Fall Flavors 3624 3625 </a> 3626 </li> 3627 3628 3629 3630 <li class="heading-md leading-150"> 3631 <a href="/collections/new-arrivals"> 3632 3633 NEW Arrivals 3634 3635 </a> 3636 </li> 3637 3638 3639 </ul> 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 <button 3665 class="pt-5 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 3666 @click="openedMobileMenu = 'blends'" 3667 :aria-expanded="openedMobileMenu == 'blends'" 3668 :aria-controls="'child-mobile-menu-' + 'blends'" 3669 >
3670 <span class="utility-lg uppercase text-black/50 w-full"> 3671 Blends 3672 </span> 3673 </button> 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 <ul class="px-2.5 pb-6 border-b border-black"> 3691 3692 3693 <li class="heading-md leading-150"> 3694 <a href="/collections/signature-blends"> 3695 3696 Signature 3697 3698 </a> 3699 </li> 3700 3701 3702 3703 <li class="heading-md leading-150"> 3704 <a href="/collections/traditional-blends"> 3705 3706 Traditional 3707 3708 </a> 3709 </li> 3710 3711 3712 3713 <li class="heading-md leading-150"> 3714 <a href="/collections/salt-free-blends"> 3715 3716 Salt-Free 3717 3718 </a> 3719 </li> 3720 3721 3722 3723 <li class="heading-md leading-150"> 3724 <a href="/pages/collaborations"> 3725 3726 Collabs 3727 3728 </a> 3729 </li> 3730 3731 3732 3733 <li class="heading-md leading-150"> 3734 <a href="/collections/beer-infused-rubs"> 3735 3736 Beer-Infused 3737 3738 </a> 3739 </li> 3740 3741 3742 3743 <li class="heading-md leading-150"> 3744 <a href="/collections/blends"> 3745 3746 All Blends 3747 3748 </a> 3749 </li> 3750 3751 3752 </ul> 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 <button 3772 class="pt-5 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 3773 @click="openedMobileMenu = 'pantry'" 3774 :aria-expanded="openedMobileMenu == 'pantry'" 3775 :aria-controls="'child-mobile-menu-' + 'pantry'" 3776 > 3777 <span class="utility-lg uppercase text-black/50 w-full"> 3778 Pantry 3779 </span> 3780 </button> 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 <ul class="px-2.5 pb-6 border-b border-black"> 3806 3807 3808 <li class="heading-md leading-150"> 3809 <a href="/collections/blends"> 3810 3811 3812 <h6 style=" background-color: #fff; border: 1px solid #181613; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Blends</h6> 3813 3814 </a> 3815 </li> 3816 3817 3818 3819 <li class="heading-md leading-150"> 3820 <a href="/collections/chiles"> 3821 3822 3823 <h6 style=" background-color: #f54e5e; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Chiles</h6> 3824 3825 </a> 3826 </li> 3827 3828 3829 3830 <li class="heading-md leading-150"> 3831 <a href="/collections/confections"> 3832 3833 3834 <h6 style=" background-color: #eb2191; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Confections</h6> 3835 3836 </a> 3837 </li> 3838 3839 3840 3841 <li class="heading-md leading-150"> 3842 <a href="/collections/herbs"> 3843 3844 3845 <h6 style=" background-color: #31bd66; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Herbs</h6> 3846 3847 </a> 3848 </li> 3849 3850 3851 3852 <li class="heading-md leading-150"> 3853 <a href="/collections/modernist"> 3854 3855 3856 <h6 style=" background-color: #000000; color: #fff; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Modernist</h6> 3857 3858 </a> 3859 </li> 3860 3861 3862 3863 <li class="heading-md leading-150"> 3864 <a href="/collections/salts"> 3865 3866 3867 <h6 style=" background-color: #1aaae7; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Salts</h6> 3868 3869 </a> 3870 </li> 3871 3872 3873 3874 <li class="heading-md leading-150"> 3875 <a href="/collections/sauces"> 3876 3877 3878 <h6 style=" background-color: ; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Sauce</h6> 3879 3880 </a> 3881 </li> 3882 3883 3884 3885 <li class="heading-md leading-150"> 3886 <a href="/collections/spices"> 3887 3888 3889 <h6 style=" background-color: #fdb916; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Spices</h6> 3890 3891 </a> 3892 </li> 3893 3894 3895 3896 <li class="heading-md leading-150"> 3897 <a href="/collections/veg-powders"> 3898 3899 3900 <h6 style=" background-color: #8c51a1; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">Powders</h6> 3901 3902 </a> 3903 </li> 3904 3905 3906 3907 <li class="heading-md leading-150"> 3908 <a href="/collections/all-pantry"> 3909 3910 3911 <h6 style=" background-color: #f9f9f9; " class="utility-sm text-[11px] uppercase flex justify-center items-center px-2.5 rounded-2 w-fit h-[25px] mb-2.5">All Pantry</h6> 3912 3913 </a> 3914 </li> 3915 3916 3917 </ul> 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 <div class="flex flex-col w-full"> 3946 <div class="flex flex-col items-center w-full"> 3947 <div class="flex flex-col items-start gap-4 w-full border-b border-black pt-5 pb-7 px-2.5"> 3948 <h4 class="heading-md">Find your personal flavor with our flavor quiz</h4>
3949 <a href="/pages/quiz" class="link-underlined w-max"> 3950 Find Your Flavor Quiz 3951 </a> 3952 </div> 3953 <div class="flex flex-col items-start gap-4 w-full pt-5 pb-7 px-2.5 mb-5"> 3954 <h4 class="heading-md">Build your custom variety pack</h4> 3955 <a href="/pages/bundle-builder" class="link-underlined w-max"> 3956 Start Building 3957 </a> 3958 </div> 3959 </div> 3960 </div> 3961 </div> 3962</div> 3963 <div class="pt-6"> 3964 <div 3965 x-show="openedMobileMenu == 'Inspiration'" 3966 x-ref="'child-mobile-menu-' + Inspiration" 3967 x-trap="openedMobileMenu == 'Inspiration'" 3968 @keydown.escape.prevent.stop="openedMobileMenu = null" 3969 > 3970 <div class="flex justify-center items-center flex-1 relative text-accent"> 3971 <button 3972 class="absolute left-0 top-1/2 transform -translate-y-1/2 flex gap-2.5 items-center h-full" 3973 type="button" 3974 @click="openedMobileMenu = null" 3975 > 3976 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 3977<rect x="36" y="36" width="36" height="36" transform="rotate(-180 36 36)" fill="#F2F2F2"/> 3978<path d="M13.232 16.576L23 12.088L23 13.936L15.036 17.544L23 21.152L23 23L13.232 18.512L13.232 16.576Z" fill="#181613"/> 3979</svg> 3980 3981 </button> 3982 <h6 class="heading-lg">Inspiration</h6> 3983 </div> 3984 3985 3986 <button 3987 class="pt-8 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 3988 @click="openedMobileMenu = 'explore'" 3989 :aria-expanded="openedMobileMenu == 'explore'" 3990 :aria-controls="'child-mobile-menu-' + 'explore'" 3991 > 3992 <span class="utility-lg uppercase text-black/50 w-full"> 3993 Explore 3994 </span> 3995 </button> 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 <ul class="px-2.5 pb-6 border-b border-black mb-5"> 4011 4012 4013 <li class="heading-md leading-150"> 4014 <a href="/blogs/recipes"> 4015 4016 Recipes 4017 4018 </a> 4019 </li> 4020 4021 4022 4023 <li class="heading-md leading-150"> 4024 <a href="https://cdn.shopify.com/s/files/1/1055/0892/files/2026_Spiceology_Trend_Report.pdf?v=1769469464"> 4025 4026 2026 Flavor Trend Report 4027 4028 </a> 4029 </li> 4030 4031 4032 4033 <li class="heading-md leading-150"> 4034 <a href="/blogs/periodically-inspired"> 4035 4036 Chef Interviews 4037 4038 </a> 4039 </li> 4040 4041 4042 4043 <li class="heading-md leading-150"> 4044 <a href="/pages/flavor-focus"> 4045 4046 Flavor Focus 4047 4048 </a> 4049 </li> 4050 4051 4052 4053 <li class="heading-md leading-150"> 4054 <a href="/pages/chatbot"> 4055 4056 Chatbot Kitchen Helper 4057 4058 </a> 4059 </li> 4060 4061 4062 </ul> 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 <a href="/blogs/recipes/greek-freak-tortellini-bake" class="flex flex-col mb-7 px-2.5"> 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 4116 <img 4117 class="absolute inset-0 w-full h-full object-cover rounded-4" 4118 src="//spiceology.com/cdn/shop/articles/20260918205406-image0-20-45_39c0dec9-c6a5-4698-8614-a780ab7673fa_1000x.jpg?v=1789765094" 4119 alt="Greek Freak Tortellini Bake" 4120 loading="lazy" 4121 draggable="false" 4122 /> 4123 </div> 4124 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 4125 <img 4126 class="absolute inset-0 w-full h-full object-cover rounded-4" 4127 src="//spiceology.com/cdn/shop/articles/20260918205406-image0-20-45_39c0dec9-c6a5-4698-8614-a780ab7673fa_500x.jpg?v=1789765094" 4128 alt="Greek Freak Tortellini Bake" 4129 loading="lazy" 4130 draggable="false" 4131 /> 4132 </div> 4133 4134 <h6 x-data="{ 4135 blog: '', 4136 getBlogId: function(url){ 4137 return url.split('/')[2] 4138 }, 4139 init(){ 4140 let url = '/blogs/recipes/greek-freak-tortellini-bake' 4141 this.blog = url.split('/')[2] 4142 } 4143 }" x-text="blog" class="utility-sm text-[11px] uppercase pt-2.5"></h6> 4144 <h5 class="heading-sm pt-[5px]">Greek Freak Tortellini Bake</h5> 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160
4161 <span class="body-sm underline underline-offset-2 pt-5">Read More</span> 4162 4163 </a> 4164 <hr class="mb-5"> 4165 4166 4167 4168 4169 4170 4171 4172 <a href="/blogs/recipes/smoky-honey-habanero-mango-ricotta-upside-down-tarts" class="flex flex-col mb-7 px-2.5"> 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 4193 <img 4194 class="absolute inset-0 w-full h-full object-cover rounded-4" 4195 src="//spiceology.com/cdn/shop/articles/20260826212904-image0-20-40_1000x.jpg?v=1787779893" 4196 alt="Smoky Honey Habanero Mango Ricotta Upside-Down Tarts Recipe" 4197 loading="lazy" 4198 draggable="false" 4199 /> 4200 </div> 4201 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 4202 <img 4203 class="absolute inset-0 w-full h-full object-cover rounded-4" 4204 src="//spiceology.com/cdn/shop/articles/20260826212904-image0-20-40_500x.jpg?v=1787779893" 4205 alt="Smoky Honey Habanero Mango Ricotta Upside-Down Tarts Recipe" 4206 loading="lazy" 4207 draggable="false" 4208 /> 4209 </div> 4210 4211 <h6 x-data="{ 4212 blog: '', 4213 getBlogId: function(url){ 4214 return url.split('/')[2] 4215 }, 4216 init(){ 4217 let url = '/blogs/recipes/smoky-honey-habanero-mango-ricotta-upside-down-tarts' 4218 this.blog = url.split('/')[2] 4219 } 4220 }" x-text="blog" class="utility-sm text-[11px] uppercase pt-2.5"></h6> 4221 <h5 class="heading-sm pt-[5px]">Smoky Honey Habanero Mango Ricotta Upside-Down Tarts</h5> 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 <span class="body-sm underline underline-offset-2 pt-5">Read More</span> 4237 4238 </a> 4239 <hr class="mb-5"> 4240 4241 4242 4243 4244 4245 4246 4247 <a href="/blogs/periodically-inspired/interview-with-chef-jason-briseno-of-little-fatty-accomplice-bar" class="flex flex-col mb-7 px-2.5"> 4248 4249 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 <div x-data class="hidden md:block relative w-full h-full " style="padding-top: 66%" > 4268 <img 4269 class="absolute inset-0 w-full h-full object-cover rounded-4" 4270 src="//spiceology.com/cdn/shop/articles/fsedfe_83dd4c4d-040f-4d21-8266-f1cb9e7651da_1000x.jpg?v=1784585690" 4271 alt="Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar" 4272 loading="lazy" 4273 draggable="false" 4274 /> 4275 </div> 4276 <div class="md:hidden relative w-full h-full " style="padding-top: 66%"> 4277 <img 4278 class="absolute inset-0 w-full h-full object-cover rounded-4" 4279 src="//spiceology.com/cdn/shop/articles/fsedfe_83dd4c4d-040f-4d21-8266-f1cb9e7651da_500x.jpg?v=1784585690" 4280 alt="Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar" 4281 loading="lazy" 4282 draggable="false" 4283 /> 4284 </div> 4285 4286 <h6 x-data="{ 4287 blog: '', 4288 getBlogId: function(url){ 4289 return url.split('/')[2] 4290 }, 4291 init(){ 4292 let url = '/blogs/periodically-inspired/interview-with-chef-jason-briseno-of-little-fatty-accomplice-bar' 4293 this.blog = url.split('/')[2] 4294 } 4295 }" x-text="blog" class="utility-sm text-[11px] uppercase pt-2.5"></h6> 4296 <h5 class="heading-sm pt-[5px]">Interview with Chef Jason Briseño of Little Fatty & Accomplice Bar</h5> 4297 4298 4299 4300
4301 <span class="body-sm underline underline-offset-2 pt-5">Read More</span> 4302 4303 </a> 4304 <hr class="mb-5"> 4305 4306 4307 4308 <div class="flex flex-col w-full"> 4309 <div class="flex flex-col items-center w-full"> 4310 <div class="flex flex-col items-start gap-4 w-full border-b border-black pt-5 pb-7 px-2.5"> 4311 <h4 class="heading-md">Find your personal flavor with our flavor quiz</h4> 4312 <a href="/pages/quiz" class="heading-xs underline underline-offset-8 w-max"> 4313 Find Your Flavor 4314 </a> 4315 </div> 4316 <div class="flex flex-col items-start gap-4 w-full pt-5 pb-7 px-2.5 mb-5"> 4317 <h4 class="heading-md">Build your custom variety pack</h4> 4318 <a href="/pages/bundle-builder" class="heading-xs underline underline-offset-8 w-max"> 4319 Start Building 4320 </a> 4321 </div> 4322 </div> 4323 </div> 4324 4325 </div> 4326</div> 4327 <div class="pt-6"> 4328 <div 4329 x-show="openedMobileMenu == 'Retail'" 4330 x-ref="'child-mobile-menu-' + Retail" 4331 x-trap="openedMobileMenu == 'Retail'" 4332 @keydown.escape.prevent.stop="openedMobileMenu = null" 4333 > 4334 <div class="flex justify-center items-center flex-1 relative text-accent"> 4335 <button 4336 class="absolute left-0 top-1/2 transform -translate-y-1/2 flex gap-2.5 items-center h-full" 4337 type="button" 4338 @click="openedMobileMenu = null" 4339 > 4340 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4341<rect x="36" y="36" width="36" height="36" transform="rotate(-180 36 36)" fill="#F2F2F2"/> 4342<path d="M13.232 16.576L23 12.088L23 13.936L15.036 17.544L23 21.152L23 23L13.232 18.512L13.232 16.576Z" fill="#181613"/> 4343</svg> 4344 4345 </button> 4346 <h6 class="heading-lg">Retail</h6> 4347 </div> 4348 4349 4350 <button 4351 class="pt-8 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 4352 @click="openedMobileMenu = 'retail'" 4353 :aria-expanded="openedMobileMenu == 'retail'" 4354 :aria-controls="'child-mobile-menu-' + 'retail'" 4355 style="pointer-events: none;" 4356 > 4357 <span class="utility-lg uppercase text-black/50 w-full"> 4358 Retail 4359 </span> 4360 </button> 4361 4362 4363 4364 4365 4366 4367 4368 4369 <ul class="px-2.5 pb-6 border-b border-black mb-5"> 4370 4371 4372 <li class="heading-md leading-150"> 4373 <a href="https://spiceology.com/pages/store-locator"> 4374 4375 Store Locator 4376 4377 </a> 4378 </li> 4379 4380 4381 4382 <li class="heading-md leading-150"> 4383 <a href="https://spiceology.com/pages/retail"> 4384 4385 Retail Program 4386 4387 </a> 4388 </li> 4389 4390 4391 </ul> 4392 4393 4394 4395 4396 4397 4398 4399 4400 </div> 4401</div> 4402 4403 <div class="pt-6"> 4404 <div 4405 x-show="openedMobileMenu == 'Foodservice'" 4406 x-ref="'child-mobile-menu-' + Foodservice" 4407 x-trap="openedMobileMenu == 'Foodservice'" 4408 @keydown.escape.prevent.stop="openedMobileMenu = null" 4409 > 4410 <div class="flex justify-center items-center flex-1 relative text-accent"> 4411 <button 4412 class="absolute left-0 top-1/2 transform -translate-y-1/2 flex gap-2.5 items-center h-full" 4413 type="button" 4414 @click="openedMobileMenu = null" 4415 > 4416 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4417<rect x="36" y="36" width="36" height="36" transform="rotate(-180 36 36)" fill="#F2F2F2"/> 4418<path d="M13.232 16.576L23 12.088L23 13.936L15.036 17.544L23 21.152L23 23L13.232 18.512L13.232 16.576Z" fill="#181613"/> 4419</svg> 4420 4421 </button> 4422 <h6 class="heading-lg">Foodservice</h6> 4423 </div> 4424 4425 4426 <button 4427 class="pt-8 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 4428 @click="openedMobileMenu = 'foodservice'" 4429 :aria-expanded="openedMobileMenu == 'foodservice'" 4430 :aria-controls="'child-mobile-menu-' + 'foodservice'" 4431 style="pointer-events: none;" 4432 >
4433 <span class="utility-lg uppercase text-black/50 w-full"> 4434 Foodservice 4435 </span> 4436 </button> 4437 4438 4439 4440 4441 4442 4443 4444 4445 <ul class="px-2.5 pb-6 border-b border-black mb-5"> 4446 4447 4448 <li class="heading-md leading-150"> 4449 <a href="https://spiceology.com/pages/pro-chefs"> 4450 4451 Pro Chef Program 4452 4453 </a> 4454 </li> 4455 4456 4457 4458 <li class="heading-md leading-150"> 4459 <a href="https://spiceology.com/pages/distributor-list"> 4460 4461 Distributor List 4462 4463 </a> 4464 </li> 4465 4466 4467 </ul> 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 </div> 4478</div> 4479 4480 <div class="pt-6"> 4481 <div 4482 x-show="openedMobileMenu == 'About'" 4483 x-ref="'child-mobile-menu-' + About" 4484 x-trap="openedMobileMenu == 'About'" 4485 @keydown.escape.prevent.stop="openedMobileMenu = null" 4486 > 4487 <div class="flex justify-center items-center flex-1 relative text-accent"> 4488 <button 4489 class="absolute left-0 top-1/2 transform -translate-y-1/2 flex gap-2.5 items-center h-full" 4490 type="button" 4491 @click="openedMobileMenu = null" 4492 > 4493 <svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"> 4494<rect x="36" y="36" width="36" height="36" transform="rotate(-180 36 36)" fill="#F2F2F2"/> 4495<path d="M13.232 16.576L23 12.088L23 13.936L15.036 17.544L23 21.152L23 23L13.232 18.512L13.232 16.576Z" fill="#181613"/> 4496</svg> 4497 4498 </button> 4499 <h6 class="heading-lg">About</h6> 4500 </div> 4501 4502 4503 <button 4504 class="pt-8 px-2.5 pb-[5px] text-left flex justify-between items-center w-full" 4505 @click="openedMobileMenu = 'about'" 4506 :aria-expanded="openedMobileMenu == 'about'" 4507 :aria-controls="'child-mobile-menu-' + 'about'" 4508 style="pointer-events: none;" 4509 > 4510 <span class="utility-lg uppercase text-black/50 w-full"> 4511 About 4512 </span> 4513 </button> 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 <ul class="px-2.5 pb-6 border-b border-black mb-5"> 4527 4528 4529 <li class="heading-md leading-150"> 4530 <a href="https://spiceology.com/pages/about-us"> 4531 4532 About 4533 4534 </a> 4535 </li> 4536 4537 4538 4539 <li class="heading-md leading-150"> 4540 <a href="https://spiceology.com/pages/faqs"> 4541 4542 FAQ 4543 4544 </a> 4545 </li> 4546 4547 4548 4549 <li class="heading-md leading-150"> 4550 <a href="https://spiceology.applicantstack.com/x/openings"> 4551 4552 Careers 4553 4554 </a> 4555 </li> 4556 4557 4558 4559 <li class="heading-md leading-150"> 4560 <a href="https://spiceology.com/pages/contact"> 4561 4562 Contact 4563 4564 </a> 4565 </li> 4566 4567 4568 </ul> 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 </div> 4582</div> 4583 4584 </div> 4585 </nav> 4586 4587 <form 4588 action="/search" 4589 autocomplete="off" 4590 class="search-dropdown fixed top-0 z-header max-w-full bg-grey-light w-full overflow-hidden px-3" 4591 x-show="$store.main.isMobileSearchOpen" 4592 x-collapse 4593 x-trap="$store.main.isMobileSearchOpen" 4594 @keydown.escape.prevent.stop="$store.main.toggleMobileSearch()" 4595 > 4596 <div class="w-full h-[calc(var(--nav-height))]"></div> 4597 <div class="max-h-[calc(100vh-(var(--nav-height)))] overflow-y-scroll hide-scrollbars"> 4598 <div class="flex items-end w-full py-5"> 4599 <div class="relative w-full"> 4600 <i class="absolute top-1/2 left-2.5 transform -translate-y-1/2 z-10"> 4601 <svg class="" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 4602<circle cx="4.5" cy="4.5" r="4" stroke="#181613"/> 4603<line x1="7.35355" y1="7.64645" x2="11.3536" y2="11.6464" stroke="#181613"/> 4604</svg> 4605 4606 </i> 4607 <input 4608 x-ref="query" 4609 class="input__primary utility-lg uppercase w-full px-7 rounded-2" 4610 type="text" 4611 placeholder="Search..." 4612 name="q" 4613 @focus="search_focused = true" 4614 @input.debounce="search()" 4615 x-model="query" 4616 > 4617 </div> 4618 </div> 4619 <div 4620 x-collapse 4621 x-show="results && window.innerWidth < 1023" 4622 class="search-recommendations bg-light text-black rounded" 4623 > 4624 <div 4625 class="w-full opacity-0 py-4 grid grid-cols-1 gap-[30px] bg-grey-light pb-5" 4626 :style="results ? 'animation: fadeIn 200ms ease-in-out 150ms forwards' : 'animation: fadeOut 150ms ease-in-out forwards'" 4627 > 4628 <div x-show="!results?.queries.length" class="">
4629 <span class="heading-sm">No Results Found</span> 4630 </div> 4631 <div x-show="results?.products.length" class="pt-4"> 4632 <h6 class="utility-lg uppercase text-black/50 mb-2.5">Products</h6> 4633 <div class="grid grid-cols-2 gap-2.5"> 4634 <template x-for="product in results?.products?.slice(0, 3)"> 4635 <a :href="product.url" class="flex flex-col bg-white rounded-6"> 4636 <img 4637 class="aspect-5/6 object-cover object-center rounded overflow-hidden w-full" 4638 :src="product.featured_image.url" 4639 :width="product.featured_image.width" 4640 :height="product.featured_image.height" 4641 :alt="product.featured_image.alt" 4642 loading="lazy" 4643 > 4644 <div class="px-3 pb-3"> 4645 <h3 x-text="product.title" class="heading-xs text-14"></h3> 4646 <template x-for="subtitle in (product.subtitles ?? [])"> 4647 <h4 x-text="subtitle" class="text-black text-opacity-75 mt-1"></h4> 4648 </template> 4649 </div> 4650 </a> 4651 </template> 4652 </div> 4653 </div> 4654 <div x-show="results?.articles.length"> 4655 <h6 class="utility-lg uppercase text-black/50 mb-2.5">Recipes</h6> 4656 <div class="grid grid-cols-2 gap-2.5"> 4657 <template x-for="article in results?.articles?.slice(0, 3)"> 4658 <a :href="article.url" class="flex flex-col gap-3 group"> 4659 <img 4660 class="rounded-6 aspect-[1.28] object-cover overflow-hidden" 4661 :src="article.featured_image.url" 4662 :width="article.featured_image.width" 4663 :height="article.featured_image.height" 4664 :alt="article.featured_image.alt" 4665 loading="lazy" 4666 > 4667 <h3 x-text="article.title" class="heading-xs text-14"></h3> 4668 </a> 4669 </template> 4670 </div> 4671 </div> 4672 <button type="submit" class="button__primary w-full">View All Results</button> 4673 </div> 4674 </div> 4675 </div> 4676 </form> 4677</div> 4678 4679 </div> 4680 4681 4682 4683</header> 4684 4685 4686 4687 4688</div> 4689 4690 <main id="main-content" role="main" class="u-focus-none" tabindex="-1"> 4691 <div id="shopify-section-template--17707831230660__component_header_spacer_CWecn4" class="shopify-section"><div class="header-spacer"></div> 4692 4693</div><section id="shopify-section-template--17707831230660__hero" class="shopify-section"> 4694 4695 4696 4697 4698 4699 4700 4701<section 4702 class="pt-2.5 lg:pt-5 lg:px-5 mb-20 section-container" 4703 x-init="$store.main.storeRecentProduct('derek-wolf-cowboy-campfire-seasoning')" 4704 x-data=" 4705 { 4706 showImageModal: false, 4707 activeImageId: null, 4708 showPDPCoverImage: true, 4709 openImageModal() { 4710 this.showImageModal = true 4711 document.body.style.overflow = 'hidden' 4712 }, 4713 closeImageModal() { 4714 this.showImageModal = false 4715 document.body.style.overflow = 'auto' 4716 }, 4717 getTop() { 4718 const headerHeight = document.querySelector('.header-global').getBoundingClientRect().height + 14 4719 const windowHeight = window.innerHeight - headerHeight 4720 const galleryHeight = document.querySelector('#product-image-gallery').getBoundingClientRect().height 4721 if (galleryHeight > windowHeight) { 4722 document.querySelector('#product-image-gallery').style.top = `${headerHeight - (galleryHeight - windowHeight) - 14}px` 4723 } else { 4724 document.querySelector('#product-image-gallery').style.top = `${headerHeight}px` 4725 } 4726 }, 4727 initTop() { 4728 this.getTop() 4729 window.addEventListener('resize', this.getTop) 4730 } 4731 } 4732 " 4733> 4734 <div class="hidden md:block utility-sm pb-5 text-opacity-50"> 4735 <a class=" hover:underline" href="/collections/all">Shop all</a> 4736 ⦠4737 4738 <span class=""> 4739 Derek Wolf | Cowboy Campfire Smoky SPG Seasoning 4740 </span> 4741 </div> 4742 4743 <div 4744 x-data="productForm([ 4745 4746 { 4747 id: 46262024241348, 4748 4749 variantPrice: 1899, 4750 optionValues: [ 4751 `Default Title` 4752 4753 4754 ], 4755 isAvailable: true, 4756 4757 4758 } 4759 4760], 46262024241348, true)" 4761 class="flex flex-col lg:flex-row gap-y-1 gap-x-[5.6%] h-full" 4762 > 4763
4763<script> 4764 document.addEventListener('alpine:init', () => { 4765 Alpine.data('productImages', () => ({ 4766 zoomed: false, 4767 posX: null, 4768 posY: null, 4769 resetZoom() { 4770 this.zoomed = false; 4771 }, 4772 handleImageClick(id, variantId, index) { 4773 this.resetZoom(); 4774 this.activeImageId = id; 4775 if (index === 0) { 4776 Alpine.store('main').showPDPCoverImage = true 4777 } else { 4778 Alpine.store('main').showPDPCoverImage = false 4779 } 4780 }, 4781 handleNextImage() { 4782 this.resetZoom(); 4783 const currentIndex = this.images.findIndex((image) => image.id === this.activeImageId); 4784 if (currentIndex === this.images.length - 1) { 4785 this.activeImageId = this.images[0].id; 4786 return; 4787 } 4788 this.activeImageId = this.images[currentIndex + 1].id; 4789 }, 4790 handlePreviousImage() { 4791 this.resetZoom(); 4792 const currentIndex = this.images.findIndex((image) => image.id === this.activeImageId); 4793 if (currentIndex === 0) { 4794 this.activeImageId = this.images[this.images.length - 1].id; 4795 return; 4796 } 4797 this.activeImageId = this.images[currentIndex - 1].id; 4798 }, 4799 mouseHandler(event) { 4800 if (!this.zoomed) return; 4801 let posX = event.offsetX; 4802 let posY = event.offsetY; 4803 this.posX = posX; 4804 this.posY = posY; 4805 }, 4806 handleZoomClick() { 4807 if (!this.zoomed) { 4808 let posX = event.offsetX; 4809 let posY = event.offsetY; 4810 this.posX = posX; 4811 this.posY = posY; 4812 this.zoomed = true; 4813 } else { 4814 this.zoomed = false; 4815 } 4816 }, 4817 checkMoreImagesButtonActive() { 4818 const activeImageIndex = this.images.findIndex((image) => image.id === this.activeImageId); 4819 return activeImageIndex > 5; 4820 }, 4821 images: (() => { 4822 const productImages = [ 4823 4824 4825 4826 { 4827 id: 49792323059908, 4828 variantId: 0, 4829 src: '//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1000x.jpg?v=1781796725', 4830 mobileSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_100x.jpg?v=1781796725', 4831 zoomSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_7000x.jpg?v=1781796725', 4832 srcset: '//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1500x.jpg?v=1781796725 1500w', 4833 sizes: '(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px', 4834 width: 3000, 4835 height: 3000, 4836 type: 'image', 4837 index: 1 4838 }, 4839 4840 4841 4842 { 4843 id: 49792323092676, 4844 variantId: 0, 4845 src: '//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1000x.jpg?v=1781796725', 4846 mobileSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_100x.jpg?v=1781796725', 4847 zoomSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_7000x.jpg?v=1781796725', 4848 srcset: '//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1500x.jpg?v=1781796725 1500w', 4849 sizes: '(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px', 4850 width: 3000, 4851 height: 3000, 4852 type: 'image', 4853 index: 2 4854 }, 4855 4856 4857 4858 { 4859 id: 49792323125444, 4860 variantId: 0, 4861 src: '//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1000x.jpg?v=1781796725', 4862 mobileSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_100x.jpg?v=1781796725', 4863 zoomSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_7000x.jpg?v=1781796725', 4864 srcset: '//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1500x.jpg?v=1781796725 1500w', 4865 sizes: '(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px', 4866 width: 3000, 4867 height: 3000, 4868 type: 'image', 4869 index: 3 4870 }, 4871 4872 4873 4874 { 4875 id: 49776413737156, 4876 variantId: 0, 4877 src: '//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1000x.jpg?v=1781736427', 4878 mobileSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_100x.jpg?v=1781736427', 4879 zoomSrc: '//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_7000x.jpg?v=1781736427', 4880 srcset: '//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_480x.jpg?v=1781736427 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_800x.jpg?v=1781736427 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1500x.jpg?v=1781736427 1500w', 4881 sizes: '(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px', 4882 width: 3000, 4883 height: 3000, 4884 type: 'image', 4885 index: 4 4886 }, 4887 4888 4889 4890 { 4891 id: 49925169676484, 4892 variantId: 0, 4893 src: '//spiceology.com/cdn/shop/files/DSC09352_1000x.jpg?v=1782313136', 4894 mobileSrc: '//spiceology.com/cdn/shop/files/DSC09352_100x.jpg?v=1782313136', 4895 zoomSrc: '//spiceology.com/cdn/shop/files/DSC09352_7000x.jpg?v=1782313136', 4896 srcset: '//spiceology.com/cdn/shop/files/DSC09352_480x.jpg?v=1782313136 480w, //spiceology.com/cdn/shop/files/DSC09352_800x.jpg?v=1782313136 800w, //spiceology.com/cdn/shop/files/DSC09352_1500x.jpg?v=1782313136 1500w', 4897 sizes: '(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px', 4898 width: 1300, 4899 height: 1300, 4900 type: 'image', 4901 index: 5 4902 } 4903 4904 ]; 4905 4906 const videos = [ 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 ]; 4919 4920 const imagesAndVideos = [...productImages, ...videos].sort((a, b) => a.index - b.index); 4921 4922 return [...imagesAndVideos]; 4923 })() 4924 })); 4925 }); 4926</script>
4926 4927 4928<div 4929 class="w-full lg:w-[60%] h-full" 4930 :class="{'lg:sticky': !showImageModal }" 4931 id="product-image-gallery" 4932 x-init="$nextTick(() => initTop())" 4933> 4934 <div class="block h-full overflow-x-hidden" x-data="productImages()"> 4935 4936 4937 4938 4939 4940 4941 <div 4942 class="w-screen h-full max-h-screen fixed top-0 left-0 bg-grey-light backdrop-blur z-[2000] hidden lg:flex justify-center items-center transition-all duration-300 ease-in-out" 4943 id="image-modal" 4944 x-trap="showImageModal" 4945 x-cloak 4946 :class="{'opacity-0 pointer-events-none': !showImageModal }" 4947 @keydown.window.escape="closeImageModal" 4948 @keydown.arrow-left="previousImage" 4949 @keydown.arrow-right="nextImage" 4950 @click="handleClickAway" 4951 x-data=" 4952 { 4953 previousImage() { 4954 $el.querySelector('.slider-btn:first-of-type').click() 4955 }, 4956 nextImage() { 4957 $el.querySelector('.slider-btn:last-of-type').click() 4958 }, 4959 handleClickAway(event) { 4960 if (event.target.id === 'image-modal') { 4961 closeImageModal() 4962 } 4963 } 4964 } 4965 " 4966> 4967 <button 4968 class="absolute top-4 right-4 button__secondary" 4969 @click="closeImageModal" 4970 >Close</button> 4971 4972 <button-slider 4973 data-slider-options=' 4974 { 4975 "breakpoints": { 4976 "(min-width: 1024px)": { 4977 "mode": "snap", 4978 "rtl": false, 4979 "loop": true, 4980 "slides": { "perView": "1", "spacing": 0 } 4981 } 4982 } 4983 } 4984 ' 4985 > 4986 <div class="flex items-center gap-x-10"> 4987 <button 4988 aria-label="Previous image" 4989 class="slider-btn bg-green/70 hover:bg-green/100 transition-all duration-150 ease-in-out rounded-4 w-10 h-10 flex items-center justify-center text-white" 4990 > 4991 <span> 4992 <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14" fill="none"> 4993 <path d="M7 14L0 7L7 0" fill="currentColor"/> 4994 </svg> 4995 </span> 4996 </button> 4997 <div 4998 class="keen-slider w-full max-w-[20vw] mx-auto flex overflow-x-hidden hover:cursor-grab mb-[42px]" 4999 x-ref="slides" 5000 > 5001 5002 5003 5004 <div 5005 x-cloak 5006 class="keen-slider__slide w-[514px]" 5007 > 5008 <div class="relative pt-[100%]"> 5009 <img 5010 loading="lazy" 5011 class="absolute inset-0 w-full h-full object-cover rounded-4" 5012 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5013 src="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1000x.jpg?v=1781796725" 5014 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1500x.jpg?v=1781796725 1500w" 5015 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5016 width="3000" 5017 height="3000" 5018 draggable="false" 5019 > 5020 </div> 5021 </div> 5022 5023 5024 5025 5026 5027 <div 5028 x-cloak 5029 class="keen-slider__slide w-[514px]" 5030 > 5031 <div class="relative pt-[100%]"> 5032 <img 5033 loading="lazy" 5034 class="absolute inset-0 w-full h-full object-cover rounded-4" 5035 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5036 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1000x.jpg?v=1781796725" 5037 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1500x.jpg?v=1781796725 1500w" 5038 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5039 width="3000" 5040 height="3000" 5041 draggable="false" 5042 > 5043 </div> 5044 </div> 5045 5046 5047 5048 5049 5050 <div 5051 x-cloak 5052 class="keen-slider__slide w-[514px]" 5053 > 5054 <div class="relative pt-[100%]"> 5055 <img 5056 loading="lazy" 5057 class="absolute inset-0 w-full h-full object-cover rounded-4" 5058 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5059 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1000x.jpg?v=1781796725" 5060 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1500x.jpg?v=1781796725 1500w" 5061 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5062 width="3000" 5063 height="3000" 5064 draggable="false" 5065 > 5066 </div> 5067 </div> 5068 5069 5070 5071 5072 5073 <div 5074 x-cloak 5075 class="keen-slider__slide w-[514px]" 5076 > 5077 <div class="relative pt-[100%]"> 5078 <img 5079 loading="lazy" 5080 class="absolute inset-0 w-full h-full object-cover rounded-4" 5081 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5082 src="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1000x.jpg?v=1781736427" 5083 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_480x.jpg?v=1781736427 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_800x.jpg?v=1781736427 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1500x.jpg?v=1781736427 1500w" 5084 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5085 width="3000" 5086 height="3000" 5087 draggable="false" 5088 > 5089 </div> 5090 </div> 5091 5092 5093 5094 5095 5096 <div 5097 x-cloak 5098 class="keen-slider__slide w-[514px]" 5099 > 5100 <div class="relative pt-[100%]"> 5101 <img 5102 loading="lazy" 5103 class="absolute inset-0 w-full h-full object-cover rounded-4" 5104 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5105 src="//spiceology.com/cdn/shop/files/DSC09352_1000x.jpg?v=1782313136" 5106 srcset="//spiceology.com/cdn/shop/files/DSC09352_480x.jpg?v=1782313136 480w, //spiceology.com/cdn/shop/files/DSC09352_800x.jpg?v=1782313136 800w, //spiceology.com/cdn/shop/files/DSC09352_1500x.jpg?v=1782313136 1500w" 5107 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5108 width="1300" 5109 height="1300" 5110 draggable="false" 5111 > 5112 </div> 5113 </div> 5114 5115 5116 5117 </div> 5118 <button 5119 aria-label="Next image" 5120 class="slider-btn bg-green/70 hover:bg-green/100 transition-all duration-150 ease-in-out rounded-4 w-10 h-10 flex items-center justify-center text-white" 5121 >
5122 <span class="transform rotate-180 block"> 5123 <svg xmlns="http://www.w3.org/2000/svg" width="7" height="14" viewBox="0 0 7 14" fill="none"> 5124 <path d="M7 14L0 7L7 0" fill="currentColor"/> 5125 </svg> 5126 </span> 5127 </button> 5128 </div> 5129 <div class="flex justify-center flex-wrap gap-x-2.5"> 5130 5131 5132 5133 <button class="thumbnail opacity-50 w-[54px] h-[54px] rounded-2 overflow-hidden "> 5134 <div 5135 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out bg-bottom" 5136 style="background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_100x.jpg?v=1781796725)" 5137 ></div> 5138 </button> 5139 5140 5141 5142 5143 5144 <button class="thumbnail opacity-50 w-[54px] h-[54px] rounded-2 overflow-hidden "> 5145 <div 5146 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out bg-bottom" 5147 style="background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_100x.jpg?v=1781796725)" 5148 ></div> 5149 </button> 5150 5151 5152 5153 5154 5155 <button class="thumbnail opacity-50 w-[54px] h-[54px] rounded-2 overflow-hidden "> 5156 <div 5157 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out bg-bottom" 5158 style="background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_100x.jpg?v=1781796725)" 5159 ></div> 5160 </button> 5161 5162 5163 5164 5165 5166 <button class="thumbnail opacity-50 w-[54px] h-[54px] rounded-2 overflow-hidden "> 5167 <div 5168 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out bg-bottom" 5169 style="background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_100x.jpg?v=1781736427)" 5170 ></div> 5171 </button> 5172 5173 5174 5175 5176 5177 <button class="thumbnail opacity-50 w-[54px] h-[54px] rounded-2 overflow-hidden "> 5178 <div 5179 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out bg-bottom" 5180 style="background-image: url(//spiceology.com/cdn/shop/files/DSC09352_100x.jpg?v=1782313136)" 5181 ></div> 5182 </button> 5183 5184 5185 5186 </div> 5187 </button-slider> 5188 5189</div> 5190 5191 <!-- Mobile Gallery --> 5192 <button-slider 5193 data-slider-options=' 5194 { 5195 "breakpoints": { 5196 "(max-width: 1024px)": { 5197 "mode": "snap", 5198 "rtl": false, 5199 "loop": true, 5200 "slides": { "perView": "1", "spacing": 0 } 5201 }, 5202 "(min-width: 1024px)": { 5203 "disabled": true 5204 } 5205 } 5206 } 5207 ' 5208 > 5209 <div class="pr-2.5 pl-2.5"> 5210 <div 5211 x-data 5212 x-cloak 5213 class="keen-slider flex overflow-x-hidden lg:hidden hover:cursor-grab mb-2.5 lg:mb-4" 5214 > 5215 5216 5217 5218 <div class="keen-slider__slide w-full"> 5219 <div class="relative pt-[100%]"> 5220 <img 5221 loading="lazy" 5222 class="absolute inset-0 w-full h-full object-cover rounded-4" 5223 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5224 src="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_800x.jpg?v=1781796725" 5225 draggable="false" 5226 > 5227 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5228 </div> 5229 </div> 5230 5231 5232 5233 5234 5235 <div class="keen-slider__slide w-full"> 5236 <div class="relative pt-[100%]"> 5237 <img 5238 loading="lazy" 5239 class="absolute inset-0 w-full h-full object-cover rounded-4" 5240 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5241 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_800x.jpg?v=1781796725" 5242 draggable="false" 5243 > 5244 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5245 </div> 5246 </div> 5247 5248 5249 5250 5251 5252 <div class="keen-slider__slide w-full"> 5253 <div class="relative pt-[100%]"> 5254 <img 5255 loading="lazy" 5256 class="absolute inset-0 w-full h-full object-cover rounded-4" 5257 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5258 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_800x.jpg?v=1781796725" 5259 draggable="false" 5260 > 5261 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5262 </div> 5263 </div> 5264 5265 5266 5267 5268 5269 <div class="keen-slider__slide w-full"> 5270 <div class="relative pt-[100%]"> 5271 <img 5272 loading="lazy" 5273 class="absolute inset-0 w-full h-full object-cover rounded-4" 5274 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5275 src="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_800x.jpg?v=1781736427" 5276 draggable="false" 5277 > 5278 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5279 </div> 5280 </div> 5281 5282 5283 5284 5285 5286 <div class="keen-slider__slide w-full"> 5287 <div class="relative pt-[100%]"> 5288 <img 5289 loading="lazy" 5290 class="absolute inset-0 w-full h-full object-cover rounded-4" 5291 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5292 src="//spiceology.com/cdn/shop/files/DSC09352_800x.jpg?v=1782313136" 5293 draggable="false" 5294 > 5295 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5296 </div> 5297 </div> 5298 5299 5300 5301 <!-- Thumbnails --> 5302 </div> 5303 </div> 5304 <div class="flex flex-nowrap gap-x-2 overflow-x-scroll pb-7 lg:pb-4 lg:hidden hide-scrollbars"> 5305 5306 5307 5308 <button class="thumbnail rounded-2"> 5309 <div class="w-[60px] h-[60px] rounded-2 overflow-hidden"> 5310 <img class="w-full h-full object-cover transition-all duration-300 ease-in-out rounded-2" src="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1.jpg?v=1781796725&width=100"/> 5311 </div> 5312 </button> 5313 5314 5315 5316 5317 5318 <button class="thumbnail rounded-2"> 5319 <div class="w-[60px] h-[60px] rounded-2 overflow-hidden"> 5320 <img class="w-full h-full object-cover transition-all duration-300 ease-in-out rounded-2" src="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1.jpg?v=1781796725&width=100"/> 5321 </div> 5322 </button> 5323 5324 5325 5326 5327 5328 <button class="thumbnail rounded-2"> 5329 <div class="w-[60px] h-[60px] rounded-2 overflow-hidden"> 5330 <img class="w-full h-full object-cover transition-all duration-300 ease-in-out rounded-2" src="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1.jpg?v=1781796725&width=100"/> 5331 </div> 5332 </button> 5333 5334 5335 5336 5337 5338 <button class="thumbnail rounded-2"> 5339 <div class="w-[60px] h-[60px] rounded-2 overflow-hidden"> 5340 <img class="w-full h-full object-cover transition-all duration-300 ease-in-out rounded-2" src="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup.jpg?v=1781736427&width=100"/> 5341 </div> 5342 </button> 5343 5344 5345 5346 5347 5348 <button class="thumbnail rounded-2"> 5349 <div class="w-[60px] h-[60px] rounded-2 overflow-hidden"> 5350 <img class="w-full h-full object-cover transition-all duration-300 ease-in-out rounded-2" src="//spiceology.com/cdn/shop/files/DSC09352.jpg?v=1782313136&width=100"/> 5351 </div> 5352 </button> 5353 5354 5355 5356 </div> 5357 </button-slider> 5358 5359 <!-- Desktop Gallery --> 5360 <div 5361 class="hidden lg:flex gap-5 relative" 5362 x-data=" 5363 { 5364 activeImage: 1, 5365 handleNextImage() { 5366 if (this.activeImage < $refs.images.children.length) { 5367 this.activeImage++; 5368 } else { 5369 this.activeImage = 1; 5370 } 5371 }, 5372 handlePreviousImage() { 5373 if (this.activeImage > 1) { 5374 this.activeImage--; 5375 } else { 5376 this.activeImage = $refs.images.children.length; 5377 } 5378 } 5379 } 5380 " 5381 > 5382 <!-- Thumbnails --> 5383 <div 5384 class="flex justify-start flex-col gap-3 w-[97px] min-w-[97px] mb-6 lg:mb-0" 5385 x-data 5386 x-show="$refs.images.children.length > 1" 5387 x-cloak
5388 @keydown.right.prevent.stop="$focus.wrap().next()" 5389 @keydown.home.prevent.stop="$focus.first()" 5390 @keydown.page-up.prevent.stop="$focus.first()" 5391 @keydown.left.prevent.stop="$focus.wrap().prev()" 5392 @keydown.end.prevent.stop="$focus.last()" 5393 @keydown.page-down.prevent.stop="$focus.last()" 5394 > 5395 5396 5397 5398 5399 <button 5400 class="test rounded-4 hover:cursor-pointer transition-all duration-300 ease-in-out relative w-full aspect-square outline-offset-1" 5401 @mouseenter="activeImage = 1; resetZoom()" 5402 @focus="activeImage = 1; resetZoom()" 5403 :tabindex="activeImage === 1 ? 0 : -1" 5404 style="animation: slideInFromBottom 200ms var(--slide-animation-bezier) 100ms forwards;" 5405 > 5406 5407 <div 5408 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" 5409 5410 > 5411 <img class="relative object-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" src="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1000x.jpg?v=1781796725" /> 5412 5413 </div> 5414 </button> 5415 5416 5417 5418 5419 5420 5421 5422 <button 5423 class="test rounded-4 hover:cursor-pointer transition-all duration-300 ease-in-out relative w-full aspect-square outline-offset-1" 5424 @mouseenter="activeImage = 2; resetZoom()" 5425 @focus="activeImage = 2; resetZoom()" 5426 :tabindex="activeImage === 2 ? 0 : -1" 5427 style="animation: slideInFromBottom 200ms var(--slide-animation-bezier) 200ms forwards;" 5428 > 5429 5430 <div 5431 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" 5432 5433 > 5434 <img class="relative object-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" src="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1000x.jpg?v=1781796725" /> 5435 5436 </div> 5437 </button> 5438 5439 5440 5441 5442 5443 5444 5445 <button 5446 class="test rounded-4 hover:cursor-pointer transition-all duration-300 ease-in-out relative w-full aspect-square outline-offset-1" 5447 @mouseenter="activeImage = 3; resetZoom()" 5448 @focus="activeImage = 3; resetZoom()" 5449 :tabindex="activeImage === 3 ? 0 : -1" 5450 style="animation: slideInFromBottom 200ms var(--slide-animation-bezier) 300ms forwards;" 5451 > 5452 5453 <div 5454 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" 5455 5456 > 5457 <img class="relative object-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" src="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1000x.jpg?v=1781796725" /> 5458 5459 </div> 5460 </button> 5461 5462 5463 5464 5465 5466 5467 5468 <button 5469 class="test rounded-4 hover:cursor-pointer transition-all duration-300 ease-in-out relative w-full aspect-square outline-offset-1" 5470 @mouseenter="activeImage = 4; resetZoom()" 5471 @focus="activeImage = 4; resetZoom()" 5472 :tabindex="activeImage === 4 ? 0 : -1" 5473 style="animation: slideInFromBottom 200ms var(--slide-animation-bezier) 400ms forwards;" 5474 > 5475 5476 <div 5477 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" 5478 5479 > 5480 <img class="relative object-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" src="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1000x.jpg?v=1781736427" /> 5481 5482 </div> 5483 </button> 5484 5485 5486 5487 5488 5489 5490 5491 <button
5492 class="test rounded-4 hover:cursor-pointer transition-all duration-300 ease-in-out relative w-full aspect-square outline-offset-1" 5493 @mouseenter="activeImage = 5; resetZoom()" 5494 @focus="activeImage = 5; resetZoom()" 5495 :tabindex="activeImage === 5 ? 0 : -1" 5496 style="animation: slideInFromBottom 200ms var(--slide-animation-bezier) 500ms forwards;" 5497 > 5498 5499 <div 5500 class="relative bg-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" 5501 5502 > 5503 <img class="relative object-cover w-full h-full transition-all duration-300 ease-in-out rounded-4 bg-bottom" src="//spiceology.com/cdn/shop/files/DSC09352_1000x.jpg?v=1782313136" /> 5504 5505 </div> 5506 </button> 5507 5508 5509 5510 5511 <button 5512 class="pdp-modal-button text-green opacity-90 text-xs leading-4 font-400 font-sans bg-black/5 hover:bg-green hover:text-white transition-all duration-150 rounded-[35px] flex items-center justify-center flex-grow" 5513 x-text="'+ ' + ($refs.images.children.length - 5) + ' More'" 5514 x-show="$refs.images.children.length > 5" 5515 @click="openImageModal" 5516 ></button> 5517 </div> 5518 <!-- Main Gallery --> 5519 <div 5520 class="flex flex-col gap-y-[16px] flex-grow " 5521 style="animation: slideInFromBottom 450ms var(--slide-animation-bezier) 100ms forwards;" 5522 x-ref="images" 5523 > 5524 5525 5526 5527 <div 5528 x-show="activeImage == 1" 5529 aria-label="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning image 1 of 5" 5530 :aria-hidden="activeImage != 1" 5531 class="relative w-full h-full bg-gray/20" 5532 > 5533 <div 5534 class="relative pt-[100%] w-full h-full bg-white-warm/90 rounded-4 overflow-hidden" 5535 :class="zoomed ? 'lg:cursor-zoom-out' : 'lg:cursor-zoom'" 5536 @click="handleZoomClick" 5537 @mousemove="mouseHandler($event)" 5538 > 5539 <img 5540 loading="lazy" 5541 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5542 src="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1000x.jpg?v=1781796725" 5543 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-front_1_1500x.jpg?v=1781796725 1500w" 5544 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5545 class="absolute inset-0 h-full object-cover rounded-4" 5546 :class="zoomed ? 'w-[175vw]' : 'w-full'" 5547 width="3000" 5548 height="3000" 5549 draggable="false" 5550 > 5551 <div 5552 x-show="zoomed" 5553 x-ref="hoverImage" 5554 :style="`background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-front_1_7000x.jpg?v=1781796725); background-position: ${-posX}px ${-posY}px; background-size: 78vw auto`" 5555 class="hidden lg:block absolute inset-0 w-full h-full rounded-4 bg-center bg-no-repeat" 5556 width="3000" 5557 height="3000" 5558 ></div> 5559 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5560 </div> 5561 </div> 5562 5563 5564 5565 5566 5567 5568 <div 5569 x-show="activeImage == 2" 5570 aria-label="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning image 2 of 5" 5571 :aria-hidden="activeImage != 2" 5572 class="relative w-full h-full bg-gray/20" 5573 > 5574 <div 5575 class="relative pt-[100%] w-full h-full bg-white-warm/90 rounded-4 overflow-hidden" 5576 :class="zoomed ? 'lg:cursor-zoom-out' : 'lg:cursor-zoom'" 5577 @click="handleZoomClick"
5578 @mousemove="mouseHandler($event)" 5579 > 5580 <img 5581 loading="lazy" 5582 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5583 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1000x.jpg?v=1781796725" 5584 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side_1_1500x.jpg?v=1781796725 1500w" 5585 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5586 class="absolute inset-0 h-full object-cover rounded-4" 5587 :class="zoomed ? 'w-[175vw]' : 'w-full'" 5588 width="3000" 5589 height="3000" 5590 draggable="false" 5591 > 5592 <div 5593 x-show="zoomed" 5594 x-ref="hoverImage" 5595 :style="`background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-side_1_7000x.jpg?v=1781796725); background-position: ${-posX}px ${-posY}px; background-size: 78vw auto`" 5596 class="hidden lg:block absolute inset-0 w-full h-full rounded-4 bg-center bg-no-repeat" 5597 width="3000" 5598 height="3000" 5599 ></div> 5600 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5601 </div> 5602 </div> 5603 5604 5605 5606 5607 5608 5609 <div 5610 x-show="activeImage == 3" 5611 aria-label="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning image 3 of 5" 5612 :aria-hidden="activeImage != 3" 5613 class="relative w-full h-full bg-gray/20" 5614 > 5615 <div 5616 class="relative pt-[100%] w-full h-full bg-white-warm/90 rounded-4 overflow-hidden" 5617 :class="zoomed ? 'lg:cursor-zoom-out' : 'lg:cursor-zoom'" 5618 @click="handleZoomClick" 5619 @mousemove="mouseHandler($event)" 5620 > 5621 <img 5622 loading="lazy" 5623 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5624 src="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1000x.jpg?v=1781796725" 5625 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_480x.jpg?v=1781796725 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_800x.jpg?v=1781796725 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_1500x.jpg?v=1781796725 1500w" 5626 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5627 class="absolute inset-0 h-full object-cover rounded-4" 5628 :class="zoomed ? 'w-[175vw]' : 'w-full'" 5629 width="3000" 5630 height="3000" 5631 draggable="false" 5632 > 5633 <div 5634 x-show="zoomed" 5635 x-ref="hoverImage" 5636 :style="`background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-side2_1_7000x.jpg?v=1781796725); background-position: ${-posX}px ${-posY}px; background-size: 78vw auto`" 5637 class="hidden lg:block absolute inset-0 w-full h-full rounded-4 bg-center bg-no-repeat" 5638 width="3000" 5639 height="3000" 5640 ></div> 5641 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5642 </div> 5643 </div> 5644 5645 5646 5647 5648 5649 5650 <div 5651 x-show="activeImage == 4" 5652 aria-label="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning image 4 of 5" 5653 :aria-hidden="activeImage != 4" 5654 class="relative w-full h-full bg-gray/20" 5655 > 5656 <div 5657 class="relative pt-[100%] w-full h-full bg-white-warm/90 rounded-4 overflow-hidden" 5658 :class="zoomed ? 'lg:cursor-zoom-out' : 'lg:cursor-zoom'" 5659 @click="handleZoomClick"
5660 @mousemove="mouseHandler($event)" 5661 > 5662 <img 5663 loading="lazy" 5664 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5665 src="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1000x.jpg?v=1781736427" 5666 srcset="//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_480x.jpg?v=1781736427 480w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_800x.jpg?v=1781736427 800w, //spiceology.com/cdn/shop/files/cowboy-campfire-closeup_1500x.jpg?v=1781736427 1500w" 5667 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5668 class="absolute inset-0 h-full object-cover rounded-4" 5669 :class="zoomed ? 'w-[175vw]' : 'w-full'" 5670 width="3000" 5671 height="3000" 5672 draggable="false" 5673 > 5674 <div 5675 x-show="zoomed" 5676 x-ref="hoverImage" 5677 :style="`background-image: url(//spiceology.com/cdn/shop/files/cowboy-campfire-closeup_7000x.jpg?v=1781736427); background-position: ${-posX}px ${-posY}px; background-size: 78vw auto`" 5678 class="hidden lg:block absolute inset-0 w-full h-full rounded-4 bg-center bg-no-repeat" 5679 width="3000" 5680 height="3000" 5681 ></div> 5682 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5683 </div> 5684 </div> 5685 5686 5687 5688 5689 5690 5691 <div 5692 x-show="activeImage == 5" 5693 aria-label="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning image 5 of 5" 5694 :aria-hidden="activeImage != 5" 5695 class="relative w-full h-full bg-gray/20" 5696 > 5697 <div 5698 class="relative pt-[100%] w-full h-full bg-white-warm/90 rounded-4 overflow-hidden" 5699 :class="zoomed ? 'lg:cursor-zoom-out' : 'lg:cursor-zoom'" 5700 @click="handleZoomClick" 5701 @mousemove="mouseHandler($event)" 5702 > 5703 <img 5704 loading="lazy" 5705 alt="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" 5706 src="//spiceology.com/cdn/shop/files/DSC09352_1000x.jpg?v=1782313136" 5707 srcset="//spiceology.com/cdn/shop/files/DSC09352_480x.jpg?v=1782313136 480w, //spiceology.com/cdn/shop/files/DSC09352_800x.jpg?v=1782313136 800w, //spiceology.com/cdn/shop/files/DSC09352_1500x.jpg?v=1782313136 1500w" 5708 sizes="(max-width: 480px) 480px, (max-width: 800px) 800px, 1500px" 5709 class="absolute inset-0 h-full object-cover rounded-4" 5710 :class="zoomed ? 'w-[175vw]' : 'w-full'" 5711 width="1300" 5712 height="1300" 5713 draggable="false" 5714 > 5715 <div 5716 x-show="zoomed" 5717 x-ref="hoverImage" 5718 :style="`background-image: url(//spiceology.com/cdn/shop/files/DSC09352_7000x.jpg?v=1782313136); background-position: ${-posX}px ${-posY}px; background-size: 78vw auto`" 5719 class="hidden lg:block absolute inset-0 w-full h-full rounded-4 bg-center bg-no-repeat" 5720 width="1300" 5721 height="1300" 5722 ></div> 5723 <div x-show="!reactiveData.activeVariant?.isAvailable" class="absolute top-5 left-5 bg-grey-light flex items-center h-[21px] px-1.5 utility-sm text-[11px] uppercase">Out of stock</div> 5724 </div> 5725 </div> 5726 5727 5728 5729 5730 </div> 5731 5732 </div> 5733 5734 </div> 5735</div> 5736 5737 <div class="product-info-container w-full lg:w-[45%] px-2.5 lg:pr-[44px]"> 5738 <div> 5739 5740 <div class="flex flex-col gap-5 pb-6"> 5741 <div class="flex flex-col items-start"> 5742 5743 <div 5744 5745 5746 style="background-color: #181613; border-color: #181613;" 5747 class="flex items-center px-1.5 md:px-2.5 w-max h-[18px] md:h-5 utility-lg uppercase border rounded-2 mb-[5px] text-white" 5748 > 5749 Blend 5750 </div> 5751 5752 <h1 class="heading-lg lg:heading-2xl">Derek Wolf | Cowboy Campfire Smoky SPG Seasoning</h1> 5753 </div> 5754 5755 <div class="reviews-wrapper utility-sm text-[16px] lg:text-[18px] flex justify-between w-full pt-3.5"> 5756 <div class="flex gap-2"> 5757 <div 5758 x-cloak 5759 x-show="reactiveData.activeVariant?.variantCompareAtPrice > reactiveData.activeVariant?.variantPrice" 5760 class="text-right whitespace-nowrap line-through text-[#69635b]" 5761 x-price="reactiveData.activeVariant?.variantCompareAtPrice * quantity" 5762 ></div> 5763 <div 5764 :class="reactiveData.activeVariant?.variantCompareAtPrice > reactiveData.activeVariant?.variantPrice ? 'text-green' : 'text-black'" 5765 class="text-right whitespace-nowrap" 5766 x-price="reactiveData.activeVariant?.variantPrice" 5767 ></div> 5768 </div> 5769 <div 5770 class="yotpo-widget-instance" 5771 data-yotpo-instance-id="860939" 5772 data-yotpo-product-id="8618595254468" 5773 data-yotpo-cart-product-id="" 5774 data-yotpo-section-id="product" 5775 ></div> 5776 </div> 5777 </div> 5778 <div class="pdp-form-container"> 5779 <hr> 5780 <div class="hidden lg:flex flex-col"> 5781 <div 5782 class="pb-4" 5783 x-data=" 5784 { 5785 expanded: false, 5786 defaultHeight: 0, 5787 height: 0, 5788 clickReadmore() { 5789 if(this.expanded) { 5790 this.expanded = false;
5791 this.height = 92; 5792 $refs.readMoreBtn.innerHTML = 'Read More'; 5793 } 5794 else { 5795 this.expanded = true; 5796 this.height = this.defaultHeight; 5797 $refs.readMoreBtn.innerHTML = 'Read Less'; 5798 } 5799 }, 5800 init() { 5801 this.defaultHeight = $refs.description.offsetHeight; 5802 this.height = this.defaultHeight; 5803 if (this.defaultHeight > 92) { 5804 this.height = 92; 5805 } 5806 } 5807 } 5808 " 5809 > 5810 5811 <div 5812 class="body-md pt-5 pr-6 rte product-description overflow-hidden" 5813 :style="`height: ${height}px;`" 5814 x-ref="description" 5815 > 5816 <p>A smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies</p> 5817<p dir="ltr"><span>SPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (<span style="text-decoration: underline;"><a href="https://www.instagram.com/overthefirecooking/" title="instagram" rel="noopener" target="_blank">@overthefirecooking</a></span>) took this classic seasoning to the smoky place it was always destined to go.  </span></p> 5818<p dir="ltr"><span>Cowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked
5818salt that delivers deep, authentic campfire flavor in every shake.</span></p> 5819<p dir="ltr"><span>The result is the perfect amount of smoke on smoke.</span></p> 5820<p dir="ltr"><span>Use it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.</span></p> 5821 </div> 5822 <button 5823 @click.prevent="clickReadmore()" 5824 x-show="defaultHeight > 92 " 5825 class="underline mt-2 inline-block" 5826 x-ref="readMoreBtn" 5827 > 5828 Read More 5829 </button> 5830 </div> 5831 <div class="flex flex-col items-start gap-y-2 pb-5"> 5832 5833 <div class="flex items-center"> 5834 <span class="body-md w-[86px] min-w-[86px]">Flavors:</span> 5835 <ul class="flex items-center gap-1 flex-wrap"> 5836 5837 <li class="utility-lg flex justify-center items-center px-2 h-[17px] rounded-[21px] bg-grey"> 5838 <a href="/collections/savory-umami">Savory/Umami</a> 5839 </li> 5840 5841 <li class="utility-lg flex justify-center items-center px-2 h-[17px] rounded-[21px] bg-grey"> 5842 <a href="/collections/salty">Salty</a> 5843 </li> 5844 5845 </ul> 5846 </div> 5847 5848 5849 <div class="flex items-start"> 5850 <span class="body-md w-[86px]">Good on:</span> 5851 <ul class="flex items-center gap-1 flex-1 flex-wrap"> 5852 5853 <li class="body-md flex justify-center items-center"> 5854 Greens, 5855 </li> 5856 5857 <li class="body-md flex justify-center items-center"> 5858 Rice/Grains/Pasta, 5859 </li> 5860 5861 <li class="body-md flex justify-center items-center"> 5862 Vegetables, 5863 </li> 5864 5865 <li class="body-md flex justify-center items-center"> 5866 Seafood, 5867 </li> 5868 5869 <li class="body-md flex justify-center items-center"> 5870 Pork, 5871 </li> 5872 5873 <li class="body-md flex justify-center items-center"> 5874 Beef, 5875 </li> 5876 5877 <li class="body-md flex justify-center items-center"> 5878 BBQ, 5879 </li> 5880 5881 <li class="body-md flex justify-center items-center"> 5882 Burgers, 5883 </li> 5884 5885 <li class="body-md flex justify-center items-center"> 5886 Fries, 5887 </li> 5888 5889 <li class="body-md flex justify-center items-center"> 5890 Pizza, 5891 </li> 5892 5893 <li class="body-md flex justify-center items-center"> 5894 Poultry 5895 </li> 5896 5897 </ul> 5898 </div> 5899 5900 </div> 5901 <hr> 5902 </div> 5903 5904 5905 5906 5907 <form 5908 x-show="reactiveData.activeVariant.isAvailable" 5909 class="" 5910 id="product-form-template--17707831230660__hero" 5911 method="post" 5912 action="/cart/add" 5913 accept-charset="UTF-8" 5914 enctype="multipart/form-data" 5915 novalidate="novalidate" 5916 data-type="add-to-cart-form" 5917 x-data=" 5918 { 5919 init() { 5920 const productObserver = new MutationObserver(() => { 5921 if(reactiveData.activeVariant?.variantCompareAtPrice > reactiveData.activeVariant?.variantPrice) { 5922 const yotpoWidget = document.querySelector('.yotpo-radio-buy-once-container .yotpo-subscription-price-label-container'); 5923 if(!yotpoWidget?.querySelector('.yotpo-subscription-label-compared-price')) { 5924 const comparedPrice = document.createElement('div'); 5925 comparedPrice.className = 'yotpo-subscription-label-compared-price'; 5926 const variantCompareAtPrice = reactiveData.activeVariant?.variantCompareAtPrice / 100; 5927 comparedPrice.innerHTML = `$` + variantCompareAtPrice.toFixed(2);
5928 yotpoWidget?.prepend(comparedPrice); 5929 } 5930 } 5931 }); 5932 productObserver.observe(document.querySelector('.product-info-container'), { 5933 subtree: true, 5934 childList: true, 5935 }); 5936 } 5937 } 5938 " 5939 > 5940 <input type="hidden" name="form_type" value="product"> 5941 <input type="hidden" name="utf8" value="â"> 5942 <input type="hidden" name="id" :value="$store.main.activeProductVariantId"> 5943 5944 <div class="recharge-app-section" style="padding: 15px 0"> <div id="shopify-block-AMVBTMzQxblRWazJIT__recharge_subscriptions_subscription_widget_v2_GMGjqh" class="shopify-block shopify-app-block recharge-subscription-widget"> 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957
5958<script id="SubscriptionWidgetConfig__shopify_settings"> 5959 (function () { 5960 window.SubscriptionWidgetConfig || (window.SubscriptionWidgetConfig = {}); 5961 window.SubscriptionWidgetConfig.shop = { 5962 5963 currency: "USD", 5964 currency_format: "${{amount}}", 5965 identifier: "spiceology.myshopify.com", 5966 5967 template: ["product", null].filter(Boolean).join('/'), 5968 5969 market_id: 1733525700, 5970 5971 show_powered_by_recharge:false}; 5972 5973 window.SubscriptionWidgetConfig.formattedPrices = { 5974 5975 5976 5977 [46262024241348]: { 5978 unit:"$18.99", 5979 discounted:"", 5980 sellingPlans: { 5981 5982 [4161896644]: { 5983 5984 price:"$18.99", 5985 discountType: null, 5986 discountValue: null, 5987 variantPrice: 1899, 5988 planPrice: 1899, 5989 5990 }, 5991 5992 [4161929412]: { 5993 5994 price:"$18.99", 5995 discountType: null, 5996 discountValue: null, 5997 variantPrice: 1899, 5998 planPrice: 1899, 5999 6000 }, 6001 6002 [4161962180]: { 6003 6004 price:"$18.99", 6005 discountType: null, 6006 discountValue: null, 6007 variantPrice: 1899, 6008 planPrice: 1899, 6009 6010 }, 6011 6012 [4162027716]: { 6013 6014 price:"$18.99", 6015 discountType: null, 6016 discountValue: null, 6017 variantPrice: 1899, 6018 planPrice: 1899, 6019 6020 }, 6021 6022 [4161994948]: { 6023 6024 price:"$18.99", 6025 discountType: null, 6026 discountValue: null, 6027 variantPrice: 1899, 6028 planPrice: 1899, 6029 6030 }, 6031 6032 [4162060484]: { 6033 6034 price:"$18.99", 6035 discountType: null, 6036 discountValue: null, 6037 variantPrice: 1899, 6038 planPrice: 1899, 6039 6040 }, 6041 6042 } 6043 }, 6044 6045 }; 6046 6047 6048 window.SubscriptionWidgetConfig.shopifyPlans = [ 6049 6050 6051 6052 { id: 4161896644, name: "1 month subscription" }, 6053 6054 6055 { id: 4161929412, name: "2 month subscription" }, 6056 6057 6058 { id: 4161962180, name: "3 month subscription" }, 6059 6060
6061 { id: 4162027716, name: "4 month subscription" }, 6062 6063 6064 { id: 4161994948, name: "5 month subscription" }, 6065 6066 6067 { id: 4162060484, name: "6 month subscription" }, 6068 6069 6070 ] 6071 })(); 6072 </script>
6072 6073
6073<script id="SubscriptionWidgetConfig__preview_config"> 6074 (function () { 6075 window.SubscriptionWidgetConfig || (window.SubscriptionWidgetConfig = {}); 6076 6077 window.SubscriptionWidgetConfig.preview_config ={"preview_config":{"defaultSelection":"onetime","firstSelectionOption":"onetime","subscriptionWithDiscountLabel":"Subscribe \u0026 save","subscriptionWithoutDiscountLabel":"Subscribe","onetimeLabel":"One-time","frequencyLabel":"Deliver every:","frequencyDisplayType":"buttonGroup","frequencyDisplayContent":"interval","brand_color":"#121212","brand_contrast_color":"#FFFFFF","text_color":"#121212","selected_bg_color":"#FFFFFF","selected_text_color":"#121212","border_radius":"square","displayMode":"compact","customCSS":".rc-purchase-option__selector{\n font-size: 8px !important;\n}","badgeText":"Save up to {maxDiscount}","badge_text_color":"#FFFFFF","badge_bg_color":"#0F866A","benefitsImage":"","benefits":"\u003cul\u003e\u003cli\u003e\u003cp\u003eSave {discount}\u003c\/p\u003e\u003c\/li\u003e\u003cli\u003e\u003cp\u003eFree shipping\u003c\/p\u003e\u003c\/li\u003e\u003cli\u003e\u003cp\u003eNo commitment. Cancel anytime\u003c\/p\u003e\u003c\/li\u003e\u003c\/ul\u003e","onetimeDrawbacks":"","learnMoreText":"Learn more","learnMoreContent":"\u003cstyle\u003erc-learn-more-modal h1 { font-size: 40px; line-height: 48px; font-weight: 600; text-align: center; padding-bottom: 32px; margin: 0;}rc-learn-more-modal h2 { padding: 0; margin: 0; font-size: 20px; line-height: 28px; font-weight: 600;}rc-learn-more-modal p { margin: 0; padding: 0; font-size: 16px; line-height: 24px;}rc-learn-more-modal .learn-more-content { padding: 0 20px 20px;}rc-learn-more-modal .learn-more-footer button { background-color: var(--rc-widget-brand-color); color: var(--rc-widget-brand-contrast-color); border: none; border-radius: var(--rc-widget-button-radius); padding: 12px; min-width: 335px; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color 0.1s ease;}rc-learn-more-modal .learn-more-footer button:hover { background-color: var(--rc-widget-brand-color-80);}rc-learn-more-modal .learn-more-footer { display: flex; justify-content: center;}rc-learn-more-modal .learn-more-group { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px;}rc-learn-more-modal .learn-more-group-item { display: flex; gap: 32px; align-items: center;}rc-learn-more-modal .learn-more-group-icon-container { display: flex; padding: 32px; background-color: #f6f8f9; border-radius: var(--rc-widget-card-radius);}rc-learn-more-modal svg, rc-learn-more-modal img { height: 40px; width: 40px;}@media (max-width: 560px) { rc-learn-more-modal h1 { font-size: 26px; line-height: 32px; padding-bottom: 16px; }rc-learn-more-modal h2 { font-size: 16px; line-height: 24px;}rc-learn-more-modal p { font-size: 14px; line-height: 20px;}rc-learn-more-modal .learn-more-content { padding: 0;}rc-learn-more-modal svg, rc-learn-more-modal img { height: 32px; width: 32px;}rc-learn-more-modal .learn-more-group-item { gap: 16px;}rc-learn-more-modal .learn-more-group-icon-container { padding: 20px;} }\u003c\/style\u003e\u003cdiv class='learn-more-content'\u003e\u003ch1 class='learn-more-header'\u003eGreat reasons to subscribe\u003c\/h1\u003e \u003cdiv class='learn-more-group'\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e\u003cspan rc-calendar-icon\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch2 style='margin:0;'\u003eFlexible frequency\u003c\/h2\u003e \u003cp style='margin:0;'\u003e Not sure how much of something you need, or how often? Adjust quantities and frequencies any time. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e \u003cspan rc-bell-icon\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e \u003ch2\u003eOrder reminders\u003c\/h2\u003e \u003cp\u003e We'll let you know before each shipment. Delay, reschedule or cancel if you need to - weâll only bill you when your order ships. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e \u003cspan rc-phone-icon\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e \u003ch2\u003eYou're in control\u003c\/h2\u003e \u003cp\u003e Add or remove subscriptions, cancel orders, and edit frequencies and quantities through our user-friendly customer portal. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class='learn-more-footer'\u003e\u003cbutton data-dismiss-modal\u003eGot it\u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e","showStrikethroughPrice"
6077:true,"staticPricingText":"{discountPrice}","dynamicPricingText":"For {recurringDiscountCountWithInterval}, then {recurringDiscountAmount}","frequencyIntervalTranslation":{"days":"{interval} days","day":"{interval} day","weeks":"{interval} weeks","week":"{interval} week","months":"{interval} months","month":"{interval} month","save":"save {discount}","prepaidUnit":"{unitPrice}\/ea","chargeInterval":"Pay every {chargeInterval}"}}}; 6078 })(); 6079 </script>
6079 6080
6080<script id="SubscriptionWidgetConfig__configs"> 6081 (function () { 6082 window.SubscriptionWidgetConfig || (window.SubscriptionWidgetConfig = {}); 6083 6084 window.SubscriptionWidgetConfig.configs ={"subscription_widget_v2":{"widget_configs":[],"default_widget_config":{"trigger_type":null,"trigger_values":null,"product_template_ids":null,"widget_flow_id":207681,"widget_flow_name":"Subscription widget","ab_splits":[{"ab_split_id":null,"ab_split_name":null,"percentage":100,"display_configs":[{"config_information":{"benefits":"\u003cul\u003e\u003cli\u003e\u003cp\u003eGet your favorite seasonings delivered automatically.\u003c\/p\u003e\u003c\/li\u003e\u003cli\u003e\u003cp\u003eNo commitment. Cancel anytime in your account.\u003c\/p\u003e\u003c\/li\u003e\u003c\/ul\u003e","badgeText":"Save up to {maxDiscount}","config_id":207681549,"customCSS":"::part(rc-purchase-option__selector){\n font-family: Chromatic Grotesque, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color emoji;\n font-weight: normal;\n}","text_color":"#121212","brand_color":"#121212","displayMode":"compact","onetimeLabel":"One-time","benefitsImage":"","border_radius":"square","learnMoreText":"Learn more","badge_bg_color":"#0F866A","frequencyLabel":"Deliver every:","badge_text_color":"#FFFFFF","defaultSelection":"onetime","learnMoreContent":"\u003cstyle\u003erc-learn-more-modal h1 { font-size: 40px; line-height: 48px; font-weight: 600; text-align: center; padding-bottom: 32px; margin: 0;}rc-learn-more-modal h2 { padding: 0; margin: 0; font-size: 20px; line-height: 28px; font-weight: 600;}rc-learn-more-modal p { margin: 0; padding: 0; font-size: 16px; line-height: 24px;}rc-learn-more-modal .learn-more-content { padding: 0 20px 20px;}rc-learn-more-modal .learn-more-footer button { background-color: var(--rc-widget-brand-color); color: var(--rc-widget-brand-contrast-color); border: none; border-radius: var(--rc-widget-button-radius); padding: 12px; min-width: 335px; font-size: 16px; font-weight: 600; line-height: 24px; cursor: pointer; transition: background-color 0.1s ease;}rc-learn-more-modal .learn-more-footer button:hover { background-color: var(--rc-widget-brand-color-80);}rc-learn-more-modal .learn-more-footer { display: flex; justify-content: center;}rc-learn-more-modal .learn-more-group { display: flex; flex-direction: column; gap: 24px; margin-bottom: 24px;}rc-learn-more-modal .learn-more-group-item { display: flex; gap: 32px; align-items: center;}rc-learn-more-modal .learn-more-group-icon-container { display: flex; padding: 32px; background-color: #f6f8f9; border-radius: var(--rc-widget-card-radius);}rc-learn-more-modal svg, rc-learn-more-modal img { height: 40px; width: 40px;}@media (max-width: 560px) { rc-learn-more-modal h1 { font-size: 26px; line-height: 32px; padding-bottom: 16px; }rc-learn-more-modal h2 { font-size: 16px; line-height: 24px;}rc-learn-more-modal p { font-size: 14px; line-height: 20px;}rc-learn-more-modal .learn-more-content { padding: 0;}rc-learn-more-modal svg, rc-learn-more-modal img { height: 32px; width: 32px;}rc-learn-more-modal .learn-more-group-item { gap: 16px;}rc-learn-more-modal .learn-more-group-icon-container { padding: 20px;} }\u003c\/style\u003e\u003cdiv class='learn-more-content'\u003e\u003ch1 class='learn-more-header'\u003eGreat reasons to subscribe\u003c\/h1\u003e \u003cdiv class='learn-more-group'\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e\u003cspan rc-calendar-icon\u003e\u003c\/span\u003e\u003c\/div\u003e \u003cdiv\u003e \u003ch2 style='margin:0;'\u003eFlexible frequency\u003c\/h2\u003e \u003cp style='margin:0;'\u003e Not sure how much of something you need, or how often? Adjust quantities and frequencies any time. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e \u003cspan rc-bell-icon\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e \u003ch2\u003eOrder reminders\u003c\/h2\u003e \u003cp\u003e We'll let you know before each shipment. Delay, reschedule or cancel if you need to - weâll only bill you when your order ships. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003cdiv class='learn-more-group-item'\u003e \u003cdiv class='learn-more-group-icon-container'\u003e \u003cspan rc-phone-icon\u003e\u003c\/span\u003e \u003c\/div\u003e \u003cdiv\u003e \u003ch2\u003eYou're in control\u003c\/h2\u003e \u003cp\u003e Add or remove subscriptions, cancel orders, and edit frequencies and quantities through our user-friendly customer portal. \u003c\/p\u003e \u003c\/div\u003e \u003c\/div\u003e \u003c\/div\u003e\u003c\/div\u003e\u003cdiv class='learn-more-footer'\u003e\u003cbutton data-dismiss-modal\u003eGot it\u003c\/button\u003e\u003c\/div\u003e\u003c\/div\u003e","onetimeDrawbacks":"","selected_bg_color":"#FFFFFF","staticPricingText":"{discountPrice}","dynamicPricingText":null,"selected_text_color":"#121212","brand_contrast_color":"#FFFFFF","firstSelectionOption":"onetime","frequencyDisplayType":"buttonGroup","showStrikethroughPrice"
6084:false,"frequencyDisplayContent":"interval","frequencyIntervalTranslation":{"day":"{interval} day","days":"{interval} days","save":"save {discount}","week":"{interval} week","month":"{interval} month","weeks":"{interval} weeks","months":"{interval} months","prepaidUnit":"{unitPrice}\/ea","chargeInterval":"Pay every {chargeInterval}"},"subscriptionWithDiscountLabel":"Subscribe","subscriptionWithoutDiscountLabel":"Subscribe"},"external_market_id":null}],"plan_configs":null}]}}}; 6085 })(); 6086 </script>
6086 6087
6087<script type="module" src="https://static.rechargecdn.com/assets/subscription-widget/subscription-widget.js"></script>
6087 6088 <recharge-subscription-widget 6089 product-id="8618595254468" 6090 default-variant-id="46262024241348"> 6091 </recharge-subscription-widget> 6092 <style> 6093 .shopify-block.recharge-subscription-widget { 6094 display: flex; 6095 justify-content: center; 6096 } 6097 </style>
6098<script> 6099 6100 window.Recharge = {}; 6101</script>
6101 6102 6103 6104</div></div> 6105 6106 <div class="recharge-app-section" style="padding: 15px 0"> <!-- Syntax error in tag 'render' - Template name must be a quoted string --></div> 6107 6108 <div 6109 class="flex justify-center pt-7 pb-8" 6110 :class="{ 'opacity-30 pointer-events-none': !reactiveData.activeVariant.isAvailable }" 6111 > 6112 <div class="button__qty flex lg:gap-1.5"> 6113 <button 6114 type="button" 6115 name="subtract" 6116 class="button__minus" 6117 @click.prevent="quantity < 2 ? quantity = 1 : quantity--" 6118 :disabled="quantity === 1" 6119 aria-label="Subtract one from quantity" 6120 > 6121 <svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6122 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6123 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6124</svg> 6125 6126 </button> 6127 <div 6128 class="utility-sm uppercase text-[11px] lg:body-md lg:normal-case leading-[20px] flex items-center w-min lg:bg-black/5 pl-4 pr-2 lg:pl-5 lg:pr-4" 6129 > 6130 <h2 class="">Qty:</h2> 6131 <div class="flex-1 text-center overflow-hidden w-6 h-5"> 6132 <div class="transition-transform" :style="{ transform: `translateY(-${quantity * 20}px)` }"> 6133 6134 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6135 0 6136 </div> 6137 6138 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6139 1 6140 </div> 6141 6142 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6143 2 6144 </div> 6145 6146 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6147 3 6148 </div> 6149 6150 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6151 4 6152 </div> 6153 6154 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6155 5 6156 </div> 6157 6158 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6159 6 6160 </div> 6161 6162 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6163 7 6164 </div> 6165 6166 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6167 8 6168 </div> 6169 6170 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6171 9 6172 </div> 6173 6174 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6175 10 6176 </div> 6177 6178 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6179 11 6180 </div> 6181 6182 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6183 12 6184 </div> 6185 6186 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6187 13 6188 </div> 6189 6190 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6191 14 6192 </div> 6193 6194 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6195 15 6196 </div> 6197 6198 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6199 16 6200 </div> 6201 6202 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6203 17 6204 </div> 6205 6206 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6207 18 6208 </div> 6209 6210 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6211 19 6212 </div> 6213 6214 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6215 20 6216 </div> 6217 6218 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6219 21 6220 </div> 6221 6222 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6223 22 6224 </div> 6225 6226 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6227 23 6228 </div> 6229 6230 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6231 24 6232 </div> 6233 6234 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6235 25 6236 </div> 6237 6238 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6239 26 6240 </div> 6241 6242 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6243 27 6244 </div> 6245 6246 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6247 28 6248 </div> 6249 6250 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6251 29 6252 </div> 6253 6254 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6255 30 6256 </div> 6257 6258 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6259 31 6260 </div> 6261 6262 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6263 32 6264 </div> 6265 6266 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6267 33 6268 </div> 6269 6270 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6271 34 6272 </div> 6273 6274 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6275 35 6276 </div> 6277 6278 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6279 36 6280 </div> 6281 6282 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6283 37 6284 </div> 6285 6286 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6287 38 6288 </div> 6289 6290 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6291 39 6292 </div> 6293 6294 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6295 40 6296 </div> 6297 6298 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6299 41 6300 </div> 6301 6302 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6303 42 6304 </div> 6305 6306 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6307 43 6308 </div> 6309 6310 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6311 44 6312 </div> 6313 6314 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6315 45 6316 </div> 6317 6318 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6319 46 6320 </div> 6321 6322 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6323 47 6324 </div> 6325 6326 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6327 48 6328 </div> 6329 6330 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6331 49 6332 </div> 6333 6334 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6335 50 6336 </div> 6337 6338 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6339 51 6340 </div> 6341 6342 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6343 52 6344 </div> 6345 6346 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6347 53 6348 </div> 6349 6350 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6351 54 6352 </div> 6353 6354 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6355 55 6356 </div> 6357 6358 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6359 56 6360 </div> 6361 6362 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6363 57 6364 </div> 6365 6366 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6367 58 6368 </div> 6369 6370 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6371 59 6372 </div> 6373 6374 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6375 60 6376 </div> 6377 6378 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6379 61 6380 </div> 6381 6382 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6383 62 6384 </div> 6385 6386 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6387 63 6388 </div> 6389 6390 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6391 64 6392 </div> 6393 6394 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6395 65 6396 </div> 6397 6398 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6399 66 6400 </div> 6401 6402 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6403 67 6404 </div> 6405 6406 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6407 68 6408 </div> 6409 6410 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6411 69 6412 </div> 6413 6414 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6415 70 6416 </div> 6417 6418 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6419 71 6420 </div> 6421 6422 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6423 72 6424 </div> 6425 6426 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6427 73 6428 </div> 6429 6430 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6431 74
6432 </div> 6433 6434 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6435 75 6436 </div> 6437 6438 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6439 76 6440 </div> 6441 6442 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6443 77 6444 </div> 6445 6446 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6447 78 6448 </div> 6449 6450 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6451 79 6452 </div> 6453 6454 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6455 80 6456 </div> 6457 6458 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6459 81 6460 </div> 6461 6462 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6463 82 6464 </div> 6465 6466 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6467 83 6468 </div> 6469 6470 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6471 84 6472 </div> 6473 6474 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6475 85 6476 </div> 6477 6478 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6479 86 6480 </div> 6481 6482 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6483 87 6484 </div> 6485 6486 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6487 88 6488 </div> 6489 6490 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6491 89 6492 </div> 6493 6494 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6495 90 6496 </div> 6497 6498 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6499 91 6500 </div> 6501 6502 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6503 92 6504 </div> 6505 6506 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6507 93 6508 </div> 6509 6510 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6511 94 6512 </div> 6513 6514 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6515 95 6516 </div> 6517 6518 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6519 96 6520 </div> 6521 6522 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6523 97 6524 </div> 6525 6526 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6527 98 6528 </div> 6529 6530 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6531 99 6532 </div> 6533 6534 <div style="line-height: 20px; height: 20px; vertical-align: middle;"> 6535 100 6536 </div> 6537 6538 <input type="hidden" name="quantity" :value="quantity"> 6539 </div> 6540 </div> 6541 </div> 6542 <button 6543 type="button" 6544 name="add" 6545 class="button__plus transform -scale-y-100" 6546 @click.prevent="quantity++" 6547 aria-label="Add one to quantity" 6548 > 6549 <svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6550 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6551 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.704
65516 17.376L13.2966 17.376Z" fill="#181613"/> 6552</svg> 6553 6554 </button> 6555 </div> 6556 </div> 6557 6558 <div > 6559 </div> 6560 6561 <button 6562 class="button__primary text-[16px] w-full px-6" 6563 :class="{ 'disabled': !reactiveData.activeVariant.isAvailable }" 6564 x-cloak 6565 type="submit" 6566 > 6567 <div class="w-full flex flex-row justify-between" x-show="reactiveData.activeVariant.isAvailable"> 6568 <span x-text="$store.main.isCartUpdating ? 'Adding To Cartâ¦' : 'Add To Cart'"></span> 6569 <div class="flex gap-2"> 6570 <span 6571 x-cloak 6572 x-show="reactiveData.activeVariant?.variantCompareAtPrice > reactiveData.activeVariant?.variantPrice" 6573 x-price="reactiveData.activeVariant?.variantCompareAtPrice * quantity" 6574 class="line-through" 6575 ></span> 6576 <span x-price="reactiveData.activeVariant?.variantPrice * quantity"></span> 6577 </div> 6578 </div> 6579 <div class="w-full flex flex-row justify-center" x-show="!reactiveData.activeVariant.isAvailable"> 6580 <span>Sold Out</span> 6581 </div> 6582 </button> 6583 </form> 6584 6585 <klaviyo-form 6586 class="w-full" 6587 data-type="bis" 6588 x-show="!reactiveData.activeVariant?.isAvailable" 6589 x-bind:data-variant-id="reactiveData.activeVariant?.id" 6590 > 6591 <form class="w-full"> 6592 <div class="js-email-input-wrapper relative mt-5"> 6593 <input 6594 class="input__primary w-full lg:h-[65px] h-[51px] lg:pr-25" 6595 type="email" 6596 name="email" 6597 placeholder="Enter Email" 6598 required 6599 > 6600 <button 6601 type="submit" 6602 class="absolute right-6 top-1/2 -translate-y-1/2 text-black text-16 leading-130 underline tracking-3 font-sans" 6603 > 6604 Notify Me 6605 </button> 6606 </div> 6607 6608 <div class="py-5"> 6609 <div class="hidden w-full utility-lg tracking-[0.66px] js-email-success">Thanks! You're signed up.</div> 6610 <div class="hidden js-email-error absolute w-full utility-lg text-red tracking-[0.66px]"> 6611 Error messge here. 6612 </div> 6613 </div> 6614 </form> 6615 </klaviyo-form> 6616 6617 6618 </div> 6619 6620 6621 6622 6623 <div class="videowise-app-ccontainer"> 6624 <div class="reeview-app-widget" id="reeview-app-widget_69df2bb96ad51d004844a3a0"></div> 6625 </div> 6626 6627 6628 6629 <div class="lg:hidden"> 6630 <div 6631 class="pb-4" 6632 x-data=" 6633 { 6634 expanded: false, 6635 defaultHeight: 0, 6636 height: 0, 6637 clickReadmore() { 6638 if (this.expanded) { 6639 this.expanded = false; 6640 this.height = 92; 6641 $refs.readMoreBtn.innerHTML = 'Read More'; 6642 } 6643 else { 6644 this.expanded = true; 6645 this.height = this.defaultHeight; 6646 $refs.readMoreBtn.innerHTML = 'Read Less'; 6647 } 6648 }, 6649 init() { 6650 this.defaultHeight = $refs.description.offsetHeight; 6651 this.height = this.defaultHeight; 6652 if(this.defaultHeight > 92) { 6653 this.height = 92; 6654 } 6655 } 6656 } 6657 " 6658 > 6659 <div 6660 class="body-md pt-5 pr-6 rte product-description overflow-hidden" 6661 :style="`height: ${height}px;`" 6662 x-ref="description" 6663 > 6664 <p>A smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies</p> 6665<p dir="ltr"><span>SPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (<span style="text-decoration: underline;"><a href="https://www.instagram.com/overthefirecooking/" title="instagram" rel="noopener" target="_blank">@overthefirecooking</a></span>) took this classic seasoning to the smoky place it was always de
6665stined to go.  </span></p> 6666<p dir="ltr"><span>Cowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked salt that delivers deep, authentic campfire flavor in every shake.</span></p> 6667<p dir="ltr"><span>The result is the perfect amount of smoke on smoke.</span></p> 6668<p dir="ltr"><span>Use it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.</span></p> 6669 </div> 6670 <a 6671 href="#" 6672 @click.prevent="clickReadmore()" 6673 x-show="defaultHeight > 92 " 6674 class="underline mt-2 inline-block" 6675 x-ref="readMoreBtn" 6676 >Read More</a 6677 > 6678 </div> 6679 <div class="flex flex-col items-start gap-y-2 pb-5"> 6680 6681 <div class="flex items-start"> 6682 <span class="body-md w-[86px]">Flavors:</span> 6683 <ul class="flex items-center gap-1 flex-1 flex-wrap"> 6684 6685 <li class="utility-lg flex justify-center items-center px-2 h-[17px] rounded-[21px] bg-grey mt-1"> 6686 <a href="/collections/savory-umami">Savory/Umami</a> 6687 </li> 6688 6689 <li class="utility-lg flex justify-center items-center px-2 h-[17px] rounded-[21px] bg-grey mt-1"> 6690 <a href="/collections/salty">Salty</a> 6691 </li> 6692 6693 </ul> 6694 </div> 6695 6696 6697 <div class="flex items-start"> 6698 <span class="body-md w-[86px]">Good on:</span> 6699 <ul class="flex items-center gap-1 flex-1 flex-wrap"> 6700 6701 <li class="body-md flex justify-center items-center"> 6702 Greens, 6703 </li> 6704 6705 <li class="body-md flex justify-center items-center"> 6706 Rice/Grains/Pasta, 6707 </li> 6708 6709 <li class="body-md flex justify-center items-center"> 6710 Vegetables, 6711 </li> 6712 6713 <li class="body-md flex justify-center items-center"> 6714 Seafood, 6715 </li> 6716 6717 <li class="body-md flex justify-center items-center"> 6718 Pork, 6719 </li> 6720 6721 <li class="body-md flex justify-center items-center"> 6722 Beef, 6723 </li> 6724 6725 <li class="body-md flex justify-center items-center"> 6726 BBQ, 6727 </li> 6728 6729 <li class="body-md flex justify-center items-center"> 6730 Burgers, 6731 </li> 6732 6733 <li class="body-md flex justify-center items-center"> 6734 Fries, 6735 </li> 6736 6737 <li class="body-md flex justify-center items-center"> 6738 Pizza, 6739 </li> 6740 6741 <li class="body-md flex justify-center items-center"> 6742 Poultry 6743 </li> 6744 6745 </ul> 6746 </div> 6747 6748 </div> 6749 </div> 6750 6751 <div class="hidden lg:flex justify-center xl:justify-between items-center md:gap-5 xl:gap-2.5 w-full h-[96px]"> 6752 6753 6754 6755 6756 6757 6758 6759 </div> 6760 <!-- - Accordions - --> 6761 6762 6763 <hr> 6764 <div 6765 x-data="{ 6766 key_ingredients: [ 6767 6768 { 6769 title: 'Black Pepper, Ground', 6770 6771 url: '/products/black-pepper-ground', 6772 6773 6774 6775 periodic_color: '#fdb916', 6776 6777 6778 6779 periodic_letters: 'Pb', 6780 6781 }, 6782 6783 { 6784 title: 'Coriander, Ground', 6785 6786 url: '/products/coriander-ground', 6787 6788 6789 6790 periodic_color: '#fdb916', 6791 6792 6793 6794 periodic_letters: 'Co', 6795 6796 }, 6797 6798 6799{ 6800 title: 'Hickory Smoked Salt' 6801 }, 6802 6803{ 6804 title: 'Garlic' 6805 }, 6806 6807 ], 6808 orderIngredients() { 6809 this.key_ingredients.sort((a, b) => a.title.localeCompare(b.title)); 6810 } 6811 }" 6812 x-init="orderIngredients()" 6813> 6814 <div x-data="{ expanded: false }" role="region"> 6815 <h6> 6816 <button x-on:click="expanded = !expanded" :aria-expanded="expanded" 6817 class="flex w-full items-center justify-between font-bold h-12">
6818 <span class="body-md">Ingredients</span> 6819 <div 6820 class="flex justify-center items-center w-10 h-10 rounded-[12px] md:hover:bg-gray-10 transition-all duration-200 ease-in-out ml-4"> 6821 <span x-show="expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer transform 6822 -scale-y-100" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6823 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6824 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6825</svg> 6826</span> 6827 <span x-show="!expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6828 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6829 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6830</svg> 6831</span> 6832 </div> 6833 </button> 6834 </h6> 6835 <div x-show="expanded" x-collapse> 6836 <div class="flex flex-col py-4 gap-7"> 6837 <div x-show="key_ingredients.length"> 6838 <span class="utility-sm text-black/50 uppercase text-[11px] pb-2.5">Key Ingredients</span> 6839 <ul class="columns-2 ingredient-ul-sec"> 6840 <template x-for="ingredient in key_ingredients" :key="ingredient.title"> 6841 <li> 6842 <template x-if="ingredient.url"> 6843 <a :href="ingredient.url" class="flex items-center pb-2.5 group"> 6844 <div x-show="ingredient.periodic_color" :style="`color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_color};`" class="font-sans font-500 text-[12px] flex justify-center items-center min-w-[24px] w-[24px] min-h-[24px] h-[24px] border-2 mr-2.5" x-text="ingredient.periodic_letters"></div> 6845 <span x-text="ingredient.title" class="border-b border-black/50 group-hover:border-black transition-colors duration-200 ease-in-out w-max ingredient-title-cls"></span> 6846 </a> 6847 </template> 6848 <template x-if="!ingredient.url"> 6849 <span class="flex items-center pb-2.5 pl-[34px]"> 6850 <div x-show="ingredient.periodic_color" :style="`color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_color};`" class="font-sans font-500 text-[12px] flex justify-center items-center min-w-[24px] w-[24px] min-h-[24px] h-[24px] border-2 mr-2.5" x-text="ingredient.periodic_letters"></div> 6851 <span x-text="ingredient.title"></span> 6852 </span> 6853 </template> 6854 </li> 6855 </template> 6856 </ul> 6857 </div> 6858 6859 <div> 6860 <span class="utility-sm text-black/50 uppercase text-[11px] pb-2.5">Full List</span> 6861 <p class="body-md">Sea salt, black pepper, smoked sea salt, dehydrated garlic, spices (mustard, coriander), dehydrated onion, brown sugar, nutritional yeast (dried yeast, niacin, pyridoxine hydrochloride, thiamine hydrochloride, riboflavin, folic acid, cyanocobalamin), red bell pepper, sunflower oil.</p> 6862 </div> 6863 6864 </div> 6865 </div> 6866 <hr> 6867 </div> 6868</div> 6869 6870 6871 6872 <div> 6873 <div x-data="{ expanded: false }" role="region"> 6874 <h6> 6875 <button x-on:click="expanded = !expanded" :aria-expanded="expanded" 6876 class="flex w-full items-center justify-between font-bold h-12">
6877 <span class="body-md">Allergens</span> 6878 <div 6879 class="flex justify-center items-center w-10 h-10 rounded-[12px] md:hover:bg-gray-10 transition-all duration-200 ease-in-out ml-4"> 6880 <span x-show="expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer transform 6881 -scale-y-100" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6882 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6883 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6884</svg> 6885</span> 6886 <span x-show="!expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6887 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6888 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6889</svg> 6890</span> 6891 </div> 6892 </button> 6893 </h6> 6894 <div x-show="expanded" x-collapse> 6895 <div class="flex flex-col pb-4"> 6896 6897 <div> 6898 <h3>Mustard</h3> 6899 <p></p> 6900 </div> 6901 6902 </div> 6903 </div> 6904 <hr> 6905 </div> 6906</div> 6907 6908 6909 6910<div> 6911 <div x-data="{ expanded: false }" role="region"> 6912 <h6> 6913 <button x-on:click="expanded = !expanded" :aria-expanded="expanded" 6914 class="flex w-full items-center justify-between font-bold h-12"> 6915 <span class="body-md">Nutrition Facts</span> 6916 <div 6917 class="flex justify-center items-center w-10 h-10 rounded-[12px] md:hover:bg-gray-10 transition-all duration-200 ease-in-out ml-4"> 6918 <span x-show="expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer transform 6919 -scale-y-100" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6920 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6921 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6922</svg> 6923</span> 6924 <span x-show="!expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 6925 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 6926 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 6927</svg> 6928</span> 6929 </div> 6930 </button> 6931 </h6> 6932 <div x-show="expanded" x-collapse> 6933 <div class="flex flex-col pb-4 px-3"> 6934 <div class="flex flex-col p-6 bg-white"> 6935 <div class="flex flex-col items-start"> 6936 <div class="flex items-center gap-3"> 6937 <p class="body-md font-500">Serving size:</p> 6938 <p class="font-mono text-13 leading-140 tracking-2">1/4 tsp</p> 6939 </div> 6940 <div class="flex items-center gap-3"> 6941 <p class="body-md font-500">Calories:</p> 6942 <p class="font-mono text-13 leading-140 tracking-2">0</p> 6943 </div> 6944 <hr class="my-5"> 6945 <div class="grid grid-cols-1 lg:grid-cols-2 w-full"> 6946 <div class="flex flex-col items-start gap-y-1"> 6947 <div class="body-md flex items-end gap-1.5"> 6948 <p>Total Fat:</p> 6949 <p>0</p> 6950 </div> 6951 <div class="body-md flex items-end gap-1.5"> 6952 <p>Saturated Fat:</p> 6953 <p>0</p> 6954 </div> 6955 <div class="body-md flex items-end gap-1.5"> 6956 <p>Trans Fat:</p> 6957 <p>0g</p> 6958 </div> 6959 <div class="body-md flex items-end gap-1.5"> 6960 <p>Cholesterol:</p> 6961 <p>0mg</p> 6962 </div> 6963 <div class="body-md flex items-end gap-1.5"> 6964 <p>Sodium:</p> 6965 <p>170mg</p> 6966 </div> 6967 6968 </div> 6969 <div class="flex flex-col items-start gap-y-1 lg:pl-8"> 6970 <div class="body-md flex items-end gap-1.5"> 6971 <p>Total Carbohydrate:</p> 6972 <p>0g</p> 6973 </div> 6974 <div class="body-md flex items-end gap-1.5"> 6975 <p>Dietary Fiber:</p> 6976 <p>0g</p> 6977 </div> 6978 <div class="body-md flex items-end gap-1.5"> 6979 <p>Total Sugars:</p> 6980 <p>0g</p> 6981 </div> 6982 <div class="body-md flex items-end gap-1.5"> 6983 <p>Protein:</p> 6984 <p>0g</p> 6985 </div> 6986 </div> 6987 </div> 6988 6989 </div> 6990 </div> 6991 </div> 6992 </div> 6993 <hr> 6994 </div> 6995</div> 6996 6997 6998 6999 <div> 7000 <div x-data="{ expanded: false }" role="region"> 7001 <h6> 7002 <button x-on:click="expanded = !expanded" :aria-expanded="expanded" 7003 class="flex w-full items-center justify-between font-bold h-12">
7004 <span class="body-md">Dietary Preferences</span> 7005 <div 7006 class="flex justify-center items-center w-10 h-10 rounded-[12px] md:hover:bg-gray-10 transition-all duration-200 ease-in-out ml-4"> 7007 <span x-show="expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer transform 7008 -scale-y-100" width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 7009 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 7010 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 7011</svg> 7012</span> 7013 <span x-show="!expanded" aria-hidden="true" class=""><svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 7014 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 7015 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 7016</svg> 7017</span> 7018 </div> 7019 </button> 7020 </h6> 7021 <div x-show="expanded" x-collapse> 7022 <div class="flex flex-col pb-4"> 7023 <p class="body-md">Kosher, Gluten-Free</p> 7024 </div> 7025 </div> 7026 <hr> 7027 </div> 7028</div> 7029 7030 7031 7032 </div> 7033</div> 7034 7035 </div> 7036</section> 7037 7038 7039<style> #shopify-section-template--17707831230660__hero .yotpo-widget-clear.yotpo-bottom-line-scroll-panel {justify-content: flex-end; align-items: flex-end !important;} #shopify-section-template--17707831230660__hero .yotpo-star-rating-reviews-highly-rated-topics {gap: 0; text-align: right; max-width: 350px;} #shopify-section-template--17707831230660__hero span.yotpo-star-rating-reviews-summary-icon {display: none !important;} </style></section><div id="shopify-section-template--17707831230660__1734632751baa32007" class="shopify-section"> 7040 7041 7042</div><div id="shopify-section-template--17707831230660__sections" class="shopify-section"> 7043 7044 7045 7046 <section x-data="{ fadeIn: false }" x-intersect.threshold.20="fadeIn = true" :class="fadeIn && 'animate-fade-in-500'" class="opacity-0 section-container"> 7047 <div class="flex flex-col-reverse lg:grid lg:grid-cols-12 gap-5 py-12 lg:pt-16 lg:pb-20 px-9 lg:px-0"> 7048 <div class="rte-simple lg:col-span-8 flex items-center heading-md sm:heading-lg md:heading-xl lg:heading-2xl lg:leading-[59px] lg:pl-16"><p>The only blend you need if you can only bring one.</p> 7049</div> 7050 <div class="lg:col-span-4 flex justify-center lg:justify-end items-start lg:pr-20 px-14 lg:px-0"> 7051 7052 <a href="/blogs/recipes/cowboy-campfire-grilled-sweet-potatoes"> 7053 <img src="//spiceology.com/cdn/shop/articles/20260624005212-corn-20-26-20potato.jpg?v=1782262362&width=500" alt="Cowboy Campfire Grilled Sweet Potatoes" class="lg:w-[260px] h-auto rounded-4"> 7054 </a> 7055 7056 </div> 7057 </div> 7058</section> 7059 7060 7061 7062
7062<script> 7063 document.addEventListener('alpine:init', () => { 7064 Alpine.data('recipes', (tag1, tag2) => ({ 7065 recipes_loaded: false, 7066 tab_recipes: [], 7067 fetchRecipes(){ 7068 if (!tag1) return; 7069 Alpine.store('main').graphQl(`{ 7070 articles( 7071 query: "tag:${tag1} AND tag:${tag2}" 7072 first: 10 7073 sortKey: PUBLISHED_AT 7074 ) { 7075 edges { 7076 node { 7077 id 7078 image { 7079 src 7080 height 7081 width 7082 altText 7083 } 7084 title 7085 onlineStoreUrl 7086 tags 7087 previewImage: metafield( 7088 namespace: "custom" 7089 key: "preview_image" 7090 ) { 7091 reference { 7092 ... on MediaImage { 7093 image { 7094 originalSrc 7095 } 7096 } 7097 } 7098 } 7099 short_description: metafield( 7100 namespace: "custom" 7101 key: "short_description" 7102 ) { 7103 value 7104 } 7105 featuredProduct: metafield( 7106 namespace: "custom" 7107 key: "recipe_featured_product" 7108 ) { 7109 value 7110 } 7111 } 7112 } 7113 } 7114 } 7115 `).then((response) => { 7116 if (response?.data?.articles?.edges) { 7117 this.tab_recipes = response.data.articles.edges.map(edge => edge.node); 7118 } 7119 const promises = this.tab_recipes.flatMap(recipe => { 7120 if (recipe.tags.length > 0) { 7121 recipe.products = [] 7122 return recipe.tags.flatMap(tag => { 7123 if (tag.includes('product_')) { 7124 let product_handle = tag.split('_')[1] 7125 return Alpine.store('main').graphQl(`{ 7126 product(handle: "${product_handle}") { 7127 id 7128 title 7129 periodic_symbol: metafield( 7130 namespace: "custom" 7131 key: "periodic_symbol" 7132 ) { 7133 reference { 7134 ... on Metaobject { 7135 fields { 7136 key 7137 value 7138 } 7139 } 7140 } 7141 } 7142 } 7143 } 7144 `).then((response) => { 7145 if (response?.data?.product) { 7146 recipe.products.push({ 7147 id: response.data.product.id, 7148 title: response.data.product.title, 7149 periodic_color: response.data.product.periodic_symbol?.reference.fields[0].value, 7150 periodic_letters: response.data.product.periodic_symbol?.reference.fields[1].value 7151 }) 7152 } 7153 }); 7154 } else { 7155 return []; 7156 } 7157 }) 7158 } else { 7159 return []; 7160 } 7161 }) 7162 Promise.all(promises).then(() => { 7163 this.recipes_loaded = true; 7164 }); 7165 }); 7166 }, 7167 })) 7168 }) 7169</script>
7169 7170 7171 7172 7173 7174 7175<section x-data="{ fadeIn: false }" x-intersect.threshold.20="fadeIn = true" :class="fadeIn && 'animate-fade-in-500'" class="section-p-b pb-20 lg:pb-[140px] overflow-x-hidden opacity-0" x-cloak > 7176 <div 7177 class="relative" 7178 x-data="{ 7179 selectedId: 'Vegetables', 7180 slideCount: 0, 7181 handleTabClick(id) { 7182 this.selectedId = id 7183 if ($refs[id]) { 7184 $refs[id].slider.update() 7185 } 7186 7187 }, 7188 isSelected(id) { 7189 return this.selectedId === id 7190 } 7191 }" 7192 x-cloak 7193 > 7194 <div class="w-full lg:h-12 relative"> 7195 <h3 class="flex justify-center lg:justify-start items-center heading-lg pb-5 lg:pb-0 text-center lg:text-left h-full px-5">Try It On</h3> 7196 <div class="overflow-x-scroll no-scrollbar"> 7197 <ul 7198 x-ref="tablist" 7199 @keydown.right.prevent.stop="$focus.wrap().next()" 7200 @keydown.home.prevent.stop="$focus.first()" 7201 @keydown.page-up.prevent.stop="$focus.first()" 7202 @keydown.left.prevent.stop="$focus.wrap().prev()" 7203 @keydown.end.prevent.stop="$focus.last()" 7204 @keydown.page-down.prevent.stop="$focus.last()" 7205 role="tablist" 7206 class="lg:absolute lg:top-1/2 lg:left-1/2 lg:transform lg:-translate-x-1/2 lg:-translate-y-1/2 flex w-max gap-x-2" 7207 > 7208 7209 7210 7211 7212 <li class="flex items-center relative py-2 pl-2.5 lg:pl-0"> 7213 <button 7214 @click="handleTabClick('Vegetables')" 7215 @focus="handleTabClick('Vegetables')" 7216 type="button" 7217 :tabindex="isSelected('Vegetables') ? 0 : -1" 7218 :aria-selected="isSelected('Vegetables')" 7219 role="tab" 7220 x-data 7221 x-cloak 7222 class="button__tab button__rounded" 7223 :class="isSelected('Vegetables') && 'active'" 7224 > 7225 Vegetables 7226 </button> 7227 </li> 7228 7229 7230 7231 7232 <li class="flex items-center relative py-2 "> 7233 <button 7234 @click="handleTabClick('Beef')" 7235 @focus="handleTabClick('Beef')" 7236 type="button" 7237 :tabindex="isSelected('Beef') ? 0 : -1" 7238 :aria-selected="isSelected('Beef')" 7239 role="tab" 7240 x-data 7241 x-cloak 7242 class="button__tab button__rounded" 7243 :class="isSelected('Beef') && 'active'" 7244 > 7245 Beef 7246 </button> 7247 </li> 7248 7249 7250 7251 7252 <li class="flex items-center relative py-2 pr-2.5 lg:pr-0"> 7253 <button 7254 @click="handleTabClick('Seafood')" 7255 @focus="handleTabClick('Seafood')" 7256 type="button" 7257 :tabindex="isSelected('Seafood') ? 0 : -1" 7258 :aria-selected="isSelected('Seafood')" 7259 role="tab" 7260 x-data 7261 x-cloak 7262 class="button__tab button__rounded" 7263 :class="isSelected('Seafood') && 'active'" 7264 > 7265 Seafood 7266 </button> 7267 </li> 7268 7269 </ul> 7270 </div> 7271 </div> 7272 7273 7274 7275 <template x-if="isSelected('Vegetables')"> 7276 <button-slider 7277 x-ref="Vegetables" 7278 data-slider-options='{ 7279 "breakpoints": { 7280 "(max-width: 1024px)": { 7281 "mode": "snap", 7282 "rtl": false, 7283 "loop": true, 7284 "slides": { "perView": "1.2", "spacing": 20 } 7285 }, 7286 "(min-width: 1024px)": { 7287 "mode": "snap", 7288 "rtl": false, 7289 "loop": true, 7290 "slides": { "perView": "auto", "spacing": 0 } 7291 } 7292 } 7293 }' 7294 7295 x-data="recipes('mi_vegetables', 'product_derek-wolf-cowboy-campfire-seasoning')" 7296 x-init="fetchRecipes(); $watch('recipes_loaded', () =>
7296 { $el.slider.update() });" 7297 7298 > 7299 <div class="hidden lg:flex absolute top-0 right-5 gap-2.5"> 7300 7301 7302<button type="button" class="slider-button group w-fit transform -scale-x-100 pointer-events-auto "> 7303 <span class="sr-only">Carousel Button Next</span> 7304 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7305 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7306 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7307 </svg> 7308</button> 7309 7310 7311<button type="button" class="slider-button group w-fit pointer-events-auto "> 7312 <span class="sr-only">Carousel Button Next</span> 7313 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7314 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7315 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7316 </svg> 7317</button> 7318 </div> 7319 <div 7320 x-data 7321 x-cloak 7322 role="tabpanels" 7323 7324 class="keen-slider tab-panels overflow-x-hidden overflow-y-hidden relative h-fit pt-3 lg:pt-8 pl-2.5 lg:pl-0 transition-opacity duration-100 ease" 7325 > 7326 <!-- Panel --> 7327 <section x-cloak role="tabpanel" class="flex flex-col"> 7328 <div class="flex cursor-grab"> 7329 7330 7331 7332 <template x-for="recipe in tab_recipes" :key="recipe.id"> 7333 <div 7334 x-data="{ 7335 blog_title: '', 7336 products: [], 7337 init(){ 7338 this.blog_title = recipe?.onlineStoreUrl.split('/')[4] 7339 } 7340 }" 7341 x-cloak 7342 class="w-max lg:pl-5" 7343 :class="{ 'keen-slider__slide': isSelected('Vegetables'), 'mr-2.5': !isSelected('Vegetables') }" 7344 > 7345 <div class="h-full"> 7346 <div class="relative"> 7347 <a :href="recipe?.onlineStoreUrl"> 7348 <img class="aspect-square lg:aspect-unset lg:min-w-[40.5vw] lg:h-[31.7vw] lg:min-h-[31.8vw] xl:h-[31.5vw] xl:min-h-[31.5vw] object-cover rounded-6 mb-5" :src="recipe.image.src"> 7349 </a> 7350 7351 </div> 7352 <a class="flex flex-col" :href="recipe?.onlineStoreUrl"> 7353 <h6 class="utility-lg uppercase opacity-75 pb-2" x-text="blog_title"></h6> 7354 <h5 class="heading-md lg:heading-lg pb-2.5 flex flex-wrap lg:max-w-[39vw]" x-text="recipe.title"></h5> 7355 <p class="lg:w-[65%] pb-4 lg:pb-7 body-md" x-text="recipe?.short_description?.value"></p> 7356 <span class="link-underlined">View Recipe</span> 7357 </a> 7358 </div> 7359 </div> 7360 </template> 7361 7362 </div> 7363 </section> 7364 </div> 7365 </button-slider> 7366 </template> 7367 7368 7369 7370 <template x-if="isSelected('Beef')"> 7371 <button-slider 7372 x-ref="Beef" 7373 data-slider-options='{ 7374 "breakpoints": { 7375 "(max-width: 1024px)": { 7376 "mode": "snap", 7377 "rtl": false, 7378 "loop": true, 7379 "slides": { "perView": "1.2", "spacing": 20 } 7380 }, 7381 "(min-width: 1024px)": { 7382 "mode": "snap", 7383 "rtl": false, 7384 "loop": true, 7385 "slides": { "perView": "auto", "spacing": 0 } 7386 } 7387 } 7388 }' 7389 7390 x-data="recipes('mi_beef', 'product_derek-wolf-cowboy-campfire-seasoning')" 7391 x-init="fetchRecipes(); $watch('recipes_loaded', () =>
7391 { $el.slider.update() });" 7392 7393 > 7394 <div class="hidden lg:flex absolute top-0 right-5 gap-2.5"> 7395 7396 7397<button type="button" class="slider-button group w-fit transform -scale-x-100 pointer-events-auto "> 7398 <span class="sr-only">Carousel Button Next</span> 7399 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7400 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7401 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7402 </svg> 7403</button> 7404 7405 7406<button type="button" class="slider-button group w-fit pointer-events-auto "> 7407 <span class="sr-only">Carousel Button Next</span> 7408 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7409 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7410 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7411 </svg> 7412</button> 7413 </div> 7414 <div 7415 x-data 7416 x-cloak 7417 role="tabpanels" 7418 7419 class="keen-slider tab-panels overflow-x-hidden overflow-y-hidden relative h-fit pt-3 lg:pt-8 pl-2.5 lg:pl-0 transition-opacity duration-100 ease" 7420 > 7421 <!-- Panel --> 7422 <section x-cloak role="tabpanel" class="flex flex-col"> 7423 <div class="flex cursor-grab"> 7424 7425 7426 7427 <template x-for="recipe in tab_recipes" :key="recipe.id"> 7428 <div 7429 x-data="{ 7430 blog_title: '', 7431 products: [], 7432 init(){ 7433 this.blog_title = recipe?.onlineStoreUrl.split('/')[4] 7434 } 7435 }" 7436 x-cloak 7437 class="w-max lg:pl-5" 7438 :class="{ 'keen-slider__slide': isSelected('Beef'), 'mr-2.5': !isSelected('Beef') }" 7439 > 7440 <div class="h-full"> 7441 <div class="relative"> 7442 <a :href="recipe?.onlineStoreUrl"> 7443 <img class="aspect-square lg:aspect-unset lg:min-w-[40.5vw] lg:h-[31.7vw] lg:min-h-[31.8vw] xl:h-[31.5vw] xl:min-h-[31.5vw] object-cover rounded-6 mb-5" :src="recipe.image.src"> 7444 </a> 7445 7446 </div> 7447 <a class="flex flex-col" :href="recipe?.onlineStoreUrl"> 7448 <h6 class="utility-lg uppercase opacity-75 pb-2" x-text="blog_title"></h6> 7449 <h5 class="heading-md lg:heading-lg pb-2.5 flex flex-wrap lg:max-w-[39vw]" x-text="recipe.title"></h5> 7450 <p class="lg:w-[65%] pb-4 lg:pb-7 body-md" x-text="recipe?.short_description?.value"></p> 7451 <span class="link-underlined">View Recipe</span> 7452 </a> 7453 </div> 7454 </div> 7455 </template> 7456 7457 </div> 7458 </section> 7459 </div> 7460 </button-slider> 7461 </template> 7462 7463 7464 7465 <template x-if="isSelected('Seafood')"> 7466 <button-slider 7467 x-ref="Seafood" 7468 data-slider-options='{ 7469 "breakpoints": { 7470 "(max-width: 1024px)": { 7471 "mode": "snap", 7472 "rtl": false, 7473 "loop": true, 7474 "slides": { "perView": "1.2", "spacing": 20 } 7475 }, 7476 "(min-width: 1024px)": { 7477 "mode": "snap", 7478 "rtl": false, 7479 "loop": true, 7480 "slides": { "perView": "auto", "spacing": 0 } 7481 } 7482 } 7483 }' 7484 7485 x-data="recipes('mi_seafood', 'product_derek-wolf-cowboy-campfire-seasoning')" 7486 x-init="fetchRecipes(); $watch('recipes_loaded', () =>
7486 { $el.slider.update() });" 7487 7488 > 7489 <div class="hidden lg:flex absolute top-0 right-5 gap-2.5"> 7490 7491 7492<button type="button" class="slider-button group w-fit transform -scale-x-100 pointer-events-auto "> 7493 <span class="sr-only">Carousel Button Next</span> 7494 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7495 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7496 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7497 </svg> 7498</button> 7499 7500 7501<button type="button" class="slider-button group w-fit pointer-events-auto "> 7502 <span class="sr-only">Carousel Button Next</span> 7503 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7504 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7505 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7506 </svg> 7507</button> 7508 </div> 7509 <div 7510 x-data 7511 x-cloak 7512 role="tabpanels" 7513 7514 class="keen-slider tab-panels overflow-x-hidden overflow-y-hidden relative h-fit pt-3 lg:pt-8 pl-2.5 lg:pl-0 transition-opacity duration-100 ease" 7515 > 7516 <!-- Panel --> 7517 <section x-cloak role="tabpanel" class="flex flex-col"> 7518 <div class="flex cursor-grab"> 7519 7520 7521 7522 <template x-for="recipe in tab_recipes" :key="recipe.id"> 7523 <div 7524 x-data="{ 7525 blog_title: '', 7526 products: [], 7527 init(){ 7528 this.blog_title = recipe?.onlineStoreUrl.split('/')[4] 7529 } 7530 }" 7531 x-cloak 7532 class="w-max lg:pl-5" 7533 :class="{ 'keen-slider__slide': isSelected('Seafood'), 'mr-2.5': !isSelected('Seafood') }" 7534 > 7535 <div class="h-full"> 7536 <div class="relative"> 7537 <a :href="recipe?.onlineStoreUrl"> 7538 <img class="aspect-square lg:aspect-unset lg:min-w-[40.5vw] lg:h-[31.7vw] lg:min-h-[31.8vw] xl:h-[31.5vw] xl:min-h-[31.5vw] object-cover rounded-6 mb-5" :src="recipe.image.src"> 7539 </a> 7540 7541 </div> 7542 <a class="flex flex-col" :href="recipe?.onlineStoreUrl"> 7543 <h6 class="utility-lg uppercase opacity-75 pb-2" x-text="blog_title"></h6> 7544 <h5 class="heading-md lg:heading-lg pb-2.5 flex flex-wrap lg:max-w-[39vw]" x-text="recipe.title"></h5> 7545 <p class="lg:w-[65%] pb-4 lg:pb-7 body-md" x-text="recipe?.short_description?.value"></p> 7546 <span class="link-underlined">View Recipe</span> 7547 </a> 7548 </div> 7549 </div> 7550 </template> 7551 7552 </div> 7553 </section> 7554 </div> 7555 </button-slider> 7556 </template> 7557 7558 </div> 7559</section> 7560 7561 7562 7563 7564 7565 7566 7567<section x-data="{ fadeIn: true }" x-intersect.threshold.20="fadeIn = true" :class="fadeIn && 'animate-fade-in-500'" class="opacity-0"> 7568 <div 7569 x-data="{ 7570 key_ingredients: [ 7571 7572 { 7573 title: `Black Pepper, Ground`, 7574 7575 periodic_color: `#fdb916`, 7576 7577 7578 7579 periodic_letters: `Pb`, 7580 7581 7582 description: `Ground black pepper is the finely ground form of whole black peppercorns, known for its sharp, pungent flavor and versatility in cooking.`, 7583 7584 7585 pile_image: `//spiceology.com/cdn/shop/files/blackpepper28-mesh.jpg?v=1724884224&width=1000`, 7586 7587 7588 image: `//spiceology.com/cdn/shop/files/LOW_RES-BLACK_PEPPER_GROUND-PC1-FRONT-10082.jpg?v=1726258694&width=1000`, 7589 7590 url: `/products/black-pepper-ground`, 7591 }, 7592 7593 { 7594 title: `Coriander, Ground`, 7595 7596 periodic_color: `#fdb916`, 7597 7598 7599 7600 periodic_letters: `Co`, 7601 7602 7603 description: `Ground coriander is made from finely milled coriander seeds, offering a citrusy, slightly sweet flavor that brightens up a wide range of dishes.`, 7604 7605 7606 pile_image: `//spiceology.com/cdn/shop/files/Coriander_ground.jpg?v=1724886376&width=1000`, 7607 7608 7609 image: `//spiceology.com/cdn/shop/files/LOW_RES-Coriander-Ground-front-10138.jpg?v=1729020506&width=1000`, 7610 7611 url: `/products/coriander-ground`, 7612 }, 7613 7614 7615{ 7616 title: `Hickory Smoked Salt`, 7617
7618 description: `Real smoked salt that delivers deep, authentic campfire flavor in every shake.`, 7619 7620 7621 image: `//spiceology.com/cdn/shop/files/Hickory_Smoked_Salt_-_Pile_Shot.jpg?v=1782251216&width=1000`, 7622 7623 }, 7624 7625{ 7626 title: `Garlic`, 7627 7628 description: `Adds a strong, pungent, spicy and slightly bitter flavor. `, 7629 7630 7631 image: `//spiceology.com/cdn/shop/files/Garlic.jpg?v=1726451073&width=1000`, 7632 7633 }, 7634 7635 ], 7636 orderIngredients() { 7637 this.key_ingredients.sort((a, b) => a.title.localeCompare(b.title)); 7638 } 7639 }" 7640 x-init="orderIngredients()" 7641 class="lg:px-5 pb-20 lg:pb-[140px]" 7642> 7643 <div class="flex flex-col items-start p-[30px] lg:p-12 bg-white"> 7644 <h3 class="heading-md lg:heading-xl md:w-[500px] pb-5 lg:pb-[30px]"> 7645 Blend Breakdown 7646 </h3> 7647 <hr class="h-0.5 lg:h-1"> 7648 <button-slider 7649 data-slider-options='{ 7650 "breakpoints": { 7651 "(max-width: 1024px)": { 7652 "mode": "snap", 7653 "rtl": false, 7654 "loop": false, 7655 "slides": { "perView": "1", "spacing": 20 } 7656 }, 7657 "(min-width: 1024px)": { 7658 "mode": "snap", 7659 "rtl": false, 7660 "loop": false, 7661 "slides": { "perView": "4", "spacing": 20 } 7662 } 7663 } 7664 }' 7665 class="relative w-full" 7666 :class="key_ingredients.length > 4 ? 'block' : 'hidden'" 7667 > 7668 7669 <div 7670 role="tabpanels" 7671 class="keen-slider tab-panels overflow-x-hidden overflow-y-hidden relative h-fit pb-1.5 pt-8" 7672 > 7673 <!-- Panel --> 7674 <section 7675 role="tabpanel" 7676 class="flex flex-col min-h-[118vw] md:min-h-fit" 7677 > 7678 7679 <div class="flex"> 7680 <template x-for="(ingredient, index) in key_ingredients" :key="ingredient.title"> 7681 <div class="flex flex-col items-center keen-slider__slide"> 7682 7683 <div class="flex flex-col-reverse lg:flex-col w-full"> 7684 <div class="relative pb-4 lg:py-7"> 7685 <template x-if="ingredient.url"> 7686 <!-- Wrap the image with an <a> tag if ingredient.url exists --> 7687 <a :href="ingredient.url" class="link-underlined"> 7688 <img 7689 class="aspect-square object-contain" 7690 :src="ingredient.pile_image ? ingredient.pile_image : ingredient.image" 7691 /> 7692 </a> 7693 </template> 7694 <template x-if="!ingredient.url"> 7695 <!-- Render only the image if ingredient.url does not exist --> 7696 <img 7697 class="aspect-square object-contain" 7698 :src="ingredient.pile_image ? ingredient.pile_image : ingredient.image" 7699 /> 7700 </template> 7701 7702 <div x-show="index !== key_ingredients.length - 1" class="hidden lg:flex absolute top-1/2 transform -translate-y-1/2 right-[-19px]"> 7703 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 7704<line y1="8.75" x2="18" y2="8.75" stroke="black" stroke-width="2"/> 7705<line x1="9.25" y1="4.37114e-08" x2="9.25" y2="18" stroke="black" stroke-width="2"/> 7706</svg> 7707 </div> 7708 </div> 7709 <hr class="hidden lg:flex"> 7710 <div class="flex items-start gap-2.5 pt-5 pb-1 lg:py-5 lg:px-1"> 7711 <div x-show="ingredient.periodic_color" :style="`color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_bg_color}; background-color: ${ingredient.periodic_bg_color};`" class="font-sans font-500 text-[12px] flex justify-center items-center min-w-[28px] w-[28px] min-h-[28px] h-[28px] border-2" x-text="ingredient.periodic_letters"></div> 7712 <h6 class="heading-xs font-500 lg:heading-md lg:text-[20px] mt-[5px] lg:mt-0" x-text="ingredient.title"></h6> 7713 </div> 7714 </div> 7715 <div class="flex flex-col items-start w-full"> 7716 <div class="body-sm xl:body-md xl:pl-1 xl:pr-14 pb-4" x-text="ingredient.description"> 7717 </div> 7718 <a x-show="ingredient.url" :href="ingredient.url" class="link-un
7718derlined"> 7719 Shop Now 7720 </a> 7721 </div> 7722 </div> 7723 </template> 7724 </div> 7725 </section> 7726 </div> 7727 7728 7729 <div class="flex gap-2.5 justify-center mt-6"> 7730 7731 7732<button type="button" class="slider-button group w-fit transform -scale-x-100 pointer-events-auto "> 7733 <span class="sr-only">Carousel Button Next</span> 7734 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7735 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7736 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7737 </svg> 7738</button> 7739 7740 7741<button type="button" class="slider-button group w-fit pointer-events-auto "> 7742 <span class="sr-only">Carousel Button Next</span> 7743 <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> 7744 <rect x="48" y="48" width="48" height="48" transform="rotate(-180 48 48)" fill="white"/> 7745 <path d="M29.0024 24.512L19.2344 29L19.2344 27.152L27.1984 23.544L19.2344 19.936L19.2344 18.088L29.0024 22.576L29.0024 24.512Z" fill="#181613"/> 7746 </svg> 7747</button> 7748 </div> 7749 </button-slider> 7750 <div 7751 7752 :class="key_ingredients.length == 2 ? 'lg:grid-cols-2' : key_ingredients.length == 3 ? 'lg:grid-cols-3' : key_ingredients.length == 4 ? 'lg:grid-cols-4' : 'hidden'" 7753 class="grid grid-cols-1 gap-[30px] lg:gap-5"> 7754 <template x-for="(ingredient, index) in key_ingredients" :key="ingredient.title"> 7755 <div class="flex flex-col items-center"> 7756 <hr x-show="index > 0" class="lg:hidden"> 7757 <div class="flex flex-col-reverse lg:flex-col w-full"> 7758 <div class="relative pb-4 lg:py-7"> 7759 <template x-if="ingredient.url"> 7760 <!-- Wrap the image with an <a> tag if ingredient.url exists --> 7761 <a :href="ingredient.url" class="link-underlined"> 7762 <img 7763 class="aspect-square object-contain" 7764 :src="ingredient.pile_image ? ingredient.pile_image : ingredient.image" 7765 /> 7766 </a> 7767 </template> 7768 <template x-if="!ingredient.url"> 7769 <!-- Render only the image if ingredient.url does not exist --> 7770 <img 7771 class="aspect-square object-contain" 7772 :src="ingredient.pile_image ? ingredient.pile_image : ingredient.image" 7773 /> 7774 </template> 7775 <div x-show="index !== key_ingredients.length - 1" class="hidden lg:flex absolute top-1/2 transform -translate-y-1/2 right-[-19px]"> 7776 <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 7777<line y1="8.75" x2="18" y2="8.75" stroke="black" stroke-width="2"/> 7778<line x1="9.25" y1="4.37114e-08" x2="9.25" y2="18" stroke="black" stroke-width="2"/> 7779</svg> 7780 </div> 7781 </div> 7782 <hr class="hidden lg:flex"> 7783 <div class="flex items-start gap-2.5 pt-5 pb-1 lg:py-5 lg:px-1"> 7784 <div x-show="ingredient.periodic_color" :style="`color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_color}; border-color: ${ingredient.periodic_bg_color}; background-color: ${ingredient.periodic_bg_color};`" class="font-sans font-500 text-[12px] flex justify-center items-center min-w-[28px] w-[28px] min-h-[28px] h-[28px] border-2" x-text="ingredient.periodic_letters"></div> 7785 <h6 class="heading-xs font-500 lg:heading-md lg:text-[20px] mt-[5px] lg:mt-0" x-text="ingredient.title"></h6> 7786 </div> 7787 </div> 7788 <div class="flex flex-col items-start w-full"> 7789 <div class="body-sm xl:body-md xl:pl-1 xl:pr-14 pb-4" x-text="ingredient.description"> 7790 </div> 7791 <a x-show="ingredient.url" :href="ingredient.url" class="link-un
7791derlined"> 7792 Shop Now 7793 </a> 7794 </div> 7795 </div> 7796 </template> 7797 </div> 7798 </div> 7799 </div> 7800</section> 7801 7802 7803 7804 7805 7806<section 7807 x-data="{ fadeIn: false }" 7808 x-intersect.threshold.20="fadeIn = true" 7809 :class="fadeIn && 'animate-fade-in-500'" 7810 class="flex flex-col-reverse lg:grid lg:grid-cols-12 gap-5 w-full px-2.5 lg:px-5 py-20 lg:py-36 opacity-0" 7811> 7812 <div class="lg:col-span-6 flex flex-col justify-center px-2.5 lg:pl-12 lg:pr-24"> 7813 <h2 class="heading-lg lg:heading-2xl pb-4 lg:pb-6 lg:max-w-[543px] pr-16 lg:pr-0"> 7814 Derek Wolf X Spiceology 7815 </h2> 7816 <div class="heading-xs image_split-copy lg:heading-sm leading-150 lg:leading-150 rte-simple pr-2.5 lg:pr-0"> 7817 7818 <p>Spiceology Collaborator Derek Wolf is on a journey to bring fire, food, and people together. For almost a decade, Derek has inspired millions of folks across the globe to play with fire through his Over the Fire Cooking social channels.</p> 7819<p>Whether youâre grilling steaks over an open flame, smoking a pork shoulder, or simply looking to add big, bold flavors to your everyday meals, Derekâs expertise will help you ignite your inner pitmaster.</p> 7820 7821 </div> 7822 </div> 7823 <div class="lg:col-span-6 flex flex-col items-start justify-center lg:pr-12"> 7824 <img 7825 class="hidden lg:flex w-full aspect-square object-cover rounded-6" 7826 src="https://cdn.accentuate.io/8618595254468/1782242116415/unnamed_2_1000x.jpg?v=1782242116415&width=1000" 7827 alt="" 7828 loading="lazy" 7829 > 7830 <img 7831 class="lg:hidden w-full aspect-square object-cover rounded-6" 7832 src="https://cdn.accentuate.io/8618595254468/1782242116415/unnamed_2_1000x.jpg?v=1782242116415&width=500" 7833 alt="" 7834 loading="lazy" 7835 > 7836 </div> 7837</section> 7838 7839<style> 7840 .image_split-copy h2 { 7841 margin: 0.5rem 0; 7842 font-size: 40px; 7843 line-height: 1.2em; 7844 7845 } 7846 7847 .image_split-copy h3 { 7848 margin: 0.5rem 0; 7849 font-size: 32px; 7850 line-height: 1.2em; 7851 7852 } 7853 7854 /* Paragraphs */ 7855 .image_split-copy p { 7856 margin: 0.5rem 0 1rem; 7857 font-size: 18px; 7858 line-height: 1.6em; 7859 7860 } 7861 7862 /* Bold text */ 7863 .image_split-copy strong, 7864 .image_split-copy b { 7865 font-weight: 700; 7866 7867 } 7868 7869 /* Italic text */ 7870 .image_split-copy em, 7871 .image_split-copy i { 7872 font-style: italic; 7873 7874 } 7875 7876 /* Links */ 7877 .image_split-copy a { 7878 color: #0073aa; 7879 text-decoration: underline; 7880 transition: color 0.2s ease-in-out; 7881 } 7882 .image_split-copy a:hover { 7883 color: #005f8a; 7884 } 7885 7886 /* Lists */ 7887 .image_split-copy ul, 7888 .image_split-copy ol { 7889 margin: 1rem 0 1rem 2rem; 7890 padding: 0; 7891 font-size: 18px; 7892 line-height: 1.6em; 7893 } 7894 .image_split-copy ul li { 7895 list-style-type: disc; 7896 margin-bottom: 0.5rem; 7897 } 7898 .image_split-copy ol li { 7899 list-style-type: decimal; 7900 margin-bottom: 0.5rem; 7901 } 7902</style> 7903 7904 7905 7906 7907 7908 7909 7910 7911<div class="w-full section-container faq-content-wrapper lg:col-span-6 flex flex-col items-start justify-center lg:pl-12"> 7912 <h5 class="heading-lg lg:heading-2xl pb-4 lg:pb-10"></h5> 7913 7914 <div class="faq-wrapper-block flex flex-col w-full"> 7915 <hr> 7916 7917 7918 <div x-data="{ expanded: false }" role="region" class="w-full"> 7919 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 7920 <h6 class="heading-xs lg:heading-md font-500 text-left">What makes Cowboy Campfire different from regular SPG seasoning?</h6> 7921 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 7922 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 7923<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 7924</svg> 7925</span>
7926 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 7927<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 7928</svg> 7929</span> 7930 </span> 7931 </button> 7932 <div x-show="expanded" x-collapse> 7933 <div class="body-md pb-4">Cowboy Campfire starts with the proven salt, pepper, and garlic foundation, then adds hickory-smoked sea salt. That one addition makes everything taste like it has been cooking over a real fire all day. It is not liquid smoke and not smoke flavoring, just real smoked salt in every shake.</div> 7934 </div> 7935 <hr/> 7936 </div> 7937 7938 7939 7940 <div x-data="{ expanded: false }" role="region" class="w-full"> 7941 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 7942 <h6 class="heading-xs lg:heading-md font-500 text-left">What is SPG seasoning?</h6> 7943 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 7944 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 7945<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 7946</svg> 7947</span> 7948 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 7949<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 7950</svg> 7951</span> 7952 </span> 7953 </button> 7954 <div x-show="expanded" x-collapse> 7955 <div class="body-md pb-4">SPG stands for salt, pepper, and garlic, the three-ingredient blend pitmasters call the holy trinity of grilling. It is the foundational rub for steak, brisket, burgers, and chicken because it enhances the meat's natural flavor and helps build a flavorful crust without competing with the smoke.</div> 7956 </div> 7957 <hr/> 7958 </div> 7959 7960 7961 7962 <div x-data="{ expanded: false }" role="region" class="w-full"> 7963 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 7964 <h6 class="heading-xs lg:heading-md font-500 text-left">What is Cowboy Campfire seasoning good on?</h6> 7965 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 7966 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 7967<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 7968</svg> 7969</span> 7970 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 7971<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 7972</svg> 7973</span> 7974 </span> 7975 </button> 7976 <div x-show="expanded" x-collapse> 7977 <div class="body-md pb-4">Use it anywhere you want smoky, savory depth: steak, brisket, chicken, pork, burgers, and seafood all take to it well. It is equally good on grilled or roasted vegetables, fries, pizza, rice, and pasta. Think of it as an all-purpose smoked SPG rub for the grill, smoker, oven, or stovetop.</div> 7978 </div> 7979 <hr/> 7980 </div> 7981 7982 7983 7984 <div x-data="{ expanded: false }" role="region" class="w-full"> 7985 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 7986 <h6 class="heading-xs lg:heading-md font-500 text-left">How do you use SPG seasoning on brisket or steak?</h6>
7987 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 7988 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 7989<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 7990</svg> 7991</span> 7992 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 7993<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 7994</svg> 7995</span> 7996 </span> 7997 </button> 7998 <div x-show="expanded" x-collapse> 7999 <div class="body-md pb-4">Apply an even, generous layer on all sides so the rub can form a crust as it cooks. For steak, season just before searing or up to 40 minutes ahead so the salt can penetrate. For brisket, coat liberally before smoking. Derek Wolf also suggests adding ground coffee to the base for competition-level brisket bark.</div> 8000 </div> 8001 <hr/> 8002 </div> 8003 8004 8005 8006 <div x-data="{ expanded: false }" role="region" class="w-full"> 8007 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 8008 <h6 class="heading-xs lg:heading-md font-500 text-left">Is Cowboy Campfire seasoning spicy or too smoky?</h6> 8009 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 8010 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 8011<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 8012</svg> 8013</span> 8014 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 8015<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 8016</svg> 8017</span> 8018 </span> 8019 </button> 8020 <div x-show="expanded" x-collapse> 8021 <div class="body-md pb-4">Neither. There are no hot peppers in the blend, so it delivers salty, savory, smoky flavor without heat, making it family friendly. The smoke level is balanced by design. It reads as authentic campfire flavor rather than an overpowering smokehouse blast, so it will not overwhelm delicate proteins like chicken or fish.</div> 8022 </div> 8023 <hr/> 8024 </div> 8025 8026 8027 8028 <div x-data="{ expanded: false }" role="region" class="w-full"> 8029 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 8030 <h6 class="heading-xs lg:heading-md font-500 text-left">Who is Derek Wolf?</h6> 8031 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 8032 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 8033<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 8034</svg> 8035</span> 8036 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 8037<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 8038</svg> 8039</span> 8040 </span> 8041 </button> 8042 <div x-show="expanded" x-collapse> 8043 <div class="body-md pb-4">Derek Wolf is the live-fire cook behind Over The Fire Cooking (@overthefirecooking), where he has spent nearly a decade building one of the largest open-flame cooking communities on
8043social media. His Spiceology lineup also includes Cowboy Butter, Cowboy Candy, and the rest of his fire-cooking seasoning collection.</div> 8044 </div> 8045 <hr/> 8046 </div> 8047 8048 8049 8050 <div x-data="{ expanded: false }" role="region" class="w-full"> 8051 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 8052 <h6 class="heading-xs lg:heading-md font-500 text-left">Can I use Cowboy Campfire on food that is not grilled?</h6> 8053 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 8054 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 8055<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 8056</svg> 8057</span> 8058 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 8059<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 8060</svg> 8061</span> 8062 </span> 8063 </button> 8064 <div x-show="expanded" x-collapse> 8065 <div class="body-md pb-4">Absolutely. Because the smoke comes from the salt itself, it adds campfire flavor to food that never touches a flame. Try it on oven-roasted vegetables, sheet-pan potatoes, scrambled eggs, popcorn, avocado toast, or a weeknight pan-seared chicken breast to get grill flavor from an indoor kitchen.</div> 8066 </div> 8067 <hr/> 8068 </div> 8069 8070 8071 8072 <div x-data="{ expanded: false }" role="region" class="w-full"> 8073 <button @click="expanded = !expanded" :aria-expanded="expanded" class="flex justify-between items-center gap-4 py-[14px] w-full"> 8074 <h6 class="heading-xs lg:heading-md font-500 text-left">How should I store Cowboy Campfire seasoning and how long does it stay fresh?</h6> 8075 <span :class="expanded ? 'bg-white' : 'bg-grey'" class="flex justify-center items-center w-[28px] min-w-[28px] h-[28px] min-h-[28px] md:w-[30px] md:min-w-[30px] md:h-[30px] md:min-h-[30px]"> 8076 <span x-show="!expanded"><svg width="8" height="8" viewBox="0 0 8 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 8077<path d="M7.37602 3.39198L7.37602 4.60798L4.60802 4.60798L4.60802 7.37598L3.39202 7.37598L3.39202 4.60798L0.624024 4.60798L0.624024 3.39198L3.39202 3.39198L3.39202 0.623977L4.60802 0.623977L4.60802 3.39198L7.37602 3.39198Z" fill="#181613"/> 8078</svg> 8079</span> 8080 <span x-show="expanded"><svg width="8" height="2" viewBox="0 0 8 2" fill="none" xmlns="http://www.w3.org/2000/svg"> 8081<path d="M7.35965 1.60809H0.639648V0.39209H7.35965V1.60809Z" fill="#181613"/> 8082</svg> 8083</span> 8084 </span> 8085 </button> 8086 <div x-show="expanded" x-collapse> 8087 <div class="body-md pb-4">Keep the container tightly sealed in a cool, dry place away from direct sunlight and stove heat. Stored properly, spice blends hold their peak flavor for about a year after opening. Use a dry spoon rather than shaking over steaming pots to keep moisture out of the jar.</div> 8088 </div> 8089 <hr/> 8090 </div> 8091 8092 8093 8094 8095 </div> 8096</div> 8097 8098 8099 8100
8100<script type="application/ld+json"> 8101 { 8102 "@context": "https://schema.org", 8103 "@type": "FAQPage", 8104 "mainEntity": [ 8105 8106 8107 8108 8109 { 8110 "@type": "Question", 8111 "name": "What makes Cowboy Campfire different from regular SPG seasoning?", 8112 "acceptedAnswer": { 8113 "@type": "Answer", 8114 "text": "Cowboy Campfire starts with the proven salt, pepper, and garlic foundation, then adds hickory-smoked sea salt. That one addition makes everything taste like it has been cooking over a real fire all day. It is not liquid smoke and not smoke flavoring, just real smoked salt in every shake." 8115 } 8116 }, 8117 8118 8119 8120 8121 { 8122 "@type": "Question", 8123 "name": "What is SPG seasoning?", 8124 "acceptedAnswer": { 8125 "@type": "Answer", 8126 "text": "SPG stands for salt, pepper, and garlic, the three-ingredient blend pitmasters call the holy trinity of grilling. It is the foundational rub for steak, brisket, burgers, and chicken because it enhances the meat's natural flavor and helps build a flavorful crust without competing with the smoke." 8127 } 8128 }, 8129 8130 8131 8132 8133 { 8134 "@type": "Question", 8135 "name": "What is Cowboy Campfire seasoning good on?", 8136 "acceptedAnswer": { 8137 "@type": "Answer", 8138 "text": "Use it anywhere you want smoky, savory depth: steak, brisket, chicken, pork, burgers, and seafood all take to it well. It is equally good on grilled or roasted vegetables, fries, pizza, rice, and pasta. Think of it as an all-purpose smoked SPG rub for the grill, smoker, oven, or stovetop." 8139 } 8140 }, 8141 8142 8143 8144 8145 { 8146 "@type": "Question", 8147 "name": "How do you use SPG seasoning on brisket or steak?", 8148 "acceptedAnswer": { 8149 "@type": "Answer", 8150 "text": "Apply an even, generous layer on all sides so the rub can form a crust as it cooks. For steak, season just before searing or up to 40 minutes ahead so the salt can penetrate. For brisket, coat liberally before smoking. Derek Wolf also suggests adding ground coffee to the base for competition-level brisket bark." 8151 } 8152 }, 8153 8154 8155 8156 8157 { 8158 "@type": "Question", 8159 "name": "Is Cowboy Campfire seasoning spicy or too smoky?", 8160 "acceptedAnswer": { 8161 "@type": "Answer", 8162 "text": "Neither. There are no hot peppers in the blend, so it delivers salty, savory, smoky flavor without heat, making it family friendly. The smoke level is balanced by design. It reads as authentic campfire flavor rather than an overpowering smokehouse blast, so it will not overwhelm delicate proteins like chicken or fish." 8163 } 8164 }, 8165 8166 8167 8168 8169 { 8170 "@type": "Question", 8171 "name": "Who is Derek Wolf?", 8172 "acceptedAnswer": { 8173 "@type": "Answer", 8174 "text": "Derek Wolf is the live-fire cook behind Over The Fire Cooking (@overthefirecooking), where he has spent nearly a decade building one of the largest open-flame cooking communities on social media. His Spiceology lineup also includes Cowboy Butter, Cowboy Candy, and the rest of his fire-cooking seasoning collection." 8175 } 8176 }, 8177 8178 8179 8180 8181 { 8182 "@type": "Question", 8183 "name": "Can I use Cowboy Campfire on food that is not grilled?", 8184 "acceptedAnswer": { 8185 "@type": "Answer", 8186 "text": "Absolutely. Because the smoke comes from the salt itself, it adds campfire flavor to food that never touches a flame. Try it on oven-roasted vegetables, sheet-pan potatoes, scrambled eggs, popcorn, avocado toast, or a weeknight pan-seared chicken breast to get grill flavor from an indoor kitchen." 8187 } 8188 }, 8189 8190 8191 8192 8193 { 8194 "@type": "Question", 8195 "name": "How should I store Cowboy Campfire seasoning and how long does it stay fresh?",
8196 "acceptedAnswer": { 8197 "@type": "Answer", 8198 "text": "Keep the container tightly sealed in a cool, dry place away from direct sunlight and stove heat. Stored properly, spice blends hold their peak flavor for about a year after opening. Use a dry spoon rather than shaking over steaming pots to keep moisture out of the jar." 8199 } 8200 } 8201 8202 8203 8204 8205 ] 8206 } 8207 </script>
8207 8208 8209 8210 8211 8212<!-- The following sections are added to every PDP and are fixed at the bottom --> 8213<section x-data="{ fadeIn: false }" x-intersect.threshold.20="fadeIn = true" :class="fadeIn && 'animate-fade-in-500'" class="opacity-1 section-container"> 8214 <div class="yotpo-widget-instance" data-yotpo-instance-id="849250" data-yotpo-product-id="8618595254468" data-yotpo-name="Derek Wolf | Cowboy Campfire Smoky SPG Seasoning" data-yotpo-url="https://spiceology.com/products/derek-wolf-cowboy-campfire-seasoning" data-yotpo-image-url="https://spiceology.com/cdn/shop/files/cowboy-campfire-front_1_large.jpg%3Fv=1781796725" data-yotpo-price="18.99" data-yotpo-currency="USD" data-yotpo-description="<p>A smoked salt, pepper, and garlic seasoning that brings real campfire flavor to steak, brisket, chicken, and veggies</p> 8215<p dir="ltr"><span>SPG (aka Salt-Pepper-Garlic) is the holy trinity of grilling, the foundational blend everyone reaches for. And while the OG version is delicious, Spiceology and Derek Wolf (<span style="text-decoration: underline;"><a href="https://www.instagram.com/overthefirecooking/" title="instagram" rel="noopener" target="_blank">@overthefirecooking</a></span>) took this classic seasoning to the smoky place it was always destined to go.  </span></p> 8216<p dir="ltr"><span>Cowboy Campfire starts with that proven salt-pepper-garlic foundation and adds the one thing that makes everything taste like it's been cooking over a real fire all day: hickory-smoked salt. Not liquid smoke. Not smoke flavoring. Real smoked
8216salt that delivers deep, authentic campfire flavor in every shake.</span></p> 8217<p dir="ltr"><span>The result is the perfect amount of smoke on smoke.</span></p> 8218<p dir="ltr"><span>Use it straight as your go-to foundational rub. Or use it as a launching pad â add brown sugar for candy bark, coffee for competition-level brisket, fresh citrus to wake it up for fish. This is SPG elevated. And no, itâs not too smoky.</span></p>"></div> 8219</section> 8220<section x-data="{ fadeIn: false }" x-intersect.threshold.20="fadeIn = true" :class="fadeIn && 'animate-fade-in-500'" class="opacity-0 section-container"> 8221 <div> 8222 8223<div id="shopify-block-AMk9yUkpsVTc3aTh0Y__rebuy_personalization_engine_rebuy_widget_zYBPc4" class="shopify-block shopify-app-block"> 8224 <div 8225 data-rebuy-id="165939" 8226 data-rebuy-shopify-product-ids="8618595254468" 8227 > 8228 </div> 8229 8230 8231</div> 8232 8233 </div> 8234</section> 8235<style> 8236 .faq-content-wrapper { 8237 padding: 15px 0; 8238 /* width: 80%; */ 8239 margin: 0 auto; 8240 max-width: 1600px; 8241 margin-left: auto; 8242 margin-right: auto; 8243 max-width: 1600px; 8244 } 8245.faq-wrapper-block.flex.flex-col.w-full { 8246 padding: 15px 0; 8247 width: 80%; 8248 margin: 0 auto; 8249} 8250</style> 8251<style> #shopify-section-template--17707831230660__sections .rebuy-product-info {padding-right: 20px !important;} #shopify-section-template--17707831230660__sections .rebuy-product-price {margin-left: 10px !important;} </style></div><div id="shopify-section-template--17707831230660__1724778875fe736965" class="shopify-section"> 8252 8253 8254</div><div id="shopify-section-template--17707831230660__7a4a8b67d5df822c72b0" class="shopify-section"> 8255 8256 8257</div><div id="shopify-section-template--17707831230660__17471517705fb01b38" class="shopify-section"> 8258 8259 8260</div>
8260<script data-locksmith> 8261 var load = function () { 8262 8263 if (document.querySelectorAll('.locksmith-manual-trigger').length > 0) { 8264 Locksmith.ping(); 8265 } 8266 8267 8268 Locksmith.util.on('submit', 'locksmith-resource-form', function (event) { 8269 event.preventDefault(); 8270 var data = Locksmith.util.serializeForm(event.target); 8271 var options = { spinner: false, container: 'locksmith-content' }; 8272 // a form rendered inline (section replacement) must keep that context 8273 // on resubmit: same enclosing container (there may be several on the 8274 // page), and no layout classes or cancel affordance in the re-render 8275 var inlineContainer = event.target.closest && event.target.closest('[id^="locksmith-content"]'); 8276 if (inlineContainer) { 8277 options.container = inlineContainer; 8278 } 8279 if (event.target.getAttribute('data-locksmith-inline') === 'true') { 8280 options.include_layout_classes = false; 8281 } 8282 Locksmith.postResource(data, options); 8283 }); 8284 8285 Locksmith.util.on('click', 'locksmith-manual-trigger', function (event) { 8286 event.preventDefault(); 8287 Locksmith.postResource({}, { spinner: true, container: document }); 8288 }); 8289 8290 Locksmith.submitPasscode = function (passcode) { 8291 Locksmith.postResource( 8292 { passcode: passcode }, 8293 { spinner: false, container: 'locksmith-content' } 8294 ); 8295 }; 8296 }; 8297 8298 if (typeof Locksmith !== 'undefined') { 8299 load(); 8300 } else { 8301 window.addEventListener('load', load); 8302 } 8303 </script>
8303 8304 </main> 8305 8306
8306<script> 8307 var SHOPIFY_DOMAIN = "spiceology.myshopify.com"; 8308 var CART = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 8309 var TEMPLATE = "product" 8310 var KLAVIYO_LIST_ID = "QTzssm" 8311 var KLAVIYO_COMPANY_ID = "SGeB2y" 8312 8313 8314 var CUSTOMER_EMAIL = null; 8315 8316 8317 var CURRENCY = "USD"; 8318 8319 var GLOBALS = { 8320 }; 8321 8322</script>
8322 8323 8324 <footer id="shopify-section-footer" class="shopify-section">
8324<script src="//spiceology.com/cdn/shop/t/78/assets/component-klaviyo-form.js?v=84049809106818230451728694687" defer></script>
8324 8325<link href="//spiceology.com/cdn/shop/t/78/assets/component-footer.css?v=23881453292851870801728654210" rel="stylesheet" type="text/css" media="all" /> 8326 8327 8328<footer 8329 id="footer" 8330 x-data="{ 8331 show_newsletter_form: false 8332 }" 8333 x-intersect.threshold.10="show_newsletter_form = true" 8334 class="footer flex flex-col justify-center items-center bg-black text-white h-full relative mt-10 pt-[220px] lg:pt-0 scroll-mt-[140px]"> 8335 <div 8336 8337 x-show="show_newsletter_form" 8338 x-transition:enter="transition-all ease-out duration-[1s]" 8339 x-transition:enter-start="translate-y-[100px]" 8340 x-transition:enter-end="translate-y-0" 8341 class="absolute right-5 lg:right-[60px] top-[-45px] lg:top-[-40px] flex flex-col items-start text-black bg-white w-[calc(100vw-40px)] lg:w-[400px] pt-4 px-5 pb-6 z-10"> 8342 <h6 class="font-kremlin text-[22px] transform rotate-[-2deg] pl-1 pb-3 w-3/4">The Spiciest Emails In Your Inbox</h6> 8343 <hr> 8344 <p class="flex flex-col pt-5 pb-7">Sign up and receive exclusive offers, product updates, and recipes weekly!</p> 8345 <klaviyo-form class="w-full"> 8346 <form class="w-full"> 8347 <div x-data="{ focused: false }" class="relative w-full js-email-input-wrapper"> 8348 <input @focus="focused = true" class="input__primary grey w-full" name="email" type="email" placeholder="Enter Email Address"/> 8349 <button 8350 type="submit" 8351 x-show="focused" 8352 x-transition:enter="transition-opacity ease-in-out duration-300" 8353 x-transition:enter-start="opacity-0" 8354 x-transition:enter-end="opacity-100" 8355 x-transition:leave="transition-opacity ease-in-out duration-300" 8356 x-transition:leave-start="opacity-100" 8357 x-transition:leave-end="opacity-0" 8358 class="absolute top-1/2 right-2.5 transform -translate-y-1/2 w-7 h-7 flex justify-center items-center -rotate-90"> 8359 <svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 8360 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 8361 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 8362</svg> 8363 8364 </button> 8365 8366 <div class="hidden w-full utility-lg tracking-[0.66px] js-email-success"> 8367 Thanks! You're signed up. 8368 </div> 8369 <div class="hidden js-email-error absolute left-0 -bottom-5 w-full utility-lg text-red tracking-[0.66px]"> 8370 Error messge here. 8371 </div> 8372 </div> 8373 </form> 8374 </klaviyo-form> 8375 </div> 8376 <div class="hidden lg:flex footer-gradient w-full h-2.5"></div> 8377 <div 8378 x-data="{ 8379 show_main_menu: false 8380 }" 8381 x-intersect.threshold.40="show_main_menu = true" 8382 class="flex flex-col items-start pt-10 pb-[70px] w-full px-5 border-b border-white/[0.1]" 8383 > 8384 <div class="flex justify-start pb-12 w-full"> 8385 <svg width="203" height="40" viewBox="0 0 203 40" fill="none" xmlns="http://www.w3.org/2000/svg"> 8386<path d="M35.8913 17.6638C36.1539 17.3225 36.2835 16.8429 36.2835 16.2267C36.2835 15.6608 36.1664 15.2135 35.9286 14.8794C35.6908 14.5453 35.3874 14.2884 35.0148 14.1106C34.6439 13.9291 34.2305 13.816 33.7744 13.7621C33.3166 13.7118 32.8783 13.6848 32.456 13.6848H30.1741V18.7937H32.1011C32.5572 18.7937 33.0292 18.7776 33.5207 18.7398C34.0104 18.7057 34.4629 18.6033 34.8764 18.4309C35.2916 18.2638 35.6287 18.0069 35.8913 17.6638ZM106.877 22.5661C107.172 21.7434 107.321 20.847 107.321 19.8716C107.321 18.9644 107.172 18.1183 106.877 17.3297C106.581 16.5429 106.162 15.8549 105.623 15.2638C105.082 14.6728 104.43 14.2112 103.671 13.8788C102.911 13.5447 102.065 13.3776 101.135 13.3776C100.205 13.3776 99.3661 13.5447 98.6137 13.8788C97.8596 14.213 97.2137 14.6728 96.6743 15.2638C96.1331 15.8549 95.7143 16.5429 95.4198 17.3297C95.1234 18.1183 94.9762 18.9644 94.9762 19.8716C94.9762 20.847 95.1234 21.7434 95.4198 22.5661C95.7161 23.3871 96.1331 24.0966 96.6743 24.6948C97.2137 25.2948 97.8596 25.7637 98.6137 26.105C99.3643 26.4499 100.205 26.6188 101.135 26.6188C102.065 26.6188 102.911 26.4481 103.671 26.105C104.43 25.7637 105.082 25.293 105.623 24.6948C106.162 24.0966 106.581 23.3871 106.877 22.5661ZM146.032 22.5661C146.328 21.7434 146.477 20.847 146.477 19.8716C146.477 18.9644 146.328 18.1183 146.032 17.3297C145.737 16.5429 145.318 15.8549 144.779 15.2638C144.238 14.6728 143.587 14.2112 142.827 13.8788C142.066 13.5447 141.221 13.3776 140.291 13.3776C139.362 13.3776 138.522 13.5447 137.768 13.8788C137.018 14.213 136.37 14.6728 135.831 15.2638C135.289 15.8549 134.871 16.5429 134.576 17.3297C134.28 18.1183 134.131 18.9644 134.131 19.8716C134.131 20.847 134.28 21.7434 134.576 22.5661C134.872 23.3871 135.289 24.0966 135.831 24.6948C136.37 25.2948 137.016 25.7637 137.768 26.105C138.522 26.4499 139.362 26.6188 140.291 26.6188C141.221 26.6188 142.066 26.4481 142.827 26.105C143.587 25.7637 144.238 25.293 144.779 24.6948C145.317 24.0966 145.737 23.3871 146.032 22.5661ZM191.993 10.9148L185.252 21.3069V29.0816H182.058V21.3069L175.313 10.9148H179.32L183.729 18.1524L188.192 10.9148H191.993ZM171.512 27.7487C169.298 28.9469 166.823 29.5469 164.085 29.5469C162.699 29.5469 161.427 29.3187 160.271 28.866C159.113 28.4115 158.116 27.772 157.28 26.9403C156.442 26.1086 155.788 25.1152 155.316 23.9511C154.842 22.7889 154.606 21.4973 154.606 20.0745C154.606 18.6213 154.84 17.2991 155.316 16.1117C155.788 14.9225 156.442 13.9076 157.28 13.0687C158.116 12.2316 159.113 11.5849 160.271 11.1322C161.428 10.6777 162.701 10.4513 164.085 10.4513C165.455 10.4513 166.738 10.6166 167.939 10.9507C169.14 11.2849 170.212 11.8795 171.159 12.7327L168.803 15.1471C168.228 14.5812 167.531 14.1465 166.711 13.8375C165.893 13.5285 165.025 13.374 164.115 13.374C163.185 13.374 162.344 13.5411 161.592 13.8752C160.841 14.2094 160.193 14.6692 159.652 15.2602C159.111 15.8513 158.692 16.5393 158.398 17.3261C158.101 18.1147 157.954 18.9608 157.954 19.868C157.954 20.8434 158.101 21.7398 158.398 22.5625C158.694 23.3835 159.111 24.0931 159.652 24.6912C160.193 25.2912 160.841 25.7601 161.592 26.1014C162.342 26.4463 163.185 26.6152 164.115 26.6152C164.926 26.6152 165.689 26.5379 166.409 26.3834C167.128 26.2307 167.765 25.99 168.322 25.6649V21.3787H164.647V18.4542H171.518V27.7487H171.512ZM149.822 19.974C149.822 21.3931 149.584 22.6847 149.112 23.8505C148.638 25.0128 147.978 26.0134 147.135 26.8523C146.289 27.6894 145.285 28.3433 144.119 28.8139C142.951 29.2864 141.667 29.5307 140.265 29.5469C138.879 29.5469 137.607 29.3187 136.45 28.866C135.293 28.4115 134.296 27.772 133.458 26.9403C132.622 26.1086 131.968 25.1152 131.494 23.9511C131.022 22.7889 130.784 21.4973 130.784 20.0745C130.784 18.6213 131.022 17.2991 131.494 16.1117C131.968 14.9225 132.622 13.9076 133.458 13.0687C134.296 12.2316 135.293 11.5849 136.45 11.1322C137.609 10.6777 138.881 10.4513 140.265 10.4513C141.667 10.4352 142.951 10.6418 144.119 11.0783C145.283 11.5166 146.289 12.1543 147.135 12.9914C147.98 13.8303 148.638 14.8399 149.112 16.0201C149.584 17.2039 149.822 18.5207 149.822 19.974ZM127.241 29.0834H116.417V10.9148H119.611V26.1589H127.241V29.0834ZM110.666 19.974C110.666 21.3931 110.428 22.6847 109.956 23.8505C109.482 25.0128 108.822 26.0134 107.979 26.8523C107.133 27.6894 106.128 28.3433 104.963 28.8139C103.795 29.2864 102.51 29.5307 101.109 29.5469C99.7228 29.5469 98.4505 29.3187 97.2953 28.866C96.1366 28.4115 95.1394 27.772 94.3036 26.9403C93.4661 26.1086 92.8114 25.1152 92.3394 23.9511C91.8656 22.7889 91.6278 21.4973 91.6278 20.0745C91.6278 18.6213 91.8656 17.2991 92.3394 16.1117C92.8114 14.9225 93.4661 13.9076 94.3036 13.0687C95.1394 12.2316 96.1366 11.5849 97.2953 11.1322C98.4523 10.6777 99.7245 10.4513 101.109 10.4513C102.51 10.4352 103.795 10.6418 104.963 11.0783C106.127 11.5166 107.133 12.1543 107.979 12.9914C108.824 13.8303 109.482 14.8399 109.956 16.0201C110.43 17.2039 110.666 18.5207 110.666 19.974ZM86.9629 29.0834H74.6182V10.9148H86.5068V13.8411H77.8104V18.3069H86.049V21.2332H77.8104V26.1607H86.9611V29.0834H86.9629ZM56.9875 19.8716C56.9875 20.847 57.1365 21.7434 57.4329 22.5661C57.7292 23.3871 58.1462 24.0966 58.6874 24.6948C59.2268 25.2948 59.8727 25.7637 60.625 26.105C61.3792 26.4499 62.2185 26.6188 63.1483 26.6188C63.874 26.6188 64.5802 26.4427 65.2669 26.0924C65.9519 25.7421 66.5871 25.1835 67.1798 24.411L69.8166 26.3098C69.0057 27.4379 68.0173 28.2607 66.8515 28.7726C65.6857 29.2864 64.4436 29.5433 63.1252 29.5433C61.7394 29.5433 60.4671 29.3151 59.3102 28.8624C58.1533 28.408 57.156 27.7684 56.3185 26.9367C55.4828 26.105 54.828 25.1116 54.3542 23.9475C53.8822 22.7853 53.6445 21.4937 53.6445 20.071C53.6445 18.6177 53.8822 17.2955 54.3542 16.1081C54.828 14.9189 55.4828 13.904 56.3185 13.0651C57.156 12.228 58.1533 11.5813 59.3102 11.1286C60.4689 10.6741 61.7412 10.4477 63.1252 10.4477C64.3425 10.4477 65.4692 10.6651 66.509 11.1016C67.5489 11.5364 68.5159 12.2765 69.412 13.3202L66.9296 15.1686C66.2713 14.4501 65.6325 13.9704 65.015 13.7297C64.3975 13.4926 63.7764 13.3705 63.1518 13.3705C62.222 13.3705 61.3827 13.5375 60.6286 13.8716C59.878 14.2058 59.2304 14.6656 58.6909 15.2567C58.1497 15.8477 57.731 16.5357 57.4364 17.3225C57.1365 18.1183 56.9875 18.9644 56.9875 19.8716ZM47.8989 29.0834H44.7049V10.9148H47.8989V29.0834ZM39.63 16.1764C39.63 17.3225 39.4366 18.2458 39.048 18.9464C38.6576 19.647 38.1342 20.1913 37.4759 20.5757C36.8176 20.9602 36.051 21.2224 35.
83861815 21.3572C34.3103 21.4955 33.4018 21.5637 32.4578 21.5637H30.1759V29.0816H26.9819V10.9148H33.015C33.8773 10.9148 34.7096 10.9992 35.5134 11.1717C36.3154 11.3423 37.0199 11.628 37.6285 12.0304C38.2371 12.4345 38.7215 12.9717 39.0871 13.6471C39.449 14.3243 39.63 15.1668 39.63 16.1764ZM12.1442 15.7129C12.1442 16.3291 12.3553 16.8015 12.7776 17.1267C13.2 17.4518 13.7234 17.7321 14.3498 17.9728C14.9762 18.2135 15.6593 18.4452 16.4028 18.6662C17.1481 18.8889 17.833 19.1979 18.4576 19.5913C19.0804 19.9847 19.6056 20.5075 20.028 21.1578C20.4503 21.8081 20.6614 22.6703 20.6614 23.7481C20.6614 24.7236 20.4858 25.5751 20.1309 26.3026C19.776 27.0301 19.2969 27.6319 18.6971 28.1116C18.0974 28.5912 17.4 28.9505 16.6069 29.1912C15.8119 29.4283 14.9762 29.5505 14.096 29.5505C12.9817 29.5505 11.9082 29.3618 10.879 28.9846C9.84629 28.6092 8.96085 27.975 8.21737 27.0858L10.6253 24.7254C11.0139 25.3254 11.5249 25.7906 12.1566 26.123C12.7901 26.4571 13.4626 26.6242 14.1741 26.6242C14.545 26.6242 14.9176 26.5739 15.2885 26.4697C15.6593 26.3673 15.9982 26.2146 16.3017 26.008C16.6069 25.8014 16.8517 25.5427 17.0363 25.2266C17.2226 24.9104 17.3149 24.5457 17.3149 24.1344C17.3149 23.4679 17.1037 22.9559 16.6814 22.5967C16.2591 22.2374 15.7356 21.9338 15.1092 21.6859C14.4829 21.4398 13.7997 21.2027 13.0562 20.9799C12.3127 20.759 11.6296 20.4536 11.0032 20.0692C10.3768 19.6847 9.85339 19.1728 9.43108 18.5315C9.00876 17.8902 8.7976 17.0297 8.7976 15.9519C8.7976 15.0106 8.98924 14.1986 9.36897 13.5142C9.7487 12.8297 10.2491 12.2603 10.8648 11.8076C11.4805 11.3531 12.185 11.0154 12.9799 10.7944C13.7731 10.5717 14.5858 10.4603 15.4127 10.4603C16.3584 10.4603 17.2758 10.604 18.1648 10.895C19.0502 11.1861 19.8505 11.6639 20.5603 12.3321L18.2287 14.8219C17.8915 14.3243 17.4373 13.9615 16.873 13.7297C16.307 13.4998 15.7108 13.383 15.0844 13.383C14.7135 13.383 14.3533 13.4279 14.0073 13.5124C13.6613 13.5968 13.349 13.7333 13.0686 13.9219C12.7901 14.1106 12.5665 14.3531 12.3961 14.6531C12.2311 14.9495 12.1442 15.3034 12.1442 15.7129ZM202.162 32.96V7.04001C202.162 3.15085 199.05 0 195.208 0H6.95398C3.11234 0 0 3.15085 0 7.04001V32.96C0 36.8491 3.11234 40 6.95398 40H195.21C199.05 40 202.162 36.8474 202.162 32.96Z" fill="#F2F2F2"/> 8387</svg> 8388 8389 </div> 8390 <div 8391 class="11 grid grid-cols-2 lg:grid-cols-4 gap-y-12 lg:gap-y-0 w-full" 8392 x-data="{ 8393 openAccessWidget() { 8394 if (typeof acsbWidget === 'function') { 8395 acsbWidget('open'); 8396 } 8397 } 8398 }" 8399 > 8400<div 8401 x-show="show_main_menu" 8402 x-transition:enter="transition-all ease-in-out duration-[800ms]" 8403 x-transition:enter-start="opacity-0 translate-y-5" 8404 x-transition:enter-end="opacity-100 translate-y-0" 8405 :style="`transition-delay: ${ 1 * 100}ms`" 8406 class="flex flex-col gap-3 lg:gap-5" 8407 > 8408 <h6 class="utility-sm opacity-50 uppercase">Shop</h6> 8409 <ul class="flex flex-col items-start"> 8410 8411<li> 8412 8413 <a href="/collections/all" class="heading-xs opacity-80">Shop All</a> 8414 8415 </li> 8416 8417<li> 8418 8419 <a href="/collections/all-pantry" class="heading-xs opacity-80">All Pantry</a> 8420 8421 </li> 8422 8423<li> 8424 8425 <a href="/collections/best-sellers" class="heading-xs opacity-80">Best Sellers</a> 8426 8427 </li> 8428 8429<li> 8430 8431 <a href="/collections/bundles" class="heading-xs opacity-80">Bundles</a> 8432 8433 </li> 8434 8435<li> 8436 8437 <a href="/collections/variety-packs" class="heading-xs opacity-80">Variety Packs</a> 8438 8439 </li> 8440 8441<li> 8442 8443 <a href="/collections/signature-blends" class="heading-xs opacity-80">Signature Blends</a> 8444 8445 </li> 8446 8447<li> 8448 8449 <a href="/pages/gift-shop" class="heading-xs opacity-80">Gift Shop</a> 8450 8451 </li> 8452 8453<li> 8454 8455 <a href="/pages/the-grilling-center" class="heading-xs opacity-80">Grilling Center</a> 8456 8457 </li> 8458 8459<li> 8460 8461 <a href="/pages/bundle-builder" class="heading-xs opacity-80">Build a Box</a> 8462 8463 </li> 8464 8465 </ul> 8466 </div> 8467 8468<div 8469 x-show="show_main_menu" 8470 x-transition:enter="transition-all ease-in-out duration-[800ms]" 8471 x-transition:enter-start="opacity-0 translate-y-5" 8472 x-transition:enter-end="opacity-100 translate-y-0" 8473 :style="`transition-delay: ${ 2 * 100}ms`" 8474 class="flex flex-col gap-3 lg:gap-5" 8475 > 8476 <h6 class="utility-sm opacity-50 uppercase">Company</h6> 8477 <ul class="flex flex-col items-start"> 8478 8479<li> 8480 8481 <a href="/pages/about-us" class="heading-xs opacity-80">About</a> 8482 8483 </li> 8484 8485<li> 8486 8487 <a href="https://spiceology.applicantstack.com/x/openings" class="heading-xs opacity-80">Careers</a> 8488 8489 </li> 8490 8491<li> 8492 8493 <a href="/pages/distributor-list" class="heading-xs opacity-80">Distributor List</a> 8494 8495 </li> 8496 8497<li> 8498 8499 <a href="/pages/pro-chefs" class="heading-xs opacity-80">Foodservice</a> 8500 8501 </li> 8502 8503<li> 8504 8505 <a href="/pages/retail" class="heading-xs opacity-80">Retail</a> 8506 8507 </li> 8508 8509<li> 8510 8511 <a href="/blogs/recipes" class="heading-xs opacity-80">Recipes</a> 8512 8513 </li> 8514 8515<li> 8516 8517 <a href="/pages/single-serve-sachets" class="heading-xs opacity-80">Single-Serve Sachets</a> 8518 8519 </li> 8520 8521 </ul> 8522 </div> 8523 8524<div 8525 x-show="show_main_menu" 8526 x-transition:enter="transition-all ease-in-out duration-[800ms]" 8527 x-transition:enter-start="opacity-0 translate-y-5" 8528 x-transition:enter-end="opacity-100 translate-y-0" 8529 :style="`transition-delay: ${ 3 * 100}ms`" 8530 class="flex flex-col gap-3 lg:gap-5" 8531 > 8532 <h6 class="utility-sm opacity-50 uppercase">Support</h6> 8533 <ul class="flex flex-col items-start"> 8534 8535<li> 8536 8537 <a href="/pages/faqs" class="heading-xs opacity-80">FAQ</a> 8538 8539 </li> 8540 8541<li> 8542 8543 <a href="/pages/contact" class="heading-xs opacity-80">Contact</a> 8544 8545 </li> 8546 8547<li> 8548 8549 <a href="/pages/store-locator" class="heading-xs opacity-80">Store Locator</a> 8550 8551 </li> 8552 8553<li> 8554
8555 <span data-acsb-custom-trigger="true" class="heading-xs opacity-80">Accessibility</span> 8556 8557 </li> 8558 8559 </ul> 8560 </div> 8561 8562 <div class="flex items-end lg:px-5"> 8563 <div class="flex flex-col lg:gap-5 gap-3 w-max"> 8564 <h6 class="utility-sm opacity-50 uppercase">Follow Us</h6> 8565 <ul class="flex footer-social-icon flex-col lg:flex-row lg:justify-center lg:items-center lg:gap-7 w-full"> 8566 8567 <li> 8568 <a target="_blank" class=" lg:flex" href="https://www.facebook.com/spiceology/"> 8569 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social.png?v=1728374271&width=100"/> 8570 </a> 8571 <a class="lg:hidden hidden heading-xs opacity-80"></a> 8572 </li> 8573 8574 <li> 8575 <a target="_blank" class=" lg:flex" href="https://www.linkedin.com/company/18114276"> 8576 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social_1.png?v=1728374294&width=100"/> 8577 </a> 8578 <a class="lg:hidden hidden heading-xs opacity-80"></a> 8579 </li> 8580 8581 <li> 8582 <a target="_blank" class=" lg:flex" href="https://www.youtube.com/channel/UCcmur99D0feaDO8metz58DA"> 8583 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social_2.png?v=1728374323&width=100"/> 8584 </a> 8585 <a class="lg:hidden hidden heading-xs opacity-80"></a> 8586 </li> 8587 8588 <li> 8589 <a target="_blank" class=" lg:flex" href="https://www.instagram.com/spiceology/"> 8590 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social_3.png?v=1728374367&width=100"/> 8591 </a> 8592 <a class="lg:hidden hidden heading-xs opacity-80"></a> 8593 </li> 8594 8595 <li> 8596 <a target="_blank" class=" lg:flex" href="https://www.pinterest.com/spiceology/"> 8597 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social_4.png?v=1728374401&width=100"/> 8598 </a> 8599 <a class="lg:hidden hidden heading-xs opacity-80"></a> 8600 </li> 8601 8602 <li> 8603 <a target="_blank" class=" lg:flex" href="https://www.tiktok.com/@spiceology"> 8604 <img class="w-5 h-auto" src="//spiceology.com/cdn/shop/files/social_6.png?v=1741969152&width=100"/> 8605 </a> 8606 <a class="lg:hidden hidden heading-xs opacity-80">Tiktok</a> 8607 </li> 8608 8609 </ul> 8610 </div> 8611 </div> 8612 </div> 8613 <div class="mobile-scroll-to-top" x-data="{ 8614 scrollToTop() { 8615 window.scrollTo({ top: 0, behavior: 'smooth' }); 8616 } 8617 }"> 8618 <button class="button footer-scrollop-btn lg:flex justify-end items-center gap-1.5 pt-10 w-full" @click="scrollToTop()"> 8619 <span class="link-underlined">Back to Top</span> 8620 <span><svg width="7" height="6" viewBox="0 0 7 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 8621<path d="M3.796 -2.76566e-05L6.448 5.77197H5.356L3.224 1.06597L1.092 5.77197H0L2.652 -2.76566e-05L3.796 -2.76566e-05Z" fill="white"/> 8622</svg> 8623</span> 8624 </button> 8625 </div> 8626 </div> 8627 <div class="lg:hidden footer-gradient w-full h-2.5"></div> 8628 8629 8630 <!-- Spice Rack --> 8631
8631<script> 8632 document.addEventListener('alpine:init', () => { 8633 Alpine.data('spiceRack', () => ({ 8634 show_spice_rack: false, 8635 desktop: window.innerWidth > 1024 ? true : false, 8636 mobile_spice_rack_expanded: false, 8637 order: 'alphabetical', 8638 products: [ 8639 8640 8641{ 8642 title: `Greek Freak Mediterranean Seasoning`, 8643 color: `#000000`, 8644 category: `Blend`, 8645 url: `/products/greek-freak-mediterranean-seasoning` 8646 }, 8647 8648{ 8649 title: `Maui Wowee Hawaiian Teriyaki Rub`, 8650 color: `#000000`, 8651 category: `Blend`, 8652 url: `/products/maui-wowee-hawaiian-teriyaki-rub` 8653 }, 8654 8655{ 8656 title: `Smoky Honey Habanero Seasoning`, 8657 color: `#000000`, 8658 category: `Blend`, 8659 url: `/products/smoky-honey-habanero-seasoning` 8660 }, 8661 8662{ 8663 title: `Black Magic Cajun Blackening Seasoning`, 8664 color: `#000000`, 8665 category: `Blend`, 8666 url: `/products/black-magic-cajun-blackening-seasoning` 8667 }, 8668 8669{ 8670 title: `Korean BBQ Seasoning`, 8671 color: `#000000`, 8672 category: `Blend`, 8673 url: `/products/korean-bbq-seasoning` 8674 }, 8675 8676{ 8677 title: `Ultimate Rub Collection - 12 Mini Rub Jars`, 8678 color: ``, 8679 category: `Variety Pack`, 8680 url: `/products/ultimate-rub-collection-12-mini-rub-jars` 8681 }, 8682 8683{ 8684 title: `Salt Pepper Garlic (SPG Seasoning)`, 8685 color: `#000000`, 8686 category: `Blend`, 8687 url: `/products/salt-pepper-garlic-spg-seasoning` 8688 }, 8689 8690{ 8691 title: `Derek Wolf | Maple Bourbon | BBQ Rub`, 8692 color: `#000000`, 8693 category: `Blend`, 8694 url: `/products/derek-wolf-maple-bourbon-bbq-rub` 8695 }, 8696 8697{ 8698 title: `Cowboy Crust Espresso Chile Rub`, 8699 color: `#000000`, 8700 category: `Blend`, 8701 url: `/products/cowboy-crust-espresso-chile-rub` 8702 }, 8703 8704{ 8705 title: `King of the Hill Beer-Infused BBQ Rub`, 8706 color: `#000000`, 8707 category: `Blend`, 8708 url: `/products/king-of-the-hill-beer-can` 8709 }, 8710 8711{ 8712 title: `Rosemary Dijon Seasoning`, 8713 color: `#000000`, 8714 category: `Blend`, 8715 url: `/products/rosemary-dijon-seasoning` 8716 }, 8717 8718{ 8719 title: `Black & Bleu Cajun Seasoning`, 8720 color: `#000000`, 8721 category: `Blend`, 8722 url: `/products/black-bleu-cajun-seasoning` 8723 }, 8724 8725{ 8726 title: `Adam McKenzie | Garlic Junkie`, 8727 color: `#000000`, 8728 category: `Blend`, 8729 url: `/products/adam-mckenzie-garlic-junkie` 8730 }, 8731 8732{ 8733 title: `Chile Margarita Mexican Seasoning`, 8734 color: `#000000`, 8735 category: `Blend`, 8736 url: `/products/chile-margarita-mexican-seasoning` 8737 }, 8738 8739{ 8740 title: `Pink Peppercorn Lemon Thyme All-Purpose Seasoning`, 8741 color: `#000000`, 8742 category: `Blend`, 8743 url: `/products/pink-peppercorn-lemon-thyme-all-purpose-seasoning` 8744 }, 8745 8746{ 8747 title: `Derek Wolf | Cowboy Butter Seasoning`, 8748 color: `#000000`, 8749 category: `Blend`, 8750 url: `/products/derek-wolf-cowboy-butter-seasoning` 8751 }, 8752 8753{ 8754 title: `Derek Wolf | Tennessee Smoke | BBQ Rub`, 8755 color: `#000000`, 8756 category: `Blend`, 8757 url: `/products/derek-wolf-tennessee-smoke-bbq-rub` 8758 }, 8759 8760{ 8761 title: `Jamaican Jerk Caribbean Seasoning`, 8762 color: `#000000`, 8763 category: `Blend`, 8764 url: `/products/jamaican-jerk-caribbean-seasoning` 8765 }, 8766 8767{ 8768 title: `Derek Wolf | Nashville Hot Chicken | BBQ Rub`, 8769 color: `#000000`, 8770 category: `Blend`, 8771 url: `/products/derek-wolf-nashville-hot-chicken-bbq-rub` 8772 }, 8773 8774{ 8775 title: `Oh Canada Steak Seasoning`, 8776 color: `#000000`, 8777 category: `Blend`, 8778 url: `/products/oh-canada-steak-seasoning` 8779 }, 8780 8781{ 8782 title: `Blackberry Balsamic Seasoning`, 8783 color: `#000000`, 8784 category: `Blend`, 8785 url: `/products/blackberry-balsamic-seasoning` 8786 }, 8787 8788{ 8789 title: `Paprika, Smoked`, 8790 color: `#ed1b2f`, 8791 category: `Chile`, 8792 url: `/products/paprika-smoked` 8793 }, 8794 8795{ 8796 title: `Really Ranch Salt-Free Seasoning`, 8797 color: `#000000`, 8798 category: `Blend`, 8799 url: `/products/really-ranch-salt-free-seasoning` 8800 }, 8801 8802{ 8803 title: `Derek Wolf | Gaucho Steakhouse Rub`, 8804 color: `#000000`, 8805 category: `Blend`,
8806 url: `/products/derek-wolf-gaucho-steakhouse-rub` 8807 }, 8808 8809{ 8810 title: `Taco Seasoning`, 8811 color: `#000000`, 8812 category: `Blend`, 8813 url: `/products/taco-seasoning` 8814 }, 8815 8816{ 8817 title: `Derek Wolf | Chipotle Garlic | BBQ Rub`, 8818 color: `#000000`, 8819 category: `Blend`, 8820 url: `/products/derek-wolf-chipotle-garlic-bbq-rub` 8821 }, 8822 8823{ 8824 title: `Prime Rib Rub`, 8825 color: `#000000`, 8826 category: `Blend`, 8827 url: `/products/prime-rib-rub` 8828 }, 8829 8830{ 8831 title: `Nashville Hot Chicken Seasoning`, 8832 color: `#000000`, 8833 category: `Blend`, 8834 url: `/products/nashville-hot-chicken-seasoning` 8835 }, 8836 8837{ 8838 title: `Chimichurri Blend`, 8839 color: `#000000`, 8840 category: `Blend`, 8841 url: `/products/chimichurri-blend` 8842 }, 8843 8844{ 8845 title: `Cumin, Ground`, 8846 color: `#fdb916`, 8847 category: `Spice`, 8848 url: `/products/cumin-ground` 8849 }, 8850 8851{ 8852 title: `Derek Wolf | Cowboy Candy Seasoning`, 8853 color: `#000000`, 8854 category: `Blend`, 8855 url: `/products/derek-wolf-cowboy-candy-seasoning` 8856 }, 8857 8858{ 8859 title: `Onion, Powder`, 8860 color: `#fdb916`, 8861 category: `Spice`, 8862 url: `/products/onion-powder` 8863 }, 8864 8865{ 8866 title: `Raspberry Chipotle Sweet & Spicy Seasoning`, 8867 color: `#000000`, 8868 category: `Blend`, 8869 url: `/products/raspberry-chipotle-sweet-spicy-seasoning` 8870 }, 8871 8872{ 8873 title: `Derek Wolf | Garlic Herb Rub`, 8874 color: `#000000`, 8875 category: `Blend`, 8876 url: `/products/derek-wolf-garlic-herb-rub` 8877 }, 8878 8879{ 8880 title: `Garlic Powder, Domestic`, 8881 color: `#fdb916`, 8882 category: `Spice`, 8883 url: `/products/garlic-powder-domestic` 8884 }, 8885 8886{ 8887 title: `Tandoori Glory Indian Masala Blend`, 8888 color: `#000000`, 8889 category: `Blend`, 8890 url: `/products/tandoori-glory-indian-masala-blend` 8891 }, 8892 8893{ 8894 title: `Purple Haze Vegetable Seasoning`, 8895 color: `#000000`, 8896 category: `Blend`, 8897 url: `/products/purple-haze-vegetable-seasoning` 8898 }, 8899 8900{ 8901 title: `Popcorn Seasoning Variety Pack`, 8902 color: ``, 8903 category: `Variety Pack`, 8904 url: `/products/popcorn-seasoning-variety-pack` 8905 }, 8906 8907{ 8908 title: `Paprika, Ground`, 8909 color: `#ed1b2f`, 8910 category: `Chile`, 8911 url: `/products/paprika-ground` 8912 }, 8913 8914{ 8915 title: `All-Purpose BBQ Rub`, 8916 color: `#000000`, 8917 category: `Blend`, 8918 url: `/products/all-purpose-bbq-rub` 8919 }, 8920 8921{ 8922 title: `Derek Wolf | Adobo Honey Rub`, 8923 color: `#000000`, 8924 category: `Blend`, 8925 url: `/products/derek-wolf-adobo-honey-rub` 8926 }, 8927 8928{ 8929 title: `Garlic Granules (Domestic)`, 8930 color: `#fdb916`, 8931 category: `Spice`, 8932 url: `/products/garlic-granules-domestic` 8933 }, 8934 8935{ 8936 title: `Derek Wolf | Jalapeno Lime Pilsner Rub`, 8937 color: `#000000`, 8938 category: `Blend`, 8939 url: `/products/derek-wolf-jalapeno-lime-pilsner-rub` 8940 }, 8941 8942{ 8943 title: `Black Pepper, Coarse`, 8944 color: `#fdb916`, 8945 category: `Spice`, 8946 url: `/products/black-pepper-coarse` 8947 }, 8948 8949{ 8950 title: `Turkey Rub`, 8951 color: `#000000`, 8952 category: `Blend`, 8953 url: `/products/turkey-rub` 8954 }, 8955 8956{ 8957 title: `Red Pepper Chili Flake`, 8958 color: `#ed1b2f`, 8959 category: `Chile`, 8960 url: `/products/red-pepper-chili-flake` 8961 }, 8962 8963{ 8964 title: `Onion, Granules`, 8965 color: `#fdb916`, 8966 category: `Spice`, 8967 url: `/products/onion-granules` 8968 }, 8969 8970{ 8971 title: `Greek Freak Mediterranean Salt-Free Seasoning`, 8972 color: `#000000`, 8973 category: `Blend`, 8974 url: `/products/greek-freak-mediterranean-salt-free-seasoning` 8975 }, 8976 8977{ 8978 title: `Italian Crushed Seasoning`, 8979 color: `#000000`, 8980 category: `Blend`, 8981 url: `/products/italian-crushed-seasoning` 8982 }, 8983 8984{ 8985 title: `Peppercorns, Black`, 8986 color: `#fdb916`, 8987 category: `Spice`, 8988 url: `/products/peppercorns-black` 8989 }, 8990 8991{ 8992 title: `Ancho Chile, Ground`, 8993 color: `#000000`, 8994 category: `Chile`, 8995 url: `/products/ancho-chile-ground` 8996 }, 8997 8998{ 8999 title: `Oregano, Mexican`, 9000 color: `#0db14b`, 9001 category: `Herb`, 9002 url: `/products/oregano-mexican` 9003 }, 9004 9005{ 9006 title: `Pizza Seasoning`, 9007 color: `#000000`, 9008 category: `Blend`, 9009 url: `/products/pizza-seasoning` 9010 }, 9011 9012{ 9013 title: `Tomatador Mediterranean Seasoning`, 9014 color: `#000000`, 9015 category: `Blend`, 9016 url: `/products/tomatador-mediterranean-seasoning` 9017 }, 9018 9019{ 9020 title: `Black Pepper, Extra Coarse`, 9021 color: `#fdb916`, 9022 category: `Spice`, 9023 url: `/products/black-pepper-extra-coarse` 9024 }, 9025 9026{
9027 title: `Cayenne Pepper, Ground`, 9028 color: `#ed1b2f`, 9029 category: `Chile`, 9030 url: `/products/cayenne-pepper-ground` 9031 }, 9032 9033{ 9034 title: `Derek Wolf | Mesquite Peppercorn Lager Rub`, 9035 color: `#000000`, 9036 category: `Blend`, 9037 url: `/products/derek-wolf-mesquite-peppercorn-lager-rub` 9038 }, 9039 9040{ 9041 title: `El Taco Salt-Free Seasoning`, 9042 color: `#000000`, 9043 category: `Blend`, 9044 url: `/products/el-taco-salt-free-seasoning` 9045 }, 9046 9047{ 9048 title: `Jet Tila Umami Punch | Ssamjang Seasoning`, 9049 color: `#000000`, 9050 category: `Blend`, 9051 url: `/products/jet-tila-umami-punch-ssamjang-seasoning` 9052 }, 9053 9054{ 9055 title: `Cinnamon, Ground`, 9056 color: `#fdb916`, 9057 category: `Spice`, 9058 url: `/products/cinnamon-ground` 9059 }, 9060 9061{ 9062 title: `Chili Powder, Dark`, 9063 color: `#ed1b2f`, 9064 category: `Chile`, 9065 url: `/products/chili-powder-dark` 9066 }, 9067 9068{ 9069 title: `Sasquatch BBQ | Erubtion | Rib Rub`, 9070 color: `#000000`, 9071 category: `Blend`, 9072 url: `/products/sasquatch-bbq-erubtion-rib-rub` 9073 }, 9074 9075{ 9076 title: `Black Pepper, Ground`, 9077 color: `#fdb916`, 9078 category: `Spice`, 9079 url: `/products/black-pepper-ground` 9080 }, 9081 9082{ 9083 title: `Basil Leaves, C/S`, 9084 color: `#000000`, 9085 category: `Herb`, 9086 url: `/products/basil-leaves-c-s` 9087 }, 9088 9089{ 9090 title: `Derek Wolf Spirit-Infused Blend | Smoked Chipotle Mezcal`, 9091 color: `#000000`, 9092 category: `Blend`, 9093 url: `/products/derek-wolf-spirit-infused-blend-smoked-chipotle-mezcal` 9094 }, 9095 9096{ 9097 title: `Sasquatch BBQ | Butter Toss`, 9098 color: `#000000`, 9099 category: `Blend`, 9100 url: `/products/sasquatch-bbq-butter-toss` 9101 }, 9102 9103{ 9104 title: `BBQ Rubs Variety Pack - Top 8 Seasoning Blends`, 9105 color: ``, 9106 category: `Variety Pack`, 9107 url: `/products/bbq-rubs-variety-pack-top-8-seasoning-blends` 9108 }, 9109 9110{ 9111 title: `Chili Powder, New Mexico`, 9112 color: `#ed1b2f`, 9113 category: `Chile`, 9114 url: `/products/chili-powder-new-mexico` 9115 }, 9116 9117{ 9118 title: `Candied Bacon Sriracha Blend`, 9119 color: `#000000`, 9120 category: `Blend`, 9121 url: `/products/candied-bacon-sriracha-blend` 9122 }, 9123 9124{ 9125 title: `Brown Butter Parmesan Seasoning`, 9126 color: `#000000`, 9127 category: `Blend`, 9128 url: `/products/brown-butter-parmesan-seasoning` 9129 }, 9130 9131{ 9132 title: `Oregano, Mediterranean`, 9133 color: `#0db14b`, 9134 category: `Herb`, 9135 url: `/products/oregano-mediterranean` 9136 }, 9137 9138{ 9139 title: `Black Magic Salt-Free Seasoning`, 9140 color: `#000000`, 9141 category: `Blend`, 9142 url: `/products/black-magic-salt-free-seasoning` 9143 }, 9144 9145{ 9146 title: `Thyme Leaves`, 9147 color: `#0db14b`, 9148 category: `Herb`, 9149 url: `/products/thyme-leaves` 9150 }, 9151 9152{ 9153 title: `Sasquatch BBQ | Moss | Herb Rub`, 9154 color: `#000000`, 9155 category: `Blend`, 9156 url: `/products/sasquatch-bbq-moss-herb-rub` 9157 }, 9158 9159{ 9160 title: `Honey Granules`, 9161 color: `#eb2191`, 9162 category: `Confection`, 9163 url: `/products/honey-granules` 9164 }, 9165 9166{ 9167 title: `Monosodium Glutamate (MSG)`, 9168 color: `#ffffff`, 9169 category: `Modernist`, 9170 url: `/products/monosodium-glutamate-msg` 9171 }, 9172 9173{ 9174 title: `Bay Leaves, Whole`, 9175 color: `#0db14b`, 9176 category: `Herb`, 9177 url: `/products/bay-leaves-whole` 9178 }, 9179 9180{ 9181 title: `Buffalo Lemon Pepper Seasoning`, 9182 color: `#000000`, 9183 category: `Blend`, 9184 url: `/products/buffalo-lemon-pepper-seasoning` 9185 }, 9186 9187{ 9188 title: `Togarashi`, 9189 color: `#000000`, 9190 category: `Blend`, 9191 url: `/products/togarashi` 9192 }, 9193 9194{ 9195 title: `Alvin Cailan | Fries Szn`, 9196 color: `#000000`, 9197 category: `Blend`, 9198 url: `/products/alvin-cailan-fries-szn` 9199 }, 9200 9201{ 9202 title: `Everything Bagel Blend`, 9203 color: `#000000`, 9204 category: `Blend`, 9205 url: `/products/everything-bagel-blend` 9206 }, 9207 9208{ 9209 title: `Rub Set 6 Pack - Mini Rub Jars`, 9210 color: ``,
9211 category: `Variety Pack`, 9212 url: `/products/rub-set-6-pack-mini-rub-jars` 9213 }, 9214 9215{ 9216 title: `S'mores Blend`, 9217 color: `#000000`, 9218 category: `Blend`, 9219 url: `/products/smores-blend` 9220 }, 9221 9222{ 9223 title: `Adobo Latin Blend`, 9224 color: `#000000`, 9225 category: `Blend`, 9226 url: `/products/adobo-latin-blend` 9227 }, 9228 9229{ 9230 title: `Gochugaru Korean Chile Flake`, 9231 color: `#ed1b2f`, 9232 category: `Chile`, 9233 url: `/products/gochugaru-korean-chile-flake` 9234 }, 9235 9236{ 9237 title: `Sasquatch BBQ | Mother Plucker | Poultry Rub`, 9238 color: `#000000`, 9239 category: `Blend`, 9240 url: `/products/sasquatch-bbq-mother-plucker-poultry-rub` 9241 }, 9242 9243{ 9244 title: `Pizza Pie Salt-Free Seasoning`, 9245 color: `#000000`, 9246 category: `Blend`, 9247 url: `/products/pizza-pie-salt-free-seasoning` 9248 }, 9249 9250{ 9251 title: `Rub Set 4 Pack`, 9252 color: ``, 9253 category: `Variety Pack`, 9254 url: `/products/rub-set-4-pack` 9255 }, 9256 9257{ 9258 title: `Seasoned Salt`, 9259 color: `#00a1e4`, 9260 category: `Salt`, 9261 url: `/products/seasoned-salt` 9262 }, 9263 9264{ 9265 title: `Aleppo Pepper Flake`, 9266 color: `#ed1b2f`, 9267 category: `Chile`, 9268 url: `/products/aleppo-pepper-flake` 9269 }, 9270 9271{ 9272 title: `Apple Cinnamon Blend`, 9273 color: `#000000`, 9274 category: `Blend`, 9275 url: `/products/apple-cinnamon-blend` 9276 }, 9277 9278{ 9279 title: `Loaded Baked Taters Salt-Free Seasoning`, 9280 color: `#000000`, 9281 category: `Blend`, 9282 url: `/products/loaded-baked-taters-salt-free-seasoning` 9283 }, 9284 9285{ 9286 title: `Chipotle Powder`, 9287 color: `#ed1b2f`, 9288 category: `Chile`, 9289 url: `/products/chipotle-powder` 9290 }, 9291 9292{ 9293 title: `Brown Butter Cookie Spice Blend`, 9294 color: `#000000`, 9295 category: `Blend`, 9296 url: `/products/brown-butter-cookie-spice-blend` 9297 }, 9298 9299{ 9300 title: `Za'atar Spice`, 9301 color: `#000000`, 9302 category: `Blend`, 9303 url: `/products/zaatar-spice` 9304 }, 9305 9306{ 9307 title: `Mustard, Ground Yellow`, 9308 color: `#fdb916`, 9309 category: `Spice`, 9310 url: `/products/mustard-ground-yellow` 9311 }, 9312 9313{ 9314 title: `Pumpkin Spice`, 9315 color: `#000000`, 9316 category: `Blend`, 9317 url: `/products/pumpkin-spice` 9318 }, 9319 9320{ 9321 title: `Pepper, White Ground`, 9322 color: `#fdb916`, 9323 category: `Spice`, 9324 url: `/products/pepper-white-ground` 9325 }, 9326 9327{ 9328 title: `Garlic Granules, Imported`, 9329 color: `#fdb916`, 9330 category: `Spice`, 9331 url: `/products/garlic-granules-imported` 9332 }, 9333 9334{ 9335 title: `Pink Peppercorn Lemon Thyme Salt-Free Seasoning`, 9336 color: `#000000`, 9337 category: `Blend`, 9338 url: `/products/pink-peppercorn-lemon-thyme-salt-free-seasoning` 9339 }, 9340 9341{ 9342 title: `Buffalo Wing Salt-Free Seasoning`, 9343 color: `#000000`, 9344 category: `Blend`, 9345 url: `/products/buffalo-wing-salt-free-seasoning` 9346 }, 9347 9348{ 9349 title: `Black Truffle Salt`, 9350 color: `#000000`, 9351 category: `Salt`, 9352 url: `/products/black-truffle-salt` 9353 }, 9354 9355{ 9356 title: `Achiote Blend`, 9357 color: `#000000`, 9358 category: `Blend`, 9359 url: `/products/achiote-blend` 9360 }, 9361 9362{ 9363 title: `Guac and Roll Salt-Free Seasoning`, 9364 color: `#000000`, 9365 category: `Blend`, 9366 url: `/products/guac-and-roll-salt-free-seasoning` 9367 }, 9368 9369{ 9370 title: `Garlic Pepper`, 9371 color: `#000000`, 9372 category: `Blend`, 9373 url: `/products/garlic-pepper`
9374 }, 9375 9376{ 9377 title: `Turmeric Root Powder`, 9378 color: `#fdb916`, 9379 category: `Spice`, 9380 url: `/products/turmeric-root-powder` 9381 }, 9382 9383{ 9384 title: `Peppercorns, 4 Mix`, 9385 color: `#fdb916`, 9386 category: `Spice`, 9387 url: `/products/peppercorns-4-mix` 9388 }, 9389 9390{ 9391 title: `Parsley`, 9392 color: `#0db14b`, 9393 category: `Herb`, 9394 url: `/products/parsley` 9395 }, 9396 9397{ 9398 title: `Coriander, Ground`, 9399 color: `#fdb916`, 9400 category: `Spice`, 9401 url: `/products/coriander-ground` 9402 }, 9403 9404{ 9405 title: `Poulet Epices | Poultry Spice`, 9406 color: `#000000`, 9407 category: `Blend`, 9408 url: `/products/poulet-epices-poultry-spice` 9409 }, 9410 9411{ 9412 title: `Coriander, Whole`, 9413 color: `#fdb916`, 9414 category: `Spice`, 9415 url: `/products/coriander-whole` 9416 }, 9417 9418{ 9419 title: `Garlic Powder, Imported`, 9420 color: `#fdb916`, 9421 category: `Spice`, 9422 url: `/products/garlic-powder-imported` 9423 }, 9424 9425{ 9426 title: `Derek Wolf | Sticky Bourbon Brown Ale Seasoning`, 9427 color: `#000000`, 9428 category: `Blend`, 9429 url: `/products/derek-wolf-sticky-bourbon-brown-ale` 9430 }, 9431 9432{ 9433 title: `Chile con Limon`, 9434 color: `#000000`, 9435 category: `Blend`, 9436 url: `/products/chile-con-limon` 9437 }, 9438 9439{ 9440 title: `Curry Madras`, 9441 color: `#000000`, 9442 category: `Blend`, 9443 url: `/products/curry-madras` 9444 }, 9445 9446{ 9447 title: `Steak and Bake Salt-Free Seasoning`, 9448 color: `#000000`, 9449 category: `Blend`, 9450 url: `/products/steak-and-bake-salt-free-seasoning` 9451 }, 9452 9453{ 9454 title: `Luxe Infused Salt Variety Pack`, 9455 color: ``, 9456 category: `Variety Pack`, 9457 url: `/products/luxe-infused-salt-variety-pack` 9458 }, 9459 9460{ 9461 title: `Dill Weed, C/S`, 9462 color: `#0db14b`, 9463 category: `Herb`, 9464 url: `/products/dill-weed-c-s` 9465 }, 9466 9467{ 9468 title: `Guajillo Chile, Ground`, 9469 color: `#ed1b2f`, 9470 category: `Chile`, 9471 url: `/products/guajillo-chile-ground` 9472 }, 9473 9474{ 9475 title: `Fryless Chicken Salt-Free Seasoning`, 9476 color: `#000000`, 9477 category: `Blend`, 9478 url: `/products/fryless-chicken-salt-free-seasoning` 9479 }, 9480 9481{ 9482 title: `Malt Vinegar Powder`, 9483 color: `#ffffff`, 9484 category: `Modernist`, 9485 url: `/products/malt-vinegar-powder` 9486 }, 9487 9488{ 9489 title: `Mango Tango Salt-Free Seasoning`, 9490 color: `#000000`, 9491 category: `Blend`, 9492 url: `/products/mango-tango-salt-free-seasoning` 9493 }, 9494 9495{ 9496 title: `Harissa`, 9497 color: `#000000`, 9498 category: `Blend`, 9499 url: `/products/harissa` 9500 }, 9501 9502{ 9503 title: `Jalapeno Powder`, 9504 color: `#ed1b2f`, 9505 category: `Chile`, 9506 url: `/products/jalapeno-powder` 9507 }, 9508 9509{ 9510 title: `Pickling Spice`, 9511 color: `#000000`, 9512 category: `Blend`, 9513 url: `/products/pickling-spice` 9514 }, 9515 9516{ 9517 title: `Mushroom Powder, Shiitake`, 9518 color: `#8c51a1`, 9519 category: `Veg Powder`, 9520 url: `/products/mushroom-powder-shiitake` 9521 }, 9522 9523{ 9524 title: `Mustard Seed, Yellow`, 9525 color: `#fdb916`, 9526 category: `Spice`, 9527 url: `/products/mustard-seed-yellow` 9528 }, 9529 9530{ 9531 title: `Citric Acid`, 9532 color: `#ffffff`, 9533 category: `Modernist`, 9534 url: `/products/citric-acid` 9535 }, 9536 9537{ 9538 title: `Everything Bagel Salt-Free Seasoning`, 9539 color: `#000000`, 9540 category: `Blend`, 9541 url: `/products/everything-bagel-salt-free-seasoning` 9542 }, 9543 9544{ 9545 title: `Thai Red Curry Powder`, 9546 color: `#000000`, 9547 category: `Blend`,
9548 url: `/products/thai-red-curry-powder` 9549 }, 9550 9551{ 9552 title: `Rio Grande Tex-Mex Blend`, 9553 color: `#000000`, 9554 category: `Blend`, 9555 url: `/products/rio-grande-tex-mex-blend` 9556 }, 9557 9558{ 9559 title: `Derek Wolf | Garlic Chile Lager Seasoning`, 9560 color: `#000000`, 9561 category: `Blend`, 9562 url: `/products/derek-wolf-garlic-chile-lager` 9563 }, 9564 9565{ 9566 title: `Chile Margarita Salt-Free Seasoning`, 9567 color: `#000000`, 9568 category: `Blend`, 9569 url: `/products/chile-margarita-salt-free-seasoning` 9570 }, 9571 9572{ 9573 title: `Derek Wolf | Cowboy Campfire Smoky SPG Seasoning`, 9574 color: `#000000`, 9575 category: `Blend`, 9576 url: `/products/derek-wolf-cowboy-campfire-seasoning` 9577 }, 9578 9579{ 9580 title: `Fennel Seed`, 9581 color: `#fdb916`, 9582 category: `Spice`, 9583 url: `/products/fennel-seed` 9584 }, 9585 9586{ 9587 title: `Sesame Seed, White`, 9588 color: `#fdb916`, 9589 category: `Spice`, 9590 url: `/products/sesame-seed-white` 9591 }, 9592 9593{ 9594 title: `Cinnamon Sticks, Batavia`, 9595 color: `#fdb916`, 9596 category: `Spice`, 9597 url: `/products/cinnamon-sticks-batavia` 9598 }, 9599 9600{ 9601 title: `Berbere`, 9602 color: `#000000`, 9603 category: `Blend`, 9604 url: `/products/berbere` 9605 }, 9606 9607{ 9608 title: `Ginger Root Powder`, 9609 color: `#fdb916`, 9610 category: `Spice`, 9611 url: `/products/ginger-root-powder` 9612 }, 9613 9614{ 9615 title: `Sesame Seed, Black`, 9616 color: `#fdb916`, 9617 category: `Spice`, 9618 url: `/products/sesame-seed-black` 9619 }, 9620 9621{ 9622 title: `Chinese 5 Spice Powder`, 9623 color: `#000000`, 9624 category: `Blend`, 9625 url: `/products/chinese-5-spice-powder` 9626 }, 9627 9628{ 9629 title: `Sumac Powder`, 9630 color: `#fdb916`, 9631 category: `Spice`, 9632 url: `/products/sumac-powder` 9633 }, 9634 9635{ 9636 title: `Coastal Butter Blend`, 9637 color: `#000000`, 9638 category: `Blend`, 9639 url: `/products/coastal-butter-blend` 9640 }, 9641 9642{ 9643 title: `Cumin Seed`, 9644 color: `#fdb916`, 9645 category: `Spice`, 9646 url: `/products/cumin-seed` 9647 }, 9648 9649{ 9650 title: `Carbonated Sugar`, 9651 color: `#eb2191`, 9652 category: `Confection`, 9653 url: `/products/carbonated-sugar` 9654 }, 9655 9656{ 9657 title: `Sesame Seed, Toasted`, 9658 color: `#fdb916`, 9659 category: `Spice`, 9660 url: `/products/sesame-seed-toasted` 9661 }, 9662 9663{ 9664 title: `Celery Seed`, 9665 color: `#fdb916`, 9666 category: `Spice`, 9667 url: `/products/celery-seed` 9668 }, 9669 9670{ 9671 title: `Citrus Herb Blend`, 9672 color: `#000000`, 9673 category: `Blend`, 9674 url: `/products/citrus-herb-blend` 9675 }, 9676 9677{ 9678 title: `Rosemary, Ground`, 9679 color: `#0db14b`, 9680 category: `Herb`, 9681 url: `/products/rosemary-ground` 9682 }, 9683 9684{ 9685 title: `Derek Wolf | Big Bad BBQ Ale Seasoning`, 9686 color: `#000000`, 9687 category: `Blend`, 9688 url: `/products/derek-wolf-big-bad-bbq-ale` 9689 }, 9690 9691{ 9692 title: `Celery Salt`, 9693 color: `#00a1e4`, 9694 category: `Salt`, 9695 url: `/products/celery-salt` 9696 }, 9697 9698{ 9699 title: `Derek Wolf | Sweet Carolina Blonde Seasoning`, 9700 color: `#000000`, 9701 category: `Blend`, 9702 url: `/products/derek-wolf-sweet-carolina-blonde` 9703 }, 9704 9705{ 9706 title: `Orange Gochugaru Chile Seasoning`, 9707 color: `#000000`, 9708 category: `Blend`, 9709 url: `/products/orange-gochugaru-chile-seasoning` 9710 }, 9711 9712{ 9713 title: `Garam Masala`, 9714 color: `#000000`, 9715 category: `Blend`, 9716 url: `/products/garam-masala` 9717 }, 9718 9719{ 9720 title: `Alderwood Smoked Salt`, 9721 color: `#00a1e4`, 9722 category: `Salt`, 9723 url: `/products/alderwood-smoked-salt` 9724 }, 9725 9726{ 9727 title: `Peppercorns, Szechuan`, 9728 color: `#fdb916`, 9729 category: `Spice`, 9730 url: `/products/peppercorns-szechuan` 9731 }, 9732 9733{ 9734 title: `Star Anise`, 9735 color: `#fdb916`, 9736 category: `Spice`, 9737 url: `/products/star-anise` 9738 }, 9739 9740{ 9741 title: `Nutmeg, Ground`, 9742 color: `#fdb916`, 9743 category: `Spice`, 9744 url: `/products/nutmeg-ground` 9745 }, 9746 9747{ 9748 title: `Isaac Toups | Louisiana Lightning | Cajun Seafood Seasoning`, 9749 color: `#000000`, 9750 category: `Blend`, 9751 url: `/products/isaac-toups-louisiana-lightning-cajun-seafood-seasoning` 9752 }, 9753 9754{ 9755 title: `Habanero Powder`, 9756 color: `#ed1b2f`, 9757 category: `Chile`, 9758 url: `/products/habanero-powder` 9759 }, 9760 9761{ 9762 title: `Dukkah (Nut Free)`, 9763 color: `#000000`, 9764 category: `Blend`, 9765 url: `/products/dukkah-nut-free` 9766 }, 9767 9768{ 9769 title: `Tarragon Leaves, C/S`, 9770 color: `#0db14b`, 9771 category: `Herb`, 9772 url: `/products/tarragon-leaves-c-s` 9773 }, 9774 9775{ 9776 title: `Sage, Ground`, 9777 color: `#0db14b`, 9778 category: `Herb`, 9779 url: `/products/sage-ground` 9780 }, 9781 9782{ 9783 title: `Xanthan Gum`, 9784 color: `#ffffff`, 9785 category: `Modernist`, 9786 url: `/products/xanthan-gum` 9787 }, 9788 9789{ 9790 title: `Urfa Biber Chile`, 9791 color: `#ed1b2f`, 9792 category: `Chile`, 9793 url: `/products/urfa-biber-chile` 9794 }, 9795 9796{ 9797 title: `Vampire Killer Garlic Parmesan Seasoning`, 9798 color: `#000000`, 9799 category: `Blend`, 9800 url: `/products/vampire-killer-garlic-parmesan-seasoning` 9801 }, 9802 9803 9804{ 9805 title: `Marjoram Leaves, C/S`, 9806 color: `#0db14b`, 9807 category: `Herb`, 9808 url: `/products/marjoram-leaves-c-s` 9809 }, 9810 9811{ 9812 title: `Creole Seasoning`, 9813 color: `#000000`, 9814 category: `Blend`, 9815 url: `/products/creole-seasoning` 9816 }, 9817 9818{ 9819 title: `Sodium Citrate`, 9820 color: `#ffffff`, 9821 category: `Modernist`, 9822 url: `/products/sodium-citrate` 9823 }, 9824 9825{ 9826 title: `Lavender Flower`, 9827 color: `#0db14b`, 9828 category: `Herb`, 9829 url: `/products/lavender-flower` 9830 }, 9831 9832{ 9833 title: `Ras el Hanout`, 9834 color: `#000000`, 9835 category: `Blend`, 9836 url: `/products/ras-el-hanout` 9837 }, 9838 9839{ 9840 title: `Herbs de Provence`, 9841 color: `#0db14b`, 9842 category: `Herb`, 9843 url: `/products/herbs-de-provence` 9844 }, 9845 9846{ 9847 title: `Juniper Berries, Whole`, 9848 color: `#fdb916`, 9849 category: `Spice`, 9850 url: `/products/juniper-berries-whole` 9851 }, 9852 9853{ 9854 title: `Peppercorns, Pink`, 9855 color: `#fdb916`, 9856 category: `Spice`, 9857 url: `/products/peppercorns-pink` 9858 }, 9859 9860{ 9861 title: `Derek Wolf | 4 Pack Beer Rub Sampler`, 9862 color: ``,
9863 category: `Variety Pack`, 9864 url: `/products/derek-wolf-4-pack-beer-rub-sampler` 9865 }, 9866 9867{ 9868 title: `Clove, Whole`, 9869 color: `#fdb916`, 9870 category: `Spice`, 9871 url: `/products/clove-whole` 9872 }, 9873 9874{ 9875 title: `Cardamom, Whole`, 9876 color: `#fdb916`, 9877 category: `Spice`, 9878 url: `/products/cardamom-whole` 9879 }, 9880 9881{ 9882 title: `Chili Thread`, 9883 color: `#ed1b2f`, 9884 category: `Chile`, 9885 url: `/products/chili-thread` 9886 }, 9887 9888{ 9889 title: `Derek Wolf | Ultimate 6-Pack Beer-Infused Rub Sampler`, 9890 color: ``, 9891 category: `Variety Pack`, 9892 url: `/products/derek-wolf-ultimate-6-pack-beer-infused-rub-sampler` 9893 }, 9894 9895{ 9896 title: `Smoked Chipotle Herbs de Provence Seasoning`, 9897 color: `#000000`, 9898 category: `Blend`, 9899 url: `/products/smoked-chipotle-herbs-de-provence-seasoning` 9900 }, 9901 9902{ 9903 title: `Caraway Seed`, 9904 color: `#fdb916`, 9905 category: `Spice`, 9906 url: `/products/caraway-seed` 9907 }, 9908 9909{ 9910 title: `Cardamom, Ground`, 9911 color: `#fdb916`, 9912 category: `Spice`, 9913 url: `/products/cardamom-ground` 9914 }, 9915 9916{ 9917 title: `Nutritional Yeast Flakes`, 9918 color: `#ffffff`, 9919 category: `Modernist`, 9920 url: `/products/nutritional-yeast-flakes` 9921 }, 9922 9923{ 9924 title: `Clove, Ground`, 9925 color: `#fdb916`, 9926 category: `Spice`, 9927 url: `/products/clove-ground` 9928 }, 9929 9930{ 9931 title: `Agar Agar`, 9932 color: `#ffffff`, 9933 category: `Modernist`, 9934 url: `/products/agar-agar` 9935 }, 9936 9937{ 9938 title: `Fennel Pollen`, 9939 color: `#fdb916`, 9940 category: `Spice`, 9941 url: `/products/fennel-pollen` 9942 }, 9943 9944{ 9945 title: `Vadouvan Seasoning Blend`, 9946 color: `#000000`, 9947 category: `Blend`, 9948 url: `/products/vadouvan` 9949 }, 9950 9951{ 9952 title: `Cinnamon Sticks, Ceylon`, 9953 color: `#fdb916`, 9954 category: `Spice`, 9955 url: `/products/cinnamon-sticks-ceylon` 9956 }, 9957 9958{ 9959 title: `Saffron Threads`, 9960 color: `#fdb916`, 9961 category: `Spice`, 9962 url: `/products/saffron-threads` 9963 }, 9964 9965{ 9966 title: `Espelette Pepper`, 9967 color: `#ed1b2f`, 9968 category: `Chile`, 9969 url: `/products/espelette-pepper` 9970 }, 9971 9972{ 9973 title: `Truffle Parmesan Seasoning`, 9974 color: `#000000`, 9975 category: `Blend`, 9976 url: `/products/truffle-parmesan-seasoning` 9977 }, 9978 9979{ 9980 title: `Cream of Tartar`, 9981 color: `#ffffff`, 9982 category: `Modernist`, 9983 url: `/products/cream-of-tartar` 9984 }, 9985 9986{ 9987 title: `Bleu Cheese Buffalo Seasoning`, 9988 color: `#000000`, 9989 category: `Blend`, 9990 url: `/products/bleu-cheese-buffalo-seasoning` 9991 }, 9992 9993{ 9994 title: `Korean BBQ Glaze`, 9995 color: ``, 9996 category: `Sauce`, 9997 url: `/products/korean-bbq-glaze` 9998 }, 9999 10000{ 10001 title: `Cantina Verde Seasoning`, 10002 color: `#000000`, 10003 category: `Blend`, 10004 url: `/products/cantina-verde-seasoning` 10005 }, 10006 10007{ 10008 title: `Ascorbic Acid`, 10009 color: `#ffffff`, 10010 category: `Modernist`, 10011 url: `/products/ascorbic-acid` 10012 }, 10013 10014{ 10015 title: `Cajun Caesar Seasoning`, 10016 color: `#000000`, 10017 category: `Blend`, 10018 url: `/products/cajun-caesar-seasoning` 10019 }, 10020 10021 10022{ 10023 title: `Spiceology Stainless Steel Rack for Chefs`, 10024 color: ``, 10025 category: `Racking`, 10026 url: `/products/spiceology-stainless-steel-rack-for-chefs` 10027 }, 10028 10029{ 10030 title: `New Mexico Smoked Paprika`, 10031 color: `#ed1b2f`, 10032 category: `Chile`, 10033 url: `/products/new-mexico-smoked-paprika` 10034 }, 10035 10036 10037 10038 10039 10040{ 10041 title: `Derek Wolf | Complete Cowboy Collection`, 10042 color: ``, 10043 category: `Bundle`, 10044 url: `/products/derek-wolf-complete-cowboy-collection` 10045 }, 10046 10047{ 10048 title: `Brown Butter Seasoning Bundle`, 10049 color: ``, 10050 category: `Bundle`, 10051 url: `/products/brown-butter-seasoning-bundle` 10052 }, 10053 10054{ 10055 title: `Salt-Free Seasoning Bundle`, 10056 color: ``, 10057 category: `Bundle`, 10058 url: `/products/salt-free-seasoning-bundle` 10059 }, 10060 10061 10062 10063{ 10064 title: `Pizza Seasoning Bundle`, 10065 color: ``, 10066 category: `Bundle`, 10067 url: `/products/pizza-seasoning-bundle` 10068 }, 10069 10070{ 10071 title: `Black Magic & Korean BBQ Seasoning Bundle`, 10072 color: ``, 10073 category: `Bundle`, 10074 url: `/products/black-magic-korean-bbq-seasoning-bundle` 10075 }, 10076 10077{ 10078 title: `Derek Wolf | The Cowboy Collection`, 10079 color: ``, 10080 category: `Bundle`, 10081 url: `/products/derek-wolf-cowboy-bundle` 10082 }, 10083 10084{ 10085 title: `Black Magic & Greek Freak Bundle`, 10086 color: ``, 10087 category: `Bundle`, 10088 url: `/products/black-magic-greek-freak-bundle` 10089 }, 10090 10091{ 10092 title: `Greek Freak & Pink Peppercorn Lemon Thyme Bundle`, 10093 color: ``, 10094 category: `Bundle`, 10095 url: `/products/greek-freak-pink-peppercorn-lemon-thyme-bundle` 10096 }, 10097 10098{ 10099 title: `Latin Seasoning Bundle`, 10100 color: ``, 10101 category: `Bundle`, 10102 url: `/products/latin-seasoning-bundle` 10103 }, 10104 10105{ 10106 title: `Trending Flavors Bundle`, 10107 color: ``, 10108 category: `Bundle`, 10109 url: `/products/trending-flavors-bundle` 10110 }, 10111 10112{ 10113 title: `Sweet Heat Bundle`, 10114 color: ``, 10115 category: `Bundle`, 10116 url: `/products/sweet-heat-bundle` 10117 }, 10118 10119{ 10120 title: `Smoky Honey Habanero & Cowboy Crust Bundle`, 10121 color: ``, 10122 category: `Bundle`, 10123 url: `/products/smoky-honey-habanero-cowboy-crust-bundle` 10124 }, 10125 10126{ 10127 title: `Mediterranean Seasoning Bundle`, 10128 color: ``, 10129 category: `Bundle`, 10130 url: `/products/mediterranean-seasoning-bundle` 10131 }, 10132 10133{
10134 title: `Cajun Seasoning Bundle`, 10135 color: ``, 10136 category: `Bundle`, 10137 url: `/products/cajun-seasoning-bundle` 10138 }, 10139 10140{ 10141 title: `Holiday Seasoning Bundle`, 10142 color: ``, 10143 category: `Bundle`, 10144 url: `/products/holiday-bundle` 10145 }, 10146 10147{ 10148 title: `Everyday Entertaining Bundle`, 10149 color: ``, 10150 category: `Bundle`, 10151 url: `/products/everyday-entertaining-bundle` 10152 }, 10153 10154{ 10155 title: `Grilling Seasoning Bundle`, 10156 color: ``, 10157 category: `Bundle`, 10158 url: `/products/grilling-seasoning-bundle` 10159 }, 10160 10161{ 10162 title: `Global Flavors Bundle`, 10163 color: ``, 10164 category: `Bundle`, 10165 url: `/products/global-flavors-bundle` 10166 }, 10167 10168{ 10169 title: `Sweet & Spicy Bundle`, 10170 color: ``, 10171 category: `Bundle`, 10172 url: `/products/sweet-spicy-bundle` 10173 } 10174 10175 10176 ], 10177 products_alphabetized: [], 10178 products_categorized: [], 10179 showSpiceRack() { 10180 return this.desktop ? true : this.mobile_spice_rack_expanded; 10181 }, 10182 init() { 10183 // Alphabetize products 10184 this.products.sort((a, b) => a.title.localeCompare(b.title)); 10185 this.products_alphabetized = this.products.reduce((acc, product) => { 10186 const firstLetter = product.title.charAt(0).toUpperCase(); 10187 if (!acc[firstLetter]) { 10188 acc[firstLetter] = []; 10189 } 10190 acc[firstLetter].push(product); 10191 return acc; 10192 }, {}); 10193 this.products_alphabetized = Object.keys(this.products_alphabetized).map(letter => ({ 10194 letter, 10195 products: this.products_alphabetized[letter] 10196 })); 10197 10198 // Categorize products 10199 this.products_categorized = this.products.reduce((acc, product) => { 10200 const category = product.category || 'Uncategorized'; 10201 if (!acc[category]) { 10202 acc[category] = []; 10203 } 10204 acc[category].push(product); 10205 return acc; 10206 }, {}); 10207 10208 // Convert to an array of objects with category and products 10209 this.products_categorized = Object.keys(this.products_categorized).map(category => ({ 10210 category, 10211 products: this.products_categorized[category] 10212 })); 10213 } 10214 })) 10215 }) 10216</script>
10216 10217 10218<div x-data="spiceRack()" x-intersect.threshold.40="show_spice_rack = true" class="flex flex-col w-full px-5 pb-[50px] lg:pb-[100px]"> 10219 <div class="flex items-center justify-between w-full py-6"> 10220 <h6 class="heading-md lg:heading-sm">Spice Rack</h6> 10221 <div class="hidden lg:flex gap-2"> 10222 <button @click="order = 'alphabetical'" :class="order == 'alphabetical' ? 'white' : 'black'" class="button__rounded-dark">Alphabetical</button> 10223 <button @click="order = 'category'" :class="order == 'alphabetical' ? 'black' : 'white'" class="button__rounded-dark">Category</button> 10224 </div> 10225 <button @click="mobile_spice_rack_expanded = !mobile_spice_rack_expanded" :class="mobile_spice_rack_expanded ? '-scale-y-100' : 'scale-y-100'" class="lg:hidden"><svg class="group lg:hover:cursor-pointer " width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 10226 <rect class="lg:group-hover:fill-black transition-all duration-200 ease-in-out" width="28" height="28" fill="white"/> 10227 <path class="lg:group-hover:fill-white transition-all duration-200 ease-in-out" d="M13.2966 17.376L10.1926 10.624L11.5366 10.624L14.0006 16.064L16.4646 10.624L17.8086 10.624L14.7046 17.376L13.2966 17.376Z" fill="#181613"/> 10228</svg> 10229</button> 10230 </div> 10231 <div 10232 10233 x-data="{ 10234 scrollToTop() { 10235 window.scrollTo({ top: 0, behavior: 'smooth' }); 10236 } 10237 }" 10238 x-show="showSpiceRack()" 10239 x-collapse 10240 > 10241 <div x-ref="list" class="lg:hidden flex justify-center gap-[4px] lg:gap-2 w-full"> 10242 <button @click="order = 'alphabetical'" :class="order == 'alphabetical' ? 'white' : 'black'" class="button__rounded-dark">Alphabetical</button> 10243 <button @click="order = 'category'" :class="order == 'alphabetical' ? 'black' : 'white'" class="button__rounded-dark">Category</button> 10244 </div> 10245 <div x-show="show_spice_rack && (order === 'alphabetical')" class="columns-1 lg:columns-4 gap-5 pt-4"> 10246 <template x-for="(letter, index) in products_alphabetized" :key="letter.letter"> 10247 <div 10248 x-show="show_spice_rack && (order === 'alphabetical')" 10249 x-transition:enter="transition-all ease-in-out duration-[800ms]" 10250 x-transition:enter-start="opacity-0 translate-y-5" 10251 x-transition:enter-end="opacity-100 translate-y-0" 10252 :style="`transition-delay: ${index * 15}ms`" 10253 class="flex gap-5 lg:border-b lg:border-white/[0.1] py-4 lg:py-5 pr-24 lg:pr-0 transition-all duration-[800ms] ease-in-out"> 10254 <h6 class="font-sans text-[14px] text-grey-light/50 pt-[2px]" x-text="letter.letter"></h6> 10255 <div class="flex flex-col"> 10256 <template x-for="(product, index) in letter.products" :key="product.url"> 10257 <a :href="product.url" x-show="product.title != 'Spiceology Gift Card'" class="font-sans text-[14px] text-grey-light/80 leading-[25.6px] hover:underline relative group"> 10258 <span :style="`background-color: ${product.color}`" class="absolute top-[9px] left-[-14px] w-2 h-2 rounded-full opacity-0 transform translate-x-[5px] group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 ease-in-out"></span> 10259 <span x-text="product.title"></span> 10260 </a> 10261 </template> 10262 </div> 10263 </div> 10264 </template> 10265 </div> 10266 <div x-show="order === 'category'" class="columns-2 lg:columns-4 gap-5 pt-4"> 10267 <template x-for="(category, index) in products_categorized" :key="category.category"> 10268 <div 10269 x-data='{ 10270 color: "#181613", 10271 getCollectionColor(collectionTitle){ 10272 let handle = collectionTitle.toLowerCase().replace(" ", "-"); 10273 Alpine.store("main").graphQl(` 10274 { 10275 collectionByHandle(handle: "${handle}s",) { 10276 id 10277 title 10278 handle 10279 color: metafield( 10280 namespace: "custom" 10281 key: "color" 10282 ) { 10283 value 10284 } 10285 } 10286 } 10287 `).then((response) => { 10288 if(response?.data?.collectionByHandle) { 10289 this.color = response.data.collectionByHandle?.color?.value || "#FFFFFF"; 10290 if (this.color == "#181613") { 10291 this.color = "#FFFFFF"; 10292 } 10293 } 10294 else { 10295 Alpine.store("main").graphQl(` 10296 { 10297 collectionByHandle(handle: "${handle}",) { 10298 id 10299 title 10300 handle 10301 color: metafield( 10302 namespace: "custom" 10303 key: "color" 10304 ) { 10305 value 10306 } 10307 } 10308 } 10309 `).then((response) => { 10310 if(response) { 10311 this.color = response.data.collectionByHandle?.color?.value || "#FFFFFF"; 10312 if(this.color == "#181613") { 10313 this.color = "#FFFFFF"; 10314 } 10315 } 10316 }); 10317 } 10318 }); 10319 }, 10320 init(){ 10321 this.getCollectionColor(category.category) 10322 } 10323 }' 10324 x-show="order === 'category' && category.category != 'Insurance'" 10325 x-transition:enter="transition-all ease-in-out duration-[800ms]" 10326 x-transition:enter-start="opacity-0 translate-y-5" 10327 x-transition:enter-end="opacity-100 translate-y-0"
10328 :style="desktop ? `border-top: 4px solid ${color}; transition-delay: ${index * 15}ms;` : `transition-delay: ${index * 15}ms`" 10329 class="flex flex-col gap-[6px] pb-7 lg:py-5 transition-all duration-[800ms] ease-in-out" 10330 > 10331 <h6 :style="!desktop && `color: ${color};`" class="font-sans text-[14px] uppercase text-grey-light/50" x-text="category.category" x-show="category.category != 'Insurance'"></h6> 10332 <div class="inline lg:pl-7 lg:flex lg:flex-col" x-show="category.category != 'Insurance'"> 10333 <template x-for="product in category.products" :key="product.url"> 10334 <a :href="product.url" 10335 x-show="product.title != 'Spiceology Gift Card'" 10336 class="font-sans text-[14px] text-grey-light/80 leading-[25.6px] hover:underline relative group"> 10337 <span :style="`background-color: ${product.color}`" class="absolute top-[9px] left-[-14px] w-2 h-2 rounded-full opacity-0 transform translate-x-[5px] group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200 ease-in-out"></span> 10338 <span x-text="product.title"></span> 10339 </a> 10340 </template> 10341 </div> 10342 </div> 10343 </template> 10344 </div> 10345 <button class="button footer-scrollop-btn desktop-scrolltop-btn lg:flex justify-end items-center gap-1.5 pt-10 w-full" @click="scrollToTop()"> 10346 <span class="link-underlined">Back to Top</span> 10347 <span><svg width="7" height="6" viewBox="0 0 7 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 10348<path d="M3.796 -2.76566e-05L6.448 5.77197H5.356L3.224 1.06597L1.092 5.77197H0L2.652 -2.76566e-05L3.796 -2.76566e-05Z" fill="white"/> 10349</svg> 10350</span> 10351 </button> 10352 </div> 10353</div> 10354 <div class="lg:px-6 w-full"> 10355 <div class="border-t border-white/[0.1] w-full flex flex-col-reverse lg:flex-row lg:justify-between lg:items-center py-6 gap-y-20 lg:gap-y-0 px-5 lg:px-0"> 10356 <p class="heading-xs text-14px">Copyright 2026 Spiceology. All Rights Reserved.</p> 10357 <ul class="lg:flex columns-2 gap-[24px]" x-data="{ 10358 openAccessWidget() { 10359 if (typeof acsbWidget === 'function') { 10360 acsbWidget('open'); 10361 } 10362 } 10363 }"> 10364 <li> 10365 <a href="https://spiceology.com?polaris.openConsentManager=true" class="utility-lg text-11 uppercase underline">Cookie Preferences</a> 10366 </li> 10367 10368<li> 10369 10370 <a href="/pages/terms-conditions" class="utility-lg text-11 uppercase underline">Terms & Conditions</a> 10371 10372 </li> 10373 10374<li> 10375 10376 <a href="https://privacy.spiceology.com/privacy-policy" class="utility-lg text-11 uppercase underline">Privacy Policy</a> 10377 10378 </li> 10379 10380 <li x-data="{ hovered: false }" class="w-max"> 10381 <a @mouseenter="hovered = true" @mouseleave="hovered = false" href="https://www.bf.inc" class="utility-lg text-11 uppercase underline group" x-text="hovered ? 'Bondfire Inc.' : 'Site Credit'"> 10382 </a> 10383 </li> 10384 </ul> 10385 </div> 10386 </div> 10387 10388</footer> 10389 10390 10391</footer> 10392 <div id="shopify-section-cart-menu" class="shopify-section"><link href="//spiceology.com/cdn/shop/t/78/assets/section-cart-menu.css?v=22789705238373290251728654210" rel="stylesheet" type="text/css" media="all" /> 10393 10394<div 10395 x-data 10396 x-cloak 10397 class="cart__underlay" 10398 :class="{ 10399 active: ($store.main.isMiniCartOpen && !$store.main.isRebuyEnabled()), 10400 scrolled: $store.main.isHeaderScrolled, 10401 }" 10402 @click="$store.main.setMiniCartOpen(false)" 10403></div> 10404 10405<div 10406 x-data 10407 x-cloak 10408 x-trap="($store.main.isMiniCartOpen && !$store.main.isRebuyEnabled())" 10409 @keydown.escape="$store.main.setMiniCartOpen(false)" 10410 class="cart__main" 10411 :class="{ 10412 active: ($store.main.isMiniCartOpen && !$store.main.isRebuyEnabled()), 10413 scrolled: $store.main.isHeaderScrolled, 10414 }" 10415> 10416 <div class="cart__top-wrapper text-black bg-white"> 10417 <div class="w-full"> 10418 <div class="pb-5 px-4 md:px-6"> 10419 <div class="grid grid-cols-2"> 10420 <h2 class="heading-sm">Cart 10421 (<span x-text="$store.main.cart.item_count"></span>) 10422 </h2> 10423 <div class="text-right"> 10424 <button 10425 class="" 10426 @click="$store.main.setMiniCartOpen(false)" 10427 type="button" 10428 name="close" 10429 ><svg class="w-[26px]" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 10430 <path d="M0.669189 0.924805L15.5998 15.8555" stroke="#303030" stroke-miterlimit="10"/> 10431 <path d="M15.5998 0.924805L0.669189 15.8555" stroke="#303030" stroke-miterlimit="10"/> 10432</svg> 10433</button> 10434 </div> 10435 </div> 10436 </div> 10437 <div class="cart__items-wrapper"> 10438 <div class="w-full"> 10439 <div 10440 x-show="!$store.main.cart.item_count" 10441 class="text-center pt-10" 10442 > 10443 <h3 class="heading-md">Cart Empty</h3> 10444 </div> 10445 <div x-show="$store.main.cart.item_count" class="pt-7 md:pt-14"> 10446 <template 10447 x-for="item in $store.main.cart.items" 10448 :key="item.key" 10449 > 10450 <div class="cart__item flex flex-row mb-6 pb-3.5"> 10451 <div> 10452 <a 10453 :href="item.url" 10454 :title="item.product_title" 10455 class="block cart__item__image" 10456 > 10457 <div x-data class="relative w-full h-full pt-[66%]"> 10458 <img 10459 class="absolute inset-0 w-full h-full object-cover" 10460 :alt="item.product_title" 10461 :src="item.image" 10462 loading="lazy" 10463 /> 10464 </div> 10465 </a> 10466 </div> 10467 <div class="flex-1 flex flex-col pl-3"> 10468 <div class="flex flex-row pb-3"> 10469 <a class="flex-1" :href="item.url"> 10470 <p x-text="item.product_title"></p> 10471 <p x-text="item.variant_title"></p> 10472 </a> 10473 <button 10474 type="button" 10475 name="remove" 10476 :aria-label="`Remove ${item.product_title} from cart`" 10477 class="" 10478 :class="{ loading: $store.main.pendingUpdateVariantId == item.variant_id }" 10479 :disabled="$store.main.pendingUpdateVariantId == item.variant_id"
10480 @click="$store.main.updateVariantQuantity(item.variant_id, 0)" 10481 > 10482 <svg class="w-[20px]" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> 10483 <path d="M0.669189 0.924805L15.5998 15.8555" stroke="#303030" stroke-miterlimit="10"/> 10484 <path d="M15.5998 0.924805L0.669189 15.8555" stroke="#303030" stroke-miterlimit="10"/> 10485</svg> 10486 10487 </button> 10488 </div> 10489 <div class="flex flex-1 flex-row items-end"> 10490 <div class="flex-1 flex justify-between items-center"> 10491 <div> 10492 <div class="flex flex-row rounded-md w-24 justify-around content-center items-center"> 10493 <div> 10494 </div> 10495 <p class="px-3 flex">QTY: <span x-text="item.quantity"></span></p> 10496 <button 10497 type="button" 10498 name="subtract" 10499 class="qty-mod" 10500 :aria-label="`Remove 1 ${item.product_title} from cart`" 10501 :class="{ loading: $store.main.pendingUpdateVariantId == item.variant_id }" 10502 :disabled="$store.main.pendingUpdateVariantId == item.variant_id" 10503 @click="$store.main.updateVariantQuantity(item.variant_id, item.quantity - 1)" 10504 :disabled="$store.main.pendingUpdateVariantId == item.variant_id || item.quantity === 1" 10505 > 10506 <svg class="w-[12px]" width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 10507 <path d="M3.5 3.5L7 0L0 0L3.5 3.5Z" fill="currentColor"/> 10508</svg> 10509 10510 </button> 10511 <button 10512 type="button" 10513 name="add" 10514 class="qty-mod ml-2" 10515 :aria-label="`Add 1 ${item.product_title} to cart`" 10516 :class="{ loading: $store.main.pendingUpdateVariantId == item.variant_id }" 10517 :disabled="$store.main.pendingUpdateVariantId == item.variant_id" 10518 @click="$store.main.updateVariantQuantity(item.variant_id, item.quantity + 1)" 10519 :disabled="$store.main.pendingUpdateVariantId == item.variant_id" 10520 > 10521 <svg class="w-[12px] transform rotate-180" width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"> 10522 <path d="M3.5 3.5L7 0L0 0L3.5 3.5Z" fill="currentColor"/> 10523</svg> 10524 10525 </button> 10526 </div> 10527 </div> 10528 <p class="text-md" x-price="item.final_line_price"></p> 10529 <p x-show="item.final_line_price != item.original_line_price" class="text-md line-through" x-price="item.original_line_price"></p> 10530 </div> 10531 </div> 10532 </div> 10533 </div> 10534 </template> 10535 </div> 10536 </div> 10537 </div> 10538 </div> 10539
10539<script src="//spiceology.com/cdn/shop/t/78/assets/component-cart-recommendations.js?v=86379876662611956861728654209"></script>
10539 10540<link href="//spiceology.com/cdn/shop/t/78/assets/component-swiper.css?v=124668731582180556971728654209" rel="stylesheet" type="text/css" media="all" />
10541<script src="//spiceology.com/cdn/shop/t/78/assets/component-swiper.js?v=7506807790258527141728654210" defer></script>
10541 10542 10543<template x-if="$store.main.cart.items.length > 0"> 10544 <div 10545 class="mt-6 transition-opacity" 10546 :class="loading ? 'opacity-30' : 'opacity-100'" 10547 x-data="cartRecommendations" 10548 x-show="products?.length" 10549 x-transition 10550 > 10551 <h4 class="text-18 font-500 font-serif py-6 mx-8 border-t border-solid border-dark border-opacity-50"> 10552 Goes Great With 10553 </h4> 10554 10555 <swiper-carousel 10556 class="block mb-8" 10557 data-swiper='{ 10558 "slidesPerView": "1.2", 10559 "loop": false, 10560 "centerInsufficientSlides": false, 10561 "spaceBetween": 15, 10562 "dots": false 10563 }' 10564 > 10565 <div class="swiper"> 10566 <div 10567 class="swiper-wrapper" 10568 role="region" 10569 aria-label="product image carousel" 10570 aria-live="polite" 10571 > 10572 <template 10573 x-for="product in products" 10574 :key="product.id" 10575 > 10576 <template x-if="product?.variants"> 10577 <div 10578 class="swiper-slide first-of-type:ml-8" 10579 role="group" 10580 aria-roledescription="slide" 10581 > 10582 <div 10583 x-data="productForm(product.variants, product.active_variant_id, false)" 10584 class="border border-dark border-solid border-opacity-50 flex flex-row" 10585 > 10586 <a :href="product.url"> 10587 <img 10588 :src="product.featured_image" 10589 :alt="product.title" 10590 class="w-40 aspect-4/5 object-center object-cover" 10591 > 10592 </a> 10593 <div class="p-4 flex flex-col gap-5 flex-1"> 10594 <a :href="product.url" class="flex-1"> 10595 <div class="flex flex-row justify-between md:justify-start text-dark gap-5 flex-1"> 10596 <div 10597 class="text-16 tracking-1 font-700 capitalize leading-120" 10598 x-text="product.title" 10599 ></div> 10600 <div 10601 class="text-14 -tracking-3" 10602 x-price="reactiveData?.activeVariant?.variantPrice" 10603 ></div> 10604 </div> 10605 <div 10606 class="mt-1 mb-2 text-dark text-opacity-75 capitalize tracking-1" 10607 x-text="reactiveData?.activeVariant?.variantTitle?.split('/')[0]" 10608 ></div> 10609 </a> 10610 <div 10611 style="--input-height: 30px; --button-height: 30px;" 10612 class="flex flex-col md:flex-row gap-4" 10613 > 10614 <div class="flex-1"> 10615 <div class="select__filters"> 10616 <select 10617 name="variant" 10618 @change="changeActiveVariant($event.target.value)" 10619 > 10620 <template x-for="variant in product.variants"> 10621 <option 10622 :selected="variant.id === reactiveData.activeVariant.id" 10623 :disabled="!variant.isAvailable" 10624 :value="variant.id" 10625 x-text="variant.variantTitle?.split('/')[1]" 10626 ></option> 10627 </template> 10628 </select> 10629 </div> 10630 </div> 10631 <div class="flex-1"> 10632 <button 10633 type="button" 10634 class="button__primary px-0 w-full text-12" 10635 x-data="{ loading: false }" 10636 :disabled="loading" 10637 @click.prevent=" 10638 loading = true 10639 $store.main.addVariant({ 10640 id: reactiveData.activeVariant.id, 10641 openCart: true, 10642 quantity: 1, 10643 }).then(() => { 10644 loading = false 10645 added = true; 10646 }).catch(() => { 10647 loading = false 10648 }) 10649 " 10650 > 10651 add to cart 10652 </button> 10653 </div> 10654 </div> 10655 </div> 10656 </div> 10657 </div> 10658 </template> 10659 </template> 10660 </div> 10661 </div>
10662 </swiper-carousel> 10663 </div> 10664</template> 10665 10666 </div> 10667 <div 10668 class="cart__footer bg-white" 10669 10670 > 10671 <div class=""> 10672 <div class="grid grid-cols-2 pb-6 gap-1"> 10673 <div> 10674 <p>Shipping</p> 10675 </div> 10676 <div class="text-right"> 10677 <p>Shipping calculated at checkout</p> 10678 </div> 10679 <div> 10680 <p>Subtotal</p> 10681 </div> 10682 <div class="text-right"> 10683 <p x-price="$store.main.cart.total_price"></p> 10684 </div> 10685 </div> 10686 10687 <div class="pb-6 md:pb-9"> 10688 <button 10689 x-show="$store.main.cart.item_count" 10690 :disabled="$store.main.isNavigatingToCheckout" 10691 @click="$store.main.navigateToCheckout()" 10692 name="checkout" 10693 type="button" 10694 class="bg-black text-white w-full py-4" 10695 :class="{ 10696 loading: $store.main.isNavigatingToCheckout, 10697 }" 10698 ><span x-text="$store.main.isNavigatingToCheckout ? 'Checking outâ¦' : 'Checkout'"></span></button> 10699 </div> 10700 </div> 10701 </div> 10702</div> 10703 10704 10705</div> 10706 10707 <!-- Start of HubSpot Embed Code --> 10708
10708<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/3902690.js"></script>
10708 10709 <!-- End of HubSpot Embed Code --> 10710 <style></style> 10711 10712 <!-- Bundle Box App Script to Avoid Redirect to Cart Page --> 10713
10713<script type="text/javascript"> 10714 window.bbAfterAddToCart = function () { 10715 // Remove the loading spinner element 10716 const loadingSpinner = document.querySelector('.KitAddToCart-module__loading-spinner'); 10717 if (loadingSpinner) { 10718 loadingSpinner.remove(); 10719 } 10720 10721 // Find the button and update its text 10722 const addToCartButton = document.querySelector('.KitAddToCart-module__button'); 10723 if (addToCartButton) { 10724 addToCartButton.textContent = 'Bundle Added to Cart'; // Update the text as needed 10725 } 10726 10727 // Optionally, you can add more logic here if needed 10728 }; 10729 10730 /* Top Search */ 10731 /*document.addEventListener('DOMContentLoaded', function () { 10732 document.querySelectorAll('.header-top-search-browse').forEach(function (element) { 10733 element.addEventListener('click', function (event) { 10734 event.preventDefault(); // Prevent default link behavior if necessary 10735 event.stopImmediatePropagation(); // Stop duplicate clicks 10736 document.querySelector('#header-top-search').click(); 10737 }); 10738 }); 10739 }); 10740 */ 10741 document.addEventListener('DOMContentLoaded', function () { 10742 console.log('page loading...'); 10743 10744 const buttons = document.querySelectorAll('.search-recommendation-btn a'); 10745 10746 buttons.forEach(function (button) { 10747 button.addEventListener('click', function (event) { 10748 event.preventDefault(); // prevent default link navigation 10749 10750 const stype = this.getAttribute('data-type'); 10751 console.log('stype - ' + stype); 10752 10753 // â fetch input value **at the time of click!** 10754 const inputSearch = document.querySelector('.search-input').value; 10755 10756 window.location.href = '/search?type=' + stype + '&q=' + encodeURIComponent(inputSearch); 10757 }); 10758 }); 10759 }); 10760 </script>
10760 10761 10762 10763 <style> 10764 .additional-checkout-buttons {display: none; width: 100%;} 10765 </style> 10766 <div class="additional-checkout-buttons additional-checkout-buttons--vertical"> 10767 <div class="dynamic-checkout__content" id="dynamic-checkout-cart" data-shopify="dynamic-checkout-cart"> <shopify-accelerated-checkout-cart wallet-configs="[{"supports_subs":true,"supports_def_opts":false,"name":"shop_pay","wallet_params":{"shopId":10550892,"merchantName":"Spiceology","personalized":true}},{"supports_subs":false,"supports_def_opts":false,"name":"amazon_pay","wallet_params":{"checkoutLanguage":"en_US","ledgerCurrency":"USD","placement":"Cart","sandbox":false,"merchantId":"A3VPX1394N9N4N","productType":"PayAndShip","design":"C0002"}},{"supports_subs":true,"supports_def_opts":false,"name":"paypal","wallet_params":{"shopId":10550892,"countryCode":"US","merchantName":"Spiceology","phoneRequired":true,"companyRequired":false,"shippingType":"shipping","shopifyPaymentsEnabled":true,"hasManagedSellingPlanState":false,"requiresBillingAgreement":true,"gatewayType":"MANAGED","merchantId":"VKXH8PZ8DBFYS","sdkUrl":"https://www.paypal.com/sdk/js?components=buttons\u0026commit=false\u0026currency=USD\u0026locale=en_US\u0026client-id=AbasDhzlU0HbpiStJiN1KRJ_cNJJ7xYBip7JJoMO0GQpLi8ePNgdbLXkC7_KMeyTg8tnAKW4WKrh9qmf\u0026merchant-id=VKXH8PZ8DBFYS\u0026intent=authorize","serviceableCountryCodes":["AD","AE","AF","AG","AI","AM","AR","AU","AW","AX","BA","BB","BD","BH","BM","BN","BO","BQ","BR","BS","BT","BZ","CA","CH","CL","CN","CO","CR","CY","DM","DO","EC","FJ","GB","GF","GG","GP","GT","GY","HK","HT","ID","IL","IN","IQ","JE","JM","JO","JP","KG","KH","KI","KR","KW","KY","LA","LB","LI","LK","MC","MD","MK","MM","MO","MQ","MS","MV","MX","MY","NC","NI","NO","NP","NR","NZ","OM","PA","PE","PF","PG","PH","PK","PY","QA","RS","SG","SJ","SM","SR","SV","TC","TH","TJ","TM","TO","TR","TT","TV","TW","UA","US","UY","UZ","VE","VN","VU","WF","WS","YE"]}}]" access-token="885a760cffba36d91433d1c0bf09ca9c" buyer-country="US" buyer-locale="en" buyer-currency="USD" shop-id="10550892" cart-id="1e0931e0ea2dea34288bc1506fc0b9b6" enabled-flags="["1172c16a","a1d1f9a1","f5afabb3","370070f3"]" > <div class="wallet-button-wrapper"> <ul class='wallet-cart-grid wallet-cart-grid--skeleton' role="list" data-shopify-buttoncontainer="true"> <li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li><li data-testid='grid-cell' class='wallet-cart-button-container'><div class='wallet-cart-button wallet-cart-button__skeleton' role='button' disabled aria-hidden='true'> </div></li> </ul> </div> </shopify-accelerated-checkout-cart> </div> 10768 </div> 10769 10770 <span id="chat-close-btn"> 10771 <svg width="20" height="20" viewbox="0 0 40 40"> 10772 <path d="M 10,10 L 30,30 M 30,10 L 10,30" stroke="black" stroke-width="4" /> 10773 </svg> 10774 </span> 10775 <div id="deployment-d0725a47-2d39-48dc-b6ca-0281fbb64df1"></div> 10776
10776<script src="https://studio.pickaxe.co/api/embed/bundle.js" defer></script>
10776 10777 <style> 10778 .pickaxe-embed>button:first-child{ 10779 z-index: 9999 !important; 10780 position: fixed !important; 10781 bottom: 20px; 10782 right: 20px; 10783 padding: 12px 20px; 10784 background: #f2f2f2 !important; 10785 color: white; 10786 border: none; 10787 border-radius: 50px; 10788 cursor: pointer; 10789 border: 2px solid; 10790 border-width: 2px !important; 10791 } 10792 .pxe-fixed{ 10793 z-index: 99999 !important; 10794 } 10795 #chat-close-btn{ 10796 z-index: 99999 !important; 10797 position: fixed !important; 10798 bottom: 55px; 10799 right: 25px; 10800 background: transparent; 10801 color: black; 10802 border: none; 10803 border-radius: 50px; 10804 cursor: pointer; 10805 font-weight: bolder; 10806 display: none; 10807 background-color: #D63B8E; 10808 padding: 1px; 10809 border: 2px solid; 10810 } 10811 </style> 10812
10812<script> 10813 const targetNode = document.getElementById('deployment-d0725a47-2d39-48dc-b6ca-0281fbb64df1'); 10814 10815 const observer = new MutationObserver((mutations, obs) => { 10816 if (targetNode.children.length > 0) { 10817 document.getElementById('chat-close-btn').style.display = 'block'; 10818 obs.disconnect(); // stop observing once loaded 10819 } 10820 }); 10821 10822 observer.observe(targetNode, { childList: true }); 10823 document.getElementById('chat-close-btn').addEventListener('click', () => { 10824 document.getElementById('deployment-d0725a47-2d39-48dc-b6ca-0281fbb64df1').style.display = 'none'; 10825 document.getElementById('chat-close-btn').style.display = 'none'; 10826 }); 10827 </script>
10827 10828
10828<script> 10829document.addEventListener("DOMContentLoaded", function () { 10830 10831 const HIDE_DURATION = 24 * 60 * 60 * 1000; 10832 const STORAGE_KEY = "hidePickaxeUntil"; 10833 const TARGET_ID = "deployment-d0725a47-2d39-48dc-b6ca-0281fbb64df1"; 10834 10835 let hasLogged = false; // ð prevent duplicate logs 10836 10837 function hideElements() { 10838 const pickaxe = document.getElementById(TARGET_ID); 10839 const chatBtn = document.getElementById("chat-close-btn"); 10840 10841 if (pickaxe) pickaxe.style.display = "none"; 10842 if (chatBtn) chatBtn.style.display = "none"; 10843 } 10844 10845 function setHideTimer() { 10846 const expireTime = Date.now() + HIDE_DURATION; 10847 localStorage.setItem(STORAGE_KEY, expireTime); 10848 console.log("Pickaxe Hidden for 24 hours"); 10849 hasLogged = false; // reset log for next cycle 10850 } 10851 10852 function shouldHide(log = false) { 10853 const storedTime = localStorage.getItem(STORAGE_KEY); 10854 10855 if (storedTime) { 10856 const remainingMs = parseInt(storedTime) - Date.now(); 10857 10858 if (remainingMs > 0) { 10859 if (log && !hasLogged) { 10860 const remainingHours = (remainingMs / (1000 * 60 * 60)).toFixed(2); 10861 console.log(`Pickaxe Still hidden for ${remainingHours} hours`); 10862 hasLogged = true; 10863 } 10864 return true; 10865 } else { 10866 localStorage.removeItem(STORAGE_KEY); 10867 } 10868 } 10869 return false; 10870 } 10871 10872 // ð Initial check (ONLY place we log) 10873 if (shouldHide(true)) { 10874 hideElements(); 10875 } 10876 10877 // ð Click handler 10878 document.addEventListener("click", function (e) { 10879 if (e.target.closest("#chat-close-btn")) { 10880 hideElements(); 10881 setHideTimer(); 10882 } 10883 }); 10884 10885 // ð Mutation observer (NO logging here) 10886 const targetNode = document.getElementById(TARGET_ID); 10887 10888 if (targetNode) { 10889 const observer = new MutationObserver(() => { 10890 if (shouldHide()) { 10891 hideElements(); 10892 } 10893 }); 10894 10895 observer.observe(targetNode, { childList: true, subtree: true }); 10896 } 10897 10898 // ð Fallback (NO logging) 10899 setTimeout(() => { 10900 if (shouldHide()) { 10901 hideElements(); 10902 } 10903 }, 2000); 10904 10905}); 10906</script>
10906 10907 10908 10909 10910 10911 <div id="shopify-block-AQTlTWDBDUEVwNWNoZ__10641372206048101839" class="shopify-block shopify-app-block">
10912<script> 10913 window.Rebuy = window.Rebuy || {}; 10914 window.Rebuy.customer = window.Rebuy.customer || {}; 10915 10916 window.Rebuy.market = window.Rebuy.market || {}; 10917 10918 window.Rebuy.market.country = "US"; 10919 10920 10921 window.Rebuy.market.locale = "en"; 10922 10923</script>
10923 10924 10925 10926 10927 10928 10929</div><div id="shopify-block-AbmR4ZVhWZXJvS2NJQ__2786716548061469553" class="shopify-block shopify-app-block"> 10930
10931<script> 10932</script>
10932 10933 10934 </div><div id="shopify-block-AT0owZzZkT3YxaUxyM__17824471530847535147" class="shopify-block shopify-app-block"><div id='widget-config' style="opacity:0; font-size: 1px;">{"statementLink":"","footerHtml":" ","consistentHelpData":[],"hideMobile":false,"hideTrigger":false,"disableBgProcess":false,"language":"en","position":"left","leadColor":"#000000","triggerColor":"#000000","triggerRadius":"50%","triggerPositionX":"left","triggerPositionY":"bottom","triggerIcon":"people","triggerSize":"small","triggerOffsetX":10,"triggerOffsetY":30,"mobile":{"triggerSize":"small","triggerPositionX":"left","triggerPositionY":"bottom","triggerOffsetX":10,"triggerOffsetY":30,"triggerRadius":"50%"}}</div> 10935<div id='widget-status' style="opacity:0; font-size: 1px;"></div>
10936<script> 10937 ( 10938 function () { 10939 const s = document.createElement('script'); 10940 const h = document.querySelector('head') || document.body; 10941 const widgetConfigEle = document.getElementById('widget-config'); 10942 const widgetConfig = JSON.parse(widgetConfigEle.innerHTML); 10943 10944 if (widgetConfig.footerHtml === '') { 10945 widgetConfig.footerHtml = ' '; 10946 } 10947 10948 widgetConfigEle.style.display = 'none'; 10949 10950 const widgetStatusEle = document.getElementById('widget-status'); 10951 const widgetStatus = widgetStatusEle.innerHTML; 10952 widgetStatusEle.style.display = 'none'; 10953 s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; 10954 s.async = true; 10955 s.onload = function () { 10956 acsbJS.init(widgetConfig); 10957 }; 10958 if (widgetStatus === '' || widgetStatus === 'true') { 10959 h.appendChild(s); 10960 } 10961 })(); 10962</script>
10962 10963 10964</div>
10964<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
10964 10965</body> 10966</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.