















<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]> <html class="ie9 no-js"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

<head>
<!-- <script src="https://cdn.userway.org/widget.js" data-account="WJoiDXhU9H"></script> -->
  <!-- Blockshop Theme Version 2.3.1 by Troop Themes - http://troopthemes.com/  -->

  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  
    <link rel="shortcut icon" type="image/png" href="//www.hsssurf.com/cdn/shop/t/19/assets/favicon.png?v=44617491890358218401756837607" />
  

  
    <title>Huntington Beach - Since 1978</title>
  
  
  
  <meta name="description" content="Huntington Surf &amp; Sport - Surfer Owned and Operated" />
  
  
  <link rel="canonical" href="https://www.hsssurf.com/" />
  
  

  <meta property="og:type" content="website">
  <meta property="og:title" content="Huntington Beach - Since 1978">
  


  <meta property="og:description" content="Huntington Surf &amp; Sport - Surfer Owned and Operated">

  <meta property="og:url" content="https://www.hsssurf.com/">
  <meta property="og:site_name" content="Huntington Surf &amp; Sport">





<meta name="twitter:card" content="summary">

  
  




























<script>
  WebFontConfig = {
    
    
    google: { families: ['Open Sans:400,700', 'Lato:400,700', 'Lato:400,700', 'Open Sans:400,700', ] }
    
  };
</script>
<script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></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="/7425705/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="69f29b27bc2e3de369ae4a950d4665de">
<meta id="in-context-paypal-metadata" data-shop-id="7425705" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=863240375"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=863240375&shop_id=7425705" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":7425705,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/7425705","merchantName":"Huntington Surf \u0026 Sport","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Huntington Surf \u0026 Sport","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"69f29b27bc2e3de369ae4a950d4665de","betas":["rich-media-storefront-analytics"],"domain":"www.hsssurf.com","predictiveSearch":true,"shopId":7425705,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "hsssurf.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Blockshop (ada fix in cart) - 216 a11y","id":145752522935,"schema_name":null,"schema_version":null,"theme_store_id":606,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.hsssurf.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</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";
  window.ShopifyPay.redirectState = null;
</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.hsssurf.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
<script type="module">
  await import("//www.hsssurf.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"transferSessionEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"avatar":["modules/v2/loader.avatar.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"]};
