Hats – Chomp

<!doctype html> <html class="no-js" lang="en"> <head>  <script> window.dataLayer = window.dataLayer || []; </script> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({"gtm.start": new Date().getTime(),event:"gtm.js"});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!="dataLayer"?"&l="+l:"";j.async=true;j.src= "https://www.googletagmanager.com/gtm.js?id="+i+dl;f.parentNode.insertBefore(j,f); })(window,document,"script","dataLayer","GTM-WCCTRF6"); </script>  <script id="elevar-gtm-suite-config" type="application/json">{"gtm_id": "GTM-WCCTRF6", "event_config": {"cart_reconcile": true, "cart_view": true, "checkout_complete": true, "checkout_step": true, "collection_view": true, "product_add_to_cart": false, "product_add_to_cart_ajax": true, "product_remove_from_cart": true, "product_select": true, "product_view": true, "search_results_view": true, "user": true, "save_order_notes": true}, "gtm_suite_script": "https://cdn.shopify.com/s/files/1/0722/1415/1457/files/code_for_dl.js", "consent_enabled": false}</script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WCCTRF6');</script>  <meta name="google-site-verification" content="I2TJKQQ1mLsxD8DkwZlyugF9_Z2HLsIvnqoenzJrefE" />  <script async src="https://www.googletagmanager.com/gtag/js?id=G-ETQN9FEGB4"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-ETQN9FEGB4'); </script> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://chompbrand.com/collections/hats"> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin><link rel="icon" type="image/png" href="//chompbrand.com/cdn/shop/files/TEETH.png?crop=center&height=32&v=1613183891&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> Hats – Chomp</title> <meta name="description" content=""> <meta property="og:site_name" content="Chomp"> <meta property="og:url" content="https://chompbrand.com/collections/hats"> <meta property="og:title" content="Hats"> <meta property="og:type" content="website"> <meta property="og:description" content="An artist-led, lifestyle apparel brand. CHOMP is original art on premium goods."><meta property="og:image" content="http://chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970"> <meta property="og:image:secure_url" content="https://chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970"> <meta property="og:image:width" content="1500"> <meta property="og:image:height" content="1500"><meta name="twitter:site" content="@chompbrand"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Hats"> <meta name="twitter:description" content="An artist-led, lifestyle apparel brand. CHOMP is original art on premium goods."> <script src="//chompbrand.com/cdn/shop/t/19/assets/global.js?v=149496944046504657681725509879" defer="defer"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/27087858/digital_wallets/dialog"> <meta name="shopify-checkout-api-token" content="b3081acf50dec1b7926c9c44835a04ed"> <meta id="in-context-paypal-metadata" data-shop-id="27087858" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> <link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/hats.atom" /> <link rel="alternate" type="application/json+oembed" href="https://chompbrand.com/collections/hats.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <link rel="preconnect" href="https://shop.app" crossorigin="anonymous"> <script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=27087858" crossorigin="anonymous"></script> <script id="apple-pay-shop-capabilities" type="application/json">{"shopId":27087858,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/27087858","merchantName":"Chomp","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Chomp","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script> <script id="shopify-features" type="application/json">{"accessToken":"b3081acf50dec1b7926c9c44835a04ed","betas":["rich-media-storefront-analytics"],"domain":"chompbrand.com","predictiveSearch":true,"shopId":27087858,"smart_payment_buttons_url":"https:\/\/chompbrand.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/chompbrand.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "chompbrand-com.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"APBD \/ 090524 Video Hero","id":126790205483,"schema_name":"Dawn","schema_version":"7.0.1","theme_store_id":887,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "chompbrand.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <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> <script>window.ShopifyPay = window.ShopifyPay || {}; window.ShopifyPay.apiHost = "shop.app\/pay";</script> <script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script> <script> window.Shopify = window.Shopify || {}; if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; window.Shopify.featureAssets['shop-js'] = {"login-button":["modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"shop-pay-payment-request":["modules/client.shop-pay-payment-request_BSPYpBgE.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js","modules/chunk.shop-pay_DNi9j_X8.esm.js"],"payment-terms":["modules/client.payment-terms_BF5x7ymI.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"pay-button":["modules/client.pay-button_Cc3hmsbn.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"discount-app":["modules/client.discount-app_Dl148wJa.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"avatar":["modules/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/client.init-shop-for-new-customer-accounts_BXLde5-4.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/client.init-shop-email-lookup-coordinator_CSM1j0yH.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js"],"init-customer-accounts-sign-up":["modules/client.init-customer-accounts-sign-up_BDGFEblG.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"],"init-customer-accounts":["modules/client.init-customer-accounts_CO51Msyl.en.esm.js","modules/chunk.common_Ckk3SCTm.esm.js","modules/client.login-button_PyB0yoLG.en.esm.js"]}; </script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/scripts.juniphq.com\/v1\/junip_shopify.js?shop=chompbrand-com.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=V68pJS\u0026shop=chompbrand-com.myshopify.com","https:\/\/api.fastbundle.co\/scripts\/src.js?shop=chompbrand-com.myshopify.com","https:\/\/api.fastbundle.co\/scripts\/script_tag.js?shop=chompbrand-com.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=chompbrand-com.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":27087858,"offset":-28800,"reqid":"c065dc99-53dc-4197-8e16-12214b0b5f51-1732815228","pageurl":"chompbrand.com\/collections\/hats","u":"9f04690f232f","p":"collection","rtyp":"collection","rid":60393586731};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//chompbrand.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script crossorigin="anonymous" defer="defer" src="//chompbrand.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//chompbrand.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://chompbrand.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="header,footer" defer="defer" src="//chompbrand.com/cdn/shop/t/19/compiled_assets/scripts.js?3915"></script> <style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) { #dynamic-checkout-cart { min-height: 50px; } } @media screen and (max-width: 750px) { #dynamic-checkout-cart { min-height: 180px; } } </style><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <style data-shopify> @import url("https://use.typekit.net/qzr0kmv.css"); </style> <style data-shopify> @font-face { font-family: Chivo; font-weight: 700; font-style: normal; font-display: swap; src: url("//chompbrand.com/cdn/fonts/chivo/chivo_n7.d83b4aaa520af8b24ea0f1eb81a6d2d8b1a2ad49.woff2?h1=Y2hvbXBicmFuZC5jb20&h2=Y2hvbXBicmFuZC1jb20uYWNjb3VudC5teXNob3BpZnkuY29t&h3=dGVldGhsb2dvLmNvbQ&h4=Y2hvbXAtY2xvdGhpbmcuY29t&h5=dGVldGhhcHBhcmVsLmNvbQ&hmac=31dd159afd68a82011a7a8b30cd17986a188f3ae103bebcf0b3b35a102551420") format("woff2"), url("//chompbrand.com/cdn/fonts/chivo/chivo_n7.ca33be8a8668a1a14638e19419769677d3ae8d49.woff?h1=Y2hvbXBicmFuZC5jb20&h2=Y2hvbXBicmFuZC1jb20uYWNjb3VudC5teXNob3BpZnkuY29t&h3=dGVldGhsb2dvLmNvbQ&h4=Y2hvbXAtY2xvdGhpbmcuY29t&h5=dGVldGhhcHBhcmVsLmNvbQ&hmac=b1617b129e584a27cebe216ea3b5ddd5a94886440c104c7b9e684b30451c9d02") format("woff"); } :root { --font-body-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --font-body-style: normal; --font-body-weight: 400; --font-body-weight-bold: 700; --font-heading-family: Bebas Neue, serif; --font-heading-style: normal; --font-heading-weight: 700; --font-body-scale: 1.0; --font-heading-scale: 1.5; --color-base-text: 61, 66, 70; --color-shadow: 61, 66, 70; --color-base-background-1: 255, 255, 255; --color-base-background-2: 243, 243, 243; --color-base-solid-button-labels: 255, 255, 255; --color-base-outline-button-labels: 61, 66, 70; --color-base-accent-1: 0, 0, 0; --color-base-accent-2: 247, 130, 163; --payment-terms-background-color: #ffffff; --gradient-base-background-1: #ffffff; --gradient-base-background-2: #f3f3f3; --gradient-base-accent-1: #000000; --gradient-base-accent-2: #f782a3; --media-padding: px; --media-border-opacity: 0.05; --media-border-width: 1px; --media-radius: 0px; --media-shadow-opacity: 0.0; --media-shadow-horizontal-offset: 0px; --media-shadow-vertical-offset: 4px; --media-shadow-blur-radius: 5px; --media-shadow-visible: 0; --page-width: 120rem; --page-width-margin: 0rem; --product-card-image-padding: 0.0rem; --product-card-corner-radius: 0.0rem; --product-card-text-alignment: left; --product-card-border-width: 0.0rem; --product-card-border-opacity: 0.1; --product-card-shadow-opacity: 0.0; --product-card-shadow-visible: 0; --product-card-shadow-horizontal-offset: 0.0rem; --product-card-shadow-vertical-offset: 0.4rem; --product-card-shadow-blur-radius: 0.5rem; --collection-card-image-padding: 0.0rem; --collection-card-corner-radius: 0.0rem; --collection-card-text-alignment: left; --collection-card-border-width: 0.0rem; --collection-card-border-opacity: 0.1; --collection-card-shadow-opacity: 0.0; --collection-card-shadow-visible: 0; --collection-card-shadow-horizontal-offset: 0.0rem; --collection-card-shadow-vertical-offset: 0.4rem; --collection-card-shadow-blur-radius: 0.5rem; --blog-card-image-padding: 0.0rem; --blog-card-corner-radius: 0.0rem; --blog-card-text-alignment: left; --blog-card-border-width: 0.0rem; --blog-card-border-opacity: 0.1; --blog-card-shadow-opacity: 0.0; --blog-card-shadow-visible: 0; --blog-card-shadow-horizontal-offset: 0.0rem; --blog-card-shadow-vertical-offset: 0.4rem; --blog-card-shadow-blur-radius: 0.5rem; --badge-corner-radius: 4.0rem; --popup-border-width: 1px; --popup-border-opacity: 0.1; --popup-corner-radius: 0px; --popup-shadow-opacity: 0.0; --popup-shadow-horizontal-offset: 0px; --popup-shadow-vertical-offset: 4px; --popup-shadow-blur-radius: 5px; --drawer-border-width: 1px; --drawer-border-opacity: 0.1; --drawer-shadow-opacity: 0.0; --drawer-shadow-horizontal-offset: 0px; --drawer-shadow-vertical-offset: 4px; --drawer-shadow-blur-radius: 5px; --spacing-sections-desktop: 0px; --spacing-sections-mobile: 0px; --grid-desktop-vertical-spacing: 8px; --grid-desktop-horizontal-spacing: 8px; --grid-mobile-vertical-spacing: 4px; --grid-mobile-horizontal-spacing: 4px; --text-boxes-border-opacity: 0.1; --text-boxes-border-width: 0px; --text-boxes-radius: 0px; --text-boxes-shadow-opacity: 0.0; --text-boxes-shadow-visible: 0; --text-boxes-shadow-horizontal-offset: 0px; --text-boxes-shadow-vertical-offset: 4px; --text-boxes-shadow-blur-radius: 5px; --buttons-radius: 0px; --buttons-radius-outset: 0px; --buttons-border-width: 1px; --buttons-border-opacity: 1.0; --buttons-shadow-opacity: 0.0; --buttons-shadow-visible: 0; --buttons-shadow-horizontal-offset: 0px; --buttons-shadow-vertical-offset: 4px; --buttons-shadow-blur-radius: 5px; --buttons-border-offset: 0px; --inputs-radius: 0px; --inputs-border-width: 1px; --inputs-border-opacity: 0.55; --inputs-shadow-opacity: 0.0; --inputs-shadow-horizontal-offset: 0px; --inputs-margin-offset: 0px; --inputs-shadow-vertical-offset: 4px; --inputs-shadow-blur-radius: 5px; --inputs-radius-outset: 0px; --variant-pills-radius: 0px; --variant-pills-border-width: 1px; --variant-pills-border-opacity: 0.55; --variant-pills-shadow-opacity: 0.0; --variant-pills-shadow-horizontal-offset: 0px; --variant-pills-shadow-vertical-offset: 4px; --variant-pills-shadow-blur-radius: 5px; } *, *::before, *::after { box-sizing: inherit; } html { box-sizing: border-box; font-size: calc(var(--font-body-scale) * 62.5%); height: 100%; } body { display: grid; grid-template-rows: auto auto 1fr auto; grid-template-columns: 100%; min-height: 100%; margin: 0; font-size: 1.5rem; letter-spacing: 0.06rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); font-family: var(--font-body-family); font-style: var(--font-body-style); font-weight: var(--font-body-weight); } @media screen and (min-width: 750px) { body { font-size: 1.6rem; } } </style> <link href="//chompbrand.com/cdn/shop/t/19/assets/base.css?v=177263238952439389251725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/custom.css?v=132257930680417495041732296518" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" as="font" href="//chompbrand.com/cdn/fonts/chivo/chivo_n7.d83b4aaa520af8b24ea0f1eb81a6d2d8b1a2ad49.woff2?h1=Y2hvbXBicmFuZC5jb20&h2=Y2hvbXBicmFuZC1jb20uYWNjb3VudC5teXNob3BpZnkuY29t&h3=dGVldGhsb2dvLmNvbQ&h4=Y2hvbXAtY2xvdGhpbmcuY29t&h5=dGVldGhhcHBhcmVsLmNvbQ&hmac=31dd159afd68a82011a7a8b30cd17986a188f3ae103bebcf0b3b35a102551420" type="font/woff2" crossorigin><link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-predictive-search.css?v=83512081251802922551725509879" media="print" onload="this.media='all'"><script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); if (Shopify.designMode) { document.documentElement.classList.add('shopify-design-mode'); } </script>  <script> const newBaseUrl = 'https://sdk.fastbundle.co' const apiURL = 'https://api.fastbundle.co' const rbrAppUrl = `${newBaseUrl}/{version}/main.min.js` const rbrVendorUrl = `${newBaseUrl}/{version}/vendor.js` const rbrCartUrl = `${apiURL}/scripts/cart.js` const rbrStyleUrl = `${newBaseUrl}/{version}/main.min.css` const legacyRbrAppUrl = `${apiURL}/react-src/static/js/main.min.js` const legacyRbrStyleUrl = `${apiURL}/react-src/static/css/main.min.css` const previousScriptLoaded = Boolean(document.querySelectorAll(`script[src*="${newBaseUrl}"]`).length) const previousLegacyScriptLoaded = Boolean(document.querySelectorAll(`script[src*="${legacyRbrAppUrl}"]`).length) if (!(previousScriptLoaded || previousLegacyScriptLoaded)) { const FastBundleConf = {"enable_bap_modal":false,"frontend_version":"1.11.25","storefront_record_submitted":false,"use_shopify_prices":false,"currencies":[{"id":543390332,"code":"AED","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390333,"code":"AFN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390334,"code":"ALL","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390335,"code":"AMD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390336,"code":"ANG","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390337,"code":"AUD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390338,"code":"AWG","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390339,"code":"AZN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390340,"code":"BAM","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390341,"code":"BBD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390342,"code":"BDT","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390343,"code":"BGN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390344,"code":"BIF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390345,"code":"BND","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390346,"code":"BOB","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390347,"code":"BSD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390348,"code":"BWP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390349,"code":"BZD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390350,"code":"CAD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390351,"code":"CDF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390352,"code":"CHF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390353,"code":"CNY","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390354,"code":"CRC","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390355,"code":"CVE","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390356,"code":"CZK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390357,"code":"DJF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390358,"code":"DKK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390359,"code":"DOP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390360,"code":"DZD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390361,"code":"EGP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390362,"code":"ETB","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390363,"code":"EUR","conversion_fee":1.0,"roundup_number":0.95,"rounding_enabled":true},{"id":543390364,"code":"FJD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390365,"code":"FKP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390366,"code":"GBP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390367,"code":"GMD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390368,"code":"GNF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390369,"code":"GTQ","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390370,"code":"GYD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390371,"code":"HKD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390372,"code":"HNL","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390373,"code":"HUF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390374,"code":"IDR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390375,"code":"ILS","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390376,"code":"INR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390377,"code":"ISK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390378,"code":"JMD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390379,"code":"JPY","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390380,"code":"KES","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390381,"code":"KGS","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390382,"code":"KHR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390383,"code":"KMF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390384,"code":"KRW","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390385,"code":"KYD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390386,"code":"KZT","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390387,"code":"LAK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390388,"code":"LBP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390389,"code":"LKR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390390,"code":"MAD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390391,"code":"MDL","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390392,"code":"MKD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390393,"code":"MMK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390394,"code":"MNT","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390395,"code":"MOP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390396,"code":"MUR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390397,"code":"MVR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390398,"code":"MWK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390399,"code":"MYR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390400,"code":"NGN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390401,"code":"NIO","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390402,"code":"NPR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390403,"code":"NZD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390404,"code":"PEN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390405,"code":"PGK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390406,"code":"PHP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390407,"code":"PKR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390408,"code":"PLN","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390409,"code":"PYG","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390410,"code":"QAR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390411,"code":"RON","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390412,"code":"RSD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390413,"code":"RWF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390414,"code":"SAR","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390415,"code":"SBD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390416,"code":"SEK","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390417,"code":"SGD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390418,"code":"SHP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390419,"code":"SLL","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390420,"code":"STD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390421,"code":"THB","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390422,"code":"TJS","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390423,"code":"TOP","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390424,"code":"TTD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390425,"code":"TWD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390426,"code":"TZS","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390427,"code":"UAH","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390428,"code":"UGX","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390429,"code":"USD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390430,"code":"UYU","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390431,"code":"UZS","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390432,"code":"VND","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390433,"code":"VUV","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390434,"code":"WST","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390435,"code":"XAF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390436,"code":"XCD","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390437,"code":"XOF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390438,"code":"XPF","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true},{"id":543390439,"code":"YER","conversion_fee":1.0,"roundup_number":0.0,"rounding_enabled":true}],"is_active":true,"override_product_page_forms":true,"translations":[],"pid":"","bap_ids":[],"active_bundles_count":0,"use_color_swatch":false,"use_shop_price":false,"dropdown_color_swatch":true,"option_config":null,"enable_subscriptions":false,"has_fbt_bundle":false,"use_shopify_function_discount":true,"use_bundle_builder_modal":true,"use_cart_hidden_attributes":true,"bap_override_fetch":true,"invalid_bap_override_fetch":true,"volume_discount_add_on_override_fetch":true,"pmm_new_design":true,"change_vd_product_picture":false,"rgn":307930,"baps":{},"bundleBox":{"id":76278,"bundle_page_enabled":true,"bundle_page_style":null,"currency":"USD","currency_format":"$%s","percentage_format":"%s%","show_sold_out":true,"track_inventory":true,"shop_page_external_script":"","page_external_script":"","shop_page_style":null,"shop_page_title":null,"shop_page_description":null,"app_version":"v2","show_logo":false,"show_info":false,"money_format":"amount","tax_factor":1.0,"primary_locale":"en","discount_code_prefix":"BUNDLE","is_active":true,"created":"2024-08-16T16:56:01.216458Z","updated":"2024-09-05T16:35:06.279267Z","title":"Don't miss this offer","style":null,"inject_selector":null,"mix_inject_selector":null,"fbt_inject_selector":null,"volume_inject_selector":null,"volume_variant_selector":null,"button_title":"Buy this bundle","bogo_button_title":"Buy {quantity} items","price_description":"Add bundle to cart | Save {discount}","version":"v2.3","bogo_version":"v1","nth_child":1,"redirect_to_cart":true,"column_numbers":3,"color":null,"btn_font_color":"white","add_to_cart_selector":null,"cart_info_version":"v2","button_position":"bottom","bundle_page_shape":"row","add_bundle_action":"cart-page","requested_bundle_action":null,"request_action_text":null,"cart_drawer_function":"","cart_drawer_function_svelte":"","theme_template":"light","external_script":"","pre_add_script":"","shop_external_script":"","shop_style":"","bap_inject_selector":"","bap_none_selector":"","bap_form_script":"","bap_button_selector":"","bap_style_object":{"standard":{"custom_code":{"main":{"custom_js":"","custom_css":""}},"product_detail":{"price_style":{"color":"#5e5e5e","fontSize":16,"fontFamily":""},"title_style":{"color":"#303030","fontSize":16,"fontFamily":""},"image_border":{"borderColor":"#e5e5e5"},"pluses_style":{"fill":"","width":""},"separator_line_style":{"backgroundColor":"#e5e5e5"},"variant_selector_style":{"color":"#000000","height":46,"backgroundColor":"#fafafa"}}},"mix_and_match":{"custom_code":{"main":{"custom_js":"","custom_css":""}},"product_detail":{"price_style":{"color":"#5e5e5e","fontSize":16,"fontFamily":""},"title_style":{"color":"#303030","fontSize":16,"fontFamily":""},"image_border":{"borderColor":"#e5e5e5"},"pluses_style":{"fill":"","width":""},"checkbox_style":{"checked":"","unchecked":"","checked_color":"#2c6ecb"},"quantities_style":{"color":"","backgroundColor":""},"product_card_style":{"checked_border":"","unchecked_border":"","checked_background":""},"separator_line_style":{"backgroundColor":"#e5e5e5"},"variant_selector_style":{"color":"#000000","height":46,"backgroundColor":"#fafafa"},"quantities_selector_style":{"color":"#000000","backgroundColor":"#fafafa"}}}},"bundles_page_style_object":null,"style_object":{"fbt":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bogo":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"discount_label":{"background":{"backgroundColor":"#262626"},"text_style":{"color":"#FFFFFF"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"bxgyf":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"standard":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}},"col_mix_and_match":{"box":{"error":{"fill":"#D72C0D","color":"#D72C0D","fontSize":14,"fontFamily":"inherit","borderColor":"#E0B5B2","borderRadius":8,"backgroundColor":"#FFF4FA"},"title":{"color":"#191919","fontSize":22,"fontFamily":"inherit","fontWeight":600},"border":{"borderColor":"#CBCBCB","borderWidth":1,"borderRadius":12},"selected":{"borderColor":"#262626","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(38, 38, 38, 0.2)"}},"poweredBy":{"color":"#191919","fontSize":14,"fontFamily":"inherit","fontWeight":400},"background":{"backgroundColor":"#FFFFFF"},"fastBundle":{"color":"#262626","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"notSelected":{"borderColor":"rgba(203, 203, 203, 0.4)","borderWidth":1,"borderRadius":12,"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"}},"sellingPlan":{"color":"#262626","fontSize":18,"fontFamily":"inherit","fontWeight":400,"borderColor":"#262626","borderRadius":8,"backgroundColor":"transparent"}},"plus":{"style":{"fill":"#FFFFFF","backgroundColor":"#262626"}},"title":{"style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"alignment":{"textAlign":"left"}},"button":{"border":{"borderColor":"transparent","borderRadius":8},"background":{"backgroundColor":"#262626"},"button_label":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500},"button_position":{"position":"bottom"},"backgroundSecondary":{"backgroundColor":"rgba(38, 38, 38, 0.7)"},"button_labelSecondary":{"color":"#FFFFFF","fontSize":18,"fontFamily":"inherit","fontWeight":500}},"design":{"main":{"design":"modern"}},"option":{"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit","fontWeight":500},"option_text_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":14,"fontFamily":"inherit"}},"innerBox":{"border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":8},"background":{"backgroundColor":"rgba(255, 255, 255, 0.4)"}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"soldOutBadge":{"background":{"backgroundColor":"#E8144B","borderTopRightRadius":8}},"total_section":{"text":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"border":{"borderRadius":8},"background":{"backgroundColor":"rgba(38, 38, 38, 0.05)"},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"}},"discount_badge":{"background":{"backgroundColor":"#E8144B","borderTopLeftRadius":8},"text_style":{"color":"#FFFFFF","fontSize":14,"fontFamily":"inherit"}},"product_detail":{"price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"image_border":{"borderColor":"rgba(203, 203, 203, 0.4)","borderRadius":6},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"checkbox_style":{"checked_color":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"final_price_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"original_price_style":{"color":"rgba(25, 25, 25, 0.5)","fontSize":16,"fontFamily":"inherit"},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"variant_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"},"quantities_selector_style":{"color":"#000000","borderColor":"#EBEBEB","borderRadius":6,"backgroundColor":"#FAFAFA"}},"discount_options":{"applied":{"color":"#13A165","backgroundColor":"#E0FAEF"},"unApplied":{"color":"#5E5E5E","backgroundColor":"#F1F1F1"}},"collection_details":{"title_style":{"color":"#191919","fontSize":16,"fontFamily":"inherit"},"pluses_style":{"fill":"#FFFFFF","backgroundColor":"#262626"},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":14,"fontFamily":"inherit","fontWeight":400},"separator_line_style":{"backgroundColor":"rgba(203, 203, 203, 0.2)"},"collection_image_border":{"borderColor":"rgba(203, 203, 203, 0.4)"}},"title_and_description":{"alignment":{"textAlign":"left"},"title_style":{"color":"#191919","fontSize":18,"fontFamily":"inherit","fontWeight":500},"subtitle_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400},"description_style":{"color":"rgba(25, 25, 25, 0.7)","fontSize":16,"fontFamily":"inherit","fontWeight":400}}}},"old_style_object":null,"zero_discount_btn_title":"Add to cart","mix_btn_title":"Add selected to cart","collection_btn_title":"Add selected to cart","cart_page_issue":null,"cart_drawer_issue":null,"volume_btn_title":"Add {quantity} | save {discount}","badge_color":"#C30000","badge_price_description":"Save {discount}!","use_discount_on_cookie":true,"show_bap_buy_button":false,"bap_version":"v1","bap_price_selector":null,"bap_compare_price_selector":null,"bundles_display":"vertical","use_first_variant":true,"shop":68441},"bundlePageInfo":{"title":null,"description":null,"enabled":true,"handle":"bundles","shop_style":null,"shop_external_script":"","style":null,"external_script":"","bundles_alignment":"bottom","bundles_display":"horizontal"},"cartInfo":{"id":76292,"currency":"USD","currency_format":"$%s","box_discount_description":"Add bundle to cart | Save {discount}","box_button_title":"Buy this bundle","free_shipping_translation":null,"shipping_cost_translation":null,"is_reference":false,"subtotal_selector":".totals","subtotal_price_selector":".totals__subtotal-value","subtotal_title_selector":"","line_items_selector":".cart-item","discount_tag_html":"<div class=\"totals %class\">\r\n <h3 class=\"totals__subtotal\">Bundle (-%discount)</h3>\r\n <p class=\"totals__subtotal-value\">%final_price</p>\r\n </div>","free_shipping_tag":null,"form_subtotal_selector":"","form_subtotal_price_selector":"","form_line_items_selector":"","form_discount_html_tag":"","form_free_shipping_tag":null,"external_script":"","funnel_show_method":"three_seconds","funnel_popup_title":"Complete your cart with this bundle and save","funnel_alert":"This item is already in your cart.","funnel_discount_description":"save {discount}","style":"","shop_style":null,"shop_external_script":"","funnel_color":"","funnel_badge_color":"","style_object":{"standard":{"box":{"background":{"backgroundColor":"#ffffff"}},"badge":{"main":{"switchBtn":""},"background":{"backgroundColor":""},"text_style":{"color":"","total":"","fontSize":"","fontFamily":""}},"button":{"background":{"backgroundColor":"#000000"},"button_label":{"color":"#ffffff","fontSize":16,"fontFamily":"","price_description":"","zero_discount_btn_title":""}},"custom_code":{"main":{"custom_js":"","custom_css":""}},"bundle_title":{"style":{"color":"#303030","fontSize":22,"fontFamily":""},"alignment":{"textAlign":"left"}},"pop_up_title":{"style":{"color":"","fontSize":"","fontFamily":"","price_description":""},"alignment":{"textAlign":"left"}},"total_section":{"text":{"color":"#303030","fontSize":16,"fontFamily":""},"background":{"backgroundColor":"#e5e5e5"},"final_price_style":{"color":"#008060","fontSize":16,"fontFamily":""},"original_price_style":{"color":"#D72C0D","fontSize":16,"fontFamily":""}},"product_detail":{"price_style":{"color":"#5e5e5e","fontSize":16,"fontFamily":""},"title_style":{"color":"#303030","fontSize":16,"fontFamily":""},"image_border":{"borderColor":"#e5e5e5"},"pluses_style":{"fill":"#000000","width":16},"variant_selector_style":{"color":"#5e5e5e","height":"","backgroundColor":"#FAFAFA"}},"pre_selected_products":{"final_price_style":{"color":"","total":"","fontSize":"","fontFamily":""}}}},"old_style_object":null,"funnel_button_description":"Buy this bundle | Save {discount}","funnel_injection_constraint":"","show_discount_section":false,"discount_section_style":null,"discount_section_selector":null,"reload_after_change_detection":false,"app_version":"v2","show_info":false,"box_zero_discount_title":"Add to cart"}}; FastBundleConf.pid = ''; FastBundleConf.domain = 'chompbrand-com.myshopify.com'; window.FastBundleConf = FastBundleConf; // add random generated number query parameter to clear the cache const urlQueryParameter = `?rgn=${FastBundleConf?.rgn}` const version = FastBundleConf?.frontend_version || '1.0.0' const preconnectLink = document.createElement('link'); preconnectLink.rel = 'preconnect'; preconnectLink.href = newBaseUrl; const vendorScript = document.createElement('link') vendorScript.rel = 'modulepreload' vendorScript.href = rbrVendorUrl.replace('{version}', version) const appScript = document.createElement('script'); appScript.src = rbrAppUrl.replace('{version}', version); appScript.defer = true; appScript.type = 'module'; const cartScript = document.createElement('script'); cartScript.src = rbrCartUrl + urlQueryParameter; cartScript.defer = true; cartScript.type = 'text/javascript'; const style = document.createElement('link') style.rel = 'stylesheet' style.href = rbrStyleUrl.replace('{version}', version); document.head.appendChild(preconnectLink); document.head.appendChild(vendorScript) document.head.appendChild(appScript) document.head.appendChild(cartScript) document.head.appendChild(style) } if (window.FastBundleConf?.pid && !window.FastBundleConf?.bap_override_fetch) { if (window.FastBundleConf.bap_ids.includes(+window.FastBundleConf.pid)) { const styleElement = document.createElement('style') let bundleBox = window.FastBundleConf?.bundleBox styleElement.id = 'fb-bap-style' let externalSelector = bundleBox?.bap_button_selector ? `, ${bundleBox?.bap_button_selector}` : '' styleElement.innerHTML = ` button[name="add"], form[action="/cart/add"] button[type="submit"], input[name="add"] ${externalSelector}{ display: none !important; }` document.head.appendChild(styleElement) } } </script>  <script type='text/javascript'> const isConsented = new URLSearchParams(window.location.search).get('consent') === 'true'; const recordSubmitted = 'false' === 'true'; const shopID = '68441'; function setSessionStorageWithExpiration(name, value, minutes) { const expirationTime = new Date().getTime() + (minutes * 60 * 1000); // Current time + minutes const item = { value: value, expiration: expirationTime }; sessionStorage.setItem(name, JSON.stringify(item)); } function getSessionStorageWithExpiration(name) { const itemStr = sessionStorage.getItem(name); if (!itemStr) return null; try { const item = JSON.parse(itemStr); const currentTime = new Date().getTime(); if (currentTime > item.expiration) { sessionStorage.removeItem(name); return null; } return item.value; } catch (e) { sessionStorage.removeItem(name); return null; } } const sessionName = 'smartlookRecorded'; const sessionValue = getSessionStorageWithExpiration(sessionName); if (sessionValue || (!recordSubmitted && isConsented)) { setSessionStorageWithExpiration(sessionName, 'true', 10); window.smartlook || (function (d) { var o = smartlook = function () { o.api.push(arguments) }, h = d.getElementsByTagName('head')[0]; var c = d.createElement('script'); o.api = new Array(); c.async = true; c.type = 'text/javascript'; c.charset = 'utf-8'; c.src = 'https://web-sdk.smartlook.com/recorder.js'; h.appendChild(c); })(document); smartlook('init', '8b4334d2d0097558bc84984a05b3731d38c0e771', {region: 'eu'}); smartlook('record', {forms: true, numbers: true}); smartlook('identify', window.Shopify.shop); if (!sessionValue) { window.fetch(`https://api.fastbundle.co/v3/submit-smartlook-record/${shopID}/`, { method: 'PATCH', body: JSON.stringify({}) // empty object as the body }) .then(response => response.json()) .then(data => console.log(data)) .catch(console.log); } } </script>  <script> window.loot = { customerId: "", customerEmail: "", customerPhone: "", shopifyUrl: "chompbrand-com.myshopify.com", countryCode: "US" } </script> <div id="lootApp" style="padding:0;margin:0;"></div>  <script async src="https://static.klaviyo.com/onsite/js/V68pJS/klaviyo.js?company_id=V68pJS"></script> <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> <script> window.klaviyoReviewsProductDesignMode = false </script> <script src="https://cdn.shopify.com/extensions/51d629f3-033d-4ca6-843b-475be361743a/discount-ninja-636/assets/la-dn-core-v8.min.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/b5bbb063-4384-4f9b-a48c-6a6c3eadfe63/loot-checkbox-loyalty-431/assets/bundle.js" type="text/javascript" defer="defer"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 27087858,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "collection"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 27087858,storefrontBaseUrl: "https://chompbrand.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"329711659","configuration":"{\"pixelCode\":\"CT36C9BC77U8UQNPA4O0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"252837931","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-ETQN9FEGB4\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-ETQN9FEGB4\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"afe7c2de16587d6c6689522527d6c67f","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"142311467","configuration":"{\"pixel_id\":\"197822657456721\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Chomp","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"chompbrand-com.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/chompbrand.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("collection_viewed", {"collection":{"id":"60393586731","title":"Hats","productVariants":[{"price":{"amount":26.95,"currencyCode":"USD"},"product":{"title":"Prickly Hat","vendor":"Chomp","id":"7063003136043","untranslatedTitle":"Prickly Hat","url":"\/products\/prickly-hat-coffee","type":"Hat"},"id":"40670662623275","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/files\/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349"},"sku":"PRIBHAT","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":25.95,"currencyCode":"USD"},"product":{"title":"Chomp Surf Hat","vendor":"Chomp","id":"7063001432107","untranslatedTitle":"Chomp Surf Hat","url":"\/products\/chomp-surf-hat-black","type":"Hat"},"id":"41138287804459","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913"},"sku":"SRFBHAT","title":"Black","untranslatedTitle":"Black"},{"price":{"amount":19.95,"currencyCode":"USD"},"product":{"title":"Chomp Trucker [Black]","vendor":"Chomp","id":"1744842227755","untranslatedTitle":"Chomp Trucker [Black]","url":"\/products\/chomp-hat","type":"Hat"},"id":"15908150673451","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/products\/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261"},"sku":"CHOHAT","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":26.95,"currencyCode":"USD"},"product":{"title":"Shady Places Trucker","vendor":"Chomp","id":"7063003824171","untranslatedTitle":"Shady Places Trucker","url":"\/products\/shady-places-trucker-black","type":"Hat"},"id":"40670663442475","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/files\/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069"},"sku":"SHDHAT","title":"Default Title","untranslatedTitle":"Default Title"},{"price":{"amount":25.95,"currencyCode":"USD"},"product":{"title":"Cuffed Beanie","vendor":"Chomp","id":"7168710213675","untranslatedTitle":"Cuffed Beanie","url":"\/products\/cuffed-beanie","type":"Hat"},"id":"40945258528811","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/files\/CHOMP_CUFFED_BEANIE.png?v=1699576761"},"sku":"CUFHAT","title":"Default Title","untranslatedTitle":"Default Title"}]}});},"https://chompbrand.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"products":[{"id":7063003136043,"gid":"gid:\/\/shopify\/Product\/7063003136043","vendor":"Chomp","type":"Hat","variants":[{"id":40670662623275,"price":2695,"name":"Prickly Hat","public_title":null,"sku":"PRIBHAT"}]},{"id":7063001432107,"gid":"gid:\/\/shopify\/Product\/7063001432107","vendor":"Chomp","type":"Hat","variants":[{"id":41138287804459,"price":2595,"name":"Chomp Surf Hat - Black","public_title":"Black","sku":"SRFBHAT"},{"id":41138288984107,"price":2595,"name":"Chomp Surf Hat - Clay","public_title":"Clay","sku":"SRFRHAT"}]},{"id":1744842227755,"gid":"gid:\/\/shopify\/Product\/1744842227755","vendor":"Chomp","type":"Hat","variants":[{"id":15908150673451,"price":1995,"name":"Chomp Trucker [Black]","public_title":null,"sku":"CHOHAT"}]},{"id":7063003824171,"gid":"gid:\/\/shopify\/Product\/7063003824171","vendor":"Chomp","type":"Hat","variants":[{"id":40670663442475,"price":2695,"name":"Shady Places Trucker","public_title":null,"sku":"SHDHAT"}]},{"id":7168710213675,"gid":"gid:\/\/shopify\/Product\/7168710213675","vendor":"Chomp","type":"Hat","variants":[{"id":40945258528811,"price":2595,"name":"Cuffed Beanie","public_title":null,"sku":"CUFHAT"}]}],"page":{"pageType":"collection","resourceType":"collection","resourceId":60393586731}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti'); (function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 27087858, theme_id: 126790205483, app_name: "storefront", context_url: window.location.href, source_url: "//chompbrand.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//chompbrand.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//chompbrand.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":27087858,"isMerchantRequest":null,"themeId":126790205483,"themeCityHash":"2308484021850381859","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Google Analytics":{"trackingId":"UA-127216623-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; ga('require', 'linker'); function addListener(element, type, callback) { if (element.addEventListener) { element.addEventListener(type, callback); } else if (element.attachEvent) { element.attachEvent('on' + type, callback); } } function decorate(event) { event = event || window.event; var target = event.target || event.srcElement; if (target && (target.getAttribute('action') || target.getAttribute('href'))) { ga(function (tracker) { var linkerParam = tracker.get('linkerParam'); document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/'; }); } } addListener(window, 'load', function(){ for (var i=0; i < document.forms.length; i++) { var action = document.forms[i].getAttribute('action'); if(action && action.indexOf('/cart') >= 0) { addListener(document.forms[i], 'submit', decorate); } } for (var i=0; i < document.links.length; i++) { var href = document.links[i].getAttribute('href'); if(href && href.indexOf('/checkout') >= 0) { addListener(document.links[i], 'click', decorate); } } }); var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":60393586731}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: hats","collectionName":"hats","collectionId":60393586731,"nonInteraction":true}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//chompbrand.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Dawn"; window.BOOMR.themeVersion = "7.0.1"; window.BOOMR.shopId = 27087858; window.BOOMR.themeId = 126790205483; })();</script> <script defer src="https://chompbrand.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="27087858" data-render-region="gcp-asia-southeast1" data-page-type="collection" data-theme-instance-id="126790205483" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="gradient"> <a class="skip-to-content-link button visually-hidden" href="#MainContent"> Skip to content </a> <script> (() => { const configElement = document.getElementById("elevar-gtm-suite-config"); if (!configElement) { console.error("Elevar Data Layer: Config element not found"); return; } const config = JSON.parse(configElement.textContent); const script = document.createElement("script"); script.type = "text/javascript"; script.src = config.gtm_suite_script; script.onerror = () => { console.error("Elevar Data Layer: JS script failed to load"); }; script.onload = async () => { if (!window.ElevarGtmSuite) { console.error("Elevar Data Layer: `ElevarGtmSuite` is not defined"); return; } const cartData = { attributes:{}, cartTotal: "0.0", currencyCode:"USD", items: [] } ; await window.ElevarGtmSuite.handlers.cartAttributesReconcile( cartData, config.event_config.save_order_notes, config.consent_enabled ); if (config.event_config.user) { const data = {cartTotal: "0.0", currencyCode:"USD",}; window.ElevarGtmSuite.handlers.user(data); } if (config.event_config.product_add_to_cart_ajax) { window.ElevarGtmSuite.handlers.productAddToCartAjax( config.event_config.save_order_notes, config.consent_enabled ); } if (config.event_config.cart_reconcile) { window.ElevarGtmSuite.handlers.cartItemsReconcile(cartData); }const data ={ currencyCode:"USD", items: [{id:"PRIBHAT",name:"Prickly Hat", brand:"Chomp", category:"Hat", price: "26.95", position:1, productId: "7063003136043", variantId: "40670662623275", handle:"prickly-hat-coffee"},{id:"SRFBHAT",name:"Chomp Surf Hat", brand:"Chomp", category:"Hat", price: "25.95", position:2, productId: "7063001432107", variantId: "41138287804459", handle:"chomp-surf-hat-black"},{id:"CHOHAT",name:"Chomp Trucker [Black]", brand:"Chomp", category:"Hat", price: "19.95", position:3, productId: "1744842227755", variantId: "15908150673451", handle:"chomp-hat"},{id:"SHDHAT",name:"Shady Places Trucker", brand:"Chomp", category:"Hat", price: "26.95", position:4, productId: "7063003824171", variantId: "40670663442475", handle:"shady-places-trucker-black"},{id:"CUFHAT",name:"Cuffed Beanie", brand:"Chomp", category:"Hat", price: "25.95", position:5, productId: "7168710213675", variantId: "40945258528811", handle:"cuffed-beanie"},] }; if (config.event_config.collection_view) { window.ElevarGtmSuite.handlers.collectionView(data); } if (config.event_config.product_select) { window.ElevarGtmSuite.handlers.productSelect(data); }}; document.body.appendChild(script); })(); </script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCCTRF6" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WCCTRF6" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script src="//chompbrand.com/cdn/shop/t/19/assets/cart.js?v=83971781268232213281725509879" defer="defer"></script> <style> .drawer { visibility: hidden; } </style> <cart-drawer class="drawer is-empty"> <div id="CartDrawer" class="cart-drawer"> <div id="CartDrawer-Overlay"class="cart-drawer__overlay"></div> <div class="drawer__inner" role="dialog" aria-modal="true" aria-label="Your cart" tabindex="-1"><div class="drawer__inner-empty"> <div class="cart-drawer__warnings center"> <div class="cart-drawer__empty-content"> <h2 class="cart__empty-text">Your cart is empty</h2> <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> <a href="/collections/all" class="button"> Continue shopping </a></div> </div></div><div class="drawer__header"> <h2 class="drawer__heading">Your cart</h2> <button class="drawer__close" type="button" onclick="this.closest('cart-drawer').close()" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </button> </div> <cart-drawer-items class=" is-empty"> <form action="/cart" id="CartDrawer-Form" class="cart__contents cart-drawer__form" method="post"> <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p> <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">Loading...</p> </div> <div id="CartDrawer-CartErrors" role="alert"></div> </form> </cart-drawer-items> <div class="drawer__footer">  <div class="cart-drawer__footer" > <div class="totals" role="status"> <h2 class="totals__subtotal">Subtotal</h2> <p class="totals__subtotal-value">$0.00 USD</p> </div> <div></div> <small class="tax-note caption-large rte">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout </small> </div>  <div class="cart__ctas" > <noscript> <button type="submit" class="cart__update-button button button--secondary" form="CartDrawer-Form"> Update </button> </noscript> <button type="submit" id="CartDrawer-Checkout" class="cart__checkout-button button" name="checkout" form="CartDrawer-Form" disabled> Check out </button> </div> </div> </div> </div> </cart-drawer> <script> document.addEventListener('DOMContentLoaded', function() { function isIE() { const ua = window.navigator.userAgent; const msie = ua.indexOf('MSIE '); const trident = ua.indexOf('Trident/'); return (msie > 0 || trident > 0); } if (!isIE()) return; const cartSubmitInput = document.createElement('input'); cartSubmitInput.setAttribute('name', 'checkout'); cartSubmitInput.setAttribute('type', 'hidden'); document.querySelector('#cart').appendChild(cartSubmitInput); document.querySelector('#checkout').addEventListener('click', function(event) { document.querySelector('#cart').submit(); }); }); </script> <div id="shopify-section-announcement-bar" class="shopify-section"><div class="announcement-bar color-accent-1 gradient" role="region" aria-label="Announcement" ><div class="page-width"> <p class="announcement-bar__message center"> FREE SHIPPING ON ORDERS OF $75 OR MORE </p> </div></div> </div> <div id="shopify-section-header" class="shopify-section section-header"><link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-search.css?v=96455689198851321781725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-menu-drawer.css?v=182311192829367774911725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-cart-notification.css?v=59716591255556883781725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-cart-items.css?v=148757042165585559261725509879" media="print" onload="this.media='all'"><link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-price.css?v=65402837579211014041725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-loading-overlay.css?v=167310470843593579841725509879" media="print" onload="this.media='all'"><link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-mega-menu.css?v=177496590996265276461725509879" media="print" onload="this.media='all'"> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-mega-menu.css?v=177496590996265276461725509879" rel="stylesheet" type="text/css" media="all" /></noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-cart-drawer.css?v=42891472513589463511725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-cart.css?v=61086454150987525971725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-totals.css?v=86168756436424464851725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-price.css?v=65402837579211014041725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-discounts.css?v=152760482443307489271725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-loading-overlay.css?v=167310470843593579841725509879" rel="stylesheet" type="text/css" media="all" /> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-search.css?v=96455689198851321781725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-menu-drawer.css?v=182311192829367774911725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-cart-notification.css?v=59716591255556883781725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-cart-items.css?v=148757042165585559261725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <style> header-drawer { justify-self: start; margin-left: -1.2rem; } .header__heading-logo { max-width: 180px; } @media screen and (min-width: 990px) { header-drawer { display: none; } } .menu-drawer-container { display: flex; } .list-menu { list-style: none; padding: 0; margin: 0; } .list-menu--inline { display: inline-flex; flex-wrap: wrap; } summary.list-menu__item { padding-right: 2.7rem; } .list-menu__item { display: flex; align-items: center; line-height: calc(1 + 0.3 / var(--font-body-scale)); } .list-menu__item--link { text-decoration: none; padding-bottom: 1rem; padding-top: 1rem; line-height: calc(1 + 0.8 / var(--font-body-scale)); } @media screen and (min-width: 750px) { .list-menu__item--link { padding-bottom: 0.5rem; padding-top: 0.5rem; } } </style><style data-shopify>.header { padding-top: 2px; padding-bottom: 2px; } .section-header { margin-bottom: 0px; } @media screen and (min-width: 750px) { .section-header { margin-bottom: 0px; } } @media screen and (min-width: 990px) { .header { padding-top: 4px; padding-bottom: 4px; } }</style><script src="//chompbrand.com/cdn/shop/t/19/assets/details-disclosure.js?v=153497636716254413831725509879" defer="defer"></script> <script src="//chompbrand.com/cdn/shop/t/19/assets/details-modal.js?v=4511761896672669691725509879" defer="defer"></script> <script src="//chompbrand.com/cdn/shop/t/19/assets/cart-notification.js?v=183768542587632056491725509879" defer="defer"></script><script src="//chompbrand.com/cdn/shop/t/19/assets/cart-drawer.js?v=94081947359438610511725509879" defer="defer"></script><svg xmlns="http://www.w3.org/2000/svg" class="hidden"> <symbol id="icon-search" viewbox="0 0 18 19" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M11.03 11.68A5.784 5.784 0 112.85 3.5a5.784 5.784 0 018.18 8.18zm.26 1.12a6.78 6.78 0 11.72-.7l5.4 5.4a.5.5 0 11-.71.7l-5.41-5.4z" fill="currentColor"/> </symbol> <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </symbol> </svg> <sticky-header class="header-wrapper color-background-1 gradient header-wrapper--border-bottom"> <header class="header header--middle-left header--mobile-center page-width header--has-menu"><header-drawer data-breakpoint="tablet"> <details id="Details-menu-drawer-container" class="menu-drawer-container"> <summary class="header__icon header__icon--menu header__icon--summary link focus-inset" aria-label="Menu"> <span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-hamburger" fill="none" viewBox="0 0 18 16"> <path d="M1 .5a.5.5 0 100 1h15.71a.5.5 0 000-1H1zM.5 8a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1A.5.5 0 01.5 8zm0 7a.5.5 0 01.5-.5h15.71a.5.5 0 010 1H1a.5.5 0 01-.5-.5z" fill="currentColor"> </svg> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <div id="menu-drawer" class="gradient menu-drawer motion-reduce" tabindex="-1"> <div class="menu-drawer__inner-container"> <div class="menu-drawer__navigation-container"> <nav class="menu-drawer__navigation"> <ul class="menu-drawer__menu has-submenu list-menu" role="list"><li><a href="/collections/new-styles" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> Latest Drops </a></li><li><details id="Details-menu-drawer-menu-item-2"> <summary class="menu-drawer__menu-item list-menu__item link link--text focus-inset menu-drawer__menu-item--active"> Shop <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </summary> <div id="link-shop" class="menu-drawer__submenu has-submenu gradient motion-reduce" tabindex="-1"> <div class="menu-drawer__inner-submenu"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Shop </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li><details id="Details-menu-drawer-submenu-1"> <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Apparel <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </summary> <div id="childlink-apparel" class="menu-drawer__submenu has-submenu gradient motion-reduce"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Apparel </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> <a href="/collections/best-sellers" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Best Sellers </a> </li><li> <a href="/collections/t-shirts" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> T-Shirts </a> </li><li> <a href="/collections/hoodies" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Hoodies / Tops </a> </li><li> <a href="/collections/hats" class="menu-drawer__menu-item link link--text list-menu__item focus-inset menu-drawer__menu-item--active" aria-current="page"> Hats </a> </li><li> <a href="/collections/beanies" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Beanies </a> </li><li> <a href="/collections/kids" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Kids </a> </li></ul> </div> </details></li><li><details id="Details-menu-drawer-submenu-2"> <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Accessories <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </summary> <div id="childlink-accessories" class="menu-drawer__submenu has-submenu gradient motion-reduce"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Accessories </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> <a href="/collections/books" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Books </a> </li><li> <a href="/collections/posters" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Posters </a> </li><li> <a href="/collections/accessories/Sticker" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Stickers </a> </li></ul> </div> </details></li><li><details id="Details-menu-drawer-submenu-3"> <summary class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Collaborations <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </summary> <div id="childlink-collaborations" class="menu-drawer__submenu has-submenu gradient motion-reduce"> <button class="menu-drawer__close-button link link--text focus-inset" aria-expanded="true"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Collaborations </button> <ul class="menu-drawer__menu list-menu" role="list" tabindex="-1"><li> <a href="/collections/wilson-x-chomp" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Wilson </a> </li><li> <a href="/collections/chomp-x-almond-never-worried" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Almond Surfboards </a> </li><li> <a href="/collections/skateboards" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Sector 9 </a> </li><li> <a href="/products/apple-watch-band" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> Apple Watch </a> </li><li> <a href="/collections/collaborations" class="menu-drawer__menu-item link link--text list-menu__item focus-inset"> All </a> </li></ul> </div> </details></li></ul> </div> </div> </details></li><li><a href="/collections/sale" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> Sale </a></li><li><a href="/pages/about" class="menu-drawer__menu-item list-menu__item link link--text focus-inset"> About </a></li></ul> </nav> <div class="menu-drawer__utility-links"><ul class="list list-social list-unstyled" role="list"><li class="list-social__item"> <a href="https://twitter.com/chompbrand" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 18 15"> <path fill="currentColor" d="M17.64 2.6a7.33 7.33 0 01-1.75 1.82c0 .05 0 .13.02.23l.02.23a9.97 9.97 0 01-1.69 5.54c-.57.85-1.24 1.62-2.02 2.28a9.09 9.09 0 01-2.82 1.6 10.23 10.23 0 01-8.9-.98c.34.02.61.04.83.04 1.64 0 3.1-.5 4.38-1.5a3.6 3.6 0 01-3.3-2.45A2.91 2.91 0 004 9.35a3.47 3.47 0 01-2.02-1.21 3.37 3.37 0 01-.8-2.22v-.03c.46.24.98.37 1.58.4a3.45 3.45 0 01-1.54-2.9c0-.61.14-1.2.45-1.79a9.68 9.68 0 003.2 2.6 10 10 0 004.08 1.07 3 3 0 01-.13-.8c0-.97.34-1.8 1.03-2.48A3.45 3.45 0 0112.4.96a3.49 3.49 0 012.54 1.1c.8-.15 1.54-.44 2.23-.85a3.4 3.4 0 01-1.54 1.94c.74-.1 1.4-.28 2.01-.54z"> </svg> <span class="visually-hidden">Twitter</span> </a> </li><li class="list-social__item"> <a href="https://www.facebook.com/pg/chompbrand" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18"> <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z"> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/chompbrand/" class="list-social__link link"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18"> <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/> <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z"> </svg> <span class="visually-hidden">Instagram</span> </a> </li></ul> </div> </div> </div> </div> </details> </header-drawer><a href="/" class="header__heading-link link link--text focus-inset"> <img src="//chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589" alt="Chomp" srcset="//chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=50 50w, //chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=100 100w, //chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=150 150w, //chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=200 200w, //chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=250 250w, //chompbrand.com/cdn/shop/files/10_1.5x.png?v=1719590589&width=300 300w" height="0.0" class="header__heading-logo"> </a><nav class="header__inline-menu"> <ul class="list-menu list-menu--inline" role="list"><li><a href="/collections/new-styles" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Latest Drops</span> </a></li><li><header-menu> <details id="Details-HeaderMenu-2" class="mega-menu"> <summary class="header__menu-item list-menu__item link focus-inset"> <span class="header__active-menu-item">Shop</span> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </summary> <div id="MegaMenu-Content-2" class="mega-menu__content gradient motion-reduce global-settings-popup" tabindex="-1"> <ul class="mega-menu__list page-width" role="list"><li> <a href="/collections/t-shirts" class="mega-menu__link mega-menu__link--level-2 link"> Apparel </a><ul class="list-unstyled" role="list"><li> <a href="/collections/best-sellers" class="mega-menu__link link"> Best Sellers </a> </li><li> <a href="/collections/t-shirts" class="mega-menu__link link"> T-Shirts </a> </li><li> <a href="/collections/hoodies" class="mega-menu__link link"> Hoodies / Tops </a> </li><li> <a href="/collections/hats" class="mega-menu__link link mega-menu__link--active" aria-current="page"> Hats </a> </li><li> <a href="/collections/beanies" class="mega-menu__link link"> Beanies </a> </li><li> <a href="/collections/kids" class="mega-menu__link link"> Kids </a> </li></ul></li><li> <a href="/collections/accessories" class="mega-menu__link mega-menu__link--level-2 link"> Accessories </a><ul class="list-unstyled" role="list"><li> <a href="/collections/books" class="mega-menu__link link"> Books </a> </li><li> <a href="/collections/posters" class="mega-menu__link link"> Posters </a> </li><li> <a href="/collections/accessories/Sticker" class="mega-menu__link link"> Stickers </a> </li></ul></li><li> <a href="/collections/collaborations" class="mega-menu__link mega-menu__link--level-2 link"> Collaborations </a><ul class="list-unstyled" role="list"><li> <a href="/collections/wilson-x-chomp" class="mega-menu__link link"> Wilson </a> </li><li> <a href="/collections/chomp-x-almond-never-worried" class="mega-menu__link link"> Almond Surfboards </a> </li><li> <a href="/collections/skateboards" class="mega-menu__link link"> Sector 9 </a> </li><li> <a href="/products/apple-watch-band" class="mega-menu__link link"> Apple Watch </a> </li><li> <a href="/collections/collaborations" class="mega-menu__link link"> All </a> </li></ul></li></ul> </div> </details> </header-menu></li><li><a href="/collections/sale" class="header__menu-item list-menu__item link link--text focus-inset"> <span>Sale</span> </a></li><li><a href="/pages/about" class="header__menu-item list-menu__item link link--text focus-inset"> <span>About</span> </a></li></ul> </nav><div class="header__icons"> <details-modal class="header__search"> <details> <summary class="header__icon header__icon--search header__icon--summary link focus-inset modal__toggle" aria-haspopup="dialog" aria-label="Search"> <span> <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-search"> </svg> <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-close"> </svg> </span> </summary> <div class="search-modal modal__content gradient" role="dialog" aria-modal="true" aria-label="Search"> <div class="modal-overlay"></div> <div class="search-modal__content search-modal__content-bottom" tabindex="-1"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> <div class="field"> <input class="search__input field__input" id="Search-In-Modal" type="search" name="q" value="" placeholder="Search"role="combobox" aria-expanded="false" aria-owns="predictive-search-results-list" aria-controls="predictive-search-results-list" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false"> <label class="field__label" for="Search-In-Modal">Search</label> <input type="hidden" name="options[prefix]" value="last"> <button class="search__button field__button" aria-label="Search"> <svg class="icon icon-search" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-search"> </svg> </button> </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> <div class="predictive-search__loading-state"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div> <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search><button type="button" class="search-modal__close-button modal__close-button link link--text focus-inset" aria-label="Close"> <svg class="icon icon-close" aria-hidden="true" focusable="false" role="presentation"> <use href="#icon-close"> </svg> </button> </div> </div> </details> </details-modal><a href="/cart" class="header__icon header__icon--cart link focus-inset" id="cart-icon-bubble"><svg class="icon icon-cart-empty" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" fill="none"> <path d="m15.75 11.8h-3.16l-.77 11.6a5 5 0 0 0 4.99 5.34h7.38a5 5 0 0 0 4.99-5.33l-.78-11.61zm0 1h-2.22l-.71 10.67a4 4 0 0 0 3.99 4.27h7.38a4 4 0 0 0 4-4.27l-.72-10.67h-2.22v.63a4.75 4.75 0 1 1 -9.5 0zm8.5 0h-7.5v.63a3.75 3.75 0 1 0 7.5 0z" fill="currentColor" fill-rule="evenodd"/> </svg> <span class="visually-hidden">Cart</span></a> </div> </header> </sticky-header> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "Chomp", "logo": "https:\/\/chompbrand.com\/cdn\/shop\/files\/LOGO_SUB.png?v=1716825384\u0026width=500", "sameAs": [ "https:\/\/twitter.com\/chompbrand", "https:\/\/www.facebook.com\/pg\/chompbrand", "", "https:\/\/www.instagram.com\/chompbrand\/", "", "", "", "", "" ], "url": "https:\/\/chompbrand.com" } </script> </div> <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1"> <div id="shopify-section-template--15370241179691__banner" class="shopify-section section"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-collection-hero.css?v=129450489589163422231725509879" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>@media screen and (max-width: 749px) { .collection-hero--with-image .collection-hero__inner { padding-bottom: calc(4px + 2rem); } }</style><div class="page-width"> <div class="collection-hero collection-hero--with-image color-accent-1 gradient"> <div class="collection-hero__inner"> <div class="collection-hero__text-wrapper"> <h1 class="collection-hero__title"> <span class="visually-hidden">Collection: </span>Hats</h1><div class="collection-hero__description rte"></div> </div><div class="collection-hero__image-container media gradient"> <img srcset="//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=165 165w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=360 360w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=535 535w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=750 750w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=1070 1070w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=1500 1500w,//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970 1500w" src="//chompbrand.com/cdn/shop/collections/chomp_by_chomp4.jpg?v=1727457970&width=750" sizes="(min-width: 1200px) 550px, (min-width: 750px) calc(50vw - 130px), calc(50vw - 55px)" alt="" width="1500" height="1500" > </div></div> </div> </div> </div><div id="shopify-section-template--15370241179691__product-grid" class="shopify-section section"><link href="//chompbrand.com/cdn/shop/t/19/assets/template-collection.css?v=145944865380958730931725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-loading-overlay.css?v=167310470843593579841725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-card.css?v=22693787467086509371725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-price.css?v=65402837579211014041725509879" rel="stylesheet" type="text/css" media="all" /> <link rel="preload" href="//chompbrand.com/cdn/shop/t/19/assets/component-rte.css?v=69919436638515329781725509879" as="style" onload="this.onload=null;this.rel='stylesheet'" ><noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-rte.css?v=69919436638515329781725509879" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15370241179691__product-grid-padding { padding-top: 27px; padding-bottom: 27px; } @media screen and (min-width: 750px) { .section-template--15370241179691__product-grid-padding { padding-top: 36px; padding-bottom: 36px; } }</style> <div class="section-template--15370241179691__product-grid-padding"> <div class=""> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-facets.css?v=152717405119265787281725509879" rel="stylesheet" type="text/css" media="all" /> <script src="//chompbrand.com/cdn/shop/t/19/assets/facets.js?v=5979223589038938931725509879" defer="defer"></script><aside aria-labelledby="verticalTitle" class="facets-wrapper page-width" id="main-collection-filters" data-id="template--15370241179691__product-grid" > <link href="//chompbrand.com/cdn/shop/t/19/assets/component-show-more.css?v=56103980314977906391725509879" rel="stylesheet" type="text/css" media="all" /> <div class="facets-container"><facet-filters-form class="facets small-hide"> <form id="FacetFiltersForm" class="facets__form"> <div id="FacetsWrapperDesktop" class="facets__wrapper"><h2 class="facets__heading caption-large text-body" id="verticalTitle" tabindex="-1">Filter:</h2> <script src="//chompbrand.com/cdn/shop/t/19/assets/show-more.js?v=90883108635033788741725509879" defer="defer"></script> <details id="Details-1-template--15370241179691__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="1"> <summary class="facets__summary caption-large focus-offset" aria-label="Availability (0 selected)"> <div> <span>Availability</span> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </div> </summary> <div id="Facet-1-template--15370241179691__product-grid" class="parent-display facets__display"><div class="facets__header"> <span class="facets__selected no-js-hidden">0 selected</span> <facet-remove> <a href="/collections/hats" class="facets__reset link underlined-link"> Reset </a> </facet-remove> </div><fieldset class="facets-wrap parent-wrap "> <legend class="visually-hidden">Availability</legend> <ul class=" facets__list list-unstyled no-js-hidden" role="list"><li class="list-menu__item facets__item"> <label for="Filter-filter.v.availability-1" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (5)</span> <span class="visually-hidden">In stock (5 products)</span> </label> </li><li class="list-menu__item facets__item"> <label for="Filter-filter.v.availability-2" class="facet-checkbox facet-checkbox--disabled"> <input type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2" disabled > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (0)</span> <span class="visually-hidden">Out of stock (0 products)</span> </label> </li></ul> <ul class=" facets__list no-js-list list-unstyled no-js" role="list"><li class="list-menu__item facets__item"> <label for="Filter-filter.v.availability-1-no-js" class="facet-checkbox"> <input type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-1-no-js" > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (5)</span> <span class="visually-hidden">In stock (5 products)</span> </label> </li><li class="list-menu__item facets__item"> <label for="Filter-filter.v.availability-2-no-js" class="facet-checkbox facet-checkbox--disabled"> <input type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-2-no-js" disabled > <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (0)</span> <span class="visually-hidden">Out of stock (0 products)</span> </label> </li></ul> </fieldset> </div> </details> <details id="Details-2-template--15370241179691__product-grid" class="disclosure-has-popup facets__disclosure js-filter" data-index="2"> <summary class="facets__summary caption-large focus-offset"> <div> <span>Price</span> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </div> </summary> <div id="Facet-2-template--15370241179691__product-grid" class="facets__display"> <div class="facets__header"><span class="facets__selected">The highest price is $26.95</span><facet-remove> <a href="/collections/hats" class="facets__reset link underlined-link"> Reset </a> </facet-remove></div> <price-range class="facets__price"> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Filter-Price-GTE"type="number" placeholder="0" min="0"max="26.95" > <label class="field__label" for="Filter-Price-GTE">From</label> </div><span class="field-currency">$</span><div class="field"> <input class="field__input" name="filter.v.price.lte" id="Filter-Price-LTE"type="number" min="0"placeholder="26.95" max="26.95" > <label class="field__label" for="Filter-Price-LTE">To</label> </div> </price-range> </div> </details> <noscript> <button type="submit" class="facets__button-no-js button button--secondary">Filter</button> </noscript> </div> <div class="active-facets active-facets-desktop"> <facet-remove class="active-facets__button-wrapper"> <a href="/collections/hats" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="facet-filters sorting caption"> <div class="facet-filters__field"> <h2 class="facet-filters__label caption-large text-body"> <label for="SortBy">Sort by:</label> </h2> <div class="select"><select name="sort_by" class="facet-filters__sort select__select caption-large" id="SortBy" aria-describedby="a11y-refresh-page-message"><option value="manual" selected="selected">Featured</option><option value="best-selling">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </div> </div> <noscript> <button type="submit" class="facets__button-no-js button button--secondary">Sort</button> </noscript> </div><div class="product-count light" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCountDesktop">5 products </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></form> </facet-filters-form> <menu-drawer class="mobile-facets__wrapper medium-hide large-up-hide" data-breakpoint="mobile"> <details class="mobile-facets__disclosure disclosure-has-popup"> <summary class="mobile-facets__open-wrapper focus-offset"> <span class="mobile-facets__open"> <svg class="icon icon-filter" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> <path fill-rule="evenodd" d="M4.833 6.5a1.667 1.667 0 1 1 3.334 0 1.667 1.667 0 0 1-3.334 0ZM4.05 7H2.5a.5.5 0 0 1 0-1h1.55a2.5 2.5 0 0 1 4.9 0h8.55a.5.5 0 0 1 0 1H8.95a2.5 2.5 0 0 1-4.9 0Zm11.117 6.5a1.667 1.667 0 1 0-3.334 0 1.667 1.667 0 0 0 3.334 0ZM13.5 11a2.5 2.5 0 0 1 2.45 2h1.55a.5.5 0 0 1 0 1h-1.55a2.5 2.5 0 0 1-4.9 0H2.5a.5.5 0 0 1 0-1h8.55a2.5 2.5 0 0 1 2.45-2Z" fill="currentColor"/> </svg> <span class="mobile-facets__open-label button-label medium-hide large-up-hide">Filter and sort </span> <span class="mobile-facets__open-label button-label small-hide">Filter </span> </span> <span tabindex="0" class="mobile-facets__close mobile-facets__close--no-js"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" fill="none" viewBox="0 0 18 17"> <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor"> </svg> </span> </summary> <facet-filters-form> <form id="FacetFiltersFormMobile" class="mobile-facets"> <div class="mobile-facets__inner gradient"> <div class="mobile-facets__header"> <div class="mobile-facets__header-inner"> <h2 class="mobile-facets__heading medium-hide large-up-hide">Filter and sort </h2> <h2 class="mobile-facets__heading small-hide">Filter </h2> <p class="mobile-facets__count">5 products </p> </div> </div> <div class="mobile-facets__main has-submenu gradient"> <details id="Details-Mobile-1-template--15370241179691__product-grid" class="mobile-facets__details js-filter" data-index="mobile-1"> <summary class="mobile-facets__summary focus-inset"> <div> <span>Availability</span> <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> <noscript> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg></noscript> </div> </summary> <div id="FacetMobile-1-template--15370241179691__product-grid" class="mobile-facets__submenu gradient"> <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Availability </button> <ul class="mobile-facets__list list-unstyled" role="list"><li class="mobile-facets__item list-menu__item"> <label for="Filter-filter.v.availability-mobile-1" class="mobile-facets__label"> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="1" id="Filter-filter.v.availability-mobile-1" > <span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">In stock (5)</span> <span class="visually-hidden">In stock (5 products)</span> </label> </li><li class="mobile-facets__item list-menu__item"> <label for="Filter-filter.v.availability-mobile-2" class="mobile-facets__label mobile-facets__label--disabled"> <input class="mobile-facets__checkbox" type="checkbox" name="filter.v.availability" value="0" id="Filter-filter.v.availability-mobile-2" disabled > <span class="mobile-facets__highlight"></span> <svg width="1.6rem" height="1.6rem" viewBox="0 0 16 16" aria-hidden="true" focusable="false"> <rect width="16" height="16" stroke="currentColor" fill="none" stroke-width="1"></rect> </svg> <svg class="icon icon-checkmark" width="1.1rem" height="0.7rem" viewBox="0 0 11 7" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M1.5 3.5L2.83333 4.75L4.16667 6L9.5 1" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span aria-hidden="true">Out of stock (0)</span> <span class="visually-hidden">Out of stock (0 products)</span> </label> </li></ul> <div class="no-js-hidden mobile-facets__footer gradient"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/hats" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </details> <details id="Details-Mobile-2-template--15370241179691__product-grid" class="mobile-facets__details js-filter" data-index="mobile-2"> <summary class="mobile-facets__summary focus-inset"> <div> <span>Price</span> <span class="mobile-facets__arrow no-js-hidden"><svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </span> <noscript> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg></noscript> </div> </summary> <div id="FacetMobile-2-template--15370241179691__product-grid" class="mobile-facets__submenu gradient"> <button class="mobile-facets__close-button link link--text focus-inset" aria-expanded="true" type="button"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> Price </button><p class="mobile-facets__info">The highest price is $26.95</p> <price-range class="facets__price"> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.gte" id="Mobile-Filter-Price-GTE"type="number" placeholder="0" min="0" inputmode="decimal"max="26.95" > <label class="field__label" for="Mobile-Filter-Price-GTE">From</label> </div> <span class="field-currency">$</span> <div class="field"> <input class="field__input" name="filter.v.price.lte" id="Mobile-Filter-Price-LTE"type="number" min="0" inputmode="decimal"placeholder="26.95" max="26.95" > <label class="field__label" for="Mobile-Filter-Price-LTE">To</label> </div> </price-range> <div class="no-js-hidden mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/hats" class="mobile-facets__clear underlined-link">Clear</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </details> <div class="mobile-facets__details js-filter" data-index="mobile-"> <div class="mobile-facets__summary"> <div class="mobile-facets__sort"> <label for="SortBy-mobile">Sort by:</label> <div class="select"> <select name="sort_by" class="select__select" id="SortBy-mobile" aria-describedby="a11y-refresh-page-message"><option value="manual" selected="selected">Featured</option><option value="best-selling">Best selling</option><option value="title-ascending">Alphabetically, A-Z</option><option value="title-descending">Alphabetically, Z-A</option><option value="price-ascending">Price, low to high</option><option value="price-descending">Price, high to low</option><option value="created-ascending">Date, old to new</option><option value="created-descending">Date, new to old</option></select> <svg class="icon icon-caret" xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8"> <path id="Polygon_1" data-name="Polygon 1" d="M5,0l5,8H0Z" transform="translate(10 8) rotate(180)"/> </svg> </div> </div> </div> </div><div class="mobile-facets__footer"> <facet-remove class="mobile-facets__clear-wrapper"> <a href="/collections/hats" class="mobile-facets__clear underlined-link">Remove all</a> </facet-remove> <button type="button" class="no-js-hidden button button--primary" onclick="this.closest('.mobile-facets__wrapper').querySelector('summary').click()">Apply</button> <noscript><button class="button button--primary">Apply</button></noscript> </div> </div> </div> </form> </facet-filters-form> </details> </menu-drawer> <div class="active-facets active-facets-mobile medium-hide large-up-hide"><facet-remove class="active-facets__button-wrapper"> <a href="/collections/hats" class="active-facets__button-remove underlined-link"> <span>Remove all</span> </a> </facet-remove> </div> <div class="product-count light medium-hide large-up-hide" role="status"> <h2 class="product-count__text text-body"> <span id="ProductCount">5 products </span> </h2> <div class="loading-overlay__spinner"> <svg aria-hidden="true" focusable="false" role="presentation" class="spinner" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"> <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> </svg> </div> </div></div> </aside><div class="product-grid-container" id="ProductGridContainer"><div class="collection page-width"> <div class="loading-overlay gradient"></div> <ul id="product-grid" data-id="template--15370241179691__product-grid" class=" grid product-grid grid--2-col-tablet-down grid--4-col-desktop " > <li class="grid__item"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><a href="/products/prickly-hat-coffee" class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=165 165w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=360 360w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=533 533w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=720 720w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=940 940w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=1066 1066w,//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349 1500w " src="//chompbrand.com/cdn/shop/files/ALWAYS_PRICKLY_HAT_PINK.png?v=1721939349&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Prickly Hat" class="motion-reduce" width="1500" height="1500" > <img srcset="//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=165 165w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=360 360w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=533 533w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=720 720w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=940 940w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=1066 1066w,//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777 1200w " src="//chompbrand.com/cdn/shop/files/PRICKLY_HAT_LOST_AT_SEA.png?v=1725995777&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1200" height="1200" ></div> </a><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/prickly-hat-coffee" id="StandardCardNoMediaLink-template--15370241179691__product-grid-7063003136043" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15370241179691__product-grid-7063003136043 NoMediaStandardBadge-template--15370241179691__product-grid-7063003136043" > Prickly<br>Hat </a> </h3> </div> <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--15370241179691__product-grid-7063003136043" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15370241179691__product-grid-7063003136043" > <a href="/products/prickly-hat-coffee" id="CardLink-template--15370241179691__product-grid-7063003136043" class="full-unstyled-link" aria-labelledby="CardLink-template--15370241179691__product-grid-7063003136043 Badge-template--15370241179691__product-grid-7063003136043" > Prickly<br>Hat </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price price--on-sale "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $26.95 </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> $32.95 </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $26.95 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"><span id="Badge-template--15370241179691__product-grid-7063003136043" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><a href="/products/chomp-surf-hat-black" class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=165 165w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=360 360w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=533 533w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=720 720w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=940 940w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1066 1066w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913 1500w " src="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Chomp Surf Hat" class="motion-reduce" width="1500" height="1500" > <img srcset="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=165 165w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=360 360w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=533 533w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=720 720w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=940 940w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1066 1066w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926 1500w " src="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1500" height="1500" ></div> </a><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/chomp-surf-hat-black" id="StandardCardNoMediaLink-template--15370241179691__product-grid-7063001432107" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15370241179691__product-grid-7063001432107 NoMediaStandardBadge-template--15370241179691__product-grid-7063001432107" > Chomp<br>Surf Hat </a> </h3> </div> <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--15370241179691__product-grid-7063001432107" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15370241179691__product-grid-7063001432107" > <a href="/products/chomp-surf-hat-black" id="CardLink-template--15370241179691__product-grid-7063001432107" class="full-unstyled-link" aria-labelledby="CardLink-template--15370241179691__product-grid-7063001432107 Badge-template--15370241179691__product-grid-7063001432107" > Chomp<br>Surf Hat </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price price--on-sale "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $25.95 </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> $35.95 </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $25.95 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"><span id="Badge-template--15370241179691__product-grid-7063001432107" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><a href="/products/chomp-hat" class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=165 165w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=360 360w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=533 533w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=720 720w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=940 940w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=1066 1066w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261 1500w " src="//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER2_bab36c23-d6b7-4f4a-a267-c9a363196eb7.png?v=1675984261&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Chomp Trucker [Black]" class="motion-reduce" loading="lazy" width="1500" height="1500" > <img srcset="//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=165 165w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=360 360w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=533 533w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=720 720w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=940 940w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=1066 1066w,//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261 1500w " src="//chompbrand.com/cdn/shop/products/BLACK_CHOMP_TRUCKER.png?v=1675984261&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1500" height="1500" ></div> </a><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/chomp-hat" id="StandardCardNoMediaLink-template--15370241179691__product-grid-1744842227755" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15370241179691__product-grid-1744842227755 NoMediaStandardBadge-template--15370241179691__product-grid-1744842227755" > Chomp<br>Trucker [Black] </a> </h3> </div> <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--15370241179691__product-grid-1744842227755" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15370241179691__product-grid-1744842227755" > <a href="/products/chomp-hat" id="CardLink-template--15370241179691__product-grid-1744842227755" class="full-unstyled-link" aria-labelledby="CardLink-template--15370241179691__product-grid-1744842227755 Badge-template--15370241179691__product-grid-1744842227755" > Chomp<br>Trucker [Black] </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price price--on-sale "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $19.95 </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> $35.95 </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $19.95 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"><span id="Badge-template--15370241179691__product-grid-1744842227755" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><a href="/products/shady-places-trucker-black" class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=165 165w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=360 360w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=533 533w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=720 720w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=940 940w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=1066 1066w,//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069 1500w " src="//chompbrand.com/cdn/shop/files/SHADY_PLACES_TRUCKER_49b59c2f-9131-4714-bbb9-994832fdcc45.png?v=1732730069&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Shady Places Trucker" class="motion-reduce" loading="lazy" width="1500" height="1500" > <img srcset="//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=165 165w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=360 360w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=533 533w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=720 720w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=940 940w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=1066 1066w,//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108 1500w " src="//chompbrand.com/cdn/shop/files/image-67.png?v=1732730108&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1500" height="1500" ></div> </a><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/shady-places-trucker-black" id="StandardCardNoMediaLink-template--15370241179691__product-grid-7063003824171" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15370241179691__product-grid-7063003824171 NoMediaStandardBadge-template--15370241179691__product-grid-7063003824171" > Shady<br>Places Trucker </a> </h3> </div> <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--15370241179691__product-grid-7063003824171" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15370241179691__product-grid-7063003824171" > <a href="/products/shady-places-trucker-black" id="CardLink-template--15370241179691__product-grid-7063003824171" class="full-unstyled-link" aria-labelledby="CardLink-template--15370241179691__product-grid-7063003824171 Badge-template--15370241179691__product-grid-7063003824171" > Shady<br>Places Trucker </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price price--on-sale "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $26.95 </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> $35.95 </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $26.95 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"><span id="Badge-template--15370241179691__product-grid-7063003824171" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> </div> </li> <li class="grid__item"> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" rel="stylesheet" type="text/css" media="all" /> <div class="card-wrapper product-card-wrapper underline-links-hover"> <div class=" card card--standard card--media " style="--ratio-percent: 100.0%;" > <div class="card__inner color-background-2 gradient ratio" style="--ratio-percent: 100.0%;" ><a href="/products/cuffed-beanie" class="card__media"> <div class="media media--transparent media--hover-effect"> <img srcset="//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=165 165w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=360 360w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=533 533w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=720 720w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=940 940w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=1066 1066w,//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761 1500w " src="//chompbrand.com/cdn/shop/files/CHOMP_CUFFED_BEANIE.png?v=1699576761&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="Cuffed Beanie" class="motion-reduce" loading="lazy" width="1500" height="1500" > <img srcset="//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=165 165w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=360 360w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=533 533w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=720 720w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=940 940w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=1066 1066w,//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548 1469w " src="//chompbrand.com/cdn/shop/files/392A0577_251d5f4b-f3e9-42cf-b8f9-f35dc891c429.png?v=1709183548&width=533" sizes="(min-width: 1200px) 267px, (min-width: 990px) calc((100vw - 130px) / 4), (min-width: 750px) calc((100vw - 120px) / 3), calc((100vw - 35px) / 2)" alt="" class="motion-reduce" loading="lazy" width="1469" height="1469" ></div> </a><div class="card__content"> <div class="card__information"> <h3 class="card__heading" > <a href="/products/cuffed-beanie" id="StandardCardNoMediaLink-template--15370241179691__product-grid-7168710213675" class="full-unstyled-link" aria-labelledby="StandardCardNoMediaLink-template--15370241179691__product-grid-7168710213675 NoMediaStandardBadge-template--15370241179691__product-grid-7168710213675" > Cuffed<br>Beanie </a> </h3> </div> <div class="card__badge bottom left"><span id="NoMediaStandardBadge-template--15370241179691__product-grid-7168710213675" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> <div class="card__content"> <div class="card__information"> <h3 class="card__heading h5" id="title-template--15370241179691__product-grid-7168710213675" > <a href="/products/cuffed-beanie" id="CardLink-template--15370241179691__product-grid-7168710213675" class="full-unstyled-link" aria-labelledby="CardLink-template--15370241179691__product-grid-7168710213675 Badge-template--15370241179691__product-grid-7168710213675" > Cuffed<br>Beanie </a> </h3> <div class="card-information"><span class="caption-large light"></span> <div class="price price--on-sale "> <div class="price__container"><div class="price__regular"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span class="price-item price-item--regular"> $25.95 </span> </div> <div class="price__sale"> <span class="visually-hidden visually-hidden--inline">Regular price</span> <span> <s class="price-item price-item--regular"> $35.95 </s> </span><span class="visually-hidden visually-hidden--inline">Sale price</span> <span class="price-item price-item--sale price-item--last"> $25.95 </span> </div> <small class="unit-price caption hidden"> <span class="visually-hidden">Unit price</span> <span class="price-item price-item--last"> <span></span> <span aria-hidden="true">/</span> <span class="visually-hidden"> per </span> <span> </span> </span> </small> </div></div> </div> </div><div class="card__badge bottom left"><span id="Badge-template--15370241179691__product-grid-7168710213675" class="badge badge--bottom-left color-accent-2" >On Sale</span></div> </div> </div> </div> </li></ul></div></div> </div> </div> </div> </main> <div id="shopify-section-footer" class="shopify-section"> <link href="//chompbrand.com/cdn/shop/t/19/assets/section-footer.css?v=83777583229853969691725509879" rel="stylesheet" type="text/css" media="all" /> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-newsletter.css?v=103472482056003053551725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-list-payment.css?v=69253961410771838501725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-list-social.css?v=52211663153726659061725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-rte.css?v=69919436638515329781725509879" media="print" onload="this.media='all'"> <link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/disclosure.css?v=646595190999601341725509879" media="print" onload="this.media='all'"> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-newsletter.css?v=103472482056003053551725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-list-menu.css?v=151968516119678728991725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-list-payment.css?v=69253961410771838501725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-list-social.css?v=52211663153726659061725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-rte.css?v=69919436638515329781725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/disclosure.css?v=646595190999601341725509879" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.footer { margin-top: 0px; } .section-footer-padding { padding-top: 15px; padding-bottom: 15px; } @media screen and (min-width: 750px) { .footer { margin-top: 0px; } .section-footer-padding { padding-top: 20px; padding-bottom: 20px; } }</style><footer class="footer color-accent-2 gradient section-footer-padding"><div class="footer__content-top page-width"><div class="footer__blocks-wrapper grid grid--1-col grid--2-col grid--4-col-tablet "><div class="footer-block grid__item footer-block--menu" ><ul class="footer-block__details-content list-unstyled"><li> <a href="/pages/about" class="link link--text list-menu__item list-menu__item--link"> About </a> </li><li> <a href="/pages/contact" class="link link--text list-menu__item list-menu__item--link"> Contact </a> </li><li> <a href="https://chompbrand.com/pages/wholesale-inquires?_pos=1&_sid=f42eaa6f7&_ss=r" class="link link--text list-menu__item list-menu__item--link"> Wholesale Inquiries </a> </li><li> <a href="/pages/returns-exchanges" class="link link--text list-menu__item list-menu__item--link"> Returns & Exchanges </a> </li><li> <a href="/pages/ccpa-opt-out" class="link link--text list-menu__item list-menu__item--link"> Do not sell or share my personal information </a> </li><li> <a href="https://chompbrand-com.myshopify.com/apps/collective/retailer-referral" class="link link--text list-menu__item list-menu__item--link"> Become a Distibutor </a> </li><li> <a href="/policies/privacy-policy" class="link link--text list-menu__item list-menu__item--link"> Privacy Policy </a> </li><li> <a href="/pages/profile-update" class="link link--text list-menu__item list-menu__item--link"> Profile Update </a> </li></ul></div></div><div class="footer-block--newsletter"><div class="footer-block__newsletter"><h2 class="footer-block__heading">Join The Crew</h2><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"> <div class="newsletter-form__field-wrapper"> <div class="field"> <input id="NewsletterForm--footer" type="email" name="contact[email]" class="field__input" value="" aria-required="true" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="Email" required > <label class="field__label" for="NewsletterForm--footer"> Email </label> <button type="submit" class="newsletter-form__button field__button" name="commit" id="Subscribe" aria-label="Subscribe"> <svg viewBox="0 0 14 10" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-arrow" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor"> </svg> </button> </div></div></form></div><ul class="footer__list-social list-unstyled list-social" role="list"><li class="list-social__item"> <a href="https://twitter.com/chompbrand" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-twitter" viewBox="0 0 18 15"> <path fill="currentColor" d="M17.64 2.6a7.33 7.33 0 01-1.75 1.82c0 .05 0 .13.02.23l.02.23a9.97 9.97 0 01-1.69 5.54c-.57.85-1.24 1.62-2.02 2.28a9.09 9.09 0 01-2.82 1.6 10.23 10.23 0 01-8.9-.98c.34.02.61.04.83.04 1.64 0 3.1-.5 4.38-1.5a3.6 3.6 0 01-3.3-2.45A2.91 2.91 0 004 9.35a3.47 3.47 0 01-2.02-1.21 3.37 3.37 0 01-.8-2.22v-.03c.46.24.98.37 1.58.4a3.45 3.45 0 01-1.54-2.9c0-.61.14-1.2.45-1.79a9.68 9.68 0 003.2 2.6 10 10 0 004.08 1.07 3 3 0 01-.13-.8c0-.97.34-1.8 1.03-2.48A3.45 3.45 0 0112.4.96a3.49 3.49 0 012.54 1.1c.8-.15 1.54-.44 2.23-.85a3.4 3.4 0 01-1.54 1.94c.74-.1 1.4-.28 2.01-.54z"> </svg> <span class="visually-hidden">Twitter</span> </a> </li><li class="list-social__item"> <a href="https://www.facebook.com/pg/chompbrand" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewBox="0 0 18 18"> <path fill="currentColor" d="M16.42.61c.27 0 .5.1.69.28.19.2.28.42.28.7v15.44c0 .27-.1.5-.28.69a.94.94 0 01-.7.28h-4.39v-6.7h2.25l.31-2.65h-2.56v-1.7c0-.4.1-.72.28-.93.18-.2.5-.32 1-.32h1.37V3.35c-.6-.06-1.27-.1-2.01-.1-1.01 0-1.83.3-2.45.9-.62.6-.93 1.44-.93 2.53v1.97H7.04v2.65h2.24V18H.98c-.28 0-.5-.1-.7-.28a.94.94 0 01-.28-.7V1.59c0-.27.1-.5.28-.69a.94.94 0 01.7-.28h15.44z"> </svg> <span class="visually-hidden">Facebook</span> </a> </li><li class="list-social__item"> <a href="https://www.instagram.com/chompbrand/" class="link list-social__link" ><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-instagram" viewBox="0 0 18 18"> <path fill="currentColor" d="M8.77 1.58c2.34 0 2.62.01 3.54.05.86.04 1.32.18 1.63.3.41.17.7.35 1.01.66.3.3.5.6.65 1 .12.32.27.78.3 1.64.05.92.06 1.2.06 3.54s-.01 2.62-.05 3.54a4.79 4.79 0 01-.3 1.63c-.17.41-.35.7-.66 1.01-.3.3-.6.5-1.01.66-.31.12-.77.26-1.63.3-.92.04-1.2.05-3.54.05s-2.62 0-3.55-.05a4.79 4.79 0 01-1.62-.3c-.42-.16-.7-.35-1.01-.66-.31-.3-.5-.6-.66-1a4.87 4.87 0 01-.3-1.64c-.04-.92-.05-1.2-.05-3.54s0-2.62.05-3.54c.04-.86.18-1.32.3-1.63.16-.41.35-.7.66-1.01.3-.3.6-.5 1-.65.32-.12.78-.27 1.63-.3.93-.05 1.2-.06 3.55-.06zm0-1.58C6.39 0 6.09.01 5.15.05c-.93.04-1.57.2-2.13.4-.57.23-1.06.54-1.55 1.02C1 1.96.7 2.45.46 3.02c-.22.56-.37 1.2-.4 2.13C0 6.1 0 6.4 0 8.77s.01 2.68.05 3.61c.04.94.2 1.57.4 2.13.23.58.54 1.07 1.02 1.56.49.48.98.78 1.55 1.01.56.22 1.2.37 2.13.4.94.05 1.24.06 3.62.06 2.39 0 2.68-.01 3.62-.05.93-.04 1.57-.2 2.13-.41a4.27 4.27 0 001.55-1.01c.49-.49.79-.98 1.01-1.56.22-.55.37-1.19.41-2.13.04-.93.05-1.23.05-3.61 0-2.39 0-2.68-.05-3.62a6.47 6.47 0 00-.4-2.13 4.27 4.27 0 00-1.02-1.55A4.35 4.35 0 0014.52.46a6.43 6.43 0 00-2.13-.41A69 69 0 008.77 0z"/> <path fill="currentColor" d="M8.8 4a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm0 7.43a2.92 2.92 0 110-5.85 2.92 2.92 0 010 5.85zM13.43 5a1.05 1.05 0 100-2.1 1.05 1.05 0 000 2.1z"> </svg> <span class="visually-hidden">Instagram</span> </a> </li></ul></div> </div><div class="footer__content-bottom"> <div class="footer__content-bottom-wrapper page-width"> <div class="footer__column footer__localization isolate"></div> <div class="footer__column footer__column--info"><div class="footer__copyright caption"> <small class="copyright__content">Copyright © 2024, <a href="/" title="">Chomp</a>. All Rights Reserved.</small> </div> </div> </div> </div> </footer> </div> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-new-window-message">Opens in a new window.</li> </ul> <script> window.shopUrl = 'https://chompbrand.com'; window.routes = { cart_add_url: '/cart/add', cart_change_url: '/cart/change', cart_update_url: '/cart/update', cart_url: '/cart', predictive_search_url: '/search/suggest' }; window.cartStrings = { error: `There was an error while updating your cart. Please try again.`, quantityError: `You can only add [quantity] of this item to your cart.` } window.variantStrings = { addToCart: `Add to cart`, soldOut: `Sold out`, unavailable: `Unavailable`, } window.accessibilityStrings = { imageAvailable: `Image [index] is now available in gallery view`, shareSuccess: `Link copied to clipboard`, pauseSlideshow: `Pause slideshow`, playSlideshow: `Play slideshow`, } </script><script src="//chompbrand.com/cdn/shop/t/19/assets/predictive-search.js?v=31278710863581584031725509879" defer="defer"></script>    <script type="text/javascript"> var _learnq = _learnq || []; function addedToCart() { fetch(`${window.location.origin}/cart.js`) .then(res => res.clone().json().then(data => { var cart = { total_price: data.total_price/100, $value: data.total_price/100, total_discount: data.total_discount, original_total_price: data.original_total_price/100, items: data.items } if (item !== 'undefined') { cart = Object.assign(cart, item) } _learnq.push(['track', 'Added to Cart', cart]) })) } (function (ns, fetch) { ns.fetch = function() { const response = fetch.apply(this, arguments); response.then(res => { if (`${window.location.origin}/cart/add.js` .includes(res.url)) { addedToCart() } }); return response } }(window, window.fetch)) $(document).ajaxComplete(function(event, request, settings){ if(settings.url == "/cart/add.js"){ addedToCart() } })</script> <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script> <script> var klaviyo = klaviyo || []; klaviyo.init({ account: "V68pJS", list: "XQFBhU", platform: "shopify" }); klaviyo.enable("backinstock",{ trigger: { product_page_text: "Notify Me When Available", product_page_class: "button", product_page_text_align: "center", product_page_margin: "5px", replace_anchor: false }, modal: { newsletter_subscribe_label: "Add me to your email list.", headline: "{product_name}", body_content: "Register to receive a notification when this item comes back in stock.", email_field_label: "Email", button_label: "Notify me when available", subscription_success_label: "You're in! We'll let you know when it's back.", footer_content: '', font_family: '"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;', drop_background_color: "#000", background_color: "#fff", text_color: "#222", button_text_color: "#fff", button_background_color: "#3D4246", close_button_color: "#ccc", error_background_color: "#fcd6d7", error_text_color: "#C72E2F", success_background_color: "#d3efcd", success_text_color: "#1B9500" } }); </script> <script setup> document.addEventListener('rebuy:cart.change', function(event){ progressPercentage() }); function lastTierMinimum() { const SmartCart = window.Rebuy.SmartCart; if (SmartCart.progressBar != null) { const lastTierMinimum = SmartCart.progressBar.tiers[SmartCart.progressBar.tiers.length - 1].minimum; if (lastTierMinimum != null) { return `$${lastTierMinimum}`; } } } function cartItemsCount() { const SmartCart = window.Rebuy.SmartCart; const itemCount = SmartCart.itemCount(); return `YOUR CART <span>(${itemCount})</span>` } function leftForFreeShipping() { const SmartCart = window.Rebuy.SmartCart; if (SmartCart.progressBar != null) { const freeShippingMinimum = SmartCart.progressBar.tiers.find(tier => tier.type === 'shipping').minimum; const subtotalAmount = Number(SmartCart.subtotal().replace(/[^0-9.-]+/g,"")); const shippingLeftAmount = (freeShippingMinimum - subtotalAmount).toFixed(2); if (shippingLeftAmount > 0) { return `ADD <b>$${shippingLeftAmount}</b> MORE TO UNLOCK FREE SHIPPING` } else { return `You've unlocked FREE SHIPPING!` } } } function progressPercentage() { //console.log('rebuy:smartcart.ready event', event.detail); const SmartCart = window.Rebuy.SmartCart; if (SmartCart.progressBar != null) { let percentage = 0; const tiers = SmartCart.progressBar.tiers; const cartTotal = Number(SmartCart.subtotal().replace(/[^0-9.-]+/g,"")); const totalTierPercent = 100 / tiers.length; for (let i = 0; i < tiers.length; i ++) { if (cartTotal < tiers[i].minimum) { let tierPercent = totalTierPercent / (tiers[i].minimum / cartTotal * 100) * 100; percentage = percentage + tierPercent; break; } else if (cartTotal > tiers[i].minimum) { percentage = percentage + totalTierPercent; } } return `${percentage}%`; } } function progressStepWidth() { const SmartCart = window.Rebuy.SmartCart; if (SmartCart.progressBar != null) { const width = 100 / (SmartCart.progressBar.tiers.length + 1); return `${width}%`; } } //remove active variant selector class when clicking outside //class added in snippets/smart-cart-reccomendations.liquid function closeSelect(event) { const variantOptions = event.currentTarget.querySelectorAll(".shade-picker-container"); variantOptions.forEach(function (element, index) { let activeSelect = element.querySelector('.select-open'); if (activeSelect != null && !element.contains(event.target)) { activeSelect.classList.remove("select-open"); } }); } function itemHasPropertyDIscount(item) { if (item.properties != null && item.properties.hasOwnProperty('Discount')) { return true; } else { return false; } } </script> <script id="rebuy-cart-template" type="text/template"> <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]" role="dialog" aria-modal="true" aria-labelledby="SmartCart_title" v-bind:aria-hidden="!visible ? 'true' : 'false'" > <div class="rebuy-cart__flyout"> <div class="rebuy-cart__flyout-header"> <div v-html="renderHeader()"></div> <h4 id="SmartCart_title" class="rebuy-cart__flyout-title" v-html="cartItemsCount()"></h4> <button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()" aria-label="Close Cart" > <i class="fal fa-times"></i> <span class="sr-only">Close Cart</span> </button> </div> <div class="rebuy-cart__flyout-body"> <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()" > <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]" > <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()" ></div> <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']" > <span id="free-shipping-progress-label" class="rebuy-cart__flyout-shipping-bar-meter-fill-text"> Progress to free shipping: {{ freeShippingPercentComplete() }} </span> <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="freeShippingPercentComplete(false, true)" aria-labelledby="free-shipping-progress-label" ></div> </div> <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()" ></div> </div> <div v-else-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" v-bind:style="{ width: progressStepMaxWidth(bar) }" v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> </div> </div> <div class="rebuy-cart__progress-bar-wrapper"> <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> <div class="rebuy-progress-grid"> <div class="rebuy-cart__progress-bar-min">$0</div> <div class="rebuy-cart__progress-bar-meter" v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> <div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }" role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" aria-labelledby="rebuy-cart__progress-bar-meter-label" > <span class="sr-only"></span> </div> </div> <div class="rebuy-cart__progress-bar-max">$75</div> </div> </div> <div class="rebuy-cart__progress-free-products" v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="getFreeVariantTitle(product)"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)"> <i class="fal fa-times"></i> <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> </button> </div> </div> </div> </div> </div> <div class="rebuy-pro-title-wrap"> <div class="rebuy-pro-title-content"> <p>Product</p> <p>Total</p> </div> </div> <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]" > <ul class="rebuy-cart__flyout-items" v-if="hasItems()" data-smartcart-items tabindex="0"> <li class="rebuy-cart__flyout-item" v-for="item in items()" v-if="!isHiddenItem(item)" v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]" role="group" aria-label="product" > <div class="rebuy-cart__flyout-item-media"> <a v-bind:href="itemURL(item)" tabindex="-1"> <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.featured_image?.alt" /> </a> </div> <div class="rebuy-cart__flyout-item-info"> <div class="rebuy-title-price"> <a role="heading" aria-level="5" class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title" v-bind:alt="'View ' + item.product_title" ></a> <div class="rebuy-cart__flyout-item-price"> <div v-if="itemHasDiscount(item)"> <span class="rebuy-money compare-at" > <span class="sr-only">Original price</span> <span v-html="formatMoney(compareAtPrice(item))"></span> </span> <span class="rebuy-money sale" > <span class="sr-only">Sale price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> </div> <div v-if="!itemHasDiscount(item)"> <span class="rebuy-money" > <span class="sr-only">Price</span> <span v-html="formatMoney(itemPrice(item))"></span> </span> </div> </div> </div> <div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title" ></div> <div class="rebuy-cart__flyout-item-discount-message" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)" ></div> <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)" > <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)" ></div> <div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]" > <span class="rebuy-cart__flyout-item-property-name" v-html="property.key" ></span> <span class="rebuy-cart__flyout-item-property-separator"> : </span> <span class="rebuy-cart__flyout-item-property-value" v-html="property.value" ></span> </div> </div> <button class="rebuy-cart__flyout-item-remove" type="button" v-bind:alt="'Remove ' + item.product_title" v-on:click="removeItem(item)" > <i class="far" v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-trash']" ></i> <span class="sr-only">Remove {{ item.product_title }} from Cart</span> </button> <div class="rebuy-cart__flyout-item-quantity"> <div class="rebuy-cart__flyout-item-quantity-widget" v-if="hideQuantitySelectors && !hideQuantitySelectors(item)" > <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Decrease quantity of ' + item.product_title" v-on:click="decreaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']" aria-hidden="true" ></i> <span class="sr-only">Decrease quantity of {{ item.product_title }}</span> </button> <span class="rebuy-cart__flyout-item-quantity-widget-label" > <span class="sr-only">Quantity of {{ item.product_title }}</span> {{ item.quantity }} </span> <button class="rebuy-cart__flyout-item-quantity-widget-button" v-bind:alt="'Increase quantity of ' + item.product_title" v-on:click="increaseItem(item)" type="button" > <i class="far" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']" aria-hidden="true" ></i> <span class="sr-only">Increase quantity of {{ item.product_title }}</span> </button> </div> <button class="rebuy-cart__flyout__remove" type="button" v-bind:alt="'Remove ' + item.product_title" v-on:click="removeItem(item)" > <i class="far" v-bind:class="[(item.status == 'removing') ? 'fa-sync-alt fa-fast-spin' : 'fa-trash']" ></i> <span class="sr-only">Remove {{ item.product_title }} from Cart</span> </button> </div> <div v-if="itemHasBMSM(item) && bMSMFinalTierNotReached(item)" class="rebuy-cart__flyout-item-buy-more-save-more" > <div v-if="hasBMSMButtons()" class="rebuy-cart__flyout-item-buy-more-save-more-container" > <div v-for="tier in getBMSMTiers()" class="rebuy-cart__flyout-item-buy-more-save-more-button-container" v-if="tier.quantity > item.quantity" > <button v-on:click="adjustBMSMQuantity(item, tier)" class="rebuy-button rebuy-cart__flyout-item-buy-more-save-more-button" v-bind:alt="getBMSMButtonText(tier)" > <span v-html="getBMSMButtonText(tier)"></span> </button> </div> </div> <span v-if="!hasBMSMButtons()" class="rebuy-cart__flyout-buy-more-save-more-dynamic-message-text" v-html="buyMoreSaveMoreDynamicText(item)" ></span> </div> <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)" > <button class="rebuy-button outline" v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" v-bind:alt="'Switch ' + item.product_title + ' to a Subscription'" v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" v-on:click="updateItemDeliveryFrequency(item, selectedSubscriptionFrequency(item, 0), 'onetime')" type="button" > <span v-html="switchToSubscriptionLabel(item)"></span> </button> <select class="rebuy-select muted" v-if="item.product.subscription && item.status != 'downgrading'" v-model="item.product.subscription_frequency" v-on:change="updateItemDeliveryFrequency(item)" > <optgroup v-if="!item.product.is_subscription_only && !subscriptionDowngradeDisabled()" v-bind:label="onetimeOptionGroupLabel(item)" > <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)" ></option> </optgroup> <optgroup v-bind:label="subscriptionOptionGroupLabel(item)"> <option v-for="frequency in subscriptionFrequencies(item)" v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)" ></option> </optgroup> </select> </div> </li> </ul> <div class="rebuy-cart__flyout-empty-cart" v-html="emptyCartMessage()" v-if="!hasItems()"></div> <div class="rebuy-cart__flyout-empty-cart-footer" v-if="!hasItems()"> <div data-app-target="empty_cart"></div> </div> <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id" ></div> </div> <div class="rebuy-cart__upsells" v-if="hasPrePurchase()"> <div v-bind:data-rebuy-id="settings.pre_purchase.id"></div> </div> </div> <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container below"> <div class="rebuy-cart__progress-free-products" v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar) && getBarLayout(bar) == 'below' && earnedProducts(bar).length > 0"> <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" v-bind:style="[ freeProductTileStyle(bar) ]"> <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"></div> <div class="rebuy-cart__progress-free-product-info"> <div> <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" v-html="product.chosen_variant.title"></span> </div> <div v-if="!product.chosen_variant" class="rebuy-cart__progress-free-product-variant-select-container"> <select class="rebuy-cart__progress-free-product-variant-select" v-on:change="selectFreeProductVariant($event, product)"> <option value="" disabled selected>Select Variant</option> <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ variant.title }}</option> </select> <div class="rebuy-cart__progress-free-product-variant-select-prompt" v-html="freeProductPrompt(product)"></div> </div> </div> <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" v-on:click="removeFreeProduct(product)"> <i class="fal fa-times" aria-hidden="true"></i> <span class="sr-only">Remove {{ product.title }} {{ product.chosen_variant?.title ? product.chosen_variant.title : '' }} from Cart</span> </button> </div> </div> </div> </div> </div> <div class="rebuy-cart__flyout-footer" v-show="hasItems()"> <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> <label class="rebuy-cart__flyout-note-toggle"> <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label" ></span> </label> <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()" > <textarea id="rebuy-cart-notes" class="rebuy-textarea rebuy-cart__flyout-note-textarea" v-model="notes.value" v-on:keyup="notesChange($event)" v-on:keydown="notesChange($event)" v-on:change="notesChange($event)" v-bind:placeholder="settings.language.notes_placeholder" ></textarea> <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()" ></small> </div> </div> <div class="rebuy-cart__flyout-discount-container" v-if="discountEnabled()"> <form class="rebuy-cart__flyout-discount-form" v-if="shouldShowDiscountInput()" v-on:submit="applyDiscount(null, $event)"> <div class="rebuy-input-wrapper rebuy-input-wrapper--floating-label" v-bind:class="[discount.inputValue ? 'show-label' : '' ]" > <span class="rebuy-input-label" v-html="settings.language.discount_code_label" ></span> <input class="rebuy-input" v-model="discount.inputValue" v-bind:placeholder="settings.language.discount_code_label" v-bind:disabled="discount.loading" id="rebuy-discount-input" aria-label="Input Discount" autocomplete /> </div> <button class="rebuy-button" v-bind:disabled="discount.loading" > <span v-html="discountButtonLabel()"></span> </button> </form> <div class="rebuy-cart__flyout-discount-error-message" v-if="discount.hasError()" v-html="discount.errorMessage()"></div> <div class="rebuy-cart__flyout-discount-tag" v-if="shouldShowDiscountSubtotal()"> <span class="rebuy-cart__flyout-discount-tag-icon"><i class="fas fa-tags"></i></span> <span class="rebuy-cart__flyout-discount-tag-text" v-html="discount.code"></span> <span class="rebuy-cart__flyout-discount-tag-remove" v-on:click="removeDiscount()" > <i class="far fa-times"></i> </span> </div> <div class="rebuy-cart__flyout-discount-amount" v-if="shouldShowDiscountSubtotal()"> <span v-html="discountTotal()"></span> </div> </div> <div class="rebuy-cart__flyout-integration" v-if="settings.integrations && settings.integrations.enabled" ></div> <div class="rebuy-cart__flyout-apps"> <div data-app-target="above_subtotal"></div> </div> <div class="rebuy-cart__flyout-subtotal"> <div class="rebuy-cart__flyout-subtotal-label"> <span v-html="subtotalLabel()"></span> </div> <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()" ></div> </div> <div data-app-target="below_subtotal"></div> <div class="rebuy-cart__flyout-actions"> <div v-if="settings.terms && settings.terms.enabled" class="rebuy-cart__flyout-terms" > <input class="rebuy-cart__flyout-terms-checkbox rebuy-checkbox" id="rebuy-terms-checkbox" name="rebuy-terms-checkbox" type="checkbox" v-model="termsAccepted" v-on:click="updateTermsCheck()" /> <label class="rebuy-cart__flyout-terms-label" for="rebuy-terms-checkbox" v-html="settings.terms.disclaimer" ></label> </div> <p class="rebuy-text-line">Taxes and shipping calculated at checkout</p> <button v-show="hasCheckoutButton()" class="rebuy-button rebuy-cart__checkout-button block" type="button" v-on:click="checkout()" v-bind:disabled="hasTermsEnabled() && !hasAcceptedTerms()" > <span v-html="checkoutLabel()"></span> </button> <button v-if="hasViewCartButton()" class="rebuy-button rebuy-cart__view-cart-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()" > <span v-html="viewCartLabel()"></span> </button> <button v-if="hasContinueShoppingButton()" class="rebuy-button rebuy-cart__continue-shopping-button block outline" type="button" v-on:click="hide()" > <span v-html="continueShoppingLabel()"></span> </button> <button v-if="hasShopPayButton()" class="rebuy-button rebuy-cart__shop-pay-button block" v-on:click="shopPayCheckout()" aria-label="Checkout with Shop Pay" > <svg width="80" height="30" viewBox="0 0 4317 1037" fill="none" xmlns="http://www.w3.org/2000/svg" > <g clip-path="url(#clip0)"> <path d="M1105.96 326.186C1071.34 253.553 1005.7 206.635 906.786 206.635C876.426 207.164 846.593 214.661 819.588 228.543C792.585 242.427 769.128 262.328 751.033 286.711L747.423 291.109V6.44337C747.423 4.7982 746.77 3.22051 745.606 2.05722C744.443 0.8939 742.864 0.240234 741.219 0.240234H601.367C599.742 0.269795 598.194 0.936325 597.055 2.09644C595.915 3.25656 595.277 4.81756 595.277 6.44337V822.999C595.277 824.614 595.92 826.162 597.062 827.304C598.204 828.447 599.752 829.089 601.367 829.089H751.145C752.771 829.089 754.332 828.452 755.492 827.311C756.652 826.172 757.318 824.624 757.348 822.999V474.835C757.348 407.165 802.461 359.231 874.643 359.231C953.592 359.231 973.555 424.195 973.555 490.398V822.999C973.555 824.614 974.196 826.162 975.338 827.304C976.48 828.447 978.03 829.089 979.645 829.089H1129.08C1130.71 829.089 1132.27 828.452 1133.43 827.311C1134.59 826.172 1135.26 824.624 1135.29 822.999V470.549C1135.29 458.481 1135.29 446.638 1133.71 435.135C1131.14 397.437 1121.74 360.519 1105.96 326.186Z" fill="white" /> <path d="M358.093 447.206C358.093 447.206 281.851 429.273 253.768 422.055C225.684 414.837 176.623 399.498 176.623 362.392C176.623 325.286 216.21 313.443 256.362 313.443C296.513 313.443 341.176 323.143 344.672 367.693C344.813 369.299 345.552 370.791 346.742 371.879C347.933 372.965 349.488 373.563 351.1 373.558L498.734 372.994C499.603 372.996 500.463 372.819 501.26 372.474C502.057 372.129 502.774 371.623 503.367 370.987C503.96 370.353 504.416 369.602 504.705 368.783C504.994 367.963 505.113 367.093 505.05 366.226C495.915 223.668 370.837 172.69 255.459 172.69C118.652 172.69 18.6132 262.917 18.6132 362.392C18.6132 435.025 39.1399 503.147 200.533 550.516C228.842 558.749 267.302 569.463 300.912 578.825C341.288 590.104 363.055 607.134 363.055 633.976C363.055 665.104 317.942 686.758 273.618 686.758C209.444 686.758 163.879 662.961 160.157 620.215C159.963 618.652 159.202 617.212 158.016 616.172C156.831 615.132 155.305 614.564 153.728 614.576L6.43255 615.253C5.569 615.253 4.71432 615.426 3.91928 615.764C3.12425 616.101 2.40528 616.594 1.80527 617.216C1.20527 617.836 0.736446 618.572 0.426968 619.378C0.11749 620.185 -0.0263401 621.045 0.00395994 621.908C6.77099 756.459 136.698 828.978 257.829 828.978C438.283 828.978 519.825 727.474 519.825 632.397C520.051 587.734 509.787 486.003 358.093 447.206Z" fill="white" /> <path d="M2257.37 206.409C2182.38 206.409 2119.55 247.913 2079.06 297.991V212.274C2079.06 210.678 2078.43 209.145 2077.31 208.007C2076.21 206.868 2074.68 206.213 2073.08 206.185H1933.01C1931.4 206.185 1929.84 206.825 1928.7 207.967C1927.56 209.11 1926.91 210.66 1926.91 212.274V1013.04C1926.95 1014.63 1927.61 1016.16 1928.75 1017.27C1929.89 1018.39 1931.42 1019.02 1933.01 1019.02H2082.9C2084.48 1019.02 2086 1018.39 2087.12 1017.27C2088.24 1016.15 2088.87 1014.62 2088.87 1013.04V749.802H2091.13C2114.92 786.117 2180 829.653 2265.05 829.653C2424.96 829.653 2558.28 697.019 2558.28 517.806C2558.4 345.811 2425.76 206.409 2257.37 206.409ZM2243.5 677.057C2211.94 677.841 2180.83 669.2 2154.2 652.238C2127.57 635.274 2106.58 610.759 2093.93 581.82C2081.29 552.88 2077.55 520.829 2083.21 489.757C2088.85 458.685 2103.64 430.002 2125.66 407.369C2147.69 384.733 2175.96 369.175 2206.87 362.679C2237.77 356.183 2269.91 359.042 2299.18 370.893C2328.46 382.743 2353.53 403.048 2371.22 429.215C2388.9 455.383 2398.38 486.224 2398.47 517.806C2398.79 538.449 2395.03 558.955 2387.42 578.145C2379.81 597.335 2368.47 614.831 2354.07 629.628C2339.68 644.425 2322.5 656.232 2303.51 664.371C2284.54 672.511 2264.15 676.821 2243.5 677.057Z" fill="white" /> <path d="M1483.34 171.229C1343.6 171.229 1273.9 218.711 1217.95 256.72L1216.26 257.847C1213.38 259.821 1211.35 262.813 1210.57 266.221C1209.8 269.63 1210.34 273.204 1212.09 276.231L1267.35 371.419C1268.39 373.201 1269.81 374.732 1271.5 375.901C1273.2 377.071 1275.13 377.852 1277.17 378.187C1279.16 378.546 1281.2 378.459 1283.15 377.932C1285.1 377.405 1286.91 376.454 1288.45 375.141L1292.84 371.533C1321.6 347.397 1367.73 315.14 1479.39 306.343C1541.53 301.382 1595.22 317.622 1634.8 354.615C1678.34 394.767 1704.4 459.617 1704.4 528.077C1704.4 654.057 1630.18 733.23 1510.97 734.81C1412.73 734.246 1346.75 683.042 1346.75 607.364C1346.75 567.212 1364.91 541.047 1400.33 514.881C1403.03 512.947 1404.94 510.1 1405.71 506.866C1406.48 503.632 1406.05 500.229 1404.5 497.287L1354.87 403.45C1353.96 401.771 1352.72 400.289 1351.23 399.089C1349.74 397.889 1348.03 396.995 1346.19 396.458C1344.31 395.899 1342.34 395.741 1340.4 395.992C1338.45 396.245 1336.58 396.903 1334.91 397.925C1279.2 430.97 1210.85 491.422 1214.57 607.59C1219.08 755.449 1342.02 868.345 1501.83 872.97H1509.84H1520.78C1710.7 866.766 1847.85 725.787 1847.85 534.619C1847.85 359.126 1719.95 171.229 1483.34 171.229Z" fill="white" /> <path d="M3148.93 261.455H3053.73C3051.51 261.484 3049.37 262.385 3047.79 263.964C3046.2 265.544 3045.3 267.679 3045.29 269.914V469.653C3045.3 471.878 3046.21 473.999 3047.8 475.561C3049.38 477.123 3051.51 478 3053.73 478H3148.93C3206.9 478 3249.65 432.322 3249.65 369.727C3249.65 307.132 3206.9 261.455 3148.93 261.455Z" fill="white" /> <path d="M3441.38 614.802C3441.38 643.787 3465.85 659.915 3508.48 659.915C3566.45 659.915 3600.73 628.561 3600.73 572.958V556.944L3513.9 561.455C3468.1 563.71 3441.38 582.772 3441.38 614.802Z" fill="white" /> <path d="M4146.27 2.04983H2867.3C2846.33 2.04981 2825.54 6.18442 2806.17 14.2172C2786.78 22.25 2769.17 34.0237 2754.35 48.8653C2739.51 63.707 2727.75 81.3258 2719.73 100.715C2711.7 120.104 2707.59 140.883 2707.61 161.865V862.026C2707.61 904.392 2724.43 945.025 2754.38 974.992C2784.33 1004.96 2824.95 1021.81 2867.3 1021.84H4146.27C4167.28 1021.9 4188.1 1017.82 4207.53 1009.83C4226.95 1001.84 4244.61 990.093 4259.5 975.273C4274.37 960.45 4286.2 942.839 4294.28 923.445C4302.35 904.052 4306.51 883.258 4306.55 862.252V162.09C4306.58 141.042 4302.47 120.192 4294.43 100.74C4286.39 81.2884 4274.58 63.6179 4259.69 48.7448C4244.8 33.8719 4227.11 22.0899 4207.65 14.0763C4188.19 6.06265 4167.33 1.97545 4146.27 2.04983ZM3153.77 556.609H3053.17C3050.93 556.609 3048.79 557.499 3047.19 559.085C3045.61 560.672 3044.71 562.824 3044.71 565.068V708.302C3044.71 710.545 3043.82 712.697 3042.24 714.283C3040.65 715.87 3038.5 716.761 3036.26 716.761H2965.42C2963.2 716.732 2961.05 715.831 2959.47 714.25C2957.89 712.672 2957.01 710.537 2956.97 708.302V191.639C2956.97 189.397 2957.86 187.245 2959.46 185.658C2961.04 184.072 2963.18 183.181 2965.42 183.181H3153.77C3260.47 183.181 3336.82 260.889 3336.82 369.951C3336.82 479.013 3261.03 556.833 3154.35 556.833L3153.77 556.609ZM3683.86 708.19C3683.88 709.31 3683.68 710.421 3683.25 711.461C3682.83 712.5 3682.21 713.447 3681.43 714.244C3680.63 715.041 3679.7 715.675 3678.66 716.107C3677.64 716.538 3676.52 716.761 3675.4 716.761H3608.52C3607.4 716.761 3606.29 716.538 3605.26 716.107C3604.22 715.675 3603.28 715.041 3602.5 714.244C3601.72 713.447 3601.09 712.5 3600.68 711.461C3600.26 710.421 3600.05 709.31 3600.07 708.19V692.739C3600.17 691.382 3599.85 690.026 3599.12 688.874C3598.41 687.72 3597.34 686.829 3596.06 686.334C3594.8 685.84 3593.41 685.769 3592.1 686.131C3590.77 686.491 3589.62 687.266 3588.79 688.34C3568.82 710.107 3536.34 725.896 3484.57 725.896C3408.34 725.896 3357.91 686.197 3357.91 617.624C3357.18 600.904 3360.63 584.265 3367.96 569.216C3375.28 554.17 3386.26 541.19 3399.88 531.458C3427.39 510.818 3470.02 500.104 3533.29 497.622L3600.39 495.367V475.741C3600.39 436.154 3573.78 419.35 3531.03 419.35C3488.29 419.35 3461.33 434.463 3455.03 459.163C3454.52 460.907 3453.45 462.433 3451.97 463.496C3450.51 464.56 3448.72 465.098 3446.9 465.027H3380.7C3379.48 465.058 3378.27 464.82 3377.15 464.334C3376.05 463.846 3375.04 463.12 3374.23 462.206C3373.43 461.291 3372.83 460.214 3372.49 459.044C3372.14 457.875 3372.05 456.646 3372.24 455.441C3382.17 396.793 3430.66 352.243 3534.09 352.243C3643.94 352.243 3683.52 403.335 3683.52 500.892L3683.86 708.19ZM4100.49 372.995L3951.62 770.108C3917.78 862.364 3858.56 886.05 3793.71 886.05C3781.5 886.348 3769.3 884.866 3757.51 881.652C3755.67 881.157 3754.06 880.073 3752.88 878.563C3751.73 877.056 3751.1 875.208 3751.08 873.305V812.965C3751.08 811.703 3751.35 810.455 3751.88 809.311C3752.42 808.167 3753.19 807.154 3754.16 806.347C3755.14 805.538 3756.27 804.955 3757.49 804.637C3758.71 804.319 3759.99 804.274 3761.23 804.506C3771.46 806.446 3781.84 807.428 3792.25 807.44C3810.18 808.339 3827.9 803.193 3842.57 792.825C3857.22 782.457 3867.98 767.467 3873.11 750.258L3877.52 736.385C3878.2 734.529 3878.2 732.491 3877.52 730.633L3738.33 373.109C3737.91 371.831 3737.79 370.469 3737.99 369.137C3738.2 367.804 3738.71 366.537 3739.47 365.439C3740.26 364.341 3741.29 363.442 3742.48 362.814C3743.67 362.187 3745 361.849 3746.34 361.83H3814.02C3815.75 361.847 3817.43 362.381 3818.86 363.367C3820.29 364.351 3821.39 365.741 3822.02 367.357L3916.54 619.542C3917.17 621.189 3918.27 622.608 3919.72 623.609C3921.18 624.612 3922.89 625.147 3924.66 625.147C3926.41 625.147 3928.15 624.612 3929.59 623.609C3931.04 622.608 3932.16 621.189 3932.77 619.542L4014.78 368.034C4015.32 366.319 4016.41 364.825 4017.87 363.77C4019.33 362.714 4021.08 362.153 4022.88 362.169H4092.26C4093.59 362.163 4094.91 362.475 4096.12 363.073C4097.31 363.673 4098.36 364.545 4099.16 365.62C4099.96 366.695 4100.49 367.942 4100.72 369.263C4100.96 370.582 4100.88 371.938 4100.49 373.221V372.995Z" fill="white" /> </g> <defs> <clipPath id="clip0"> <rect width="4317" height="1036.76" fill="white" transform="translate(0 0.240234)" /> </clipPath> </defs> </svg> </button> </div> <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()" ></div> <div data-app-target="below_checkout"></div> </div> </div> <div class="rebuy-cart__background" v-on:click="hide()"></div> <div id="rebuy-cart-live-region" class="sr-only" aria-live="polite"></div> </div> </script> <script id="rebuy-recommended-template" type="text/template"> <div class="rebuy-widget" v-cloak v-on:click="stopPropagation($event)" v-bind:id="'rebuy-widget-' + id" v-bind:class="['widget-type-' + config.type.replace('_','-'), 'widget-display-' + config.display_type, products.length > 0 ? 'is-visible' : 'is-hidden', 'widget-layout-' + currentLayout()]"> <div class="rebuy-widget-container" v-cloak v-bind:class="['widget-display-' + config.display_type, visible ? 'is-visible' : 'is-hidden' ]" v-on:click.self="hide()"> <div class="rebuy-widget-content"> <div class="rebuy-modal-close" v-on:click="hide()"> <i class="fas fa-times"></i> </div> <div class="rebuy-timer" v-if="hasTimer()"> <h5 class="rebuy-timer-title" v-if="config.language.timer_title"> <span v-html="config.language.timer_title"></span> <span class="rebuy-timer-minutes" v-html="config.timer.duration_minutes"></span>:<span class="rebuy-timer-seconds" v-html="config.timer.duration_seconds"></span> </h5> </div> <h4 class="super-title" v-if="config.language.super_title != ''" v-html="config.language.super_title"></h4> <h3 class="primary-title" v-if="config.language.title != ''" v-html="config.language.title"></h3> <div class="description" v-if="config.language.description != ''" v-html="config.language.description"></div> <div class="rebuy-product-grid" v-bind:class="layoutClasses" tabindex="0" role="list"> <div v-for="(product, product_index) in products" v-bind:class="[product.handle, 'product-id-' + product.id, cartHasProduct(product) ? 'cart-has-item' : '', productTagClasses(product)]" aria-label="product" class="rebuy-product-block" role="listitem" > <div class="rebuy-product-media"> <a class="rebuy-product-image" tabindex="-1" v-bind:href="learnMoreURL(product)" v-bind:style="imageStyles" v-on:click="learnMore(product);" v-bind:class="[hasLearnMore() ? 'clickable' : '']" > <img v-bind:loading="product_index > 1 ? 'lazy' : 'eager'" v-bind:src="itemImage(product, product.selected_variant, '400x400')" v-bind:alt="itemImageAlt(product, product.selected_variant)"> </a> </div> <div class="recom-pro-content"> <div class="reco-title-price"> <div class="rebuy-product-info"> <a role="heading" aria-level="5" class="rebuy-product-title" v-bind:href="learnMoreURL(product)" v-on:click="learnMore(product);" v-html="product.title" v-bind:class="[hasLearnMore() ? 'clickable' : '']" v-bind:aria-label="'View ' + product.title" ></a> <div class="rebuy-variant-title" v-if="showVariantTitle(product)" v-html="product.selected_variant.title"></div> <div class="rebuy-product-review" v-if="hasProductReviews(product)"> <span class="rebuy-star-rating sr-only"> <span v-if="product.reviews.star_rating" aria-label="star rating" class="rebuy-star-rating-value sr-only" v-html="product.reviews.star_rating + ' stars'" > </span> <span class="rebuy-star-rating-background"></span> <span class="rebuy-star-rating-foreground" v-bind:style="{ width: productReviewRatingPercentage(product) }"></span> </span> <span class="rebuy-review-count" v-html="productReviewCount(product)"></span> </div> <div class="rebuy-product-price"> <div v-if="variantOnSale(product, product.selected_variant)"> <span class="rebuy-money compare-at"> <span class="sr-only">Original price</span> <span v-html="formatMoney(variantCompareAtPrice(product, product.selected_variant))"></span> </span> <span class="rebuy-money sale"> <span class="sr-only">Sale price</span> <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> </span> </div> <div v-if="!(variantOnSale(product, product.selected_variant))"> <span class="rebuy-money"> <span class="sr-only">Price</span> <span v-html="formatMoney(variantPrice(product, product.selected_variant))"></span> </span> </div> </div> <div class="rebuy-product-description" v-if="showProductDescription(product)" v-html="text(product.body_html)"></div> </div> </div> <div class="rebuy-product-options" v-if="showVariantSelect(product)"> <select title="Select product variant" :id="id + '-' + 'select' + '-' + product_index" :class="{ hide : settings.view_options.variant_selector == 'buttons' }" class="rebuy-select" v-model="product.selected_variant_id" v-on:change="selectVariant(product)"> <option v-for="variant in product.variants" v-bind:value="variant.id" v-html="variant.title"></option> </select> <div v-if="displayColorSwatches(option)" v-for="option in product.options" class="rebuy-color-swatches"> <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-color-swatch"> <input :name="id + '-color-' + product_index" :id="id + '-color-' + product_index + '-' + value + '-' + value_index" :checked="value_index == 0" :value="value" type="radio" class="rebuy-color-input hide" v-on:change="selectVariantByColor(product, value, product_index)"> <label :for="id + '-color-' + product_index + '-' + value + '-' + value_index" :style="{ backgroundColor: value }" :title="value" class="rebuy-color-label"></label> </div> </div> <div v-if="displaySizeSwatches(option)" v-for="option in product.options" class="mt-10 rebuy-size-swatches"> <div v-for="(value, value_index) in filterOOSOptions(option, product)" class="rebuy-size-swatch"> <input :name="id + '-size-' + product_index" :id="id + '-size-' + product_index + '-' + value" :checked="value_index == 0" :value="value" type="radio" class="rebuy-size-input hide" v-on:change="selectVariantBySize(product, value, product_index)"> <label :for="id + '-size-' + product_index + '-' + value" class="rebuy-size-label"></label> </div> </div> </div> <div class="rebuy-product-actions"> <div class="subscription-checkbox" v-if="showSubscriptionOptions(product)"> <label class="rebuy-checkbox-label"> <input class="checkbox-input rebuy-checkbox" v-model="product.subscription" v-on:change="toggleSubscription(product)" type="checkbox" /> <span class="checkbox-label" v-html="upgradeToSubscriptionLabel(product)"></span> </label> </div> <div class="subscription-frequency" v-if="showSubscriptionFrequency(product)"> <select class="rebuy-select" v-model="product.subscription_frequency" v-on:change="updateSubscriptionFrequency(product)"> <option v-for="frequency in product.subscription_frequencies" v-bind:value="frequency"></option> </select> </div> <div class="product-quantity" v-if="hasQuantityInputEnabled()"> <div class="rebuy-select-wrapper"> <label class="rebuy-label">Quantity</label> <select class="rebuy-select" v-model="product.quantity"> <option v-for="n in maxQuantityInputValue()" v-bind:value="n"></option> </select> </div> </div> <button class="rebuy-button" v-bind:class="{ working: (product.status != 'ready' && product.status != 'selecting') }" v-bind:disabled="!(variantAvailable(product.selected_variant)) || (product.status != 'ready' && product.status != 'selecting')" v-bind:aria-label="buttonAriaLabel(product)" v-on:click="addToCart(product)" type="button"> <span v-html="buttonLabel(product)"></span> </button> </div> </div> </div> </div> <div class="rebuy-modal-actions" v-if="showContinueButton()"> <button class="rebuy-button decline" v-on:click="hide()" type="button"> <span v-html="continueLabel()"></span> </button> </div> <div class="powered-by-rebuy"> <a v-bind:href="'https://rebuyengine.com/?shop=' + config.shop.myshopify_domain" target="_blank" rel="noopener"> Powered by Rebuy </a> </div> </div> </div> </div> </script> <div data-rebuy-id="95999"></div> <div data-rebuy-id="95999"></div> <script src="//chompbrand.com/cdn/shop/t/19/assets/custom.js?v=17257777405514331981725509879"></script> <div data-rebuy-id="119687"></div> <div id="shopify-block-942670587456160541" class="shopify-block shopify-app-block"><script type="text/template" id="limoniapps-discountninja-stickybar-template"> <div class="limoniapps-sticky-bar-wrapper"> <div class="limoniapps-sticky-bar [[FLAGS]]" data-token="[[TOKEN]]"> <div class="limoniapps-box" style="min-height:[[HEIGHT]]px"> <a class="limoniapps-poweredby limoniapps-stickybar-poweredby limoniapps-poweredby-hidden" target="_blank" rel="noopener noreferrer" href="https://discountninja.io">Powered By Discount Ninja</a> <a class="limoniapps-close" data-notify="dismiss"> <div class="limoniapps-close-x">×</div> </a> <div class="limoniapps-content [[WIDTH]]" style="min-height:[[HEIGHT]]px"> <div class="limoniapps-col-image" style="min-width:[[HEIGHT]]px;min-height:[[HEIGHT]]px"> <div class="limoniapps-image"></div> </div> <div class="limoniapps-col-info" [[LINK=""]]> <div class="limoniapps-info"> <div class="limoniapps-message limoniapps-message-body">[[BODY]]</div> <div class="limoniapps-message limoniapps-message-timerfooter">[[TIMER_FOOTER]]</div> </div> <div class="limoniapps-col-actions"> <div class="limoniapps-action button1"> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-[[ACTIONBUTTON1_STYLE]] [[ACTIONBUTTON1_SIZE]]" data-action="[[ACTIONBUTTON1_ACTION]]"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON1_LABEL]]</div> </button> </div> <div class="limoniapps-action button2"> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-[[ACTIONBUTTON2_STYLE]] [[ACTIONBUTTON2_SIZE]]" data-action="[[ACTIONBUTTON2_ACTION]]"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON2_LABEL]]</div> </button> </div> </div> </div> </div> </div> </div> </div> </script><script type="text/template" id="limoniapps-discountninja-notification-template"> <span class="limoniapps-offercount-minimized [[OFFERCOUNT_FLAGS]]" data-token="[[TOKEN]]"></span> <div data-notify="container" class="limoniapps-notification [[FLAGS]]" role="alert"> <span class="limoniapps-offercount"></span> <div class="limoniapps-box"> <div class="limoniapps-notification-buttons"> <a class="limoniapps-close" data-notify="dismiss"> <div class="limoniapps-close-x">×</div> </a> <div class="limoniapps-minimize"> <div class="limoniapps-minimize-min maximized"> <svg height="30px" width="30px" style="position: relative;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" class="limoniapps-svg-notification-arrow" viewBox="0 0 960 560"> <g> <path d="M480,344.181L268.869,131.889c-15.756-15.859-41.3-15.859-57.054,0c-15.754,15.857-15.754,41.57,0,57.431l237.632,238.937 c8.395,8.451,19.562,12.254,30.553,11.698c10.993,0.556,22.159-3.247,30.555-11.698l237.631-238.937 c15.756-15.86,15.756-41.571,0-57.431s-41.299-15.859-57.051,0L480,344.181z"></path> </g> </svg> </div> <div class="limoniapps-minimize-max minimized"> <svg height="30px" width="30px" style="position: relative;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" class="limoniapps-svg-notification-arrow" viewBox="0 0 960 560"> <g class="limoniapps-svg-notification-arrow-up"> <path d="M480,344.181L268.869,131.889c-15.756-15.859-41.3-15.859-57.054,0c-15.754,15.857-15.754,41.57,0,57.431l237.632,238.937 c8.395,8.451,19.562,12.254,30.553,11.698c10.993,0.556,22.159-3.247,30.555-11.698l237.631-238.937 c15.756-15.86,15.756-41.571,0-57.431s-41.299-15.859-57.051,0L480,344.181z"></path> </g> </svg> </div> </div> </div> <div class="limoniapps-col-image maximized"> <div class="limoniapps-image"></div> </div> <div class="limoniapps-col-info"> <div class="limoniapps-title maximized"> <span class="text-wrapper">[[HEADER]]</span> </div> <div class="limoniapps-title minimized"> <span class="text-wrapper">[[MINIMIZED]]</span> </div> <div class="limoniapps-message limoniapps-message-body maximized"> <span class="text-wrapper">[[BODY]]</span> </div> <div class="limoniapps-message limoniapps-message-footer maximized"> <span class="text-wrapper">[[FOOTER]]</span> </div> <div class="limoniapps-message limoniapps-message-timerfooter maximized"> <span class="text-wrapper">[[TIMER_FOOTER]]</span> </div> <a class="limoniapps-poweredby limoniapps-notify-poweredby limoniapps-poweredby-hidden maximized" target="_blank" rel="noopener noreferrer" href="https://discountninja.io">Powered By Discount Ninja</a> </div> </div> </div> </script> <script type="text/template" id="limoniapps-discountninja-notification-item-template"> <div class="limoniapps-body-item" data-offer-token="[[TOKEN]]"> <div class="limoniapps-col-info"> <div class="limoniapps-image"></div> </div> <span class="text-wrapper">[[TEXT]]</span> </div> </script><script type="text/template" id="limoniapps-discountninja-popup-template"> <div data-token="[[TOKEN]]" class="limoniapps-popup limoniapps-size-[[SIZE]] limoniapps-overlay-[[BACKGROUNDOVERLAY]] limoniapps-shape-[[SHAPE]] limoniapps-align-[[CONTENTALIGNMENTHORIZONTAL]] limoniapps-action-[[BUTTONPLACEMENT]] limoniapps-content-[[CONTENTALIGNMENTVERTICAL]]"> <div class="limoniapps-popup-vertical-alignment-helper"> <div class="limoniapps-popup-vertical-align-center"> <div class="limoniapps-content"> <div class="limoniapps-content-inner"> <a class="limoniapps-close" data-notify="dismiss"> <div class="limoniapps-close-x">×</div> </a> <div class="limoniapps-body"> <a class="limoniapps-poweredby limoniapps-popup-poweredby limoniapps-poweredby-hidden" target="_blank" rel="noopener noreferrer" href="https://discountninja.io">Powered By Discount Ninja</a> <div class="limoniapps-box"> <div class="limoniapps-message-header-row"> <div class="limoniapps-message-header">[[HEADER]]</div> </div> <div class="limoniapps-message-body-row"> <div class="limoniapps-message-body">[[BODY]]</div> </div> <div class="limoniapps-message-footer-row"> <div class="limoniapps-message-footer">[[FOOTER]]</div> </div> </div> <div class="limoniapps-footer-inner"> <div class="limoniapps-action"> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-1 limoniapps-action-btn-[[ACTIONBUTTON1STYLE]] [[ACTIONBUTTON1SIZE]]" data-action="apply"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON1LABEL]]</div> </button> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-2 limoniapps-action-btn-[[ACTIONBUTTON2STYLE]] [[ACTIONBUTTON2SIZE]]" data-action="learnmore"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON2LABEL]]</div> </button> </div> <a class="limoniapps-lnk-dismiss">[[NOTHANKSBUTTONLABEL]]</a> </div> </div> </div> <div class="limoniapps-footer-outer"> <div class="limoniapps-action"> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-1 limoniapps-action-btn-[[ACTIONBUTTON1STYLE]] [[ACTIONBUTTON1SIZE]]" data-action="apply"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON1LABEL]]</div> </button> <button type="button" class="limoniapps-action-btn limoniapps-action-btn-2 limoniapps-action-btn-[[ACTIONBUTTON2STYLE]] [[ACTIONBUTTON2SIZE]]" data-action="learnmore"> <div class="limoniapps-action-btn-label">[[ACTIONBUTTON2LABEL]]</div> </button> </div> <a class="limoniapps-lnk-dismiss">[[NOTHANKSBUTTONLABEL]]</a> </div> </div> </div> </div> </div> </script><script type="text/template" id="limoniapps-discountninja-badge-template"> <div class="limoniapps-discountninja-badge [[DASH]] [[SIZE]] [[POSITION]]" dir="ltr" data-style="[[STYLE]]" data-token="[[TOKEN]]"> <div class="limoniapps-discountninja-badge-inner"> <div class="limoniapps-discountninja-badge-inner-border">[[TEXT]]</div> </div> </div> </script><script type="text/template" id="limoniapps-promotionsummary-template"> <div class="limoniapps-discountninja-subtotalcomment-summary-table" data-token="ALL-TOKENS"> <div class="limoniapps-discountninja-subtotalcomment-summary-header" style="[[SHOWHEADER]]">[[HEADER]]</div> <div class="limoniapps-discountninja-subtotalcomment-summary-body" style="[[SHOWBODY]]">[[BODY]]</div> <div class="limoniapps-discountninja-subtotalcomment-summary-promotioncodefield" style="[[SHOWPROMOTIONCODEFIELD]]"></div> <div class="limoniapps-discountninja-subtotalcomment-summary-footer" style="[[SHOWFOOTER]]"> <div style="[[SHOWLEGACYFOOTER]]"> [[FOOTER]] </div> <div class="limoniapps-discountninja-cartsummary-table" style="[[SHOWNEWFOOTER]]"> <div class="limoniapps-discountninja-cartsummary-row limoniapps-discountninja-cartsummary-row-subtotal" style="[[SHOWSUBTOTAL]]"> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-label limoniapps-discountninja-cartsummary-cell-subtotal-label">[[SUBTOTAL_LABEL]]</div> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-amount limoniapps-discountninja-cartsummary-cell-subtotal-amount">[[SUBTOTAL]]</div> </div> <div class="limoniapps-discountninja-cartsummary-row limoniapps-discountninja-cartsummary-row-discount" style="[[SHOWTOTALDISCOUNT]]"> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-label limoniapps-discountninja-cartsummary-cell-discount-label">[[TOTALDISCOUNT_LABEL]]</div> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-amount limoniapps-discountninja-cartsummary-cell-discount-amount">[[TOTALDISCOUNT]]</div> </div> <div class="limoniapps-discountninja-cartsummary-row limoniapps-discountninja-cartsummary-row-total" style="[[SHOWTOTAL]]"> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-label limoniapps-discountninja-cartsummary-cell-total-label">[[TOTAL_LABEL]]</div> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-amount limoniapps-discountninja-cartsummary-cell-total-amount">[[TOTAL]]</div> </div> <div class="limoniapps-discountninja-cartsummary-row limoniapps-discountninja-cartsummary-row-discountedtotal" style="[[SHOWDISCOUNTEDTOTAL]]"> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-label limoniapps-discountninja-cartsummary-cell-discountedtotal-label">[[DISCOUNTED_TOTAL_LABEL]]</div> <div class="limoniapps-discountninja-cartsummary-cell limoniapps-discountninja-cartsummary-cell-amount limoniapps-discountninja-cartsummary-cell-discountedtotal-amount">[[DISCOUNTED_TOTAL]]</div> </div> </div> </div> </div> </script> <script type="text/template" id="limoniapps-promotionsummary-row-template"> <div class="limoniapps-discountninja-subtotalcomment-summary-row">[[ROW]]</div> </script></div><div id="shopify-block-10641372206048101839" class="shopify-block shopify-app-block"> <script> window.rebuyAppEmbedEnabled = true; </script> </div></body> </html>

CINXE.COM

Hats – Chomp