Chomp Surf Hat

<!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/products/chomp-surf-hat-black"> <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> Chomp Surf Hat </title> <meta name="description" content="CHOMP SURF HAT • Mid profile, snapback cap• Single panel at front• Plastic snapback, tonal under-peak lining, mesh structure support• Light weight• 100% quick dry nylon• Flat Peak• One size fits all"> <meta property="og:site_name" content="Chomp"> <meta property="og:url" content="https://chompbrand.com/products/chomp-surf-hat-black"> <meta property="og:title" content="Chomp Surf Hat"> <meta property="og:type" content="product"> <meta property="og:description" content="CHOMP SURF HAT • Mid profile, snapback cap• Single panel at front• Plastic snapback, tonal under-peak lining, mesh structure support• Light weight• 100% quick dry nylon• Flat Peak• One size fits all"><meta property="og:image" content="http://chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913"> <meta property="og:image:secure_url" content="https://chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913"> <meta property="og:image:width" content="1500"> <meta property="og:image:height" content="1500"><meta property="og:price:amount" content="25.95"> <meta property="og:price:currency" content="USD"><meta name="twitter:site" content="@chompbrand"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Chomp Surf Hat"> <meta name="twitter:description" content="CHOMP SURF HAT • Mid profile, snapback cap• Single panel at front• Plastic snapback, tonal under-peak lining, mesh structure support• Light weight• 100% quick dry nylon• Flat Peak• One size fits all"> <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/json+oembed" href="https://chompbrand.com/products/chomp-surf-hat-black.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":"product"}</script> <script defer="defer" async type="module" src="//chompbrand.com/cdn/shopifycloud/shop-js/modules/client.payment-terms_BF5x7ymI.en.esm.js"></script> <script defer="defer" async type="module" src="//chompbrand.com/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"></script> <script defer="defer" async type="module" src="//chompbrand.com/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"></script> <script type="module"> await import("//chompbrand.com/cdn/shopifycloud/shop-js/modules/client.payment-terms_BF5x7ymI.en.esm.js"); await import("//chompbrand.com/cdn/shopifycloud/shop-js/modules/chunk.common_Ckk3SCTm.esm.js"); await import("//chompbrand.com/cdn/shopifycloud/shop-js/modules/client.login-button_PyB0yoLG.en.esm.js"); </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":"e880ce49-94dd-40b4-9ed3-2dd9a2422aad-1732823358","pageurl":"chompbrand.com\/products\/chomp-surf-hat-black","u":"a07068af7f6a","p":"product","rtyp":"product","rid":7063001432107};</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-accelerated-checkout"> .shopify-payment-button__button--hidden { visibility: hidden; } .shopify-payment-button__button { height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); min-height: clamp( 25px, var(--shopify-accelerated-checkout-button-block-size, 44px), 55px ); border-radius: var(--shopify-accelerated-checkout-button-border-radius, 0px); width: 100%; border: none; box-shadow: 0 0 0 0 transparent; color: white; cursor: pointer; display: block; font-size: 1em; font-weight: 500; line-height: 1; text-align: center; transition: background 0.2s ease-in-out; } .shopify-payment-button__button[disabled] { opacity: 0.6; cursor: default; } .shopify-payment-button__button--unbranded { background-color: #1990c6; padding: 1em 2em; } .shopify-payment-button__button--unbranded:hover:not([disabled]) { background-color: #136f99; } .shopify-payment-button__more-options { background: transparent; border: 0 none; cursor: pointer; display: block; font-size: 1em; margin-top: 1em; text-align: center; text-decoration: underline; width: 100%; } .shopify-payment-button__more-options.shopify-payment-button__skeleton { height: auto !important; min-height: 0 !important; border-radius: 4px !important; width: 50%; margin-left: 25%; margin-right: 25%; } .shopify-payment-button__more-options[disabled] { opacity: 0.6; cursor: default !important; } .shopify-payment-button__button.shopify-payment-button__button--branded { display: flex; flex-direction: column; position: relative; z-index: 1; } .shopify-payment-button__button.shopify-payment-button__button--branded .shopify-cleanslate { flex: 1 !important; display: flex !important; flex-direction: column !important; } .shopify-payment-button__button.button.loading { position: relative; color: transparent; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner { top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; height: 100%; display: flex; align-items: center; } .shopify-payment-button__button.button.loading > .loading-overlay__spinner .spinner { width: -moz-fit-content; width: -webkit-fit-content; width: fit-content; } .button.loading > .loading-overlay__spinner .path { stroke: white; } .shopify-payment-button__button .loading-overlay__spinner { width: 1.8rem; display: inline-block; } .shopify-payment-button__button .spinner { animation: shopify-rotator 1.4s linear infinite; } @keyframes shopify-rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } .shopify-payment-button__button .path { stroke-dasharray: 280; stroke-dashoffset: 0; transform-origin: center; stroke: rgb(18,18,18); animation: shopify-dash 1.4s ease-in-out infinite; } @media screen and (forced-colors: active) { .shopify-payment-button__button .path { stroke: CanvasText; } } @keyframes shopify-dash { 0% { stroke-dashoffset: 280; } 50% { stroke-dashoffset: 75; transform: rotate(135deg); } 100% { stroke-dashoffset: 280; transform: rotate(450deg); } } @keyframes acceleratedCheckoutLoadingSkeleton { 50% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} 75% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-end, 0.5);} 100% {opacity: var(--shopify-accelerated-checkout-skeleton-animation-opacity-start, 1);} } .shopify-payment-button__skeleton { animation: acceleratedCheckoutLoadingSkeleton var(--shopify-accelerated-checkout-skeleton-animation-duration, 4s) var(--shopify-accelerated-checkout-skeleton-animation-timing-function, ease) infinite; animation-delay: -0.168s; background-color: var(--shopify-accelerated-checkout-skeleton-background-color, #dedede); box-sizing: border-box; text-decoration: none !important; height: var(--shopify-accelerated-checkout-button-block-size, inherit); min-height: 25px; max-height: 55px; border-radius: var(--shopify-accelerated-checkout-button-border-radius, inherit); } .shopify-payment-button__button { border-radius: 0px; } #shopify-buyer-consent { margin-top: 1em; display: inline-block; width: 100%; } #shopify-buyer-consent.hidden { display: none; } #shopify-subscription-policy-button { background: none; border: none; padding: 0; text-decoration: underline; font-size: inherit; cursor: pointer; } #shopify-subscription-policy-button::before { box-shadow: none; } </style> <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> 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 id="viewed_product"> if (item == null) { var _learnq = _learnq || []; var item = { Name: "Chomp Surf Hat", ProductID: 7063001432107, Categories: ["All","All","Best Sellers","Cart Upsell","Hats","New Styles","Sale"], ImageURL: "https://chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c_grande.png?v=1675983913", URL: "https://chompbrand.com/products/chomp-surf-hat-black", Brand: "Chomp", Price: "$25.95", Value: "25.95", CompareAtPrice: "$35.95" }; _learnq.push(['track', 'Viewed Product', item]); _learnq.push(['trackViewedItem', { Title: item.Name, ItemId: item.ProductID, Categories: item.Categories, ImageUrl: item.ImageURL, Url: item.URL, Metadata: { Brand: item.Brand, Price: item.Price, Value: item.Value, CompareAtPrice: item.CompareAtPrice } }]); } </script> <script> window.klaviyoReviewsProductDesignMode = false </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 = '7063001432107'; 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 src="https://cdn.shopify.com/extensions/3516a298-db71-4324-bd39-3dac152f0e2c/rebuy-personalization-engine-63/assets/rebuy-extensions.js" type="text/javascript" defer="defer"></script> <script src="https://cdn.shopify.com/extensions/cb4344f2-b944-442e-b442-581ccb6fa617/discount-ninja-637/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: "product"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <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":[{"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":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":"41138288984107","image":{"src":"\/\/chompbrand.com\/cdn\/shop\/files\/CHOMP_SURF_CLAY_RUST.png?v=1721319410"},"sku":"SRFRHAT","title":"Clay","untranslatedTitle":"Clay"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"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"}});},"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 = {"product":{"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"}]},"page":{"pageType":"product","resourceType":"product","resourceId":7063001432107}}; 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":"product","resourceType":"product","resourceId":7063001432107}); 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",{"currency":"USD","variantId":41138287804459,"productId":7063001432107,"productGid":"gid:\/\/shopify\/Product\/7063001432107","name":"Chomp Surf Hat - Black","price":"25.95","sku":"SRFBHAT","brand":"Chomp","variant":"Black","category":"Hat","nonInteraction":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":41138287804459,"productId":7063001432107,"productGid":"gid:\/\/shopify\/Product\/7063001432107","name":"Chomp Surf Hat - Black","price":"25.95","sku":"SRFBHAT","brand":"Chomp","variant":"Black","category":"Hat","nonInteraction":true,"referer":"https:\/\/chompbrand.com\/products\/chomp-surf-hat-black"}); } }); 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="product" 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 ={ attributes:{}, currencyCode:"USD", defaultVariant: {id:"SRFBHAT",name:"Chomp Surf Hat", brand:"Chomp", category:"Hat", variant:"Black", price: "25.95", productId: "7063001432107", variantId: "41138287804459", compareAtPrice: "35.95", image:"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913", inventory: "29" },items: [{id:"SRFBHAT",name:"Chomp Surf Hat", brand:"Chomp", category:"Hat", variant:"Black", price: "25.95", productId: "7063001432107", variantId: "41138287804459", compareAtPrice: "35.95", image:"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913", inventory: "29" },{id:"SRFRHAT",name:"Chomp Surf Hat", brand:"Chomp", category:"Hat", variant:"Clay", price: "25.95", productId: "7063001432107", variantId: "41138288984107", compareAtPrice: "35.95", image:"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913", inventory: "40" },] }; if (config.event_config.product_view) { window.ElevarGtmSuite.handlers.productView(data); } if (config.event_config.product_add_to_cart) { window.ElevarGtmSuite.handlers.productAddToCartForm( data, config.event_config.save_order_notes, config.consent_enabled ); }}; 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"> 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"> 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/5_1.5x.png?v=1719590589" alt="Chomp" srcset="//chompbrand.com/cdn/shop/files/5_1.5x.png?v=1719590589&width=50 50w, //chompbrand.com/cdn/shop/files/5_1.5x.png?v=1719590589&width=100 100w, //chompbrand.com/cdn/shop/files/5_1.5x.png?v=1719590589&width=150 150w, //chompbrand.com/cdn/shop/files/5_1.5x.png?v=1719590589&width=200 200w, //chompbrand.com/cdn/shop/files/5_1.5x.png?v=1719590589&width=250 250w, //chompbrand.com/cdn/shop/files/5_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>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"> 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"> <section id="shopify-section-template--15370241736747__main" class="shopify-section section"><section id="MainProduct-template--15370241736747__main" class="page-width section-template--15370241736747__main-padding" data-section="template--15370241736747__main" > <link href="//chompbrand.com/cdn/shop/t/19/assets/section-main-product.css?v=47066373402512928901725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-accordion.css?v=180964204318874863811725509879" 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-rte.css?v=69919436638515329781725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-slider.css?v=111384418465749404671725509879" rel="stylesheet" type="text/css" media="all" /> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-rating.css?v=24573085263941240431725509879" 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-deferred-media.css?v=54092797763792720131725509879" rel="stylesheet" type="text/css" media="all" /> <style data-shopify>.section-template--15370241736747__main-padding { padding-top: 27px; padding-bottom: 9px; } @media screen and (min-width: 750px) { .section-template--15370241736747__main-padding { padding-top: 36px; padding-bottom: 12px; } }</style><script src="//chompbrand.com/cdn/shop/t/19/assets/product-form.js?v=24702737604959294451725509879" defer="defer"></script>  <div class="product product--large product--left product--thumbnail_slider product--mobile-hide grid grid--1-col grid--2-col-tablet"> <div class="grid__item product__media-wrapper"> <media-gallery id="MediaGallery-template--15370241736747__main" role="region" aria-label="Gallery Viewer" data-desktop-layout="thumbnail_slider" > <div id="GalleryStatus-template--15370241736747__main" class="visually-hidden" role="status"></div> <slider-component id="GalleryViewer-template--15370241736747__main" class="slider-mobile-gutter"> <a class="skip-to-content-link button visually-hidden quick-add-hidden" href="#ProductInfo-template--15370241736747__main"> Skip to product information </a> <ul id="Slider-Gallery-template--15370241736747__main" class="product__media-list contains-media grid grid--peek list-unstyled slider slider--mobile" role="list" ><li id="Slide-template--15370241736747__main-22987410997291" class="product__media-item grid__item slider__slide is-active product__media-item--variant" data-media-id="template--15370241736747__main-22987410997291" > <noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=246 246w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=493 493w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=600 600w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=713 713w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=823 823w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=990 990w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1100 1100w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1206 1206w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1346 1346w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1426 1426w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1646 1646w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1946 1946w" width="1946" height="1946" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15370241736747__main"> <span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=246 246w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=493 493w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=600 600w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=713 713w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=823 823w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=990 990w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1100 1100w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1206 1206w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1346 1346w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1426 1426w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1646 1646w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1946 1946w" width="1946" height="1946" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="22987410997291"> <span class="visually-hidden"> Open media 1 in modal </span> </button> </modal-opener> </li><li id="Slide-template--15370241736747__main-23817860087851" class="product__media-item grid__item slider__slide" data-media-id="template--15370241736747__main-23817860087851" > <noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=246 246w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=493 493w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=600 600w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=713 713w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=823 823w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=990 990w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1100 1100w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1206 1206w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1346 1346w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1426 1426w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1646 1646w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15370241736747__main"> <span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=246 246w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=493 493w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=600 600w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=713 713w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=823 823w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=990 990w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1100 1100w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1206 1206w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1346 1346w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1426 1426w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1646 1646w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="23817860087851"> <span class="visually-hidden"> Open media 2 in modal </span> </button> </modal-opener></li><li id="Slide-template--15370241736747__main-25518451458091" class="product__media-item grid__item slider__slide product__media-item--variant" data-media-id="template--15370241736747__main-25518451458091" > <noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=246 246w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=493 493w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=600 600w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=713 713w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=823 823w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=990 990w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1100 1100w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1206 1206w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1346 1346w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1426 1426w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1646 1646w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15370241736747__main"> <span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=246 246w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=493 493w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=600 600w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=713 713w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=823 823w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=990 990w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1100 1100w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1206 1206w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1346 1346w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1426 1426w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1646 1646w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="25518451458091"> <span class="visually-hidden"> Open media 3 in modal </span> </button> </modal-opener></li><li id="Slide-template--15370241736747__main-25513687777323" class="product__media-item grid__item slider__slide" data-media-id="template--15370241736747__main-25513687777323" > <noscript><div class="product__media media gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=246 246w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=493 493w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=600 600w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=713 713w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=823 823w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=990 990w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1100 1100w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1206 1206w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1346 1346w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1426 1426w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1646 1646w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div></noscript> <modal-opener class="product__modal-opener product__modal-opener--image no-js-hidden" data-modal="#ProductModal-template--15370241736747__main"> <span class="product__media-icon motion-reduce quick-add-hidden" aria-hidden="true"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.66724 7.93978C4.66655 7.66364 4.88984 7.43922 5.16598 7.43853L10.6996 7.42464C10.9758 7.42395 11.2002 7.64724 11.2009 7.92339C11.2016 8.19953 10.9783 8.42395 10.7021 8.42464L5.16849 8.43852C4.89235 8.43922 4.66793 8.21592 4.66724 7.93978Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M7.92576 4.66463C8.2019 4.66394 8.42632 4.88723 8.42702 5.16337L8.4409 10.697C8.44159 10.9732 8.2183 11.1976 7.94215 11.1983C7.66601 11.199 7.44159 10.9757 7.4409 10.6995L7.42702 5.16588C7.42633 4.88974 7.64962 4.66532 7.92576 4.66463Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.8324 3.03011C10.1255 0.323296 5.73693 0.323296 3.03011 3.03011C0.323296 5.73693 0.323296 10.1256 3.03011 12.8324C5.73693 15.5392 10.1255 15.5392 12.8324 12.8324C15.5392 10.1256 15.5392 5.73693 12.8324 3.03011ZM2.32301 2.32301C5.42035 -0.774336 10.4421 -0.774336 13.5395 2.32301C16.6101 5.39361 16.6366 10.3556 13.619 13.4588L18.2473 18.0871C18.4426 18.2824 18.4426 18.599 18.2473 18.7943C18.0521 18.9895 17.7355 18.9895 17.5402 18.7943L12.8778 14.1318C9.76383 16.6223 5.20839 16.4249 2.32301 13.5395C-0.774335 10.4421 -0.774335 5.42035 2.32301 2.32301Z" fill="currentColor"/> </svg> </span> <div class="product__media media media--transparent gradient global-media-settings" style="padding-top: 100.0%;"> <img src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1946" alt="" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=246 246w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=493 493w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=600 600w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=713 713w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=823 823w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=990 990w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1100 1100w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1206 1206w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1346 1346w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1426 1426w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1646 1646w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1946 1946w" width="1946" height="1946" loading="lazy" sizes="(min-width: 1200px) 715px, (min-width: 990px) calc(65.0vw - 10rem), (min-width: 750px) calc((100vw - 11.5rem) / 2), calc(100vw / 1 - 4rem)"> </div> <button class="product__media-toggle quick-add-hidden" type="button" aria-haspopup="dialog" data-media-id="25513687777323"> <span class="visually-hidden"> Open media 4 in modal </span> </button> </modal-opener></li></ul> <div class="slider-buttons no-js-hidden quick-add-hidden"> <button type="button" class="slider-button slider-button--prev" name="previous" aria-label="Slide left" > <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> </button> <div class="slider-counter caption"> <span class="slider-counter--current">1</span> <span aria-hidden="true"> / </span> <span class="visually-hidden">of</span> <span class="slider-counter--total">3</span> </div> <button type="button" class="slider-button slider-button--next" name="next" aria-label="Slide right" > <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> </button> </div> </slider-component><slider-component id="GalleryThumbnails-template--15370241736747__main" class="thumbnail-slider slider-mobile-gutter quick-add-hidden small-hide thumbnail-slider--no-slide" > <button type="button" class="slider-button slider-button--prev small-hide medium-hide large-up-hide" name="previous" aria-label="Slide left" aria-controls="GalleryThumbnails-template--15370241736747__main" data-step="3" > <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> </button> <ul id="Slider-Thumbnails-template--15370241736747__main" class="thumbnail-list list-unstyled slider slider--mobile slider--tablet-up" ><li id="Slide-Thumbnails-template--15370241736747__main-0" class="thumbnail-list__item slider__slide thumbnail-list_item--variant" data-target="template--15370241736747__main-22987410997291" data-media-position="1" > <button class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow" aria-label="Load image 1 in gallery view" aria-current="true" aria-controls="GalleryViewer-template--15370241736747__main" aria-describedby="Thumbnail-template--15370241736747__main-0" > <img id="Thumbnail-template--15370241736747__main-0" srcset=" //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=54 54w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=74 74w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=104 104w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=162 162w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=208 208w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=324 324w, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=416 416w,, //chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913 w " src="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=416" sizes="(min-width: 1200px) calc((715 - 4rem) / 4), (min-width: 990px) calc((65.0vw - 4rem) / 4), (min-width: 750px) calc((100vw - 15rem) / 8), calc((100vw - 14rem) / 3)" alt="Chomp Surf Hat" height="208" width="208" loading="lazy" > </button> </li><li id="Slide-Thumbnails-template--15370241736747__main-2" class="thumbnail-list__item slider__slide" data-target="template--15370241736747__main-23817860087851" data-media-position="2" ><button class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow" aria-label="Load image 2 in gallery view" aria-controls="GalleryViewer-template--15370241736747__main" aria-describedby="Thumbnail-template--15370241736747__main-2" > <img id="Thumbnail-template--15370241736747__main-2" srcset=" //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=59 59w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=118 118w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=84 84w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=168 168w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=130 130w, //chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=260 260w " src="//chompbrand.com/cdn/shop/files/image-214.png?crop=center&height=84&v=1722037926&width=84" sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" alt="Chomp Surf Hat" height="200" width="200" loading="lazy" > </button> </li><li id="Slide-Thumbnails-template--15370241736747__main-3" class="thumbnail-list__item slider__slide thumbnail-list_item--variant" data-target="template--15370241736747__main-25518451458091" data-media-position="3" ><button class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow" aria-label="Load image 3 in gallery view" aria-controls="GalleryViewer-template--15370241736747__main" aria-describedby="Thumbnail-template--15370241736747__main-3" > <img id="Thumbnail-template--15370241736747__main-3" srcset=" //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=59 59w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=118 118w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=84 84w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=168 168w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=130 130w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=260 260w " src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?crop=center&height=84&v=1721319410&width=84" sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" alt="Chomp Surf Hat" height="200" width="200" loading="lazy" > </button> </li><li id="Slide-Thumbnails-template--15370241736747__main-4" class="thumbnail-list__item slider__slide" data-target="template--15370241736747__main-25513687777323" data-media-position="4" ><button class="thumbnail global-media-settings global-media-settings--no-shadow thumbnail--narrow" aria-label="Load image 4 in gallery view" aria-controls="GalleryViewer-template--15370241736747__main" aria-describedby="Thumbnail-template--15370241736747__main-4" > <img id="Thumbnail-template--15370241736747__main-4" srcset=" //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=59 59w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=118 118w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=84 84w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=168 168w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=130 130w, //chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=260 260w " src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?crop=center&height=84&v=1721253955&width=84" sizes="(min-width: 1200px) calc((1200px - 19.5rem) / 12), (min-width: 750px) calc((100vw - 16.5rem) / 8), calc((100vw - 8rem) / 5)" alt="Chomp Surf Hat" height="200" width="200" loading="lazy" > </button> </li></ul> <button type="button" class="slider-button slider-button--next small-hide medium-hide large-up-hide" name="next" aria-label="Slide right" aria-controls="GalleryThumbnails-template--15370241736747__main" data-step="3" > <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> </button> </slider-component></media-gallery> </div> <div class="product__info-wrapper grid__item"> <div id="ProductInfo-template--15370241736747__main" class="product__info-container" ><div class="product__title" > <h1>Chomp Surf Hat</h1> <a href="/products/chomp-surf-hat-black" class="product__title"> <h2 class="h1"> Chomp Surf Hat </h2> </a> </div><div id="shopify-block-klaviyo_reviews_average_rating_dALfEU" class="shopify-block shopify-app-block"> <span class="klaviyo-star-rating-widget" data-id="7063001432107" data-product-title="Chomp Surf Hat" data-product-type="Hat" style="display: block;"></span> <span id="fulfilled-style"/> </div> <div class="no-js-hidden" id="price-template--15370241736747__main" role="status" > <div class="price price--large price--on-sale price--show-badge"> <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><span class="badge price__badge-sale color-accent-2"> On Sale </span> <span class="badge price__badge-sold-out color-inverse"> Sold out </span></div> </div><div class="product__tax caption rte"><a href="/policies/shipping-policy">Shipping</a> calculated at checkout. </div><div ><form method="post" action="/cart/add" id="product-form-installment-template--15370241736747__main" accept-charset="UTF-8" class="installment caption-large" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41138287804459"> <shopify-payment-terms variant-id="41138287804459" shopify-meta="{"type":"product","variants":[{"id":41138287804459,"price_per_term":"$12.97","full_price":"$25.95","eligible":false,"available":true,"number_of_payment_terms":2},{"id":41138288984107,"price_per_term":"$12.97","full_price":"$25.95","eligible":false,"available":true,"number_of_payment_terms":2}],"min_price":"$35.00","max_price":"$30,000.00","financing_plans":[{"min_price":"$35.00","max_price":"$49.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":2}]},{"min_price":"$50.00","max_price":"$149.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4}]},{"min_price":"$150.00","max_price":"$999.99","terms":[{"apr":0,"loan_type":"split_pay","installments_count":4},{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]},{"min_price":"$1,000.00","max_price":"$30,000.00","terms":[{"apr":15,"loan_type":"interest","installments_count":3},{"apr":15,"loan_type":"interest","installments_count":6},{"apr":15,"loan_type":"interest","installments_count":12}]}],"installments_buyer_prequalification_enabled":false,"seller_id":420187}"></shopify-payment-terms> <input type="hidden" name="product-id" value="7063001432107" /><input type="hidden" name="section-id" value="template--15370241736747__main" /></form><p> <div class="shopify-installments" style="color: #ac5971; font-size: 12px;"> <span>69</span> left in stock </div><br> </p><variant-radios class="no-js-hidden" data-section="template--15370241736747__main" data-url="/products/chomp-surf-hat-black" ><fieldset class="js product-form__input"> <legend class="form__label">Color</legend><input type="radio" id="template--15370241736747__main-1-0" name="Color" value="Black" form="product-form-template--15370241736747__main" checked > <label for="template--15370241736747__main-1-0"> Black </label><input type="radio" id="template--15370241736747__main-1-1" name="Color" value="Clay" form="product-form-template--15370241736747__main" > <label for="template--15370241736747__main-1-1"> Clay </label></fieldset><script type="application/json"> [{"id":41138287804459,"title":"Black","option1":"Black","option2":null,"option3":null,"sku":"SRFBHAT","requires_shipping":true,"taxable":true,"featured_image":{"id":30643474268203,"product_id":7063001432107,"position":1,"created_at":"2023-02-09T15:05:09-08:00","updated_at":"2023-02-09T15:05:13-08:00","alt":null,"width":1500,"height":1500,"src":"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913","variant_ids":[41138287804459]},"available":true,"name":"Chomp Surf Hat - Black","public_title":"Black","options":["Black"],"price":2595,"weight":181,"compare_at_price":3595,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":22987410997291,"position":1,"preview_image":{"aspect_ratio":1.0,"height":1500,"width":1500,"src":"\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913"}},"requires_selling_plan":false,"selling_plan_allocations":[]},{"id":41138288984107,"title":"Clay","option1":"Clay","option2":null,"option3":null,"sku":"SRFRHAT","requires_shipping":true,"taxable":true,"featured_image":{"id":33152262799403,"product_id":7063001432107,"position":3,"created_at":"2024-07-18T09:16:50-07:00","updated_at":"2024-07-18T09:16:50-07:00","alt":null,"width":1500,"height":1500,"src":"\/\/chompbrand.com\/cdn\/shop\/files\/CHOMP_SURF_CLAY_RUST.png?v=1721319410","variant_ids":[41138288984107]},"available":true,"name":"Chomp Surf Hat - Clay","public_title":"Clay","options":["Clay"],"price":2595,"weight":181,"compare_at_price":3595,"inventory_management":"shopify","barcode":"","featured_media":{"alt":null,"id":25518451458091,"position":3,"preview_image":{"aspect_ratio":1.0,"height":1500,"width":1500,"src":"\/\/chompbrand.com\/cdn\/shop\/files\/CHOMP_SURF_CLAY_RUST.png?v=1721319410"}},"requires_selling_plan":false,"selling_plan_allocations":[]}] </script> </variant-radios><noscript class="product-form__noscript-wrapper-template--15370241736747__main"> <div class="product-form__input"> <label class="form__label" for="Variants-template--15370241736747__main">Product variants</label> <div class="select"> <select name="id" id="Variants-template--15370241736747__main" class="select__select" form="product-form-template--15370241736747__main" ><option selected="selected" value="41138287804459" > Black - $25.95 </option><option value="41138288984107" > Clay - $25.95 </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><div class="product-form__input product-form__quantity" > <label class="form__label" for="Quantity-template--15370241736747__main"> Quantity </label> <quantity-input class="quantity"> <button class="quantity__button no-js-hidden" name="minus" type="button"> <span class="visually-hidden">Decrease quantity for Chomp Surf Hat</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-minus" fill="none" viewBox="0 0 10 2"> <path fill-rule="evenodd" clip-rule="evenodd" d="M.5 1C.5.7.7.5 1 .5h8a.5.5 0 110 1H1A.5.5 0 01.5 1z" fill="currentColor"> </svg> </button> <input class="quantity__input" type="number" name="quantity" id="Quantity-template--15370241736747__main" min="1" value="1" form="product-form-template--15370241736747__main" > <button class="quantity__button no-js-hidden" name="plus" type="button"> <span class="visually-hidden">Increase quantity for Chomp Surf Hat</span> <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" role="presentation" class="icon icon-plus" fill="none" viewBox="0 0 10 10"> <path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.51a.5.5 0 000 1h3.5l.01 3.5a.5.5 0 001-.01V5.5l3.5-.01a.5.5 0 00-.01-1H5.5L5.49.99a.5.5 0 00-1 .01v3.5l-3.5.01H1z" fill="currentColor"> </svg> </button> </quantity-input> </div><div id="shopify-block-8e28e023-f743-479f-bf37-3789afae64d2" class="shopify-block shopify-app-block"> <div data-rebuy-id="97992" data-rebuy-shopify-product-ids="7063001432107" data-rebuy-shopify-collection-ids=""> </div> </div> <div > <product-form class="product-form"> <div class="product-form__error-message-wrapper" role="alert" hidden> <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-error" viewBox="0 0 13 13" > <circle cx="6.5" cy="6.50049" r="5.5" stroke="white" stroke-width="2"/> <circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width="0.7"/> <path d="M5.87413 3.52832L5.97439 7.57216H7.02713L7.12739 3.52832H5.87413ZM6.50076 9.66091C6.88091 9.66091 7.18169 9.37267 7.18169 9.00504C7.18169 8.63742 6.88091 8.34917 6.50076 8.34917C6.12061 8.34917 5.81982 8.63742 5.81982 9.00504C5.81982 9.37267 6.12061 9.66091 6.50076 9.66091Z" fill="white"/> <path d="M5.87413 3.17832H5.51535L5.52424 3.537L5.6245 7.58083L5.63296 7.92216H5.97439H7.02713H7.36856L7.37702 7.58083L7.47728 3.537L7.48617 3.17832H7.12739H5.87413ZM6.50076 10.0109C7.06121 10.0109 7.5317 9.57872 7.5317 9.00504C7.5317 8.43137 7.06121 7.99918 6.50076 7.99918C5.94031 7.99918 5.46982 8.43137 5.46982 9.00504C5.46982 9.57872 5.94031 10.0109 6.50076 10.0109Z" fill="white" stroke="#EB001B" stroke-width="0.7"> </svg> <span class="product-form__error-message"></span> </div><form method="post" action="/cart/add" id="product-form-template--15370241736747__main" accept-charset="UTF-8" class="form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="id" value="41138287804459" disabled > <div class="product-form__buttons"> <button type="submit" name="add" class="product-form__submit button button--full-width button--secondary" > <span>Add to cart </span> <div class="loading-overlay__spinner hidden"> <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> </button><div data-shopify="payment-button" data-has-selling-plan="false" data-has-fixed-selling-plan="false" data-customer-accounts-required="false" class="shopify-payment-button"><button class="shopify-payment-button__button shopify-payment-button__button--unbranded shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button><button class="shopify-payment-button__more-options shopify-payment-button__button--hidden" disabled="disabled" aria-hidden="true"> </button></div> </div><input type="hidden" name="product-id" value="7063001432107" /><input type="hidden" name="section-id" value="template--15370241736747__main" /></form></product-form> <link href="//chompbrand.com/cdn/shop/t/19/assets/component-pickup-availability.css?v=23027427361927693261725509879" rel="stylesheet" type="text/css" media="all" /> <pickup-availability class="product__pickup-availabilities no-js-hidden quick-add-hidden" data-root-url="/" data-variant-id="41138287804459" data-has-only-default-variant="false" > <template> <pickup-availability-preview class="pickup-availability-preview"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" aria-hidden="true" focusable="false" role="presentation" class="icon icon-unavailable" fill="none" viewBox="0 0 20 20"> <path fill="#DE3618" stroke="#fff" d="M13.94 3.94L10 7.878l-3.94-3.94A1.499 1.499 0 103.94 6.06L7.88 10l-3.94 3.94a1.499 1.499 0 102.12 2.12L10 12.12l3.94 3.94a1.497 1.497 0 002.12 0 1.499 1.499 0 000-2.12L12.122 10l3.94-3.94a1.499 1.499 0 10-2.121-2.12z"/> </svg> <div class="pickup-availability-info"> <p class="caption-large">Couldn't load pickup availability</p> <button class="pickup-availability-button link link--text underlined-link"> Refresh </button> </div> </pickup-availability-preview> </template> </pickup-availability> </div>  <script src="//chompbrand.com/cdn/shop/t/19/assets/pickup-availability.js?v=79308454523338307861725509879" defer="defer"></script><div class="product__description rte quick-add-hidden"> <meta charset="utf-8"> <h2><strong>CHOMP SURF HAT</strong></h2> <p>• <meta charset="utf-8"><span data-mce-fragment="1">Mid profile, snapback cap</span><br data-mce-fragment="1"><span data-mce-fragment="1">• Single panel at front</span><br data-mce-fragment="1"><span data-mce-fragment="1">• Plastic snapback, tonal under-peak lining, mesh structure support</span><br data-mce-fragment="1"><span data-mce-fragment="1">• Light weight</span><br data-mce-fragment="1"><span data-mce-fragment="1">• 100% quick dry nylon</span><br data-mce-fragment="1"><span data-mce-fragment="1">• Flat Peak</span><br data-mce-fragment="1"><span data-mce-fragment="1">• One size fits all</span></p> </div><div class="product__accordion accordion quick-add-hidden" > <details id="Details-collapsible-row-1-template--15370241736747__main"> <summary> <div class="summary__title"> <svg class="icon icon-accordion color-foreground-text" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M0 3.75156C0 3.47454 0.224196 3.24997 0.500755 3.24997H10.647C10.9235 3.24997 11.1477 3.47454 11.1477 3.75156V5.07505V5.63362V6.10938V13.6616C10.9427 14.0067 10.8813 14.1101 10.5516 14.6648L7.22339 14.6646V13.6614H10.1462V4.25316H1.00151V13.6614H2.6842V14.6646H0.500755C0.224196 14.6646 0 14.44 0 14.163V3.75156Z"/> <path d="M18.9985 8.08376L11.1477 6.10938V5.07505L19.6212 7.20603C19.8439 7.26203 20 7.46255 20 7.69253V14.1631C20 14.4401 19.7758 14.6647 19.4992 14.6647H17.3071V13.6615H18.9985V8.08376ZM11.1477 13.6616L13.3442 13.6615L13.3443 14.6647L10.5516 14.6648L11.1477 13.6616Z"/> <path d="M7.71269 14.1854C7.71269 15.6018 6.56643 16.75 5.15245 16.75C3.73847 16.75 2.59221 15.6018 2.59221 14.1854C2.59221 12.7691 3.73847 11.6209 5.15245 11.6209C6.56643 11.6209 7.71269 12.7691 7.71269 14.1854ZM5.15245 15.7468C6.01331 15.7468 6.71118 15.0478 6.71118 14.1854C6.71118 13.3231 6.01331 12.6241 5.15245 12.6241C4.29159 12.6241 3.59372 13.3231 3.59372 14.1854C3.59372 15.0478 4.29159 15.7468 5.15245 15.7468Z"/> <path d="M17.5196 14.1854C17.5196 15.6018 16.3733 16.75 14.9593 16.75C13.5454 16.75 12.3991 15.6018 12.3991 14.1854C12.3991 12.7691 13.5454 11.6209 14.9593 11.6209C16.3733 11.6209 17.5196 12.7691 17.5196 14.1854ZM14.9593 15.7468C15.8202 15.7468 16.5181 15.0478 16.5181 14.1854C16.5181 13.3231 15.8202 12.6241 14.9593 12.6241C14.0985 12.6241 13.4006 13.3231 13.4006 14.1854C13.4006 15.0478 14.0985 15.7468 14.9593 15.7468Z"/></svg> <h2 class="h4 accordion__title"> Shipping & Returns </h2> </div> <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 class="accordion__content rte" id="ProductAccordion-collapsible-row-1-template--15370241736747__main"> <p>Free shipping within the US on orders of $75 or more!</p> </div> </details> </div><div class="product__accordion accordion quick-add-hidden" > <details id="Details-collapsible-row-3-template--15370241736747__main"> <summary> <div class="summary__title"> <svg class="icon icon-accordion color-foreground-text" aria-hidden="true" focusable="false" role="presentation" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M10 5.2393L8.5149 3.77392C6.79996 2.08174 4.01945 2.08174 2.30451 3.77392C0.589562 5.4661 0.589563 8.2097 2.30451 9.90188L10 17.4952L17.6955 9.90188C19.4104 8.2097 19.4104 5.4661 17.6955 3.77392C15.9805 2.08174 13.2 2.08174 11.4851 3.77392L10 5.2393ZM10.765 3.06343C12.8777 0.978857 16.3029 0.978856 18.4155 3.06343C20.5282 5.148 20.5282 8.52779 18.4155 10.6124L10.72 18.2057C10.3224 18.5981 9.67763 18.5981 9.27996 18.2057L1.58446 10.6124C-0.528154 8.52779 -0.528154 5.14801 1.58446 3.06343C3.69708 0.978859 7.12233 0.978858 9.23495 3.06343L10 3.81832L10.765 3.06343Z" fill-rule="evenodd"/></svg> <h2 class="h4 accordion__title"> Care Instructions </h2> </div> <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 class="accordion__content rte" id="ProductAccordion-collapsible-row-3-template--15370241736747__main"> <p>Machine wash cold with like colors. Tumble dry low or hang dry.</p> </div> </details> </div><share-button id="Share-template--15370241736747__main" class="share-button quick-add-hidden" > <button class="share-button__button hidden"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </button> <details id="Details-share-template--15370241736747__main"> <summary class="share-button__button"> <svg width="13" height="12" viewBox="0 0 13 12" class="icon icon-share" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"> <path d="M1.625 8.125V10.2917C1.625 10.579 1.73914 10.8545 1.9423 11.0577C2.14547 11.2609 2.42102 11.375 2.70833 11.375H10.2917C10.579 11.375 10.8545 11.2609 11.0577 11.0577C11.2609 10.8545 11.375 10.579 11.375 10.2917V8.125" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.14775 1.27137C6.34301 1.0761 6.65959 1.0761 6.85485 1.27137L9.56319 3.9797C9.75845 4.17496 9.75845 4.49154 9.56319 4.6868C9.36793 4.88207 9.05135 4.88207 8.85609 4.6868L6.5013 2.33203L4.14652 4.6868C3.95126 4.88207 3.63468 4.88207 3.43942 4.6868C3.24415 4.49154 3.24415 4.17496 3.43942 3.9797L6.14775 1.27137Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.5 1.125C6.77614 1.125 7 1.34886 7 1.625V8.125C7 8.40114 6.77614 8.625 6.5 8.625C6.22386 8.625 6 8.40114 6 8.125V1.625C6 1.34886 6.22386 1.125 6.5 1.125Z" fill="currentColor"/> </svg> Share </summary> <div id="Product-share-template--15370241736747__main" class="share-button__fallback motion-reduce"> <div class="field"> <span id="ShareMessage-template--15370241736747__main" class="share-button__message hidden" role="status"> </span> <input type="text" class="field__input" id="url" value="https://chompbrand.com/products/chomp-surf-hat-black" placeholder="Link" onclick="this.select();" readonly > <label class="field__label" for="url">Link</label> </div> <button class="share-button__close hidden no-js-hidden"> <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 class="visually-hidden">Close share</span> </button> <button class="share-button__copy no-js-hidden"> <svg class="icon icon-clipboard" width="11" height="13" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false" viewBox="0 0 11 13"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2 1a1 1 0 011-1h7a1 1 0 011 1v9a1 1 0 01-1 1V1H2zM1 2a1 1 0 00-1 1v9a1 1 0 001 1h7a1 1 0 001-1V3a1 1 0 00-1-1H1zm0 10V3h7v9H1z" fill="currentColor"/> </svg> <span class="visually-hidden">Copy link</span> </button> </div> </details> </share-button> <script src="//chompbrand.com/cdn/shop/t/19/assets/share.js?v=23059556731731026671725509879" defer="defer"></script><a href="/products/chomp-surf-hat-black" class="link product__view-details animate-arrow"> View full details <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> </a> </div> </div></div> <product-modal id="ProductModal-template--15370241736747__main" class="product-media-modal media-modal"> <div class="product-media-modal__dialog" role="dialog" aria-label="Media gallery" aria-modal="true" tabindex="-1" > <button id="ModalClose-template--15370241736747__main" type="button" class="product-media-modal__toggle" 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 class="product-media-modal__content gradient" role="document" aria-label="Media gallery" tabindex="0" > <img class="global-media-settings global-media-settings--no-shadow product__media-item--variant" srcset="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=550 550w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1100 1100w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1445 1445w,//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913 1500w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//chompbrand.com/cdn/shop/products/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913&width=1445" alt="Chomp Surf Hat" loading="lazy" width="1100" height="1100" data-media-id="22987410997291" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=550 550w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1100 1100w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1445 1445w,//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926 1500w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//chompbrand.com/cdn/shop/files/image-214.png?v=1722037926&width=1445" alt="Chomp Surf Hat" loading="lazy" width="1100" height="1100" data-media-id="23817860087851" > <img class="global-media-settings global-media-settings--no-shadow product__media-item--variant" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=550 550w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1100 1100w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1445 1445w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410 1500w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_CLAY_RUST.png?v=1721319410&width=1445" alt="Chomp Surf Hat" loading="lazy" width="1100" height="1100" data-media-id="25518451458091" > <img class="global-media-settings global-media-settings--no-shadow" srcset="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=550 550w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1100 1100w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1445 1445w,//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955 1500w" sizes="(min-width: 750px) calc(100vw - 22rem), 1100px" src="//chompbrand.com/cdn/shop/files/CHOMP_SURF_HAT.png?v=1721253955&width=1445" alt="Chomp Surf Hat" loading="lazy" width="1100" height="1100" data-media-id="25513687777323" ></div> </div> </product-modal> <script src="//chompbrand.com/cdn/shop/t/19/assets/product-modal.js?v=50921580101160527761725509879" defer="defer"></script> <script src="//chompbrand.com/cdn/shop/t/19/assets/media-gallery.js?v=136815418543071173961725509879" defer="defer"></script><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 hiddenInput = document.querySelector('#product-form-template--15370241736747__main input[name="id"]'); const noScriptInputWrapper = document.createElement('div'); const variantSwitcher = document.querySelector('variant-radios[data-section="template--15370241736747__main"]') || document.querySelector('variant-selects[data-section="template--15370241736747__main"]'); noScriptInputWrapper.innerHTML = document.querySelector('.product-form__noscript-wrapper-template--15370241736747__main').textContent; variantSwitcher.outerHTML = noScriptInputWrapper.outerHTML; document.querySelector('#Variants-template--15370241736747__main').addEventListener('change', function(event) { hiddenInput.value = event.currentTarget.value; }); }); </script><script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Chomp Surf Hat", "url": "https:\/\/chompbrand.com\/products\/chomp-surf-hat-black", "image": [ "https:\/\/chompbrand.com\/cdn\/shop\/products\/CHOMP_SURF_HAT2_2e3d6e54-de57-4a39-b12e-853c04ba970c.png?v=1675983913\u0026width=1500" ], "description": "\nCHOMP SURF HAT\n• Mid profile, snapback cap• Single panel at front• Plastic snapback, tonal under-peak lining, mesh structure support• Light weight• 100% quick dry nylon• Flat Peak• One size fits all", "sku": "SRFBHAT", "brand": { "@type": "Brand", "name": "Chomp" }, "offers": [{ "@type" : "Offer","sku": "SRFBHAT","availability" : "http://schema.org/InStock", "price" : 25.95, "priceCurrency" : "USD", "url" : "https:\/\/chompbrand.com\/products\/chomp-surf-hat-black?variant=41138287804459" }, { "@type" : "Offer","sku": "SRFRHAT","availability" : "http://schema.org/InStock", "price" : 25.95, "priceCurrency" : "USD", "url" : "https:\/\/chompbrand.com\/products\/chomp-surf-hat-black?variant=41138288984107" } ] } </script> </section> </section><section id="shopify-section-template--15370241736747__product-recommendations" class="shopify-section section"><link rel="stylesheet" href="//chompbrand.com/cdn/shop/t/19/assets/component-card.css?v=22693787467086509371725509879" 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/section-product-recommendations.css?v=99406717031469655261727978045" media="print" onload="this.media='all'"> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-card.css?v=22693787467086509371725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/component-price.css?v=65402837579211014041725509879" rel="stylesheet" type="text/css" media="all" /></noscript> <noscript><link href="//chompbrand.com/cdn/shop/t/19/assets/section-product-recommendations.css?v=99406717031469655261727978045" rel="stylesheet" type="text/css" media="all" /></noscript><style data-shopify>.section-template--15370241736747__product-recommendations-padding { padding-top: 27px; padding-bottom: 21px; } @media screen and (min-width: 750px) { .section-template--15370241736747__product-recommendations-padding { padding-top: 36px; padding-bottom: 28px; } }</style><div class="color-background-1 gradient no-js-hidden"> <product-recommendations class="product-recommendations page-width section-template--15370241736747__product-recommendations-padding isolate" data-url="/recommendations/products?section_id=template--15370241736747__product-recommendations&product_id=7063001432107&limit=4"> </product-recommendations> </div> </section><section id="shopify-section-template--15370241736747__1715270754e0f85519" class="shopify-section section"><div class="page-width"><div id="shopify-block-klaviyo_reviews_product_reviews_XWx7Ad" class="shopify-block shopify-app-block"> <div id="fulfilled-reviews-all" data-id="7063001432107"> </div> </div> </div> </section> </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

Chomp Surf Hat