</script>
<script>(function() {
  var isLoaded = false;
  function asyncLoad() {
    if (isLoaded) return;
    isLoaded = true;
    var urls = ["\/\/shopify-free-shipping.s3.amazonaws.com\/prod\/js\/common.js?shop=hsssurf.myshopify.com","https:\/\/cdn-bundler.nice-team.net\/app\/js\/bundler.js?shop=hsssurf.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/fc99f02c46309845bb26dbe0b\/1f9817e315854fe81c7cb55c1.js?shop=hsssurf.myshopify.com","https:\/\/cdn.jsdelivr.net\/gh\/apphq\/slidecart-dist@master\/slidecarthq-forward.js?4\u0026shop=hsssurf.myshopify.com","https:\/\/cdn.hextom.com\/js\/eventpromotionbar.js?shop=hsssurf.myshopify.com","https:\/\/cdn.hextom.com\/js\/quickannouncementbar.js?shop=hsssurf.myshopify.com","https:\/\/cdn-spurit.com\/all-apps\/checker.js?shop=hsssurf.myshopify.com","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=hsssurf.myshopify.com","https:\/\/cdn-spurit.com\/all-apps\/thank-you-pao-page.js?shop=hsssurf.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":7425705,"offset":-25200,"reqid":"cdf04c2e-6f99-483b-ac54-95ad7d6265ba-1781267004","pageurl":"www.hsssurf.com\/?feed=rss2","u":"958d3ef5a9e8","p":"home"};</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(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script id="shopify-origin-trials" async="async" integrity="sha256-MrpR+SbfwphjsvuxKsSWA5xxY07P36eahsNLLXSgEwo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-c173577b.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.hsssurf.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.hsssurf.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #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>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  





  <script type="text/javascript">
    
      window.__shgMoneyFormat = window.__shgMoneyFormat || {"AED":{"currency":"AED","currency_symbol":"د.إ","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"AFN":{"currency":"AFN","currency_symbol":"؋","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"ALL":{"currency":"ALL","currency_symbol":"L","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"AMD":{"currency":"AMD","currency_symbol":"դր.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"ANG":{"currency":"ANG","currency_symbol":"ƒ","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"AUD":{"currency":"AUD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"AWG":{"currency":"AWG","currency_symbol":"ƒ","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"AZN":{"currency":"AZN","currency_symbol":"₼","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BAM":{"currency":"BAM","currency_symbol":"КМ","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BBD":{"currency":"BBD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BDT":{"currency":"BDT","currency_symbol":"৳","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BIF":{"currency":"BIF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BND":{"currency":"BND","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BOB":{"currency":"BOB","currency_symbol":"Bs.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BSD":{"currency":"BSD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BWP":{"currency":"BWP","currency_symbol":"P","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"BZD":{"currency":"BZD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CAD":{"currency":"CAD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CDF":{"currency":"CDF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CHF":{"currency":"CHF","currency_symbol":"CHF","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CNY":{"currency":"CNY","currency_symbol":"¥","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CRC":{"currency":"CRC","currency_symbol":"₡","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CVE":{"currency":"CVE","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"CZK":{"currency":"CZK","currency_symbol":"Kč","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"DJF":{"currency":"DJF","currency_symbol":"Fdj","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"DKK":{"currency":"DKK","currency_symbol":"kr.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"DOP":{"currency":"DOP","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"DZD":{"currency":"DZD","currency_symbol":"د.ج","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"EGP":{"currency":"EGP","currency_symbol":"ج.م","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"ETB":{"currency":"ETB","currency_symbol":"Br","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"EUR":{"currency":"EUR","currency_symbol":"€","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"FJD":{"currency":"FJD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"FKP":{"currency":"FKP","currency_symbol":"£","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"GBP":{"currency":"GBP","currency_symbol":"£","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"GMD":{"currency":"GMD","currency_symbol":"D","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"GNF":{"currency":"GNF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"GTQ":{"currency":"GTQ","currency_symbol":"Q","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"GYD":{"currency":"GYD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"HKD":{"currency":"HKD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"HNL":{"currency":"HNL","currency_symbol":"L","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"HUF":{"currency":"HUF","currency_symbol":"Ft","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"IDR":{"currency":"IDR","currency_symbol":"Rp","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"ILS":{"currency":"ILS","currency_symbol":"₪","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"INR":{"currency":"INR","currency_symbol":"₹","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"ISK":{"currency":"ISK","currency_symbol":"kr.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"JMD":{"currency":"JMD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"JPY":{"currency":"JPY","currency_symbol":"¥","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KES":{"currency":"KES","currency_symbol":"KSh","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KGS":{"currency":"KGS","currency_symbol":"som","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KHR":{"currency":"KHR","currency_symbol":"៛","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KMF":{"currency":"KMF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KRW":{"currency":"KRW","currency_symbol":"₩","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KYD":{"currency":"KYD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"KZT":{"currency":"KZT","currency_symbol":"₸","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"LAK":{"currency":"LAK","currency_symbol":"₭","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"LBP":{"currency":"LBP","currency_symbol":"ل.ل","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"LKR":{"currency":"LKR","currency_symbol":"₨","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MAD":{"currency":"MAD","currency_symbol":"د.م.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MDL":{"currency":"MDL","currency_symbol":"L","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MKD":{"currency":"MKD","currency_symbol":"ден","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MMK":{"currency":"MMK","currency_symbol":"K","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MNT":{"currency":"MNT","currency_symbol":"₮","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MOP":{"currency":"MOP","currency_symbol":"P","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MUR":{"currency":"MUR","currency_symbol":"₨","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MVR":{"currency":"MVR","currency_symbol":"MVR","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MWK":{"currency":"MWK","currency_symbol":"MK","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"MYR":{"currency":"MYR","currency_symbol":"RM","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"NGN":{"currency":"NGN","currency_symbol":"₦","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"NIO":{"currency":"NIO","currency_symbol":"C$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"NPR":{"currency":"NPR","currency_symbol":"Rs.","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"NZD":{"currency":"NZD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PEN":{"currency":"PEN","currency_symbol":"S/","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PGK":{"currency":"PGK","currency_symbol":"K","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PHP":{"currency":"PHP","currency_symbol":"₱","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PKR":{"currency":"PKR","currency_symbol":"₨","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PLN":{"currency":"PLN","currency_symbol":"zł","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"PYG":{"currency":"PYG","currency_symbol":"₲","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"QAR":{"currency":"QAR","currency_symbol":"ر.ق","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"RON":{"currency":"RON","currency_symbol":"Lei","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"RSD":{"currency":"RSD","currency_symbol":"РСД","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"RWF":{"currency":"RWF","currency_symbol":"FRw","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SAR":{"currency":"SAR","currency_symbol":"ر.س","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SBD":{"currency":"SBD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SEK":{"currency":"SEK","currency_symbol":"kr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SGD":{"currency":"SGD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SHP":{"currency":"SHP","currency_symbol":"£","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"SLL":{"currency":"SLL","currency_symbol":"Le","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"STD":{"currency":"STD","currency_symbol":"Db","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"THB":{"currency":"THB","currency_symbol":"฿","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"TJS":{"currency":"TJS","currency_symbol":"ЅМ","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"TOP":{"currency":"TOP","currency_symbol":"T$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"TTD":{"currency":"TTD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"TWD":{"currency":"TWD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"TZS":{"currency":"TZS","currency_symbol":"Sh","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"UAH":{"currency":"UAH","currency_symbol":"₴","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"UGX":{"currency":"UGX","currency_symbol":"USh","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"UYU":{"currency":"UYU","currency_symbol":"$U","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"UZS":{"currency":"UZS","currency_symbol":"so'm","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"VND":{"currency":"VND","currency_symbol":"₫","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"VUV":{"currency":"VUV","currency_symbol":"Vt","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"WST":{"currency":"WST","currency_symbol":"T","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"XAF":{"currency":"XAF","currency_symbol":"CFA","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"XCD":{"currency":"XCD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"XOF":{"currency":"XOF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"XPF":{"currency":"XPF","currency_symbol":"Fr","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","},"YER":{"currency":"YER","currency_symbol":"﷼","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
    
    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
      currency: "USD",
      currency_symbol: "$",
      decimal_separator: ".",
      thousands_separator: ",",
      decimal_places: 2,
      currency_symbol_location: "left"
    };
  </script>




  <link href="//www.hsssurf.com/cdn/shop/t/19/assets/style.css?v=81742924279603571981772037075" rel="stylesheet" type="text/css" media="all" />
  <style>

/* Add Your Custom Styles Here */



</style>

  <!--[if lt IE 8]>
    <script src="//www.hsssurf.com/cdn/shop/t/19/assets/json2.js?v=154133857350868653501756837607" type="text/javascript"></script>
  <![endif]-->

  <!--[if lt IE 9]>
  <script type="text/javascript" src="https://getfirebug.com/firebug-lite.js"></script>
  <script src="//html5shim.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
  <script src="//www.hsssurf.com/cdn/shop/t/19/assets/dd_roundies.js?v=75117064764312664521756837607" type="text/javascript"></script>
  <script>
  DD_roundies.addRule('.circle', '45px');
  </script>
  <![endif]-->

  <script src="//www.hsssurf.com/cdn/shop/t/19/assets/custom.modernizr.js?v=44331738608728928201756837607" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
  <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
  <script src="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js" type="text/javascript"></script>
  <script src="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/themes_support/option_selection-b017cd28.js" type="text/javascript"></script>

  

  <script>
    var twitterID = '',
    general_external_links_enabled = true,
    general_scroll_to_active_item = true,
    shop_url = 'https://www.hsssurf.com',
    shop_money_format = '$ {{amount}}',
    home_slider_auto_enabled = true,
    home_slider_rotate_frequency = 5000,
    home_widget_twitter_enabled = false,
    home_widget_blog_enabled = false,
    home_widget_instagram_access_token = '',
    product_zoom_enabled = true,
    product_modal_enabled = true,
    currency_switcher_enabled = false,
    theme = {};
  </script>

  

  <script src="//www.hsssurf.com/cdn/shop/t/19/assets/plugins.js?v=26013873585010736011756837607" type="text/javascript"></script>
  <script src="//www.hsssurf.com/cdn/shop/t/19/assets/shop.js?v=19917403445441285591756837607" type="text/javascript"></script>
  

  

<script type="text/javascript">
  
    window.SHG_CUSTOMER = null;
  
</script>







  <script id="mcjs">!function(c,h,i,m,p){m=c.createElement(h),p=c.getElementsByTagName(h)[0],m.async=1,m.src=i,p.parentNode.insertBefore(m,p)}(document,"script","https://chimpstatic.com/mcjs-connected/js/users/fc99f02c46309845bb26dbe0b/48039d9d13fb9416191b122ba.js");</script>



<script src="https://cdn.shopify.com/extensions/019ea7c8-ba06-72a4-82a9-cf41769bb886/magical-custom-fields-45/assets/magical-custom-fields.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019ea7c8-ba06-72a4-82a9-cf41769bb886/magical-custom-fields-45/assets/magical-custom-fields.css" rel="stylesheet" type="text/css" media="all">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 7425705,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-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,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 7425705,storefrontBaseUrl: "https://www.hsssurf.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0","3209b71c","f36ec97b","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"1731100855","configuration":"{\"mailchimp_store_id\":\"store_hkkb39zu757lvmh9ny1i\", \"mailchimp_user_id\":\"201030118\",\"mailchimp_list_id\":\"69483bf607\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1172930743","configuration":"{\"site_id\":\"9b8452d2-7a78-40a8-9c06-1c25bda80069\",\"analytics_endpoint\":\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"89030839","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Analytics tag (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Huntington Surf \u0026 Sport","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"hsssurf.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/www.hsssurf.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8583538901175","handle":"surfer-tm-tee-beige-1154103","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"48498390171831","price":{"amount":0.0,"currencyCode":"USD"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8569243074743","handle":"yellowtail-navy-1152996","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"48457437118647","price":{"amount":0.0,"currencyCode":"USD"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8363103027383","handle":"2026-independence-day-t-shirt-white-1135035","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"45741899350199","price":{"amount":0.0,"currencyCode":"USD"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8603133378743","handle":"hss-double","title":"","vendor":"","type":null,"untranslatedTitle":null,"url":null,"remoteShopId":null,"variants":[{"id":"48539551760567","price":{"amount":0.0,"currencyCode":"USD"},"image":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null,"page":{"pageType":"home","resourceId":null}},},"https://www.hsssurf.com/cdn","e9cdb0d3wf7a93d55pd80d1b79me3fb0d36",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"7425705","storefrontBaseUrl":"https:\/\/www.hsssurf.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\", \"3209b71c\", \"f36ec97b\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"e9cdb0d3wf7a93d55pd80d1b79me3fb0d36","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home","requestId":"cdf04c2e-6f99-483b-ac54-95ad7d6265ba-1781267004"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (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 || [];
    window.ShopifyAnalytics.lib.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);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        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: 7425705,
      theme_id: 145752522935,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.hsssurf.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.hsssurf.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.hsssurf.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":7425705,"isMerchantRequest":null,"themeId":145752522935,"themeCityHash":"2639579988426945680","contentLanguage":"en","currency":"USD","eventMetadataId":"c1b2b5ef-ecf6-486f-8e87-8696176439c0"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cdf04c2e-6f99-483b-ac54-95ad7d6265ba-1781267004","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.hsssurf.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://www.hsssurf.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="7425705"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="145752522935"
  data-theme-name=""
  data-theme-version=""
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.hsssurf.com/api/collect"
></script>
</head>


<body class="page-huntington-beach-since-1978 template-index">
  <a href="#main" class="is-sr0nly skip-link">Skip to Content</a>
  <header class="main-header">
    <div class="bg"></div>
    <div class="row top">
      

      <div class="columns logo-center">
        <h1 class="title clearfix">
  
    <a href="/" title="Huntington Surf &amp; Sport">
      <img src="//www.hsssurf.com/cdn/shop/t/19/assets/logo.png?v=25184828830763893201756837607" alt="Huntington Surf &amp; Sport" />
    </a>
  
</h1>
      </div>

      <div class="search-account columns">
        <div class="menu">
  

  
    <a class="searchbar-open" href="#">Search<span aria-hidden="true" class="glyph search"></span></a>
  

  
    <a class="account-open" href="#">Account<span aria-hidden="true" class="glyph account"></span></a>
  
    
</div>

<div class="searchbar-container">
  <form  action="/search" method="get" role="search">
    
    <input title="Search" name="q" type="text" placeholder="Search store..." class="search-box hint text" />
    
    <button title="Submit" class="glyph search"></button>
  </form>
  <a aria-label="Close Search bar" href="#" aria-hidden="true" class="searchbar-close glyph cross"></a>
</div>

<div class="account-container">
  
    
    
    
    

    
      <a href="/account/login" id="customer_login_link">Log in</a> or <a href="/account/register" id="customer_register_link">Sign up</a>
    
  
  <a aria-label="Close Account" href="#" aria-hidden="true" class="account-close glyph cross"></a>
</div>




      </div>
      
    </div><!-- .row -->

    <div class="bottom-row">
      <div class="row">
        <div class="columns menu-container text-center">
          <div class="main-menu">
  <nav role="navigation" class="widescreen clearfix">
    <ul class="font-nav">
      
      
        <li class="nav-item">
          <a class="nav-item-link" href="/">
            Shop HSS
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/mens"><span>Mens</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/hss-tees">
                                  Shirts & Tees
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/mens-tanks-long-sleeves">
                                  Long Sleeve Tees
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-fleece">
                                  Fleece
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-mens-hats-beanies">
                                  Hats & Beanies
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-tanks">
                                  Tank Tops
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hbsc">
                                  H.B. Surf Co. 
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/shoes">
                                  Sandals
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-mens-sale">
                                  Mens Sale
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hss-womens"><span>Womens</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/hss-womens-tees">
                                  Tees
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/womens-fleece">
                                  Fleece
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-womens-hats-beanies">
                                  Hats & Beanies
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-womens-sale">
                                  Womens Sale
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hss-kids"><span>Youth</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/hss-infant">
                                  Infant
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/kids-boys-tees">
                                  Kids & Youth Tees
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/boys-fleece">
                                  Fleece
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/boys-hats/Hats+Kids-Hats+Toddler-Hats+Boys-Hats+Girls-Hats">
                                  Hats
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hss-accessories"><span>HSS Accessories</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/hss-accessories">
                                  Accessories
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/hss-beach-blankets">
                                  Towels & Blankets
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/mugs-hydro-flask">
                                  Coffee Mugs
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/">
            Brands
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hurley-x-hb"><span>HURLEY x HB</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/ipd"><span>IPD</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/ipd-tees-shirts">
                                  Tees & Shirts
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/ipd-shorts">
                                  Shorts
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/ipd-hats-beanies">
                                  Hats & Beanies
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/ipd-sweatshirts-jackets">
                                  Sweatshirts & Jackets
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/roxy"><span>Roxy</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/roxy-tops">
                                  Tops
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/roxy-pants-shorts">
                                  Shorts & Pants
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/roxy-footwear">
                                  Footwear
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/roxy-hats-accessories">
                                  Hats & Accessories
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/">
            Wetsuits
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/mens-wetsuits"><span>Mens</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/mens-wetsuits">
                                  Fullsuits
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/ss-fullsuits">
                                  Spring Wetsuits
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/wetsuit-accessories">
                                  Booties & Accessories
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/womens-wetsuits"><span>Womens</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/womens-wetsuits">
                                  Wetsuits
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/wetsuits-womens-accessories">
                                  Wetsuit Accessories
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/youth-wetsuits"><span>Youth</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/">
            Surf Accessories
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/surf-traction"><span>Traction</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/surf-traction">
                                  All Traction
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/leashes"><span>Leashes</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/leashes">
                                  Pro & Comp
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/fins"><span>Fins</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/futures-fins">
                                  Futures & 1 Tab Fins
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/fcs-ii-fins">
                                  Fcs & 2 Tab Fins
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/all-fins">
                                  All Fins
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/surf-tools-hardware"><span>Surf Accessories</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/collections/tools-hardware">
                                  Tools & Hardware
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/ding-repair">
                                  Repair
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/collections/wax">
                                  Wax
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/swim-fins"><span>Swim Fins</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/pages/surfboards">
            Surfboards
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/pages/surfboard-stock-list"><span>Surfboards</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                          <ul>
                            
                              <li>
                                <a href="/pages/surfboard-stock-list">
                                  STOCK LIST
                                </a>

                              
                              </li>
                            
                              <li>
                                <a href="/pages/hss-surfboard-rentals">
                                  Rentals
                                </a>

                              
                              </li>
                            
                          </ul>
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/collections/gift-cards">
            GIFT CARDS
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/collections/sale">
            Sale
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
              <ul class="sub-nav catalog">
                <li class="row">
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hss-mens-sale"><span>Mens Sale</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                    
                    <div class="sub-nav-item columns">
                      <a  href="/collections/hss-womens-sale"><span>Womens Sale</span></a>
                      

                      
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                        
                        
                      
                    </div>

                  
                  
                </li>
                
              </ul>
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/pages/locations">
            Locations
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="/pages/javapoint">
            Java Point Coffee
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="https://www.hsssurf.com/pages/hbjrlifeguards">
            HB Jr. Lifeguards Uniforms
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="https://www.hsssurf.com/pages/independence-day">
            Independence Day Merchandise
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
        <li class="nav-item">
          <a class="nav-item-link" href="https://www.hsssurf.com/collections/uso-online">
            US Open Merchandise
          </a>

          
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          
            
            
            
          

          
          
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          
            
            
          

        
        </li>
      
    </ul>
  </nav>

</div>

        </div>
        
        <div class="columns cart-container">
          <div class="cart">
 	<div class="show-for-medium-up">
	  <a class="cart-link" href="/cart">Cart <span class="number-wrapper hide">(<span class="number">0</span>)</span><span aria-hidden="true" class="glyph cart"></span></a>

		<div class="recently-added">
		  <table width="100%">
			  <thead>
			    <tr>
			      <td colspan="3">Recently Added</td>
			    </tr>
			  </thead>
			  
			  <tbody>
					

			  </tbody>

			  <tfoot>
			    <tr>
						<td class="items-count"><a href="/cart"><span class="number">0</span> Items</a></td>
						<td colspan="2" class="text-right all-caps"><strong>Total <span class="total-price" style="margin-left:5px;">$ 0.00</span></strong></td>
			    </tr>
			  </tfoot>
			  
			</table>

			<div class="row"> 
			  <div class="checkout columns">
			    <a class="button" href="/cart">Go to Checkout</a>
			  </div><!-- #cart-meta -->
			</div>

			<div class="error">
			  <p>The item you just added is unavailable. Please select another product or variant.</p>
			</div>

		</div>
	</div>

	<div class="show-for-small hide-for-ie9-down">
		<div class="recently-added-mask hide"></div>
		<div class="recently-added mobile">
			<a aria-hidden="true" class="close glyph cross"></a>
			

			<div class="row">
				<div class="columns">
					<p><strong class="all-caps">Recently Added</strong></p>
					<p class="mobile-item"></p>
					<p class="items-count"><a href="/cart"><span class="number">0</span> Items</a></p>
					<p><strong class="all-caps">Total <span class="total-price" style="margin-left:5px;">$ 0.00</span></strong></p>
				</div>
			</div>

			<div class="row">
			  <div class="checkout columns">
			    <a class="button" href="/cart">Go to Checkout</a>
			  </div><!-- #cart-meta -->
			</div>

			<div class="error">
			  <p>The item you just added is unavailable. Please select another product or variant.</p>
			</div>

		</div>
	</div>
</div>


        </div>

        <div class="mobile-tools">
          <a aria-label="Menu" class="glyph menu" href=""></a>
          
          <a aria-label="Search" href="/search" class="glyph search"></a>
          
          
          <a aria-label="Account" href="/account" class="glyph account"></a>
          
          <a aria-label="Cart" href="/cart" class="glyph cart"></a>

        </div>
      </div>
    </div>

    <div class="main-menu-dropdown-panel">
      <div class="row text-center">
      
      </div>
    </div>

    <div class="mobile-menu">
      <nav role="navigation">
  <ul class="font-nav">

    
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">
          Shop HSS
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/mens"><span>Mens</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/hss-tees">
                                Shirts & Tees
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/mens-tanks-long-sleeves">
                                Long Sleeve Tees
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-fleece">
                                Fleece
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-mens-hats-beanies">
                                Hats & Beanies
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-tanks">
                                Tank Tops
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hbsc">
                                H.B. Surf Co. 
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/shoes">
                                Sandals
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-mens-sale">
                                Mens Sale
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hss-womens"><span>Womens</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/hss-womens-tees">
                                Tees
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/womens-fleece">
                                Fleece
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-womens-hats-beanies">
                                Hats & Beanies
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-womens-sale">
                                Womens Sale
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hss-kids"><span>Youth</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/hss-infant">
                                Infant
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/kids-boys-tees">
                                Kids & Youth Tees
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/boys-fleece">
                                Fleece
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/boys-hats/Hats+Kids-Hats+Toddler-Hats+Boys-Hats+Girls-Hats">
                                Hats
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hss-accessories"><span>HSS Accessories</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/hss-accessories">
                                Accessories
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/hss-beach-blankets">
                                Towels & Blankets
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/mugs-hydro-flask">
                                Coffee Mugs
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">
          Brands
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hurley-x-hb"><span>HURLEY x HB</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/ipd"><span>IPD</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/ipd-tees-shirts">
                                Tees & Shirts
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/ipd-shorts">
                                Shorts
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/ipd-hats-beanies">
                                Hats & Beanies
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/ipd-sweatshirts-jackets">
                                Sweatshirts & Jackets
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/roxy"><span>Roxy</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/roxy-tops">
                                Tops
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/roxy-pants-shorts">
                                Shorts & Pants
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/roxy-footwear">
                                Footwear
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/roxy-hats-accessories">
                                Hats & Accessories
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">
          Wetsuits
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/mens-wetsuits"><span>Mens</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/mens-wetsuits">
                                Fullsuits
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/ss-fullsuits">
                                Spring Wetsuits
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/wetsuit-accessories">
                                Booties & Accessories
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/womens-wetsuits"><span>Womens</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/womens-wetsuits">
                                Wetsuits
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/wetsuits-womens-accessories">
                                Wetsuit Accessories
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/youth-wetsuits"><span>Youth</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/">
          Surf Accessories
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/surf-traction"><span>Traction</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/surf-traction">
                                All Traction
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/leashes"><span>Leashes</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/leashes">
                                Pro & Comp
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/fins"><span>Fins</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/futures-fins">
                                Futures & 1 Tab Fins
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/fcs-ii-fins">
                                Fcs & 2 Tab Fins
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/all-fins">
                                All Fins
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/surf-tools-hardware"><span>Surf Accessories</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/collections/tools-hardware">
                                Tools & Hardware
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/ding-repair">
                                Repair
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/collections/wax">
                                Wax
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/swim-fins"><span>Swim Fins</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/pages/surfboards">
          Surfboards
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/pages/surfboard-stock-list"><span>Surfboards</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                        <ul>
                          
                            <li>
                              <a href="/pages/surfboard-stock-list">
                                STOCK LIST
                              </a>

                            
                            </li>
                          
                            <li>
                              <a href="/pages/hss-surfboard-rentals">
                                Rentals
                              </a>

                            
                            </li>
                          
                        </ul>
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/collections/gift-cards">
          GIFT CARDS
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/collections/sale">
          Sale
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
            <ul class="sub-nav catalog">
              <li class="row">
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hss-mens-sale"><span>Mens Sale</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
                  
                  <div class="sub-nav-item columns">
                    <a  href="/collections/hss-womens-sale"><span>Womens Sale</span></a>
                    
                    
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                      
                      
                    
                  </div>

                
                
              </li>
              
            </ul>
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/pages/locations">
          Locations
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="/pages/javapoint">
          Java Point Coffee
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="https://www.hsssurf.com/pages/hbjrlifeguards">
          HB Jr. Lifeguards Uniforms
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="https://www.hsssurf.com/pages/independence-day">
          Independence Day Merchandise
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    
      <li class="nav-item">
        <a class="nav-item-link" href="https://www.hsssurf.com/collections/uso-online">
          US Open Merchandise
        </a>

        
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        
          
          
          
        


        
        
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        
          
          
        


      
      </li>
    

  </ul>
</nav>




    </div>

    <div class="row">
      <div class="header-divider"></div>
    </div>

  </header>

  <section id="main" class="main-content">
    
      




  

    <section class="slider ">
      <div class="row">
        <div class="slides">

          

          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
              

              
              

              
              

              <div class="slide">

                
                <a href="https://www.hsssurf.com/collections/4th-of-july-gear">
                

                <img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-slider-slide-2.jpg?v=12197348914291658441780080204" alt="" />

                


                

                
                </a>
                
              </div>
            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
              

              
              

              
              

              <div class="slide">

                
                <a href="https://www.hsssurf.com/collections/uso-online">
                

                <img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-slider-slide-3.jpg?v=136760551647124509051780062818" alt="" />

                


                

                
                </a>
                
              </div>
            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
              

              
              

              
              

              <div class="slide">

                
                <a href="https://www.hsssurf.com/collections/gift-cards">
                

                <img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-slider-slide-4.jpg?v=162489439325147829421781129495" alt="" />

                


                

                
                </a>
                
              </div>
            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
            
          

            
            
            
            
            
            
            
            
            
            
            
            
            


            
            
          

          
          

        </div>
      </div>
    </section>

    <div class="modal video">
      <div class="bg"></div>
      <a aria-hidden="true" class="close glyph cross"></a>
        <div class="player columns large-8">
          <div class="flex-video">
          </div>
        </div>

        <div class="caption columns large-4">
          
        </div>
    </div>
    <div class="modal-mask"></div>


  

  
    <div class="widgets">
      <div class="small-promos">
        <div class="row">
          
          
          
          
          


          
            
            
            
            <div class="columns large-3">
              



	
	
	
	
	
	
	
	
	

	<div class="image-text-widget">

	  
	    <a href="https://www.hsssurf.com/collections/mens-wetsuits">
	  

		
	  	<img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-widget-image-text-1.jpg?v=116273657341738118161762375183" alt="SURFER DOIN A TURN ON A WAVE" />
	  

	  
	    <div class="caption">
	    	<div class="bg"></div>
	      <div class="inner">
	        
	          <h1>WETSUITS</h1>
	        
	        
	      </div>
	    </div>
	  

	  
	    </a>
	  
	</div>







            </div>
            

            
            
            <div class="columns large-3">
              



	
	
	
	
	
	
	
	
	

	<div class="image-text-widget">

	  
	    <a href="https://www.hsssurf.com/collections/hss-tees">
	  

		
	  	<img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-widget-image-text-2.jpg?v=111195588027911470581767121651" alt="HSS OVAL 80&#39;S T-SHIRT" />
	  

	  
	    <div class="caption">
	    	<div class="bg"></div>
	      <div class="inner">
	        
	          <h1>T-SHIRTS</h1>
	        
	        
	      </div>
	    </div>
	  

	  
	    </a>
	  
	</div>







            </div>
            

            
            
            <div class="columns large-3">
              



	
	
	
	
	
	
	
	
	

	<div class="image-text-widget">

	  
	    <a href="https://www.hsssurf.com/pages/independence-day">
	  

		
	  	<img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-widget-image-text-3.jpg?v=75075087772583436501769448736" alt="IMAGE OF PATRIOT POINT IN HUNTINGTON BEACH,CA" />
	  

	  
	    <div class="caption">
	    	<div class="bg"></div>
	      <div class="inner">
	        
	          <h1>AMERICA 250</h1>
	        
	        
	          <h2>Merchandise Available Now!</h2>
	        
	      </div>
	    </div>
	  

	  
	    </a>
	  
	</div>







            </div>
            

            
            
            <div class="columns large-3">
              



	
	
	
	
	
	
	
	
	

	<div class="image-text-widget">

	  
	    <a href="https://www.hsssurf.com/pages/hbjrlifeguards">
	  

		
	  	<img src="//www.hsssurf.com/cdn/shop/t/19/assets/home-widget-image-text-4.jpg?v=114976963103157595361775241565" alt="HB Jr Lifeguards logo" />
	  

	  
	    <div class="caption">
	    	<div class="bg"></div>
	      <div class="inner">
	        
	          <h1>HB Jr. Lifeguards Uniforms</h1>
	        
	        
	      </div>
	    </div>
	  

	  
	    </a>
	  
	</div>







            </div>
            

          
        </div>
      </div>
    </div>
  

  

    
      
    <div class="product-slider  length--4">
      <div class="row header">
        <div class="columns">
         <h2 class="font-headings clearfix"><a href="/collections/featured-products" title="">Featured Products</a></h2>
       </div>
      </div>
      <div class="row content">
        
          <div class="product-grid clearfix">
            
              





  
  <div class="product-item ">
    <div class="image-wrapper">
      
      
      <a aria-label="SURFER TM TEE BEIGE" href="/collections/featured-products/products/surfer-tm-tee-beige-1154103">
        <img class="lazyOwl" data-src="//www.hsssurf.com/cdn/shop/files/surfer-tm-bone-1_large.gif?v=1780519450" src="//www.hsssurf.com/cdn/shop/files/surfer-tm-bone-1_large.gif?v=1780519450" alt="back view of a cream-colored US Open of Surfing short-sleeve t-shirt displayed on a white background. The tee features a large multicolor retro-style surf graphic on the back with &quot;US Open of Surfing Huntington Beach California 2026&quot; text and a WSL logo printed on the right sleeve." />
      </a>
    </div><!-- .coll-image-wrap -->
    
    <div class="caption">
      <p class="title">
        <a href="/collections/featured-products/products/surfer-tm-tee-beige-1154103">
          SURFER TM TEE BEIGE
        </a>
      </p>

      
        
        
        <p class="vendor"><a href="/collections/vendors?q=2026%20US%20OPEN" title="">2026 US OPEN</a></p>
      

      
      <p class="price">
         <span class="money">$ 35.00</span>
      </p>
      
    </div><!-- .coll-prod-caption -->
  </div>



            
              





  
  <div class="product-item ">
    <div class="image-wrapper">
      
      
      <a aria-label="YELLOWTAIL NAVY" href="/collections/featured-products/products/yellowtail-navy-1152996">
        <img class="lazyOwl" data-src="//www.hsssurf.com/cdn/shop/files/yellow-tail-nvy_f22f3a15-8317-4bdb-a11f-0658505ec111_large.gif?v=1778862157" src="//www.hsssurf.com/cdn/shop/files/yellow-tail-nvy_f22f3a15-8317-4bdb-a11f-0658505ec111_large.gif?v=1778862157" alt="Blue hat with embroidered logo of yellowtail " />
      </a>
    </div><!-- .coll-image-wrap -->
    
    <div class="caption">
      <p class="title">
        <a href="/collections/featured-products/products/yellowtail-navy-1152996">
          YELLOWTAIL NAVY
        </a>
      </p>

      
        
        
        <p class="vendor"><a href="/collections/vendors?q=HUNTINGTON%20SURF%20AND%20SPORT" title="">HUNTINGTON SURF AND SPORT</a></p>
      

      
      <p class="price">
         <span class="money">$ 35.99</span>
      </p>
      
    </div><!-- .coll-prod-caption -->
  </div>



            
              





  
  <div class="product-item ">
    <div class="image-wrapper">
      
      
      <a aria-label="2026 INDEPENDENCE DAY T-SHIRT white" href="/collections/featured-products/products/2026-independence-day-t-shirt-white-1135035">
        <img class="lazyOwl" data-src="//www.hsssurf.com/cdn/shop/files/independence-day-wht-2a_large.gif?v=1777047523" src="//www.hsssurf.com/cdn/shop/files/independence-day-wht-2a_large.gif?v=1777047523" alt="back of white t-shirt with &quot;AMERICA 250 2026&quot; and image of huntington beach pier, jets and surfer. " />
      </a>
    </div><!-- .coll-image-wrap -->
    
    <div class="caption">
      <p class="title">
        <a href="/collections/featured-products/products/2026-independence-day-t-shirt-white-1135035">
          2026 INDEPENDENCE DAY T-SHIRT white
        </a>
      </p>

      
        
        
        <p class="vendor"><a href="/collections/vendors?q=4TH%20OF%20JULY" title="">4TH OF JULY</a></p>
      

      
      <p class="price">
         <span class="money">$ 32.00</span>
      </p>
      
    </div><!-- .coll-prod-caption -->
  </div>



            
              





  
  <div class="product-item ">
    <div class="image-wrapper">
      
      
      <a aria-label="HSS DOUBLE TEE" href="/collections/featured-products/products/hss-double">
        <img class="lazyOwl" data-src="//www.hsssurf.com/cdn/shop/files/hss-double-nvy-2_large.gif?v=1781128737" src="//www.hsssurf.com/cdn/shop/files/hss-double-nvy-2_large.gif?v=1781128737" alt="back of blue t shirt with text across the back &quot; HSS Surfboards Main and PCH Huntington Beach, Ca" />
      </a>
    </div><!-- .coll-image-wrap -->
    
    <div class="caption">
      <p class="title">
        <a href="/collections/featured-products/products/hss-double">
          HSS DOUBLE TEE
        </a>
      </p>

      
        
        
        <p class="vendor"><a href="/collections/vendors?q=HUNTINGTON%20SURF%20AND%20SPORT" title="">HUNTINGTON SURF AND SPORT</a></p>
      

      
      <p class="price">
         <span class="money">$ 34.99</span>
      </p>
      
    </div><!-- .coll-prod-caption -->
  </div>



            
          </div>
        
      </div>
    </div><!-- #product-slider -->


  

  
    <div class="widgets">

    
    
    
    

    
      <div class="social-feeds">
        <div class="row">
          
          

          
          
          <div class="columns large-12" style="overflow: hidden;">
            



	
	

	<div class="instagram-widget" data-username="hsssurf">
		<h3 class="title"><a target="_blank" href="http://instagram.com/hsssurf">@HSSSURF</a></h3>
        <h6>FOLLOW US ON INSTAGRAM</h6>	
      <div class="items"></div>
	</div>






          </div>
          

          
          
        </div>
      </div>
      
    
    </div> <!-- .widgets -->
  


<div id="rap__med__instagram"></div><script async src="https://theraptormedia.com/instagram/embed.js" data-id="hsssurf.myshopify.com" defer="defer"></script>
  </section>

  <footer class="main-footer">

    <div class="row bottom">
      <div class="column-1 large-4 columns">
        <h2 class="title">Contact</h2>
        <div class="content">
          <p class="text"><a href="mailto:info@hsssurf.com">info@hsssurf.com</a><br><br />
Web Support <strong>1.800.620.2951</strong><br></p>
        </div>

      </div>
      <div class="column-2 large-4 columns">
        <h2 class="title">Info</h2>
        
        <div class="content">
          
            
          
            <ul class="footer-nav plain-list">
            
              <li><a href="/pages/javapoint" title="Java Point - Order Online">Java Point - Order Online</a></li>
            
              <li><a href="https://www.hsssurf.com/pages/shof" title="Surfers' Hall of Fame">Surfers' Hall of Fame</a></li>
            
              <li><a href="https://www.hsssurf.com/pages/hss-surf-team" title="Surf Team">Surf Team</a></li>
            
              <li><a href="/pages/store-locator-1" title="Locations & Hours">Locations & Hours</a></li>
            
              <li><a href="/pages/return-and-exchange-information" title="Return Info">Return Info</a></li>
            
              <li><a href="/pages/contact-us" title="Contact Us">Contact Us</a></li>
            
              <li><a href="/pages/shipping-information" title="Shipping Info">Shipping Info</a></li>
            
              <li><a href="https://www.hsssurf.com/pages/privacy-policy" title="Privacy Policy">Privacy Policy</a></li>
            
              <li><a href="/pages/accessibility" title="Accessibility">Accessibility</a></li>
            
            </ul>
          
        </div>
      </div>


      <div class="column-3 large-4 columns">
        
          
          
            <h2 class="title">Subscribe</h2>
          

          <div class="content" id="mailing-list-module">
            
            
              <p>Signup to get the latest news...</p>
            

            
              <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
              
                     
            <input type="hidden" id="contact_tags" name="contact[tags]" value="newsletter" />
            <input type="hidden" id="newsletter-first-name" name="contact[first_name]" value="Subscriber" />
            <input type="hidden" id="newsletter-last-name" name="contact[last_name]" value="Newsletter" />
            <input type="email" placeholder="Your Email" name="contact[email]" />
            <input type="submit" class="button prefix" value="OK" name="subscribe" id="email-submit" />

            
            </form> 
            
          

          <div class="social-follow">
            <a title="Facebook"  target="_blank" class="glyph facebook" href="https://www.facebook.com/surfandsport"></a>
            
            <a title="Instagram" target="_blank" class="glyph instagram" href="https://www.instagram.com/hsssurf/"></a>
            
            
            
            
            

            
          </div>
        </div> 
      </div>
    </div>

    
      
        <div class="row">
          <div class="columns">
              <ul class="payment-options">
                
                  <li>
                    <span class="icon icon-amazon_pay" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-american_express" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-apple_pay" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-bancontact" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-discover" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-google_pay" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-ideal" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-master" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-paypal" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-shopify_pay" aria-hidden="true"></span>
                  </li>
                
                  <li>
                    <span class="icon icon-visa" aria-hidden="true"></span>
                  </li>
                
              </ul>
          </div>
        </div>
      
    
  </footer>



  



  
  <meta id="easyvideo_featured_product_image" content="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12" />
  
  
  <meta id="easyvideo_featured_main_image" content="//www.hsssurf.com/cdn/shopifycloud/storefront/assets/no-image-2048-a2addb12" />
  <meta id="easyvideo_enabled" content="1" />
  <meta id="easyvideo_selector" content="" />


<script>window.jQuery||document.write("<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js'><\/script>");</script> 
  
<script>function utilGetParameterByName(e,t){void 0===t&&(t=window.location.search),e=e.replace(/[\[]/,"\\[").replace(/[\]]/,"\\]");var o=new RegExp("[\\?&]"+e+"=([^&#]*)").exec(t);return null===o?"":decodeURIComponent(o[1].replace(/\+/g," "))}function CollectionFilterHandleGet(){return"/"==window.location.pathname?"all":window.location.pathname.substring("/collections/".length).split("/")[0]}function CollectionFilterLegacyTagsGet(){var e;return"/"==window.location.pathname?"":1==(e=window.location.pathname.substring("/collections/".length)).split("/").length?"":e=e.split("/")[1]}function CollectionFilterSetProductDetailVariant(e,t){for(var o=[],n=0;n<t.length;n++)for(var i=0;i<e.options.length;i++){var a=e.options[i];a.name.toLowerCase()==t[n].option_name.toLowerCase()&&o.push({position:a.position,title:t[n].variant_title})}if(0!=o.length&&1!=e.variants.length)for(n=0;n<e.variants.length;n++){var l=e.variants[n];if(!(l.title.indexOf("% Off")>-1)&&!("shopify"==l.inventory_management&&"deny"==l.inventory_policy&&l.inventory_quantity<=0)){var r=!0;for(i=0;i<o.length;i++)l["option"+o[i].position]!=o[i].title&&(r=!1);if(r)return window.location.href=window.location.pathname+"?variant="+l.id,void(document.querySelector("[name='id']").value=l.id)}}}function CollectionFilterFlushHandle(){"yes"==utilGetParameterByName("debug")&&console.log("CollectionFilterFlush()"),window.cfDocCookies.keys().filter(function(e){return 0==e.indexOf("cf-handle")}).map(function(e){window.cfDocCookies.removeItem(e,"/")})}function CollectionFilterFlush(){"yes"==utilGetParameterByName("debug")&&console.log("CollectionFilterFlush()"),window.cfDocCookies.keys().filter(function(e){return 0==e.indexOf("cf-")}).map(function(e){window.cfDocCookies.removeItem(e,"/")})}function CollectionFilterInitialize(){if("yes"==utilGetParameterByName("debug")&&console.log("CollectionFilterInitialize"),window.location.pathname.indexOf("/products/")>-1){if(""==utilGetParameterByName("variant")&&(o=window.cfDocCookies.getItem("cf-app-selected-filters"))&&"string"==typeof o){var e=JSON.parse(o);e.length>0&&jQuery.getJSON(window.location.pathname+".json",function(t){CollectionFilterSetProductDetailVariant(t.product,e)})}}else{if("/search"==window.location.pathname||"/"==window.location.pathname);else if(-1==window.location.pathname.indexOf("/collections/"))return;var t=Math.floor((new Date).getTime()/1e3);(o=window.cfDocCookies.getItem("cf-last_update_hours"))&&"string"==typeof o?t-parseInt(o)>=600&&CollectionFilterFlush():CollectionFilterFlush(),""!=utilGetParameterByName("sort_by")&&window.cfDocCookies.setItem("cf-app-remember-sort_by",utilGetParameterByName("sort_by"),null,"/"),""!=utilGetParameterByName("view")&&window.cfDocCookies.setItem("cf-app-remember-view",utilGetParameterByName("view"),null,"/"),(o=window.cfDocCookies.getItem("cf-app_settings"))&&"string"==typeof o&&(window.appcf.app_settings=JSON.parse(window.cfDocCookies.getItem("cf-app_settings")));var o,n=CollectionFilterHandleGet();if((o=window.cfDocCookies.getItem("cf-handle-"+n))&&"string"==typeof o&&(window.appcf.filters=JSON.parse(o)),"yes"==utilGetParameterByName("debug")&&console.log("CollectionFilterInitialize app_settings",window.appcf.app_settings,"filters",window.appcf.filters),window.appcf.app_settings&&window.appcf.filters?(CollectionFilterCheckRemember(n),CollectionFilterPopulateOptions(n)):jQuery.ajax({cache:!0,contentType:"application/json; charset=utf-8",dataType:"json",type:"GET",url:window.appcf.api_get,data:{shop:window.appcf.shop,handle:n.trim().toLowerCase()},success:function(e){0!=e.filters.options.length&&("yes"==utilGetParameterByName("debug")&&(console.log("CF got data data.filters.options.length",e.filters.options.length),console.log("CF got data data.filters.options[0].values.length",e.filters.options[0].values.length)),window.appcf.app_settings=e.app_settings,window.cfDocCookies.setItem("cf-app_settings",JSON.stringify(window.appcf.app_settings),null,"/"),window.appcf.filters=e.filters,CollectionFilterFlushHandle(),window.cfDocCookies.setItem("cf-handle-"+n,JSON.stringify(window.appcf.filters),null,"/"),window.cfDocCookies.setItem("cf-last_update_hours",t,null,"/"),CollectionFilterCheckRemember(n),CollectionFilterPopulateOptions(n))}}),"/search"==window.location.pathname){var i=CollectionFilterGetSearchValuesNoTags();jQuery("input[name='q']").val(i.join(" "))}}}function CollectionFilterSelectedFiltersGet(e){var t="",o=[];return"string"==typeof(t="/search"==window.location.pathname?utilGetParameterByName("q"):window.location.pathname.replace("/collections/"+e,"").replace("/",""))&&""!=t&&(o=(t=decodeURIComponent(t)).toLowerCase().split("+")),o}function CollectionFilterSetRemember(e,t){var o=[],n=window.cfDocCookies.getItem("cf-app-remember-tags");n&&"string"==typeof n&&(o=JSON.parse(n));for(var i=0;i<t.length;i++)-1==o.indexOf(t[i])&&o.push(t[i]);var a=[],l=[];"object"==typeof window.appcf.filters.options&&(l=window.appcf.filters.options);var r=[];for(i=0;i<l.length;i++)for(var c=0;c<l[i].values.length;c++)r.push(l[i].values[c].tag);for(i=0;i<o.length;i++)r.indexOf(o[i])>-1?t.indexOf(o[i])>-1&&a.push(o[i]):a.push(o[i]);window.cfDocCookies.setItem("cf-app-remember-tags",JSON.stringify(a),null,"/")}function CollectionFilterCheckRemember(e){if("/"!=window.location.pathname&&"/search"!=window.location.pathname){var t=CollectionFilterSelectedFiltersGet(e),o=[];(c=window.cfDocCookies.getItem("cf-app-remember-tags"))&&"string"==typeof c&&(o=JSON.parse(c));var n=[];"object"==typeof window.appcf.filters.options&&(n=window.appcf.filters.options);for(var i=[],a=0;a<n.length;a++)for(var l=0;l<n[a].values.length;l++)i.push(n[a].values[l].tag);var r=[];for(a=0;a<o.length;a++)i.indexOf(o[a])>-1&&-1==t.indexOf(o[a].toLowerCase())&&r.push(o[a]);var c,s="";if((c=window.cfDocCookies.getItem("cf-app-remember-sort_by"))&&"string"==typeof c)s=c;0==r.length&&s==utilGetParameterByName("sort_by")||(t.push.apply(t,r),CollectionFilterRedirect(e,t))}}function CollectionFilterPopulateOptions(e){"yes"==utilGetParameterByName("debug")&&console.log("CollectionFilterPopulateOptions",e);var t=window.appcf.app_settings,o=[];"object"==typeof window.appcf.filters.options&&(o=window.appcf.filters.options),void 0===t.show_only_options&&(t.show_only_options=""),t.show_only_options=t.show_only_options.trim();var n=[];""!=t.show_only_options&&(n=t.show_only_options.split(","));var i="",a=CollectionFilterSelectedFiltersGet(e);if(void 0===t.appearance&&(t.appearance=[]),void 0===t.production_mode&&(t.production_mode=!1),0==t.production_mode&&CollectionFilterFlush(),0==t.appearance.length)for(var r=0;r<n.length;r++)t.appearance.push({name:n[r],label:"",style:"select",all:""});var c=[];"yes"==utilGetParameterByName("debug")&&console.log("options",o,"app_settings",t);for(var s=0;s<t.appearance.length;s++){var p=t.appearance[s],f=o.filter(function(e){return e.name.toLowerCase()==p.name.toLowerCase()});if(1==f.length&&(f=f[0],"yes"==utilGetParameterByName("debug")&&l("option0",f),!(t.production_mode&&f.values.length<=1))){i+=" <span class='cf-label cf-title'>"+(""==p.label?p.name:p.label)+"</span>",i+=" <span class='cf-options-container'>";var u=720;if("number"==typeof window.cf_mobile_width&&(u=window.cf_mobile_width),jQuery(window).width()<=u&&(p.style="select"),"select"==p.style){i+="<select class='cf-select'>",i+="<option value=''>"+("string"==typeof p.all?p.all:"")+"</option>";for(var d=0;d<f.values.length;d++)i+="<option value='"+f.values[d].tag+"' ",a.indexOf(f.values[d].tag.toLowerCase())>=0&&(i+=" selected",c.push({option_name:f.name,variant_title:f.values[d].name})),i+=">"+f.values[d].name+"</option>";i+="</select>"}if("checkboxes"==p.style){var m=!1,w="string"==typeof p.all?p.all:"",h="";for(d=0;d<f.values.length;d++){var g="cf-"+CollectionFilterConvertToSlug(p.name)+"-",y=f.values[d].tag.replace(g,"");h+="<label><input class='cf-checkbox' name='"+p.name+"[]' data-group-name='"+p.name+"' type='checkbox' value='"+f.values[d].tag+"' id='"+y+"'    ",h+=(a.indexOf(f.values[d].tag.toLowerCase())>=0?" checked ":"")+" > <span>"+f.values[d].name+"</span></label>",a.indexOf(f.values[d].tag.toLowerCase())>=0&&(m=!0,c.push({option_name:f.name,variant_title:f.values[d].name}))}""!=w&&(i+="<label><input class='cf-checkbox' name='"+p.name+"[]' data-group-name='"+p.name+"' type='checkbox' value='' id=''    ",0==m&&(i+=" checked "),i+=" > <span>"+w+"</span></label>"),i+=h}if("radios"==p.style){i+="<label><input class='cf-radio' data-group-name='"+p.name+"' type='radio' value='' ",i+=" > <span>"+("string"==typeof p.all?p.all:"View All")+"</span></label>";for(d=0;d<f.values.length;d++)i+="<label><input class='cf-radio' data-group-name='"+p.name+"' type='radio' value='"+f.values[d].tag+"' ",i+=(a.indexOf(f.values[d].tag.toLowerCase())>=0?" checked ":"")+" > <span>"+f.values[d].name+"</span></label>",a.indexOf(f.values[d].tag.toLowerCase())>=0&&c.push({option_name:f.name,variant_title:f.values[d].name})}i+=" </span>"}}"yes"==utilGetParameterByName("debug")&&console.log("CF ohtml",i),jQuery(".collection-filters-container").html(i),jQuery("#collection-filters-container").html(i),"yes"==utilGetParameterByName("debug")&&(console.log("ohtml",i),console.log("collection-filters-container",jQuery(".collection-filters-container").length)),setTimeout(function(){jQuery(".cf-select").bind("change",CollectionFilterChange),jQuery(".cf-checkbox").bind("change",CollectionFilterChange),jQuery(".cf-radio").bind("change",CollectionFilterChange),utilGetParameterByName("debug"),"function"==typeof CollectionFilterReady&&CollectionFilterReady()},600),window.cfDocCookies.setItem("cf-app-selected-filters",JSON.stringify(c),null,"/")}function CollectionFilterGetSearchValuesNoTags(){if("/search"!=window.location.pathname)return[];var e=[];""!=utilGetParameterByName("q")&&(e=utilGetParameterByName("q").split(" "));for(var t=[],o=0;o<e.length;o++)-1==e[o].indexOf("tag:")&&t.push(e[o]);return t}function CollectionFilterRedirect(e,t){if("/search"==window.location.pathname){for(var o=CollectionFilterGetSearchValuesNoTags(),n=0;n<t.length;n++)o.push("tag:"+t[n]);window.location="/search?type="+utilGetParameterByName("type")+"&q="+o.join("+")}else{var i="/collections/"+e+"/"+t.join("+");i=i.replace(/&/g,"%26");var a=utilGetParameterByName("sort_by");if(void 0===a||""==a)(l=window.cfDocCookies.getItem("cf-app-remember-sort_by"))&&"string"==typeof l&&(a=l);void 0===a||""==a||(i.indexOf("?")>-1?i+="&":i+="?",i+="sort_by="+a);var l,r=utilGetParameterByName("view");if(void 0===r||""==r)(l=window.cfDocCookies.getItem("cf-app-remember-view"))&&"string"==typeof l&&(r=l);void 0===a||""==r||(i.indexOf("?")>-1?i+="&":i+="?",i+="view="+r),window.location.href=i}}function CollectionFilterChange(e){var t=jQuery(e.currentTarget).data("group-name"),o="",n=CollectionFilterHandleGet();void 0!==t&&(o=jQuery(e.currentTarget).val());var i=jQuery(e.currentTarget).closest(".collection-filters-container");0==i.length&&(i=jQuery(e.currentTarget).closest("#collection-filters-container"));var a=[];i.find(".cf-select").each(function(e){var t=jQuery(this).val();""!=t&&a.push(t)}),i.find(".cf-checkbox:checked").each(function(e){var n=jQuery(this).val();""!=n&&(jQuery(this).data("group-name")!=t?a.push(n):n==o&&a.push(n))}),i.find(".cf-radio:checked").each(function(e){var n=jQuery(this).val();""!=n&&(jQuery(this).data("group-name")!=t?""!=n&&a.push(n):n==o&&a.push(n))}),CollectionFilterSetRemember(n,a),CollectionFilterRedirect(n,a)}function CollectionFilterStart(){if("function"==typeof jQuery){if("number"!=typeof window.app_cf_started){window.app_cf_started=1,window.l=function(){};try{window.l=console.log.bind(console)}catch(e){}utilGetParameterByName("env");window.appcf={shop:"hsssurf",api_get:"https://collection-filter-www.herokuapp.com/api/v1/filters",app_settings:null,filters:null},"sadev3.myshopify.com"==window.location.host&&(window.appcf.api_get="https://localhost/api/v1/filters"),CollectionFilterInitialize()}}else console.log("please add jQuery to shop theme.liquid")}function CollectionFilterConvertToSlug(e){return e.toLowerCase().replace(/ /g,"-").replace(/[^\w-]+/g,"")}window.cfDocCookies={getItem:function(e){return e&&decodeURIComponent(document.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*"+encodeURIComponent(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=\\s*([^;]*).*$)|^.*$"),"$1"))||null},setItem:function(e,t,o,n,i,a){if(!e||/^(?:expires|max\-age|path|domain|secure)$/i.test(e))return!1;var l="";if(o)switch(o.constructor){case Number:l=o===1/0?"; expires=Fri, 31 Dec 9999 23:59:59 GMT":"; max-age="+o;break;case String:l="; expires="+o;break;case Date:l="; expires="+o.toUTCString()}return document.cookie=encodeURIComponent(e)+"="+encodeURIComponent(t)+l+(i?"; domain="+i:"")+(n?"; path="+n:"")+(a?"; secure":""),!0},removeItem:function(e,t,o){return!!this.hasItem(e)&&(document.cookie=encodeURIComponent(e)+"=; expires=Thu, 01 Jan 1970 00:00:00 GMT"+(o?"; domain="+o:"")+(t?"; path="+t:""),!0)},hasItem:function(e){return!!e&&new RegExp("(?:^|;\\s*)"+encodeURIComponent(e).replace(/[\-\.\+\*]/g,"\\$&")+"\\s*\\=").test(document.cookie)},keys:function(){for(var e=document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g,"").split(/\s*(?:\=[^;]*)?;\s*/),t=e.length,o=0;o<t;o++)e[o]=decodeURIComponent(e[o]);return e}},CollectionFilterStart();</script>



<!-- spurit_um-added -->
<script>
    var MRParams = {
        "id" : "55e58424222668975a0a63394203c027",
		        "apiScript" : "//www.hsssurf.com/cdn/shopifycloud/storefront/assets/themes_support/api.jquery-7ab1a3a4.js",
        "total_price" : "0",
        "total_quantity" : "0",
        "product" : null
    }
</script>

<!-- /spurit_um-added -->
<script>
  const focusableElements =
  'button, a, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
function trapFocus(selector) {
  const modal = document.querySelector(selector); // select the modal by it's CSS selector
  const firstFocusableElement = modal.querySelectorAll(focusableElements)[0]; // get first element to be focused inside modal
  const focusableContent = modal.querySelectorAll(focusableElements);
  const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal
  document.addEventListener("keydown", function (e) {
    let isTabPressed = e.key === "Tab" || e.keyCode === 9;
    if (!isTabPressed) {
      return;
    }
    if (e.shiftKey) {
      // if shift key pressed for shift + tab combination
      if (document.activeElement === firstFocusableElement) {
        lastFocusableElement.focus(); // add focus for the last focusable element
        e.preventDefault();
      }
    } else {
      // if tab key is pressed
      if (document.activeElement === lastFocusableElement) {
        // if focused has reached to last focusable element then focus first focusable element after pressing tab
        firstFocusableElement.focus(); // add focus for the first focusable element
        e.preventDefault();
      }
    }
  });
  firstFocusableElement.focus();
}
function keyToClick(event) {
  if (event.key == "Enter") {
    event.preventDefault();
    event.target.click();
  }
}

</script>
<style> *:focus-visible {border: 2px solid black;} .is-sr0nly {position: absolute; left: -10000px;} .skip-link {color: black; background-color: white; padding: 12px; border: 2px solid black; border-radius: 5px; z-index: 999;} .skip-link:focus-visible {left: 0px;} </style>
<div id="shopify-block-AYkNucFgydXg4cTluQ__14974507362743789004" class="shopify-block shopify-app-block"><style>
  
  
  custom-fields .ma-custom-field-group,
  custom-fields .ma-custom-field,
  custom-fields .ma-custom-field span,
  custom-fields .ma-custom-field label,
  custom-fields .ma-custom-field input,
  custom-fields .ma-custom-field select,
  custom-fields .ma-custom-field textarea,
  custom-fields .ma-custom-field fieldset,
  custom-fields .ma-custom-field fieldset legend {
    font-family:"system_ui", -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans', 'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
    font-style:normal;
    font-weight:400;
    letter-spacing:normal;
  }
  custom-fields .ma-custom-field-group {
    text-align: left;
    color: #222223;
  }
  custom-fields .ma-custom-field input[type="text"],
  custom-fields .ma-custom-field input[type="date"],
  custom-fields .ma-custom-field input[type="time"],
  custom-fields .ma-custom-field select,
  custom-fields .ma-custom-field textarea {
    background-color: #ffffff;
    color: #222223;
    border-color:#898f94 #aeb4b9 #aeb4b9 #aeb4b9;
    border-radius: 4px;
  }
  custom-fields .ma-custom-field input[type="text"]::placeholder,
  custom-fields .ma-custom-field input[type="date"]::placeholder,
  custom-fields .ma-custom-field input[type="time"]::placeholder,
  custom-fields .ma-custom-field select::placeholder,
  custom-fields .ma-custom-field textarea::placeholder {
    color:#6d7175;
  }
  custom-fields .ma-custom-field span.field-description {
    color:#6d7175;
  }
  custom-fields .ma-custom-field input[type="text"].invalid,
  custom-fields .ma-custom-field input[type="date"].invalid,
  custom-fields .ma-custom-field input[type="time"].invalid,
  custom-fields .ma-custom-field select.invalid,
  custom-fields .ma-custom-field textarea.invalid {
    border-color: #fd5749;
    background-color: #fff4f4;
  }
  custom-fields .field-required-indicator {
    color: #d72c0d;
  }
  custom-fields .ma-custom-field span.field-feedback .field-invalid {
    color: #d72c0d;
  }
  custom-fields .ma-custom-field span.field-feedback svg path {
    fill: #d72c0d;
  }
  
</style>
<magical-custom-fields data-id="AYkNucFgydXg4cTluQ__14974507362743789004"><script type="application/json">
    {
      "shop": "https://www.hsssurf.com",
      "cart_url": "/cart",
      "cart_add_url": "/cart/add",
      "field_groups" : [{
      "id" : "attqNZwwScPcvnyEobhWv",
      "name" : "Jr Guard",
      "status" : "active",
      "logic" : {"appliedTo":["products"],"appliedDisjunctively":["true"],"conditions":[],"products":[{"id":"7319791075511","variants":[{"id":"41799490011319"},{"id":"41799490044087"},{"id":"41799490076855"},{"id":"41799490109623"},{"id":"41799538966711"},{"id":"41799538999479"},{"id":"41799539032247"},{"id":"41799539065015"}]}],"collections":[]},
      "fields" : [{
            "id": 1,
            "type": "short_answer",
            "title": "Please enter your Jr. Guard\u0026#39;s name(s) here",
            "description": "",
            "placeholder": "",
            "required": true,
            "conditions": null,
            "options": [],
            "validation": [{"column":"","value":""}],
            "disabledDays": []
          }]
    }],
      "currency_format" : {
        "html_with_currency" :"$ 0.00 USD",
        "html_without_currency" :"0.00"},
      "current_product": {
        "id": "",
        "product_type": null,
        "variant_options": [],
        "selected_variant": "",
        "collections": []
      },
      "cart_contents": [],
      "display_settings": {
        "cart_line_item_component_price": true,
        "display_group_name": false
      },
      "locale": {
        "required": "Required",
        "required_prompt": "Please complete this required field.",
        "date_not_available": "This date is not available, please select another.",
        "upload_file": "Upload file",
        "upload_file_limit": "Max 20mb file upload limit",
        "drop_file": "Drop file here",
        "uploading": "Uploading...",
        "file_uploading": "File is being uploaded",
        "upload_success": "Successfully uploaded",
        "upload_error": "There was an error",
        "upload_error_help": "Try uploading a new file",
        "max_file_size_error": "File too large. Max 20mb allowed",
        "invalid_file_type": "Invalid file. Allowed:",
        "character_min_prompt": "Enter at least [CHAR_MIN] characters.",
        "select": "Select"
      }
    }
  </script>
</magical-custom-fields>


</div><div id="shopify-block-AdlMwdW41eW0wNHQ2b__18131037017812181619" class="shopify-block shopify-app-block">
  <script defer src="https://chimpstatic.com/mcjs-connected/js/users/fc99f02c46309845bb26dbe0b/1f9817e315854fe81c7cb55c1.js"></script>
  <script>window.mc_embedded = true;</script>



</div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>