Sunucu yanıtını kontrol edin

Yanıt başlıkları

İstek başlıkları

Ham HTML kodu

301 Moved Permanently - hats.com

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Date: Fri, 23 May 2025 23:59:46 GMT

Content-Type: text/html; charset=utf-8

Content-Length: 0

Connection: keep-alive

x-sorting-hat-podid: 154

x-sorting-hat-shopid: 62810423451

x-storefront-renderer-rendered: 1

location: https://hats.com/

x-redirect-reason: https_required

shopify-complexity-score: 80

x-frame-options: DENY

content-security-policy: frame-ancestors 'none';

x-shopid: 62810423451

x-shardid: 154

vary: Accept

powered-by: Shopify

server-timing: processing;dur=8, db;dur=2, db_async;dur=1.443, asn;desc="24940", edge;desc="HEL", country;desc="FI", pageType;desc="index", servedBy;desc="9xlj", requestID;desc="7eb95cb5-478a-4c06-9491-4ec460f9ea86-1748044786"

x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1

x-request-id: 7eb95cb5-478a-4c06-9491-4ec460f9ea86-1748044786

Alt-Svc: h3=":443"; ma=86400

cf-cache-status: DYNAMIC

Report-To: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=JbRtJW61bRtaVAk9DQ2dCfJc2hYLZ2qqgzMEm3DhtV97fyx2G70S8SDNql8%2Bs15kXCuLc0%2BD6WOIYs%2Ff72bRPE%2BKXsYyzXhnx9M5DEIz0cch0CPkiqJ7HbJf"}],"group":"cf-nel","max_age":604800}

NEL: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}

Server-Timing: cfRequestDuration;dur=77.000141

X-XSS-Protection: 1; mode=block

X-Content-Type-Options: nosniff

X-Permitted-Cross-Domain-Policies: none

X-Download-Options: noopen

Shopify-Edge-Ip: 23.227.38.65

Server: cloudflare

CF-RAY: 9448824d2ca34c7c-HEL

date: Fri, 23 May 2025 23:59:47 GMT

content-type: text/html; charset=utf-8

x-sorting-hat-podid: 154

x-sorting-hat-shopid: 62810423451

x-storefront-renderer-rendered: 1

set-cookie: secure_customer_sig=; path=/; expires=Sat, 23 May 2026 23:59:47 GMT; secure; HttpOnly; SameSite=Lax

set-cookie: localization=US; path=/; expires=Sat, 23 May 2026 23:59:47 GMT; SameSite=Lax

set-cookie: cart_currency=USD; path=/; expires=Fri, 06 Jun 2025 23:59:47 GMT; SameSite=Lax

set-cookie: _shopify_y=01B8C9BA-85a6-423F-a9e2-33bc83030588; domain=hats.com; path=/; expires=Sun, 24 May 2026 05:59:47 GMT; SameSite=Lax

set-cookie: _shopify_s=A52B70AC-af01-4561-96b4-f33a56947fb9; domain=hats.com; path=/; expires=Sat, 24 May 2025 00:29:47 GMT; SameSite=Lax

set-cookie: _tracking_consent=%7B%22con%22%3A%7B%22CMP%22%3A%7B%22a%22%3A%22%22%2C%22m%22%3A%22%22%2C%22p%22%3A%22%22%2C%22s%22%3A%22%22%7D%7D%2C%22v%22%3A%222.1%22%2C%22region%22%3A%22FI18%22%2C%22reg%22%3A%22%22%2C%22purposes%22%3A%7B%22a%22%3Atrue%2C%22p%22%3Atrue%2C%22m%22%3Atrue%2C%22t%22%3Atrue%7D%2C%22display_banner%22%3Afalse%2C%22sale_of_data_region%22%3Afalse%2C%22consent_id%22%3A%2204D29A61-5543-463D-af80-45eea944b973%22%7D; domain=hats.com; path=/; expires=Sat, 23 May 2026 23:59:47 GMT; SameSite=Lax

set-cookie: _orig_referrer=; domain=hats.com; path=/; expires=Fri, 06 Jun 2025 23:59:47 GMT; HttpOnly; SameSite=Lax

set-cookie: _landing_page=%2F; domain=hats.com; path=/; expires=Fri, 06 Jun 2025 23:59:47 GMT; HttpOnly; SameSite=Lax

link: <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=600>; as="image"; rel="preload"; imagesrcset="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=200 200w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=300 300w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=400 400w"; imagesizes="(max-width: 400px) 50vw, 200px", <//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=600>; as="image"; rel="preload"; imagesrcset="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=160 160w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=240 240w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&width=320 320w"; imagesizes="(max-width: 320px) 50vw, 160px"

etag: W/"cacheable:01435fef4eff2f03164e0b4eb63bd2cd"

x-cache: miss

shopify-complexity-score: 1880

x-frame-options: DENY

content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;

strict-transport-security: max-age=7889238

x-shopid: 62810423451

x-shardid: 154

vary: Accept

vary: accept-encoding

content-language: en-US

powered-by: Shopify

server-timing: processing;dur=192;desc="gc:25", db;dur=36, db_async;dur=7.685, render;dur=79, asn;desc="24940", edge;desc="HEL", country;desc="FI", theme;desc="145199431835", pageType;desc="index", servedBy;desc="wp8m", requestID;desc="481beffc-ec95-447e-b11c-785bc1a892b6-1748044786"

x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1

x-request-id: 481beffc-ec95-447e-b11c-785bc1a892b6-1748044786

alt-svc: h3=":443"; ma=86400

cf-cache-status: DYNAMIC

report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=QX7dbM8Z%2FK3U2QuDAaOAQBkeyTf1yxUGXmuolSNDliqkHbadtZiwcv7eQk8AbMvwkj7cVRsK2jNLGtNPEM9L8s0THfuT8xqknr%2F2VGf6jfzjo70QcQxiSDjm"}],"group":"cf-nel","max_age":604800}

nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}

server-timing: cfRequestDuration;dur=283.999920

x-xss-protection: 1; mode=block

x-content-type-options: nosniff

x-permitted-cross-domain-policies: none

x-download-options: noopen

shopify-edge-ip: 23.227.38.65

server: cloudflare

cf-ray: 9448824e2f074c80-HEL

HTTP Kodu 301 Kalıcı Olarak Taşındı

301 Moved Permanently, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

Bir web sitesi alan adını değiştirirken
URL yapılarını değiştirirken
SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: hats.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="generator" content="adastra">
    <meta name="theme-color" content="">
    <link rel="canonical" href="https://hats.com/"><style>
  :root {
    --primary-1:#f47969;
    --primary-2:#f2aea2;
    --primary-3:#59595b;
    --primary-4:#665252;
    --primary-5:#f7e8e6;

    --success:#4D813B;
    --error:#dc323b;
    --disabled:#e0e0e0;

    /* Greyscale */
    --white:#FFFFFF;
    --black:#231f20;
    --grey-1:#e0e0e0;
    --grey-2:#bcbcbc;
    --grey-3:#909090;
    --grey-4:#d27866;
    --grey-5:#23262a;

    /* Seasons */
    --spring-swatch:#1A7C79;
    --summer-swatch:#F2C153;
    --fall-swatch:#9B3D42;
    --winter-swatch:#1D2D51;

    /* Swatches */
    --beige-swatch:#cdb388;
    --blue-swatch:#84c8e9;
    --orange-swatch:#dba568;
    --purple-swatch:#805876;
    --ivory-swatch:#e2d9e8;
    --brown-swatch:#7d6b4b;
    --natural-swatch:#eacc9d;
    --pink-swatch:#f2e8e7;
    --tan-swatch:#e5cf8b;
    --yellow-swatch:#f8f3a1;

    /*  */
    --color-background: 255, 255, 255;
    --gradient-background: #ffffff;
  }
</style><style data-shopify>

@font-face {
  font-family: "Acumin";
  src: url (https://cdn.shopify.com/s/files/1/0628/1042/3451/files/AcuminVariableConcept.otf?v=1734627564) format("opentype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Acumin Bold";
  src: url (https://cdn.shopify.com/s/files/1/0628/1042/3451/files/AcuminVariableConcept.otf?v=1734627564) format("opentype");
  font-weight: 700;
  font-style: normal;
}

  :root,
  .hats-brand {
    --font-paragraph-family: 'Acumin'
    , sans-serif;

    --font-heading-family: 'Acumin Bold'
    , sans-serif;

    --font-sub-heading-family: 'Acumin Bold'
    , sans-serif;

    --font-acumin: 'Acumin'
    , sans-serif;

    --font-acumin-bold: 'Acumin Bold'
    , sans-serif;

    --font-body-family: var(--font-paragraph-family);

    --h1: 64px;
    --h1-lineheight: 72px;
    --h2: 48px;
    --h2-lineheight: 52px;
    --h3: 32px;
    --h3-lineheight: 36px;
    --h3-letterspacing: .4px;
    --h4: 24px;
    --h4-lineheight: 28px;
    --h4-letterspacing: normal;
    --h5: 20px;
    --h5-lineheight: 28px;
    --h6: 14px;
    --h6-lineheight: 22px;
    --h6-letterspacing: normal;

    --h1-m: 44px;
    --h1-lineheight-m: 52px;
    --h2-m: 36px;
    --h2-lineheight-m: 40px;
    --h3-m: 26px;
    --h3-lineheight-m: 30px;
    --h3-letterspacing-m: normal;
    --h4-m: 20px;
    --h4-lineheight-m: 28px;
    --h5-m: 16px;
    --h5-lineheight-m: 24px;
    --h6-m: 14px;
    --h6-lineheight-m: 22px;

    --sub-base: 20px;
    --sub-base-lineheight: 30px;

    --caps-base: 18px;
    --caps-base-lineheight: 28x;
    --caps-base-letterspacing: normal;
    --caps-lg: 20px;
    --caps-lg-lineheight: 22x;
    --caps-md: 18px;
    --caps-md-lineheight: 20x;
    --caps-sm: 14px;
    --caps-sm-lineheight: 16x;
    --caps-xs: 12px;
    --caps-xs-lineheight: 14x;

    --body-lg: 20px;
    --body-lg-lineheight: 30px;
    --body-lg-letterspacing: normal;
    --body-base: 16px;
    --body-base-lineheight: 24px;
    --body-sm: 14px;
    --body-sm-lineheight: 20px;
    --body-xs: 12px;
    --body-xs-lineheight: 16px;
  }
</style>

      <link fetchpriority="low" rel="icon" href="//hats.com/cdn/shop/files/favicon.png?crop=center&height=32&v=1738269096&width=32" sizes="32x32">
    

    
    
      <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
    

    <title>
      Hats.com | Find Yourself in A Hat
</title>

    
      <meta name="description" content="With a massive collection of designer fashion hats for both men and women, Hats.com is here to help you accessorize for every occasion. Browse our collection and Find Yourself in a Hat!">
    

    

<meta property="og:site_name" content="Hats.com">
<meta property="og:url" content="https://hats.com/">
<meta property="og:title" content="Hats.com | Find Yourself in A Hat">
<meta property="og:type" content="website">
<meta property="og:description" content="With a massive collection of designer fashion hats for both men and women, Hats.com is here to help you accessorize for every occasion. Browse our collection and Find Yourself in a Hat!"><meta property="og:image" content="http://hats.com/cdn/shop/files/Social_sharing_image.png?v=1738268974">
  <meta property="og:image:secure_url" content="https://hats.com/cdn/shop/files/Social_sharing_image.png?v=1738268974">
  <meta property="og:image:width" content="1201">
  <meta property="og:image:height" content="628"><meta name="twitter:site" content="@HatsDotCom"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Hats.com | Find Yourself in A Hat">
<meta name="twitter:description" content="With a massive collection of designer fashion hats for both men and women, Hats.com is here to help you accessorize for every occasion. Browse our collection and Find Yourself in a Hat!">


    <script src="//hats.com/cdn/shop/t/19/assets/constants.js?v=58251544750838685771746815856" defer="defer"></script>
    <script src="//hats.com/cdn/shop/t/19/assets/pubsub.js?v=158357773527763999511746815856" defer="defer"></script>
    <script src="//hats.com/cdn/shop/t/19/assets/global.js?v=44367121898708738591746815856" defer="defer"></script>
    <link rel="preconnect" href="https://cdn.shopify.com" crossorigin>

    <script>
      document.documentElement.className = document.documentElement.className.replace('no-js', 'js')
      window.addEventListener('load', () => document.documentElement.classList.add('ready'))
    </script>

    <!-- shopify/apps -->
    <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="/62810423451/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="fe1af4a0c3323bd398361db2cbd1f431">
<meta id="in-context-paypal-metadata" data-shop-id="62810423451" data-venmo-supported="true" 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"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=62810423451" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":62810423451,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/62810423451","merchantName":"Hats.com","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Hats.com","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"fe1af4a0c3323bd398361db2cbd1f431","betas":["rich-media-storefront-analytics"],"domain":"hats.com","predictiveSearch":true,"shopId":62810423451,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "5050b7.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"052125 Red White \u0026 Savings Memorial Day Sale","id":145199431835,"schema_name":"BOLL- Hats","schema_version":"0.0.1","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "hats.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-button":["modules/v2/client.shop-button_Cls8fA5R.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Cc-qVL2z.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_B2bcHbF0.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C97RHVS7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-fed-cm":["modules/v2/client.init-fed-cm_D_UxnkVb.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_B3vUumcK.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_-zS8l3L2.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"pay-button":["modules/v2/client.pay-button_DWJZkEJ7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CEaN7ODi.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CtVAwMQo.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DXe3zqOZ.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_N-W60_Qf.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CR6ElJGq.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CCB9cVzN.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"]};
</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/connect.nosto.com\/include\/script\/shopify-62810423451.js?shop=5050b7.myshopify.com","https:\/\/cdn-scripts.signifyd.com\/shopify\/script-tag.js?shop=5050b7.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":62810423451,"offset":-14400,"reqid":"481beffc-ec95-447e-b11c-785bc1a892b6-1748044786","pageurl":"hats.com\/","u":"576e727d812b","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-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//hats.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//hats.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></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://hats.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 rel="stylesheet" media="screen" href="https://hats.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>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    <script src="//hats.com/cdn/shop/t/19/assets/fslightbox.js?v=37028576640051217411746815856" type="module" crossorigin="anonymous"></script>

    



  <link href="//hats.com/cdn/shop/t/19/assets/theme-6111730d.css" rel="stylesheet" type="text/css" media="all" />





  <link rel="modulepreload" href="//hats.com/cdn/shop/t/19/assets/theme-4af599bd.js" as="script" crossorigin="anonymous">
  <script src="//hats.com/cdn/shop/t/19/assets/theme-4af599bd.js" type="module" crossorigin="anonymous"></script>
  <link href="//hats.com/cdn/shop/t/19/assets/theme-6111730d.css" rel="stylesheet" type="text/css" media="all" />



      <link rel="preload" as="font" href="Liquid error (layout/theme line 65): font_url can only be used with a font drop" type="font/woff2" crossorigin>
      

      <link rel="preload" as="font" href="Liquid error (layout/theme line 70): font_url can only be used with a font drop" type="font/woff2" crossorigin>
      
<script src="//hats.com/cdn/shop/t/19/assets/localization-form.js?v=174131996522424983681746815856" defer="defer"></script><link
        rel="stylesheet"
        href="//hats.com/cdn/shop/t/19/assets/component-predictive-search.css?v=91490247493200395471746815856"
        media="print"
        onload="this.media='all'"
      ><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->












  <script async src="https://static.klaviyo.com/onsite/js/U2wLND/klaviyo.js?company_id=U2wLND"></script>
  <script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>

  




  <script>
    window.klaviyoReviewsProductDesignMode = false
  </script>







<!-- END app block --><!-- BEGIN app block: shopify://apps/eg-auto-add-to-cart/blocks/app-embed/0f7d4f74-1e89-4820-aec4-6564d7e535d2 -->










  
    <script async type="text/javascript" src="https://cdn.506.io/eg/script.js?shop=5050b7.myshopify.com"></script>
  




<script defer>
  (async function() {
    try {

      const blockVersion = "v3"
      if (blockVersion != "v3") {
        return 
      }

      let metaErrorFlag = true;
      if (metaErrorFlag) {
        return
      }

      // Parse metafields as JSON
      const metafields = {"easygift-rule-681131a0a5f2ad0652e57f89":{"schedule":{"enabled":true,"starts":"2025-04-30T04:00:00Z","ends":"2025-05-08T07:00:00Z"},"trigger":{"productTags":{"targets":[],"collectionInfo":null,"sellingPlan":null},"type":"collection","minCartValue":null,"hasUpperCartValue":false,"upperCartValue":null,"products":[],"collections":[{"name":"Helen Kaminski","id":316374057115,"gid":"gid:\/\/shopify\/Collection\/316374057115","handle":"helen-kaminski","_id":"681131fca5f2ad0652e7dd34"},{"name":"Kaminski","id":316374089883,"gid":"gid:\/\/shopify\/Collection\/316374089883","handle":"kaminski","_id":"681131fca5f2ad0652e7dd35"}],"condition":null,"conditionMin":null,"conditionMax":null,"collectionSellingPlanType":null},"action":{"notification":{"enabled":true,"showImage":false,"imageUrl":"","headerText":"Free Mother's Day Gifts Added"},"discount":{"issue":null,"type":"app","id":"gid:\/\/shopify\/DiscountAutomaticNode\/1145334005915","title":"Free Mother's Day GWP","createdByEasyGift":true,"easygiftAppDiscount":true,"discountType":"percentage","value":100},"popupOptions":{"headline":null,"subHeadline":null,"showItemsPrice":false,"popupDismissable":false,"imageUrl":null,"persistPopup":false,"rewardQuantity":1,"showDiscountedPrice":false,"hideOOSItems":false},"banner":{"enabled":false,"headerText":null,"subHeaderText":null,"showImage":false,"imageUrl":null,"displayAfter":"5","closingMode":"doNotAutoClose","selfcloseAfter":"5","reshowBannerAfter":"everyNewSession","redirectLink":null},"type":"addAutomatically","products":[{"name":"Printed Silk Scarf - Cinnamon","variantId":"45460046151835","variantGid":"gid:\/\/shopify\/ProductVariant\/45460046151835","productGid":"gid:\/\/shopify\/Product\/8249311101083","quantity":1,"handle":"helen-kaminski-printed-silk-scarf-cinnamon-print-prtsil-sq-sf","price":"50.00"},{"name":"Silk Eye Mask - Cinna Print","variantId":"45456753557659","variantGid":"gid:\/\/shopify\/ProductVariant\/45456753557659","productGid":"gid:\/\/shopify\/Product\/8248174608539","quantity":1,"handle":"helen-kaminski-silk-eye-mask-mkt10729","price":"25.00"}],"limit":1,"preventProductRemoval":false,"addAvailableProducts":false},"targeting":{"link":{"destination":null,"data":null,"cookieLifetime":14},"additionalCriteria":{"geo":{"include":[],"exclude":[]},"type":null,"customerTags":[],"customerTagsExcluded":[],"customerId":[],"orderCount":null,"hasOrderCountMax":false,"orderCountMax":null,"totalSpent":null,"hasTotalSpentMax":false,"totalSpentMax":null},"type":"all"},"settings":{"worksInReverse":true,"runsOncePerSession":false,"preventAddedItemPurchase":true,"showReminderBanner":false},"_id":"681131a0a5f2ad0652e57f89","name":"HK Mother's Day GWP","store":"67c9d3b3182737ff04a0fa01","shop":"5050b7","active":true,"translations":null,"createdAt":"2025-04-29T20:08:00.196Z","updatedAt":"2025-04-29T20:09:32.938Z","__v":0}};

      // Process metafields in JavaScript
      let savedRulesArray = [];
      for (const [key, value] of Object.entries(metafields)) {
        if (value) {
          for (const prop in value) {
            // avoiding Object.Keys for performance gain -- no need to make an array of keys.
            savedRulesArray.push(value);
            break;
          }
        }
      }

      const metaTag = document.createElement('meta');
      metaTag.id = 'easygift-rules'; 
      metaTag.content = JSON.stringify(savedRulesArray);
      metaTag.setAttribute('itemid', 'cnVsZXNfJF8xNzQ4MDQ0Nzg3');
  
      document.head.appendChild(metaTag);
      } catch (err) {
        
      }
  })();
</script>


  <script type="text/javascript" defer>

    (function () {
      try {
        window.EG_INFO = window.EG_INFO || {};
        
      } catch(err) {
      return
    }})()
  </script>


<!-- END app block --><!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf -->


  <script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/frenESWaVqmVOlNMMsM1oG5SbEdcn9w8ahgcGfzZ?languageCode=en" async></script>



  
<!-- END app block --><script src="https://cdn.shopify.com/extensions/35e2c2f3-3be4-4358-bd32-9305b9139cc5/nosto-96/assets/market-init.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 62810423451,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",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 id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={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[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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[1-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[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-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+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=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,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),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:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 62810423451,storefrontBaseUrl: "https://hats.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"1063551131","configuration":"{\"accountID\":\"shopify-62810423451\", \"endpoint\":\"https://connect.nosto.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"60f9697f193f16c7e745893c5301d922","type":"APP","apiClientId":272825,"privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"986480795","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/nH4mCP2f3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/VYgoCPGf3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/YCVkCPqf3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/CRIdCO6f3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/GvijCPef3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/fn0dCICg3rwaEJ2fyckD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-952BWSRY6X\\\",\\\"AW-959598493\\/xghXCPSf3rwaEJ2fyckD\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"32490078a1ca868202a857e260a8d770","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"980517019","configuration":"{\"isUserEvents\":\"enabled\",\"isSavePromiseDate\":\"enabled\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f65bd0af76d9069ff861240b49bbb619","type":"APP","apiClientId":1461275,"privacyPurposes":["ANALYTICS","PREFERENCES"]},{"id":"78577819","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Linkconnector pixel"},{"id":"134676635","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"cj-network-integration-pixel"},{"id":"136052891","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Signifyd pixel"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Hats.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"5050b7.myshopify.com","countryCode":"US","storefrontUrl":"https://hats.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://hats.com/cdn","08b5bf84w6d7a59e5pb2542aa3md87bc169",{"modern":"","legacy":""},{"shopId":"62810423451","storefrontBaseUrl":"https://hats.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"08b5bf84w6d7a59e5pb2542aa3md87bc169"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home"}};
  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 || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 62810423451,
      theme_id: 145199431835,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//hats.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//hats.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//hats.com/cdn/s/trekkie.storefront.f0d5693ccbd1fc3a366a05ea27b0943896b4a200.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":62810423451,"isMerchantRequest":null,"themeId":145199431835,"themeCityHash":"4770391541253187570","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"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","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 = "//hats.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
<script
  defer
  src="https://hats.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.3.min.js"
  data-application="storefront-renderer"
  data-shop-id="62810423451"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="145199431835"
  data-theme-name="BOLL- Hats"
  data-theme-version="0.0.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
></script>
</head>
  <body class="hats-brand gradient animate--hover-">
    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
      Skip to content
    </a>

<link href="//hats.com/cdn/shop/t/19/assets/quantity-popover.css?v=58467583204009337101746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-card.css?v=120341546515895839841746815856" rel="stylesheet" type="text/css" media="all" />

<script src="//hats.com/cdn/shop/t/19/assets/cart.js?v=49809189883634086011746815856" defer="defer"></script>
<script src="//hats.com/cdn/shop/t/19/assets/quantity-popover.js?v=987015268078116491746815856" defer="defer"></script>
<script src="//hats.com/cdn/shop/t/19/assets/cart-drawer.js?v=94697894163829960281746815856" defer="defer"></script>

<link href="//hats.com/cdn/shop/t/19/assets/component-cart-drawer.css?v=175407465303844509711746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-cart.css?v=135777562572045274611746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-totals.css?v=15906652033866631521746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-price.css?v=172854810291890889121746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-discounts.css?v=152760482443307489271746815856" rel="stylesheet" type="text/css" media="all" />

<cart-drawer class="drawer is-empty">
  <div id="CartDrawer" class="cart-drawer">
    <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
    <div
      class="drawer__inner gradient color-"
      role="dialog"
      aria-modal="true"
      aria-label="My Bag"
      tabindex="-1"
    >
      <div class="drawer__header px-[10px] flex items-center justify-between border-grey-1 border-b">
        <h2 class="drawer__heading text-sm pl-[10px] m-0">My Bag
          <span class="text-black">(<span data-cart-count>0</span>)</span>
        </h2>
        <button
          class="drawer__close p-5 cursor-pointer text-black"
          type="button"
          onclick="this.closest('cart-drawer').close()"
          aria-label="Close"
        >
          <svg
  xmlns="http://www.w3.org/2000/svg"
  aria-hidden="true"
  focusable="false"
  class="icon icon-close "
  fill="none"
  viewBox="0 0 18 17"
>
  <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="currentColor">
</svg>

        </button>
      </div>

      



<div class="drawer__inner-empty">
          <div class="p-[30px]">
            <h3 class="m-0">Your cart is empty.</h3>
            <div class="mt-6">
              <a href="/collections/all" class="button button--secondary-dark hover:!font-acumin"
                >Explore new hats</a>
            </div>
          </div>
        </div><cart-drawer-items
        
          class=" is-empty"
        
      >
        <form
          action="/cart"
          id="CartDrawer-Form"
          class="cart__contents cart-drawer__form"
          method="post"
        >
          <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
            <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
              Loading...
            </p>
          </div>
          <div id="CartDrawer-CartErrors" role="alert"></div>
        </form>
      </cart-drawer-items>

      <div class="drawer__footer py-5 px-[30px] border-t border-grey-1">
        
        <div class="flex items-center justify-between mt-[20px]" role="status">
          <h2 class="text m-0">Subtotal</h2>
          <p class="font-bold"><strong>$0.00 USD</strong></p>
        </div>
        <small class="text-black text-sm mt-1">Tax included and shipping and discounts calculated at checkout</small>

        <div class="flex flex-col items-center justify-center text-center">
          <button
            type="submit"
            class="button button--primary-dark mt-5 mb-3 w-full"
            name="checkout"
            form="CartDrawer-Form"
            
              disabled
            
          >
            Checkout
          </button>

          <a href="/cart" class="text-black">View My Bag</a>
        </div>
      </div>
    </div>
  </div>
</cart-drawer>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--18657960231067__announcement_bar_mKzHBb" class="shopify-section shopify-section-group-header-group announcement-bar-section"><link href="//hats.com/cdn/shop/t/19/assets/component-slideshow.css?v=41568389003077754171746815856" rel="stylesheet" type="text/css" media="all" />
<link href="//hats.com/cdn/shop/t/19/assets/component-slider.css?v=14039311878856620671746815856" rel="stylesheet" type="text/css" media="all" />
<div class="announcement-bar dark-bg">
  <div class="px-6 max-w-full py-[15px]"><div
        role="region"
        aria-label="Announcement"
        
      >
        <div class="announcement-bar__message text-xs text-white">
          <div class="hidden lg:block"><p>Memorial Day Sale – 15% Off + Free Shipping!*</p></div>
          <div class="lg:hidden"><p>Memorial Day Sale – 15% Off + Free Shipping!*</p></div>
        </div>
      </div></div>
</div>


</div><header id="shopify-section-sections--18657960231067__header" class="shopify-section shopify-section-group-header-group section-header site-header sticky top-0 bg-white"><link rel="stylesheet" href="//hats.com/cdn/shop/t/19/assets/component-search.css?v=165164710990765432851746815856" media="print" onload="this.media='all'"><link rel="stylesheet" href="//hats.com/cdn/shop/t/19/assets/component-price.css?v=172854810291890889121746815856" media="print" onload="this.media='all'"><script src="//hats.com/cdn/shop/t/19/assets/details-modal.js?v=25581673532751508451746815856" defer="defer"></script>
<script src="//hats.com/cdn/shop/t/19/assets/search-form.js?v=133129549252120666541746815856" defer="defer"></script>

<svg xmlns="http://www.w3.org/2000/svg" class="icon hidden">
  <symbol id="icon-search" viewbox="0 0 18 18" fill="none">
    <path d="M8.05902 13.83C11.3881 13.83 14.0868 11.1312 14.0868 7.80219C14.0868 4.47314 11.3881 1.77441 8.05902 1.77441C4.72998 1.77441 2.03125 4.47314 2.03125 7.80219C2.03125 11.1312 4.72998 13.83 8.05902 13.83Z" stroke="black"/>
      <path d="M16.9677 16.706L12.3984 12.1367" stroke="black"/>
  </symbol>

  <symbol id="icon-reset" class="icon icon-close"  fill="none" viewBox="0 0 18 18" stroke="black">
    <circle r="8.5" cy="9" cx="9" stroke-opacity="0.2"/>
    <path d="M6.82972 6.82915L1.17193 1.17097" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
    <path d="M1.22896 6.88502L6.77288 1.11523" stroke-linecap="round" stroke-linejoin="round" transform="translate(5 5)"/>
  </symbol>

  <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 18 17">
    <path d="M.865 15.978a.5.5 0 00.707.707l7.433-7.431 7.579 7.282a.501.501 0 00.846-.37.5.5 0 00-.153-.351L9.712 8.546l7.417-7.416a.5.5 0 10-.707-.708L8.991 7.853 1.413.573a.5.5 0 10-.693.72l7.563 7.268-7.418 7.417z" fill="black">
  </symbol>
</svg>

<comp-header class="relative py-[15px] lg:py-0">
  
  <div class="container flex items-center justify-between py-2">
    
    
<div class="flex gap-2">
  <button class="lg:hidden" aria-label="Mobile Menu" data-open-mobile-nav>
    <span class="">
    <svg class="icon icon--menu " width="30" height="18" viewBox="0 0 30 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <rect y="4" width="30" height="1" fill="currentColor"/>
      <rect y="13" width="30" height="1" fill="currentColor"/>
    </svg>

  
</span>
    <span class="hidden">
  
    <svg class="icon icon--close " width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.0623 1.58346C15.1947 1.45229 15.26 1.29058 15.26 1.10009C15.26 0.909608 15.1947 0.744306 15.0623 0.605961C14.9369 0.47479 14.7822 0.410103 14.6 0.410103C14.4178 0.410103 14.2597 0.47479 14.1273 0.605961L7.99989 7.0225L1.86233 0.605961C1.73686 0.47479 1.58219 0.410103 1.39998 0.410103C1.21778 0.410103 1.05966 0.47479 0.927333 0.605961C0.801865 0.74432 0.73999 0.909631 0.73999 1.10009C0.73999 1.29056 0.801865 1.45227 0.927333 1.58346L7.06489 8L0.927333 14.406C0.801865 14.5443 0.73999 14.7096 0.73999 14.9001C0.73999 15.0906 0.801865 15.2523 0.927333 15.3835C1.05968 15.5218 1.2178 15.5901 1.39998 15.5901C1.58216 15.5901 1.73685 15.5218 1.86233 15.3835L7.99989 8.9775L14.1273 15.3835C14.2597 15.5218 14.4178 15.5901 14.6 15.5901C14.7822 15.5901 14.9368 15.5218 15.0623 15.3835C15.1947 15.2523 15.26 15.0906 15.26 14.9001C15.26 14.7096 15.1947 14.5443 15.0623 14.406L8.93489 8L15.0623 1.58346Z" fill="black"/>
    </svg>


  
</span>
  </button><h1 class="!m-0"><a class="text-black" href="/" aria-label="Hats.com">
    <span class="header__logo hidden lg:block">
      

      <img src="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=600" alt="Hats.com" srcset="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=200 200w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=300 300w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=400 400w" width="200" height="52.27963525835866" loading="eager" sizes="(max-width: 400px) 50vw, 200px">
    </span>

    <span class="header__logo lg:hidden">

      

      <img src="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=600" alt="Hats.com" srcset="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=160 160w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=240 240w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=320 320w" width="160" height="41.82370820668693" loading="eager" sizes="(max-width: 320px) 50vw, 160px">
    </span>
    
    
    <span class="header__logo header__logo--sticky hidden">
      <img src="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=600" alt="Hats.com" srcset="//hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=160 160w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=240 240w, //hats.com/cdn/shop/files/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661&amp;width=320 320w" width="200" height="41.82370820668693" loading="eager" sizes="(max-width: 320px) 50vw, 160px">
    </span>
  </a></h1></div>

    

<details-modal class="header__search !hidden lg:!inline-flex">
  <div
    class="search-modal bg-white !z-[11] !animate-none border-[#BCBCBC] border-solid border-[1px]"
    role="dialog"
    aria-modal="true"
    aria-label="Search for hats, clothing, etc."
    >
    <div class="modal-overlay"></div>
    <div
      class="search-modal__content search-modal__content-bottom"
      tabindex="-1"
    ><predictive-search class="mx-auto text-center search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
        <div class="field">
          <input
            class="search__input field__input"
            id="Search-In-Modal-1"
            type="search"
            name="q"
            value=""
            placeholder="Search for hats, clothing, etc."role="combobox"
              aria-expanded="false"
              aria-owns="predictive-search-results"
              aria-controls="predictive-search-results"
              aria-haspopup="listbox"
              aria-autocomplete="list"
              autocorrect="off"
              autocomplete="off"
              autocapitalize="off"
              spellcheck="false">
          <label class="field__label !hidden" for="Search-In-Modal-1">Search for hats, clothing, etc.</label>
          <input type="hidden" name="options[prefix]" value="last">
          <button
            type="reset"
            class="reset__button field__button hidden"
            aria-label="Clear search term"
          >
            <svg class="icon icon-close" aria-hidden="true" focusable="false" width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg" xlink:href="#icon-reset">
              <path d="M18.0623 5.58346C18.1947 5.45229 18.26 5.29058 18.26 5.10009C18.26 4.90961 18.1947 4.74431 18.0623 4.60596C17.9369 4.47479 17.7822 4.4101 17.6 4.4101C17.4178 4.4101 17.2597 4.47479 17.1273 4.60596L10.9999 11.0225L4.86233 4.60596C4.73686 4.47479 4.58219 4.4101 4.39998 4.4101C4.21778 4.4101 4.05966 4.47479 3.92733 4.60596C3.80186 4.74432 3.73999 4.90963 3.73999 5.10009C3.73999 5.29056 3.80186 5.45227 3.92733 5.58346L10.0649 12L3.92733 18.406C3.80186 18.5443 3.73999 18.7096 3.73999 18.9001C3.73999 19.0906 3.80186 19.2523 3.92733 19.3835C4.05968 19.5218 4.2178 19.5901 4.39998 19.5901C4.58216 19.5901 4.73685 19.5218 4.86233 19.3835L10.9999 12.9775L17.1273 19.3835C17.2597 19.5218 17.4178 19.5901 17.6 19.5901C17.7822 19.5901 17.9368 19.5218 18.0623 19.3835C18.1947 19.2523 18.26 19.0906 18.26 18.9001C18.26 18.7096 18.1947 18.5443 18.0623 18.406L11.9349 12L18.0623 5.58346Z" fill="black"/>
            </svg>
          </button>
          <button class="search__button field__button" aria-label="Search for hats, clothing, etc.">
            <svg class="icon icon-search" aria-hidden="true" focusable="false">
              <use href="#icon-search">
            </svg>
           <span class="text-[14px]">search</span>
          </button>
        </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link href="//hats.com/cdn/shop/t/19/assets/component-loading-spinner.css?v=116724955567955766481746815856" rel="stylesheet" type="text/css" media="all" />

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

          <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
  </div>
</details-modal>


    
    
<div class="header-utilities flex gap-[22px] lg:gap-[28px] items-center justify-end">

  <details-modal class="header__search header__search--mobile">
  <details>
    <summary
        class="icon header__icon--search header__icon--summary link focus-inset modal__toggle"
        aria-haspopup="dialog"
        aria-label="Search for hats, clothing, etc."
      >
        <span>
          <svg class="modal__toggle-open icon icon-search" aria-hidden="true" focusable="false">
            <use href="#icon-search">
          </svg>
          <svg class="modal__toggle-close icon icon-close" aria-hidden="true" focusable="false">
            <use href="#icon-close">
          </svg>
        </span>
      </summary>

    <div
      class="search-modal bg-white !z-[11] !animate-none border-[#BCBCBC] border-solid border-[1px]"
      role="dialog"
      aria-modal="true"
      aria-label="Search for hats, clothing, etc."
      >
      <div class="modal-overlay"></div>
      <div
        class="search-modal__content search-modal__content-bottom"
        tabindex="-1"
      ><predictive-search class="mx-auto text-center search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form">
          <div class="field">
            <input
              class="search__input field__input"
              id="Search-In-Modal-2"
              type="search"
              name="q"
              value=""
              placeholder="Search for hats, clothing, etc."role="combobox"
                aria-expanded="false"
                aria-owns="predictive-search-results"
                aria-controls="predictive-search-results"
                aria-haspopup="listbox"
                aria-autocomplete="list"
                autocorrect="off"
                autocomplete="off"
                autocapitalize="off"
                spellcheck="false">
            <label class="field__label !hidden" for="Search-In-Modal-2">Search for hats, clothing, etc.</label>
            <input type="hidden" name="options[prefix]" value="last">
            <button
              type="reset"
              class="reset__button field__button hidden"
              aria-label="Clear search term"
            >
              <svg class="icon icon-close" aria-hidden="true" focusable="false" width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg" xlink:href="#icon-reset">
                <path d="M18.0623 5.58346C18.1947 5.45229 18.26 5.29058 18.26 5.10009C18.26 4.90961 18.1947 4.74431 18.0623 4.60596C17.9369 4.47479 17.7822 4.4101 17.6 4.4101C17.4178 4.4101 17.2597 4.47479 17.1273 4.60596L10.9999 11.0225L4.86233 4.60596C4.73686 4.47479 4.58219 4.4101 4.39998 4.4101C4.21778 4.4101 4.05966 4.47479 3.92733 4.60596C3.80186 4.74432 3.73999 4.90963 3.73999 5.10009C3.73999 5.29056 3.80186 5.45227 3.92733 5.58346L10.0649 12L3.92733 18.406C3.80186 18.5443 3.73999 18.7096 3.73999 18.9001C3.73999 19.0906 3.80186 19.2523 3.92733 19.3835C4.05968 19.5218 4.2178 19.5901 4.39998 19.5901C4.58216 19.5901 4.73685 19.5218 4.86233 19.3835L10.9999 12.9775L17.1273 19.3835C17.2597 19.5218 17.4178 19.5901 17.6 19.5901C17.7822 19.5901 17.9368 19.5218 18.0623 19.3835C18.1947 19.2523 18.26 19.0906 18.26 18.9001C18.26 18.7096 18.1947 18.5443 18.0623 18.406L11.9349 12L18.0623 5.58346Z" fill="black"/>
              </svg>
            </button>
            <button class="search__button field__button" aria-label="Search for hats, clothing, etc.">
              <svg class="icon icon-search" aria-hidden="true" focusable="false">
                <use href="#icon-search">
              </svg>
            </button>
          </div><div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search>

<link href="//hats.com/cdn/shop/t/19/assets/component-loading-spinner.css?v=116724955567955766481746815856" rel="stylesheet" type="text/css" media="all" />

<div class="predictive-search__loading-state">
  <svg
    aria-hidden="true"
    focusable="false"
    class="spinner"
    viewBox="0 0 66 66"
    xmlns="http://www.w3.org/2000/svg"
  >
    <circle class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle>
  </svg>
</div>
</div>

            <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span></form></predictive-search></div>
    </div>
  </details>
</details-modal>
  
  <button id="cart-icon-bubble" class="" aria-label="Cart" data-open-drawer data-target-id="cart-drawer">
    <span class="" data-cart-bubble-empty>
    <svg class="icon icon--cart-empty " width="24" height="22" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M16.3178 8.5V6C16.3178 4.67333 15.8636 3.40167 15.0535 2.465C14.2418 1.52667 13.1451 1 12 1C10.8549 1 9.75648 1.52667 8.94646 2.465C8.13644 3.4 7.68221 4.67333 7.68221 6V8.5M1 21L4.04836 8.5H19.9516L23 21H1Z" stroke="currentColor"/>
    </svg>

  
</span>
    <span class="hidden" data-cart-bubble>
    <svg class="icon icon--cart " width="24" height="19" viewBox="0 0 24 19" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M17.9983 8.20078V6.40078C17.9983 5.44558 17.6827 4.52998 17.1199 3.85558C16.5559 3.17998 15.7939 2.80078 14.9983 2.80078C14.2027 2.80078 13.4395 3.17998 12.8767 3.85558C12.3139 4.52878 11.9983 5.44558 11.9983 6.40078V8.20078M7.35547 17.2008L9.47347 8.20078H20.5231L22.6411 17.2008H7.35547Z" stroke="black"/>
      <rect x="1.75" y="1.75" width="8.5" height="8.5" rx="4.25" fill="#f47969" stroke="#F7E8E6" stroke-width="2.5"/>
    </svg>


  
</span>
  </button><a class="hidden lg:block text-black" href="/account"  aria-label="Account">
    <svg class="icon icon--account " width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M8.86945 9.00001C11.123 9.00001 12.9498 7.20936 12.9498 5.00049C12.9498 2.79162 11.123 1.00098 8.86945 1.00098C6.61591 1.00098 4.78906 2.79162 4.78906 5.00049C4.78906 7.20936 6.61591 9.00001 8.86945 9.00001Z" stroke="currentColor" stroke-miterlimit="10"/>
      <path d="M0.707031 16.9993C1.64144 13.5497 4.94248 11 8.86781 11C12.7931 11 16.0942 13.5497 17.0286 16.9993" stroke="currentColor" stroke-miterlimit="10"/>
    </svg>

  
  
</a>
</div>

  </div>
  
  <div class="w-full border-t-[0px] lg:border-t-[1px] border-b-[1px] border-[#E1E1E1]">
    
    <div class="header-nav__overlay fixed hidden inset-0 bg-[#00000015]" data-close-mobile-nav></div>

<nav class="navigation -translate-x-full invisible" data-main-nav>

  
  <div class="nav-header">
    <button class="cursor-pointer" aria-label="Close Mobile Nav" data-close-mobile-nav>
      <span class="">
  
    <svg class="icon icon--close !w-[18px] !h-[18px]" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M15.0623 1.58346C15.1947 1.45229 15.26 1.29058 15.26 1.10009C15.26 0.909608 15.1947 0.744306 15.0623 0.605961C14.9369 0.47479 14.7822 0.410103 14.6 0.410103C14.4178 0.410103 14.2597 0.47479 14.1273 0.605961L7.99989 7.0225L1.86233 0.605961C1.73686 0.47479 1.58219 0.410103 1.39998 0.410103C1.21778 0.410103 1.05966 0.47479 0.927333 0.605961C0.801865 0.74432 0.73999 0.909631 0.73999 1.10009C0.73999 1.29056 0.801865 1.45227 0.927333 1.58346L7.06489 8L0.927333 14.406C0.801865 14.5443 0.73999 14.7096 0.73999 14.9001C0.73999 15.0906 0.801865 15.2523 0.927333 15.3835C1.05968 15.5218 1.2178 15.5901 1.39998 15.5901C1.58216 15.5901 1.73685 15.5218 1.86233 15.3835L7.99989 8.9775L14.1273 15.3835C14.2597 15.5218 14.4178 15.5901 14.6 15.5901C14.7822 15.5901 14.9368 15.5218 15.0623 15.3835C15.1947 15.2523 15.26 15.0906 15.26 14.9001C15.26 14.7096 15.1947 14.5443 15.0623 14.406L8.93489 8L15.0623 1.58346Z" fill="black"/>
    </svg>


  
</span>
    </button>
  </div>

  <div class="nav-wrapper">
    
    
    <ul class="nav-list"><li class="nav__item" data-nav-item><a href="/collections/new-arrivals" class="nav-item-link" 
              data-nav-item-link>
              <span class="block h-full lg:py-[18px]">New</span>
            </a></li>
      <li class="nav__item" data-nav-item><a href="/collections/mens" class="nav-item-link" aria-expanded="false"
              data-has-child="true"
              data-nav-item-link>
              <span class="block lg:py-[18px]">Men</span>
              
    <svg class="icon icon--chevron-down !w-5 !h-5 lg:hidden" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0507 12.9593C9.21101 12.9494 9.36359 12.8862 9.48381 12.7793L16.6838 6.29928C16.8273 6.17131 16.913 5.99132 16.9236 5.80007C16.9341 5.60811 16.8673 5.41967 16.7387 5.27695C16.61 5.13422 16.43 5.04844 16.2387 5.03859C16.0468 5.02945 15.8584 5.09625 15.7163 5.22493L9.00017 11.2719L2.28401 5.22493C2.14198 5.09626 1.95355 5.02947 1.7616 5.03859C1.57035 5.04844 1.39035 5.13422 1.26168 5.27695C1.13301 5.41968 1.06622 5.60811 1.07677 5.80007C1.08731 5.99132 1.1731 6.17132 1.31653 6.29928L8.51653 12.7793C8.66278 12.9094 8.85543 12.9747 9.05091 12.9593H9.0507Z" fill="black"/>
    </svg>

  
  

            </a>

            <div
              class="mega-menu container flex flex-col lg:grid lg:flex-none lg:grid-cols-2"
              aria-hidden="true"
              tabindex="-1"
              data-nav-item-content
            >
              
              <button class="flex items-center hidden" data-nav-item-back>
                
    <svg class="icon icon--arrow-left !w-5 !h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1.32812 10.3047L8.82812 3.11719C8.94531 3 9.14062 3 9.25781 3.11719C9.375 3.23438 9.375 3.42969 9.25781 3.54688L2.30469 10.1875H18.4375C18.5938 10.1875 18.75 10.3438 18.75 10.5C18.75 10.6953 18.5938 10.8125 18.4375 10.8125H2.30469L9.25781 17.4922C9.375 17.6094 9.375 17.8047 9.25781 17.9219C9.14062 18.0391 8.94531 18.0391 8.82812 17.9219L1.32812 10.7344C1.25 10.6953 1.25 10.6172 1.25 10.5C1.25 10.4219 1.25 10.3438 1.32812 10.3047Z" fill="currentColor"/>
    </svg>

  

                <span class="block pl-2 text-h5-m">Men</span>
              </button>

              
              
                <ul
                  class="mega-menu-subnav" role="list"
                  style="grid-template-columns: repeat(3, 1fr)"
                ><li class="text-sm p-0 mb-5 !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-shop-all-mens"
        >
        <a
          href="/collections/mens"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Shop All Mens
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-new-arrivals"
        >
        <a
          href="/collections/mens-new-arrivals"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          New Arrivals
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-clothing-accessories"
        >
        <a
          href="/collections/mens-clothing-accessories"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Clothing &amp; Accessories
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-extended-sizes"
        >
        <a
          href="/collections/extended-sizes"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Extended Sizes
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-usa-made"
        >
        <a
          href="/collections/mens-usa-made"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          USA Made
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-featured-column-top-sellers"
        >
        <a
          href="/collections/mens-top-sellers"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Top Sellers
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="men-featured-column-find-your-size"
        >
        <a
          href="/pages/find-your-size"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Find Your Size
        </a>
      </li></ul>

                    </li><li class="text-sm p-0 mb-5 !text-black hover:!text-black">
                      

  <p class="uppercase text-[14px] mb-4 text-black font-bold">Shop By Style</p>

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-army-baseball-caps"
        >
        <a
          href="/collections/mens-army-baseball-caps"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Army &amp; Baseball Caps
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-bowlers-top-hats"
        >
        <a
          href="/collections/mens-bowlers-top-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bowlers &amp; Top Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-bucket-hats"
        >
        <a
          href="/collections/mens-bucket-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bucket Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-fedoras-trillbies"
        >
        <a
          href="/collections/mens-fedoras-trilbies"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Fedoras &amp; Trillbies
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-flat-caps"
        >
        <a
          href="/collections/mens-flat-caps"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Flat Caps
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-outbacks"
        >
        <a
          href="/collections/mens-outbacks"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Outbacks
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-pork-pies"
        >
        <a
          href="/collections/mens-pork-pies"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Pork Pies
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-style-western-cowboy-hats"
        >
        <a
          href="/collections/mens-western-cowboy-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Western &amp; Cowboy Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="men-shop-by-style-cold-weather"
        >
        <a
          href="/collections/mens-cold-weather-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cold Weather
        </a>
      </li></ul>

                    </li><li class="text-sm p-0  !text-black hover:!text-black">
                      

  <p class="uppercase text-[14px] mb-4 text-black font-bold">Shop By Fabric</p>

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-braids"
        >
        <a
          href="/collections/mens-braids"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Braids
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-cotton"
        >
        <a
          href="/collections/mens-cotton-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cotton
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-fur-felt"
        >
        <a
          href="/collections/mens-fur-felts"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Fur Felt
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-genuine-panama"
        >
        <a
          href="/collections/mens-genuine-panamas"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Genuine Panama
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-straw"
        >
        <a
          href="/collections/mens-straw-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Straw
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-wool-felt"
        >
        <a
          href="/collections/mens-wool-felt-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Wool Felt
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-litefelt®-crushable"
        >
        <a
          href="/collections/mens-litefelt-crushable-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          LiteFelt® &amp; Crushable
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-bailey-raindura®"
        >
        <a
          href="/collections/mens-raindura-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bailey Raindura®
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="men-shop-by-fabric-kangol-bermuda™"
        >
        <a
          href="/collections/mens-bermuda-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kangol Bermuda™ 
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="men-shop-by-fabric-kangol-tropic™"
        >
        <a
          href="/collections/mens-tropic%E2%84%A2-hats-by-kangol"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kangol Tropic™ 
        </a>
      </li></ul>

                    </li></ul>
              

              
              
  

  <div>
    
    
    <div class="header-visual-cta block lg:flex justify-center gap-[10px]">
      
        <a href="javascript:void(0)"
          class="  lg:flex-[0_0_50%]  block text-black hover:text-black no-underline">
          <div class="relative overflow-hidden aspect-[3/2]">
            
              <img src="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800" alt="" srcset="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=352 352w, //hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800 800w" width="800" height="580" class="header-visual-cta__img absolute inset-0 w-full h-full object-cover">
            
          </div>

          
            <p class="text-[14px] text-black font-bold mt-2 lg:mt-4">Exclusive 15% Off Sitewide + Free Shipping* on all Orders!</p>
          

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


              
              <div class="hidden lg:block opacity-0 invisible transition-all absolute top-0 right-0 w-1/2 h-full" aria-hidden="true" tabindex="-1" data-nav-item-image-wrap></div>
            </div>

            <div class="mega-menu-backdrop" tabindex="-1"></div></li>
      <li class="nav__item" data-nav-item><a href="/collections/womens" class="nav-item-link" aria-expanded="false"
              data-has-child="true"
              data-nav-item-link>
              <span class="block lg:py-[18px]">Women</span>
              
    <svg class="icon icon--chevron-down !w-5 !h-5 lg:hidden" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0507 12.9593C9.21101 12.9494 9.36359 12.8862 9.48381 12.7793L16.6838 6.29928C16.8273 6.17131 16.913 5.99132 16.9236 5.80007C16.9341 5.60811 16.8673 5.41967 16.7387 5.27695C16.61 5.13422 16.43 5.04844 16.2387 5.03859C16.0468 5.02945 15.8584 5.09625 15.7163 5.22493L9.00017 11.2719L2.28401 5.22493C2.14198 5.09626 1.95355 5.02947 1.7616 5.03859C1.57035 5.04844 1.39035 5.13422 1.26168 5.27695C1.13301 5.41968 1.06622 5.60811 1.07677 5.80007C1.08731 5.99132 1.1731 6.17132 1.31653 6.29928L8.51653 12.7793C8.66278 12.9094 8.85543 12.9747 9.05091 12.9593H9.0507Z" fill="black"/>
    </svg>

  
  

            </a>

            <div
              class="mega-menu container flex flex-col lg:grid lg:flex-none lg:grid-cols-2"
              aria-hidden="true"
              tabindex="-1"
              data-nav-item-content
            >
              
              <button class="flex items-center hidden" data-nav-item-back>
                
    <svg class="icon icon--arrow-left !w-5 !h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1.32812 10.3047L8.82812 3.11719C8.94531 3 9.14062 3 9.25781 3.11719C9.375 3.23438 9.375 3.42969 9.25781 3.54688L2.30469 10.1875H18.4375C18.5938 10.1875 18.75 10.3438 18.75 10.5C18.75 10.6953 18.5938 10.8125 18.4375 10.8125H2.30469L9.25781 17.4922C9.375 17.6094 9.375 17.8047 9.25781 17.9219C9.14062 18.0391 8.94531 18.0391 8.82812 17.9219L1.32812 10.7344C1.25 10.6953 1.25 10.6172 1.25 10.5C1.25 10.4219 1.25 10.3438 1.32812 10.3047Z" fill="currentColor"/>
    </svg>

  

                <span class="block pl-2 text-h5-m">Women</span>
              </button>

              
              
                <ul
                  class="mega-menu-subnav" role="list"
                  style="grid-template-columns: repeat(3, 1fr)"
                ><li class="text-sm p-0 mb-5 !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-shop-all-womens"
        >
        <a
          href="/collections/womens"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Shop All Womens
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-new-arrivals"
        >
        <a
          href="/collections/womens-new-arrivals"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          New Arrivals
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-clothing-accessories"
        >
        <a
          href="/collections/womens-clothing-accessories"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Clothing &amp; Accessories
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-extended-sizes"
        >
        <a
          href="/collections/extended-sizes"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Extended Sizes
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-usa-made"
        >
        <a
          href="/collections/womens-usa-made"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          USA Made
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-featured-column-top-sellers"
        >
        <a
          href="/collections/womens-top-sellers"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Top Sellers
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="women-featured-column-find-your-size"
        >
        <a
          href="/pages/find-your-size"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Find Your Size
        </a>
      </li></ul>

                    </li><li class="text-sm p-0 mb-5 !text-black hover:!text-black">
                      

  <p class="uppercase text-[14px] mb-4 text-black font-bold">Shop By Style</p>

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-army-baseball-caps"
        >
        <a
          href="/collections/womens-army-baseball-caps"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Army &amp; Baseball Caps
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-berets"
        >
        <a
          href="/collections/womens-berets"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Berets
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-boaters-pork-pies"
        >
        <a
          href="/collections/womens-boaters-pork-pies"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Boaters &amp; Pork Pies
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-bucket-hats"
        >
        <a
          href="/collections/womens-bucket-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bucket Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-cloches"
        >
        <a
          href="/collections/cloches"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cloches
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-fedoras-trilbies"
        >
        <a
          href="/collections/womens-fedoras-trilbies"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Fedoras &amp; Trilbies
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-flat-caps"
        >
        <a
          href="/collections/womens-flat-caps"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Flat Caps
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-visors"
        >
        <a
          href="/collections/womens-visors"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Visors
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-western-cowboy-hats"
        >
        <a
          href="/collections/womens-western-cowboy-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Western &amp; Cowboy Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-style-wide-brim"
        >
        <a
          href="/collections/womens-wide-brim-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Wide Brim
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="women-shop-by-style-cold-weather"
        >
        <a
          href="/collections/womens-cold-weather-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cold Weather
        </a>
      </li></ul>

                    </li><li class="text-sm p-0  !text-black hover:!text-black">
                      

  <p class="uppercase text-[14px] mb-4 text-black font-bold">Shop By Fabric</p>

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-braids"
        >
        <a
          href="/collections/womens-braided-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Braids
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-cotton"
        >
        <a
          href="/collections/womens-cotton-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cotton
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-fur-felt"
        >
        <a
          href="/collections/womens-fur-felt-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Fur Felt
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-genuine-panama"
        >
        <a
          href="/collections/womens-genuine-panama-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Genuine Panama
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-straw"
        >
        <a
          href="/collections/womens-straw-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Straw
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-wool-felt"
        >
        <a
          href="/collections/womens-wool-felt-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Wool Felt
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-litefelt®-crushable"
        >
        <a
          href="/collections/womens-litefelt-crushable-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          LiteFelt® &amp; Crushable
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-bailey-raindura®"
        >
        <a
          href="/collections/womens-raindura%C2%AE-hats-by-bailey"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bailey Raindura®
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="women-shop-by-fabric-kangol-bermuda™"
        >
        <a
          href="/collections/womens-bermuda%E2%84%A2-hats-by-kangol"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kangol Bermuda™ 
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="women-shop-by-fabric-kangol-tropic™"
        >
        <a
          href="/collections/womens-tropic%E2%84%A2-hats-by-kangol"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kangol Tropic™ 
        </a>
      </li></ul>

                    </li></ul>
              

              
              
  

  <div>
    
    
    <div class="header-visual-cta block lg:flex justify-center gap-[10px]">
      
        <a href="javascript:void(0)"
          class="  lg:flex-[0_0_50%]  block text-black hover:text-black no-underline">
          <div class="relative overflow-hidden aspect-[3/2]">
            
              <img src="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800" alt="" srcset="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=352 352w, //hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800 800w" width="800" height="580" class="header-visual-cta__img absolute inset-0 w-full h-full object-cover">
            
          </div>

          
            <p class="text-[14px] text-black font-bold mt-2 lg:mt-4">Exclusive 15% Off Sitewide + Free Shipping* on all Orders!</p>
          

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


              
              <div class="hidden lg:block opacity-0 invisible transition-all absolute top-0 right-0 w-1/2 h-full" aria-hidden="true" tabindex="-1" data-nav-item-image-wrap></div>
            </div>

            <div class="mega-menu-backdrop" tabindex="-1"></div></li>
      <li class="nav__item" data-nav-item><a href="/pages/brands" class="nav-item-link" aria-expanded="false"
              data-has-child="true"
              data-nav-item-link>
              <span class="block lg:py-[18px]">Brands</span>
              
    <svg class="icon icon--chevron-down !w-5 !h-5 lg:hidden" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0507 12.9593C9.21101 12.9494 9.36359 12.8862 9.48381 12.7793L16.6838 6.29928C16.8273 6.17131 16.913 5.99132 16.9236 5.80007C16.9341 5.60811 16.8673 5.41967 16.7387 5.27695C16.61 5.13422 16.43 5.04844 16.2387 5.03859C16.0468 5.02945 15.8584 5.09625 15.7163 5.22493L9.00017 11.2719L2.28401 5.22493C2.14198 5.09626 1.95355 5.02947 1.7616 5.03859C1.57035 5.04844 1.39035 5.13422 1.26168 5.27695C1.13301 5.41968 1.06622 5.60811 1.07677 5.80007C1.08731 5.99132 1.1731 6.17132 1.31653 6.29928L8.51653 12.7793C8.66278 12.9094 8.85543 12.9747 9.05091 12.9593H9.0507Z" fill="black"/>
    </svg>

  
  

            </a>

            <div
              class="mega-menu container flex flex-col lg:grid lg:flex-none lg:grid-cols-2"
              aria-hidden="true"
              tabindex="-1"
              data-nav-item-content
            >
              
              <button class="flex items-center hidden" data-nav-item-back>
                
    <svg class="icon icon--arrow-left !w-5 !h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1.32812 10.3047L8.82812 3.11719C8.94531 3 9.14062 3 9.25781 3.11719C9.375 3.23438 9.375 3.42969 9.25781 3.54688L2.30469 10.1875H18.4375C18.5938 10.1875 18.75 10.3438 18.75 10.5C18.75 10.6953 18.5938 10.8125 18.4375 10.8125H2.30469L9.25781 17.4922C9.375 17.6094 9.375 17.8047 9.25781 17.9219C9.14062 18.0391 8.94531 18.0391 8.82812 17.9219L1.32812 10.7344C1.25 10.6953 1.25 10.6172 1.25 10.5C1.25 10.4219 1.25 10.3438 1.32812 10.3047Z" fill="currentColor"/>
    </svg>

  

                <span class="block pl-2 text-h5-m">Brands</span>
              </button>

              
              
                <ul
                  class="mega-menu-subnav" role="list"
                  style="grid-template-columns: repeat(3, 1fr)"
                ><li class="text-sm p-0 mb-5 !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-bailey-1922"
        >
        <a
          href="/collections/bailey-1922"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bailey 1922
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-bailey-western"
        >
        <a
          href="/collections/bailey-western"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bailey Western
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-betmar"
        >
        <a
          href="/collections/betmar"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Betmar
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-bollman-hat-company"
        >
        <a
          href="/collections/bollman-hat-company"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Bollman Hat Company
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-brian-dawkins"
        >
        <a
          href="/collections/brian-dawkins"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Brian Dawkins
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-coolibar"
        >
        <a
          href="/collections/coolibar"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Coolibar
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-country-gentleman"
        >
        <a
          href="/collections/country-gentleman"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Country Gentleman
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-david-young"
        >
        <a
          href="/collections/david-young"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          David &amp; Young
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-eddy-bros"
        >
        <a
          href="/collections/eddy-bros"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Eddy Bros.
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-gigi-pip"
        >
        <a
          href="/collections/gigi-pip"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Gigi Pip
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="brands-featured-column-goorin-bros"
        >
        <a
          href="/collections/goorin-bros"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Goorin Bros.
        </a>
      </li></ul>

                    </li><li class="text-sm p-0  !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-hats-com"
        >
        <a
          href="/collections/hats-com"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Hats.com
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-headpeace"
        >
        <a
          href="/collections/headpeace"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          HeadPeace
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-helen-kaminski"
        >
        <a
          href="/collections/helen-kaminski"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Helen Kaminski
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-kaminski"
        >
        <a
          href="/collections/kaminski"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kaminski
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-kangol"
        >
        <a
          href="/collections/kangol"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Kangol
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-melin"
        >
        <a
          href="/collections/melin"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Melin
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-ponyflo"
        >
        <a
          href="/collections/ponyflo"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          PonyFlo
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-tilley"
        >
        <a
          href="/collections/tilley"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Tilley
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="brands-featured-column-trimmed-crowned"
        >
        <a
          href="/collections/trimmed-crowned"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Trimmed &amp; Crowned
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="brands-featured-column-under-armour"
        >
        <a
          href="/collections/under-armour"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Under Armour
        </a>
      </li></ul>

                    </li></ul>
              

              
              
  

  <div>
    
    
    <div class="header-visual-cta block lg:flex justify-center gap-[10px]">
      
        <a href="javascript:void(0)"
          class="  lg:flex-[0_0_50%]  block text-black hover:text-black no-underline">
          <div class="relative overflow-hidden aspect-[3/2]">
            
              <img src="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800" alt="" srcset="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=352 352w, //hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800 800w" width="800" height="580" class="header-visual-cta__img absolute inset-0 w-full h-full object-cover">
            
          </div>

          
            <p class="text-[14px] text-black font-bold mt-2 lg:mt-4">Exclusive 15% Off Sitewide + Free Shipping* on all Orders!</p>
          

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


              
              <div class="hidden lg:block opacity-0 invisible transition-all absolute top-0 right-0 w-1/2 h-full" aria-hidden="true" tabindex="-1" data-nav-item-image-wrap></div>
            </div>

            <div class="mega-menu-backdrop" tabindex="-1"></div></li>
      <li class="nav__item" data-nav-item><a href="/pages/activities" class="nav-item-link" aria-expanded="false"
              data-has-child="true"
              data-nav-item-link>
              <span class="block lg:py-[18px]">Activities</span>
              
    <svg class="icon icon--chevron-down !w-5 !h-5 lg:hidden" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0507 12.9593C9.21101 12.9494 9.36359 12.8862 9.48381 12.7793L16.6838 6.29928C16.8273 6.17131 16.913 5.99132 16.9236 5.80007C16.9341 5.60811 16.8673 5.41967 16.7387 5.27695C16.61 5.13422 16.43 5.04844 16.2387 5.03859C16.0468 5.02945 15.8584 5.09625 15.7163 5.22493L9.00017 11.2719L2.28401 5.22493C2.14198 5.09626 1.95355 5.02947 1.7616 5.03859C1.57035 5.04844 1.39035 5.13422 1.26168 5.27695C1.13301 5.41968 1.06622 5.60811 1.07677 5.80007C1.08731 5.99132 1.1731 6.17132 1.31653 6.29928L8.51653 12.7793C8.66278 12.9094 8.85543 12.9747 9.05091 12.9593H9.0507Z" fill="black"/>
    </svg>

  
  

            </a>

            <div
              class="mega-menu container flex flex-col lg:grid lg:flex-none lg:grid-cols-2"
              aria-hidden="true"
              tabindex="-1"
              data-nav-item-content
            >
              
              <button class="flex items-center hidden" data-nav-item-back>
                
    <svg class="icon icon--arrow-left !w-5 !h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1.32812 10.3047L8.82812 3.11719C8.94531 3 9.14062 3 9.25781 3.11719C9.375 3.23438 9.375 3.42969 9.25781 3.54688L2.30469 10.1875H18.4375C18.5938 10.1875 18.75 10.3438 18.75 10.5C18.75 10.6953 18.5938 10.8125 18.4375 10.8125H2.30469L9.25781 17.4922C9.375 17.6094 9.375 17.8047 9.25781 17.9219C9.14062 18.0391 8.94531 18.0391 8.82812 17.9219L1.32812 10.7344C1.25 10.6953 1.25 10.6172 1.25 10.5C1.25 10.4219 1.25 10.3438 1.32812 10.3047Z" fill="currentColor"/>
    </svg>

  

                <span class="block pl-2 text-h5-m">Activities</span>
              </button>

              
              
                <ul
                  class="mega-menu-subnav" role="list"
                  style="grid-template-columns: repeat(3, 1fr)"
                ><li class="text-sm p-0  !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-cold-weather"
        >
        <a
          href="/collections/cold-weather-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Cold Weather
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-gardening"
        >
        <a
          href="/collections/gardening"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Gardening
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-golf"
        >
        <a
          href="/collections/golf"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Golf
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-hiking-outdoor"
        >
        <a
          href="/collections/hiking-outdoors"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Hiking &amp; Outdoor
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-rain-gear"
        >
        <a
          href="/collections/rain-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Rain Gear
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-riding-roping"
        >
        <a
          href="/collections/riding-roping"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Riding &amp; Roping
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-running-training"
        >
        <a
          href="/collections/running-training"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Running &amp; Training
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="activities-featured-column-travel"
        >
        <a
          href="/collections/travel-hats"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Travel
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="activities-featured-column-upf-sun-protection"
        >
        <a
          href="/collections/upf-sun-protection"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          UPF Sun Protection
        </a>
      </li></ul>

                    </li></ul>
              

              
              
  

  <div>
    
    
    <div class="header-visual-cta block lg:flex justify-center gap-[10px]">
      
        <a href="javascript:void(0)"
          class="  lg:flex-[0_0_50%]  block text-black hover:text-black no-underline">
          <div class="relative overflow-hidden aspect-[3/2]">
            
              <img src="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800" alt="" srcset="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=352 352w, //hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800 800w" width="800" height="580" class="header-visual-cta__img absolute inset-0 w-full h-full object-cover">
            
          </div>

          
            <p class="text-[14px] text-black font-bold mt-2 lg:mt-4">Exclusive 15% Off Sitewide + Free Shipping* on all Orders!</p>
          

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


              
              <div class="hidden lg:block opacity-0 invisible transition-all absolute top-0 right-0 w-1/2 h-full" aria-hidden="true" tabindex="-1" data-nav-item-image-wrap></div>
            </div>

            <div class="mega-menu-backdrop" tabindex="-1"></div></li>
      <li class="nav__item" data-nav-item><a href="/collections/sale" class="nav-item-link" aria-expanded="false"
              data-has-child="true"
              data-nav-item-link>
              <span class="block lg:py-[18px]">Sale</span>
              
    <svg class="icon icon--chevron-down !w-5 !h-5 lg:hidden" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M9.0507 12.9593C9.21101 12.9494 9.36359 12.8862 9.48381 12.7793L16.6838 6.29928C16.8273 6.17131 16.913 5.99132 16.9236 5.80007C16.9341 5.60811 16.8673 5.41967 16.7387 5.27695C16.61 5.13422 16.43 5.04844 16.2387 5.03859C16.0468 5.02945 15.8584 5.09625 15.7163 5.22493L9.00017 11.2719L2.28401 5.22493C2.14198 5.09626 1.95355 5.02947 1.7616 5.03859C1.57035 5.04844 1.39035 5.13422 1.26168 5.27695C1.13301 5.41968 1.06622 5.60811 1.07677 5.80007C1.08731 5.99132 1.1731 6.17132 1.31653 6.29928L8.51653 12.7793C8.66278 12.9094 8.85543 12.9747 9.05091 12.9593H9.0507Z" fill="black"/>
    </svg>

  
  

            </a>

            <div
              class="mega-menu container flex flex-col lg:grid lg:flex-none lg:grid-cols-2"
              aria-hidden="true"
              tabindex="-1"
              data-nav-item-content
            >
              
              <button class="flex items-center hidden" data-nav-item-back>
                
    <svg class="icon icon--arrow-left !w-5 !h-5" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M1.32812 10.3047L8.82812 3.11719C8.94531 3 9.14062 3 9.25781 3.11719C9.375 3.23438 9.375 3.42969 9.25781 3.54688L2.30469 10.1875H18.4375C18.5938 10.1875 18.75 10.3438 18.75 10.5C18.75 10.6953 18.5938 10.8125 18.4375 10.8125H2.30469L9.25781 17.4922C9.375 17.6094 9.375 17.8047 9.25781 17.9219C9.14062 18.0391 8.94531 18.0391 8.82812 17.9219L1.32812 10.7344C1.25 10.6953 1.25 10.6172 1.25 10.5C1.25 10.4219 1.25 10.3438 1.32812 10.3047Z" fill="currentColor"/>
    </svg>

  

                <span class="block pl-2 text-h5-m">Sale</span>
              </button>

              
              
                <ul
                  class="mega-menu-subnav" role="list"
                  style="grid-template-columns: repeat(3, 1fr)"
                ><li class="text-sm p-0  !text-black hover:!text-black">
                      

<ul class="list-none p-0" role="list"><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="sale-featured-column-hats"
        >
        <a
          href="/collections/sale"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Hats
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0 mb-2 lg:mb-3"
        data-handle="sale-featured-column-clothing-accessories"
        >
        <a
          href="/collections/clothing-accessories-sale"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Clothing &amp; Accessories
        </a>
      </li><li class="text-black text-[14px] lg:text-[14px] p-0"
        data-handle="sale-featured-column-clearance"
        >
        <a
          href="/collections/clearance"
          class="text-[14px] lg:text-[14px] no-underline text-black hover:text-black hover:underline transition-all "
          data-nav-content-child-link

          
          
          
        >
          Clearance
        </a>
      </li></ul>

                    </li></ul>
              

              
              
  

  <div>
    
    
    <div class="header-visual-cta block lg:flex justify-center gap-[10px]">
      
        <a href="javascript:void(0)"
          class="  lg:flex-[0_0_50%]  block text-black hover:text-black no-underline">
          <div class="relative overflow-hidden aspect-[3/2]">
            
              <img src="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800" alt="" srcset="//hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=352 352w, //hats.com/cdn/shop/files/052125_Nav-Banner-2_eea69ad2-4383-47b8-81ca-774032a5eb7d.jpg?v=1747074884&amp;width=800 800w" width="800" height="580" class="header-visual-cta__img absolute inset-0 w-full h-full object-cover">
            
          </div>

          
            <p class="text-[14px] text-black font-bold mt-2 lg:mt-4">Exclusive 15% Off Sitewide + Free Shipping* on all Orders!</p>
          

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


              
              <div class="hidden lg:block opacity-0 invisible transition-all absolute top-0 right-0 w-1/2 h-full" aria-hidden="true" tabindex="-1" data-nav-item-image-wrap></div>
            </div>

            <div class="mega-menu-backdrop" tabindex="-1"></div></li>
      <li class="nav__item" data-nav-item><a href="/pages/find-your-size" class="nav-item-link" 
              data-nav-item-link>
              <span class="block h-full lg:py-[18px]">Find Your Size</span>
            </a></li>
      
    </ul>

    
    <ul class="mobile-nav-utilities"><li class="nav-utility">
          <a class="" href="/account"  aria-label="Account">
            <span class="">Account</span>
          </a>
        </li><li class="nav-utility">
        <a class="" href="/cart"  aria-label="Account">
          <span class="">Bag</span>
        </a>
      </li><li class="nav-utility">
          <a class="" href="/pages/contact"  aria-label="Support">
            <span class="">Support</span>
          </a>
        </li></ul>
  </div>
</nav>

  </div>
</comp-header>

<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Hats.com",
    
      "logo": "https:\/\/hats.com\/cdn\/shop\/files\/Hats-Logos-Mar-2025_Full_Color.svg?v=1741288661\u0026width=500",
    
    "sameAs": [
      "https:\/\/twitter.com\/HatsDotCom",
      "https:\/\/www.facebook.com\/HatsDotCom",
      "https:\/\/www.pinterest.com\/hatsdotcom\/",
      "https:\/\/www.instagram.com\/HatsDotCom\/",
      null,
      null,
      null,
      "https:\/\/www.youtube.com\/@hatsdotcom_Hats",
      null
    ],
    "url": "https:\/\/hats.com"
  }
</script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Hats.com",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https:\/\/hats.com\/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https:\/\/hats.com"
    }
  </script>
<style> @media (min-width: 768px) {.md\:w-1\/3 {width: 33.333333%; padding: .35rem; } </style></header>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none template--index" role="main" tabindex="-1">
      <div id="shopify-section-template--18657966325915__hero_d646YC" class="shopify-section"><div
    id="section-template--18657966325915__hero_d646YC"
    data-section-id="template--18657966325915__hero_d646YC"
    class=""><splide-slider class="contents " id="splide-template--18657966325915__hero_d646YC">
        <script type="application/json" data-splide-settings>
          {
            "type": "loop",
            "perPage": 1,
            "perMove": 1,
            "arrows": false,
            "pagination": true
          }
        </script>
        <div class="splide" data-slideshow-carousel-container>
          <div class="hidden lg:block" data-splide-controls>
            <button
              class="hero-slide-arrow-left z-[1] flex items-center justify-center min-h-0 w-8 h-8 absolute top-1/2 left-[-100px] bg-transparent border-0 [&_svg]:h-8 cursor-pointer duration-700"
              data-slide="<"><svg class="rotate-180 h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
            <button class="
              hero-slide-arrow-right
              z-[1]
              flex
              items-center
              justify-center
              min-h-0
              w-8
              h-8
              absolute
              top-1/2
              right-[-100px]
              bg-transparent
              border-0
              [&_svg]:h-8
              cursor-pointer
              duration-700" data-slide=">"><svg class="h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
          </div>

          <div class="splide__track">
            <div class="splide__list"><div class="splide__slide   ">

                  <div class="block-slide_TK6A4R slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_d646YC.block-slide_TK6A4R {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_TK6A4R
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_TK6A4R
                      .hero-heading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_TK6A4R
                      .hero-subheading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_TK6A4R
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_TK6A4R
                      .hero-description {
                        color: #231F20;
                      }

                      @media screen and (max-width: 1024px) {}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_d646YC
                          .block-slide_TK6A4R
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_d646YC
                        .block-slide_TK6A4R
                        .hero-heading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_TK6A4R
                        .hero-subheading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_TK6A4R
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_TK6A4R
                        .hero-description {
                          color: #231F20;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative h-[60vh] ">
                          <img src="//hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=1100 1100w, //hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=1500 1500w, //hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=1780 1780w, //hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=2000 2000w, //hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=3000 3000w, //hats.com/cdn/shop/files/HP-D-2.jpg?v=1747848365&amp;width=3840 3840w" width="3840" height="1653" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="high" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/HP-M_45863a8d-b64a-4712-8008-b8c41926cd3d.jpg?v=1747848520&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/HP-M_45863a8d-b64a-4712-8008-b8c41926cd3d.jpg?v=1747848520&amp;width=642 642w, //hats.com/cdn/shop/files/HP-M_45863a8d-b64a-4712-8008-b8c41926cd3d.jpg?v=1747848520&amp;width=900 900w, //hats.com/cdn/shop/files/HP-M_45863a8d-b64a-4712-8008-b8c41926cd3d.jpg?v=1747848520&amp;width=1200 1200w" width="1200" height="2437" fetchpriority="high" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--middle-center  max-w-[600px]   lg:absolute w-full hero-alignment-center
hero-alignment-mobile-center hero__content--middle-center">
                          <div class="hero-content-box pb-8 "><div class="mt-2 mb-2 slideshow-slide__body hero-body-copy lg:mb-auto richtext"><p><strong>This Memorial Day, we’re honoring the spirit of American craftsmanship with an</strong></p><h5><br/></h5><h3>EXCLUSIVE 15%  OFF SITEWIDE<br/></h3><h5>Plus Free Shipping* on All Orders!<br/><br/></h5><p><a href="/collections/top-sellers" title="Top Sellers">SHOP TOP SELLERS</a> | <a href="/collections/new-arrivals" title="New Arrivals">SHOP NEW ARRIVALS </a>| <a href="/collections/usa-made" title="USA Made">SHOP MADE IN THE USA*</a> | <a href="/collections/spring-shop" title="Spring Shop">SHOP SPRING LOOKS</a> | <a href="/collections/mens" title="Men's">SHOP MEN'S</a> | <a href="/collections/womens" title="Women's">SHOP WOMEN'S</a></p><h5></h5></div>
</div>

                        </div>
                      </div></div>
                </div><div class="splide__slide   ">

                  <div class="block-slide_JCwceb slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_d646YC.block-slide_JCwceb {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_JCwceb
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_JCwceb
                      .hero-heading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_JCwceb
                      .hero-subheading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_JCwceb
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_JCwceb
                      .hero-description {
                        color: #ffffff;
                      }

                      @media screen and (max-width: 1024px) {}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_d646YC
                          .block-slide_JCwceb
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_d646YC
                        .block-slide_JCwceb
                        .hero-heading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_JCwceb
                        .hero-subheading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_JCwceb
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_JCwceb
                        .hero-description {
                          color: #ffffff;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative h-[60vh] ">
                          <img src="//hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=1100 1100w, //hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=1500 1500w, //hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=1780 1780w, //hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=2000 2000w, //hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=3000 3000w, //hats.com/cdn/shop/files/bh-desktop-1_-4_fd7f7523-212b-4470-8f24-ec147944d990.jpg?v=1742943886&amp;width=3840 3840w" width="3840" height="1653" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="high" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/bh-mobile-1-3_b291cee9-4c83-460b-9e03-add9555da1b7.jpg?v=1744055218&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/bh-mobile-1-3_b291cee9-4c83-460b-9e03-add9555da1b7.jpg?v=1744055218&amp;width=642 642w, //hats.com/cdn/shop/files/bh-mobile-1-3_b291cee9-4c83-460b-9e03-add9555da1b7.jpg?v=1744055218&amp;width=900 900w, //hats.com/cdn/shop/files/bh-mobile-1-3_b291cee9-4c83-460b-9e03-add9555da1b7.jpg?v=1744055218&amp;width=1200 1200w" width="1200" height="2437" fetchpriority="high" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--bottom-center  max-w-[600px]   lg:absolute w-full hero-alignment-center
hero-alignment-mobile-center hero__content--bottom-center">
                          <div class="hero-content-box pb-8 ">
<a href="/collections/spring-shop" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Shop Spring Collection</a></div>

                        </div>
                      </div></div>
                </div><div class="splide__slide   ">

                  <div class="block-slide_xVCLMN slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_d646YC.block-slide_xVCLMN {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_xVCLMN
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_xVCLMN
                      .hero-heading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_xVCLMN
                      .hero-subheading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_xVCLMN
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_xVCLMN
                      .hero-description {
                        color: #ffffff;
                      }

                      @media screen and (max-width: 1024px) {}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_d646YC
                          .block-slide_xVCLMN
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_d646YC
                        .block-slide_xVCLMN
                        .hero-heading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_xVCLMN
                        .hero-subheading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_xVCLMN
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_xVCLMN
                        .hero-description {
                          color: #ffffff;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative h-[60vh] ">
                          <img src="//hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=1100 1100w, //hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=1500 1500w, //hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=1780 1780w, //hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=2000 2000w, //hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=3000 3000w, //hats.com/cdn/shop/files/Bh-desktop-3_cf85b65f-5253-4dc9-ac25-e2e74feafb9e.jpg?v=1742840846&amp;width=3840 3840w" width="3840" height="1653" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="high" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/bh-mobile-3_46ddde6e-f5b9-4f63-bfaf-097ce1870519.jpg?v=1744054925&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/bh-mobile-3_46ddde6e-f5b9-4f63-bfaf-097ce1870519.jpg?v=1744054925&amp;width=642 642w, //hats.com/cdn/shop/files/bh-mobile-3_46ddde6e-f5b9-4f63-bfaf-097ce1870519.jpg?v=1744054925&amp;width=900 900w, //hats.com/cdn/shop/files/bh-mobile-3_46ddde6e-f5b9-4f63-bfaf-097ce1870519.jpg?v=1744054925&amp;width=1200 1200w" width="1200" height="2437" fetchpriority="high" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--bottom-left  max-w-[600px]   lg:absolute w-full hero-alignment-left
hero-alignment-mobile-center hero__content--bottom-left">
                          <div class="hero-content-box pb-8 "><h1 class="slideshow-slide__heading hero-heading text-[22px] lg:text-[30px] leading-[26px] lg:leading-[40px] m-0">BEST SELLERS FOR A REASON</h1>
<a href="/collections/mens" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Shop Men's</a></div>

                        </div>
                      </div></div>
                </div><div class="splide__slide   ">

                  <div class="block-slide_XXjcQ6 slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_d646YC.block-slide_XXjcQ6 {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_XXjcQ6
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_d646YC
                      .block-slide_XXjcQ6
                      .hero-heading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_XXjcQ6
                      .hero-subheading
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_XXjcQ6
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_d646YC
                      .block-slide_XXjcQ6
                      .hero-description {
                        color: #ffffff;
                      }

                      @media screen and (max-width: 1024px) {}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_d646YC
                          .block-slide_XXjcQ6
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_d646YC
                        .block-slide_XXjcQ6
                        .hero-heading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_XXjcQ6
                        .hero-subheading
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_XXjcQ6
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_d646YC
                        .block-slide_XXjcQ6
                        .hero-description {
                          color: #ffffff;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative h-[60vh] ">
                          <img src="//hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=1100 1100w, //hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=1500 1500w, //hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=1780 1780w, //hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=2000 2000w, //hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=3000 3000w, //hats.com/cdn/shop/files/kangol-desktop-1-2.jpg?v=1742944334&amp;width=3840 3840w" width="3840" height="1653" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="high" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/kangol-mobile-1_2bfb4fd3-add6-4889-a835-b4c119dd52ad.jpg?v=1744054725&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/kangol-mobile-1_2bfb4fd3-add6-4889-a835-b4c119dd52ad.jpg?v=1744054725&amp;width=642 642w, //hats.com/cdn/shop/files/kangol-mobile-1_2bfb4fd3-add6-4889-a835-b4c119dd52ad.jpg?v=1744054725&amp;width=900 900w, //hats.com/cdn/shop/files/kangol-mobile-1_2bfb4fd3-add6-4889-a835-b4c119dd52ad.jpg?v=1744054725&amp;width=1200 1200w" width="1200" height="2437" fetchpriority="high" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover" style="object-position:55.3856% 13.8592%;">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--bottom-center  max-w-[600px]   lg:absolute w-full hero-alignment-center
hero-alignment-mobile-center hero__content--bottom-center">
                          <div class="hero-content-box pb-8 "><h1 class="slideshow-slide__heading hero-heading text-[22px] lg:text-[30px] leading-[26px] lg:leading-[40px] m-0">SHOP WOMEN'S STYLES</h1>
<a href="/collections/womens" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Shop Women's</a></div>

                        </div>
                      </div></div>
                </div></div>
          </div>
        </div>
      </splide-slider></div><div class="lg:hidden" style="margin-bottom: 48px"></div>
<div class="hidden lg:block" style="margin-bottom: 100px"></div>
</div><div id="shopify-section-template--18657966325915__icons_featured_products_HpDN9r" class="shopify-section"><div class="overflow-hidden"><div class="container flex items-center justify-between gap-2 mb-8 lg:mb-10">
      <div class="flex-1"><h3 class="m-0 h5">Top Sellers</h3></div><a href="/collections/top-sellers" class="lg:hidden content-link content-link-dark-xs">Shop Top Sellers</a>
        <a href="/collections/top-sellers" class="!hidden lg:!inline-flex button button--xsmall button--secondary-dark">Shop Top Sellers</a></div><splide-slider class="contents" id="splide-template--18657966325915__icons_featured_products_HpDN9r">
      <script type="application/json" data-splide-settings>
        {
          "type": "loop",
          "perPage": 3,
          "perMove": 1,
          "arrows": false,
          "padding": {
            "right": 100
          },
          "pagination": false,
          "breakpoints": {
            "1024": {
              "perPage": 1,
              "padding": {
                "right": "30%"
              },
              "pagination": true
            }
          }
        }
      </script>
      <div class="-mr-4 splide sm:-mr-12 lg:mr-0" data-icons-featured-products-carousel>
        <div class="hidden lg:block" data-splide-controls>
          <button
            class="z-[1] flex items-center justify-center min-h-0 w-8 h-8 absolute top-1/2 left-[-100px] bg-transparent border-0 [&_svg]:h-8 cursor-pointer transition-all duration-700"
            data-slide="<"><svg class="rotate-180 h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
          <button class="
            z-[1]
            flex
            items-center
            justify-center
            min-h-0
            w-8
            h-8
            absolute
            top-1/2
            right-[-100px]
            bg-transparent
            border-0
            [&_svg]:h-8
            cursor-pointer
            transition-all
            duration-700" data-slide=">"><svg class="h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
        </div>

        <div class="splide__track">
          <div class="splide__list"><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/bailey-1922-billy-braided-trilby" class="contents">
        <img src="//hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-birch-1_5.jpg?v=1747923812&amp;width=1000" alt="color-birch" srcset="//hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-birch-1_5.jpg?v=1747923812&amp;width=352 352w, //hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-birch-1_5.jpg?v=1747923812&amp;width=832 832w, //hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-birch-1_5.jpg?v=1747923812&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-black-heather-8_5.jpg?v=1743708794&amp;width=1000" alt="Billy Braided Trilby" srcset="//hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-black-heather-8_5.jpg?v=1743708794&amp;width=352 352w, //hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-black-heather-8_5.jpg?v=1743708794&amp;width=832 832w, //hats.com/cdn/shop/files/81670-bailey-of-hollywood-billy-trilby-black-heather-8_5.jpg?v=1743708794&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Billy Braided Trilby</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$85.00</span></div><div class="text-xs lg:text-sm text-black mt-2">17 colors</div></div>
</div></div><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/tropic-504" class="contents">
        <img src="//hats.com/cdn/shop/files/0287bc-kangol-tropic-504-glacier-1_4.jpg?v=1746209677&amp;width=1000" alt="color-glacier" srcset="//hats.com/cdn/shop/files/0287bc-kangol-tropic-504-glacier-1_4.jpg?v=1746209677&amp;width=352 352w, //hats.com/cdn/shop/files/0287bc-kangol-tropic-504-glacier-1_4.jpg?v=1746209677&amp;width=832 832w, //hats.com/cdn/shop/files/0287bc-kangol-tropic-504-glacier-1_4.jpg?v=1746209677&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/0287bc-kangol-tropic-504-golden-palm-1k_5.jpg?v=1745253138&amp;width=1000" alt="Tropic 504" srcset="//hats.com/cdn/shop/files/0287bc-kangol-tropic-504-golden-palm-1k_5.jpg?v=1745253138&amp;width=352 352w, //hats.com/cdn/shop/files/0287bc-kangol-tropic-504-golden-palm-1k_5.jpg?v=1745253138&amp;width=832 832w, //hats.com/cdn/shop/files/0287bc-kangol-tropic-504-golden-palm-1k_5.jpg?v=1745253138&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Tropic 504</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$50.00</span></div><div class="text-xs lg:text-sm text-black mt-2">15 colors</div></div>
</div></div><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/melin-hydro-a-game-baseball" class="contents">
        <img src="//hats.com/cdn/shop/files/Sage_Green.jpg?v=1747923091&amp;width=1000" alt="color-sage-green" srcset="//hats.com/cdn/shop/files/Sage_Green.jpg?v=1747923091&amp;width=352 352w, //hats.com/cdn/shop/files/Sage_Green.jpg?v=1747923091&amp;width=832 832w, //hats.com/cdn/shop/files/Sage_Green.jpg?v=1747923091&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/9dcc841894d315bc4c16c4e550c030de.jpg?v=1746213810&amp;width=1000" alt="color-black" srcset="//hats.com/cdn/shop/files/9dcc841894d315bc4c16c4e550c030de.jpg?v=1746213810&amp;width=352 352w, //hats.com/cdn/shop/files/9dcc841894d315bc4c16c4e550c030de.jpg?v=1746213810&amp;width=832 832w, //hats.com/cdn/shop/files/9dcc841894d315bc4c16c4e550c030de.jpg?v=1746213810&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Hydro A-Game Baseball</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$79.00</span></div><div class="text-xs lg:text-sm text-black mt-2">12 colors</div></div>
</div></div><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/washed-bucket-hat" class="contents">
        <img src="//hats.com/cdn/shop/files/k4224ht-kangol-washed-bucket-starry-blue-1k_4.jpg?v=1746212655&amp;width=1000" alt="color-starry-blue" srcset="//hats.com/cdn/shop/files/k4224ht-kangol-washed-bucket-starry-blue-1k_4.jpg?v=1746212655&amp;width=352 352w, //hats.com/cdn/shop/files/k4224ht-kangol-washed-bucket-starry-blue-1k_4.jpg?v=1746212655&amp;width=832 832w, //hats.com/cdn/shop/files/k4224ht-kangol-washed-bucket-starry-blue-1k_4.jpg?v=1746212655&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/K4224HT_SAGEGREEN.jpg?v=1744206380&amp;width=1000" alt="Washed Bucket Hat" srcset="//hats.com/cdn/shop/files/K4224HT_SAGEGREEN.jpg?v=1744206380&amp;width=352 352w, //hats.com/cdn/shop/files/K4224HT_SAGEGREEN.jpg?v=1744206380&amp;width=832 832w, //hats.com/cdn/shop/files/K4224HT_SAGEGREEN.jpg?v=1744206380&amp;width=1000 1000w" width="1000" height="1253" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Washed Bucket Hat</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$55.00</span></div><div class="text-xs lg:text-sm text-black mt-2">21 colors</div></div>
</div></div><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/bianca" class="contents">
        <img src="//hats.com/cdn/shop/files/657001193264.jpg?v=1724099009&amp;width=1000" alt="color-charcoal-black-logo" srcset="//hats.com/cdn/shop/files/657001193264.jpg?v=1724099009&amp;width=352 352w, //hats.com/cdn/shop/files/657001193264.jpg?v=1724099009&amp;width=832 832w, //hats.com/cdn/shop/files/657001193264.jpg?v=1724099009&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/HAT50265_Tropical_Nougat_Stripe_2.jpg?v=1747654532&amp;width=1000" alt="color-tropical-nougat-stripe" srcset="//hats.com/cdn/shop/files/HAT50265_Tropical_Nougat_Stripe_2.jpg?v=1747654532&amp;width=352 352w, //hats.com/cdn/shop/files/HAT50265_Tropical_Nougat_Stripe_2.jpg?v=1747654532&amp;width=832 832w, //hats.com/cdn/shop/files/HAT50265_Tropical_Nougat_Stripe_2.jpg?v=1747654532&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Bianca Visor</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$195.00</span></div><div class="text-xs lg:text-sm text-black mt-2">18 colors</div></div>
</div></div><div class="pl-2 splide__slide"><div class="flex flex-col w-full h-full group  ">
  <div class="relative  aspect-[575/575] lg:mx-[30px] rounded-[0px] overflow-hidden lg:mx-[15px] !mb-4"><a href="/products/cotton-twill-army-cap" class="contents">
        <img src="//hats.com/cdn/shop/files/Silver.jpg?v=1741898777&amp;width=1000" alt="color-silver" srcset="//hats.com/cdn/shop/files/Silver.jpg?v=1741898777&amp;width=352 352w, //hats.com/cdn/shop/files/Silver.jpg?v=1741898777&amp;width=832 832w, //hats.com/cdn/shop/files/Silver.jpg?v=1741898777&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover group-hover:hidden">
        <img src="//hats.com/cdn/shop/files/4d33db2acc110386c5bd2fabbf77e02c.jpg?v=1741898777&amp;width=1000" alt="color-navy" srcset="//hats.com/cdn/shop/files/4d33db2acc110386c5bd2fabbf77e02c.jpg?v=1741898777&amp;width=352 352w, //hats.com/cdn/shop/files/4d33db2acc110386c5bd2fabbf77e02c.jpg?v=1741898777&amp;width=832 832w, //hats.com/cdn/shop/files/4d33db2acc110386c5bd2fabbf77e02c.jpg?v=1741898777&amp;width=1000 1000w" width="1000" height="1000" loading="lazy" class="absolute left-0 top-0 w-full h-full object-cover hidden group-hover:block">
      </a></div>
  <div class="mt-0 lg:mx-[30px]"><h4 class="text-sm lg:text-base text-black font-acumin m-0">Cotton Twill Army Cap</h4>
    <div class="flex items-center gap-2 mt-2 text-sm"><span class="text-black"><span class="visually-hidden">price</span>$40.00</span></div><div class="text-xs lg:text-sm text-black mt-2">12 colors</div></div>
</div></div></div>
        </div>
      </div>
    </splide-slider></div>


<div class="lg:hidden" style="margin-bottom: 72px"></div>
<div class="hidden lg:block" style="margin-bottom: 100px"></div>

</div><div id="shopify-section-template--18657966325915__hero_fKihhK" class="shopify-section"><div
    id="section-template--18657966325915__hero_fKihhK"
    data-section-id="template--18657966325915__hero_fKihhK"
    class=""><div class="hero-container--no-slide"><div class="splide__slide   ">

            <div class="block-slide_GKecxa slideshow-slide relative w-full h-full">
              <style>
                #section-template--18657966325915__hero_fKihhK.block-slide_GKecxa
                .slideshow-slide__content {
                  flex: 1;
                }
                #section-template--18657966325915__hero_fKihhK
                .block-slide_GKecxa
                .hero-heading
                , #section-template--18657966325915__hero_fKihhK
                .block-slide_GKecxa
                .hero-subheading
                , #section-template--18657966325915__hero_fKihhK
                .block-slide_GKecxa
                .hero-body-copy *
                , #section-template--18657966325915__hero_fKihhK
                .block-slide_GKecxa
                .hero-description {
                  color: #231F20;
                }

                @media screen and (max-width: 1024px) {#section-template--18657966325915__hero_fKihhK
                    .block-slide_GKecxa
                    .slideshow-slide__media {
                      height: 0;
                      padding-bottom: 203.0534351145038%;
                    }}

                @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_fKihhK
                    .block-slide_GKecxa
                    .slideshow-slide__media {
                      height: 0;
                      padding-bottom: 43.05555555555555%;
                    }#section-template--18657966325915__hero_fKihhK
                  .block-slide_GKecxa
                  .hero-heading
                  , #section-template--18657966325915__hero_fKihhK
                  .block-slide_GKecxa
                  .hero-subheading
                  , #section-template--18657966325915__hero_fKihhK
                  .block-slide_GKecxa
                  .hero-body-copy *
                  , #section-template--18657966325915__hero_fKihhK
                  .block-slide_GKecxa
                  .hero-description {
                    color: #231F20;
                  }
                }
              </style>
              <div class="slideshow-slide__media relative  ">
                    <img src="//hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=1100 1100w, //hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=1500 1500w, //hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=1780 1780w, //hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=2000 2000w, //hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=3000 3000w, //hats.com/cdn/shop/files/3-Split-desktop-2_baf34e21-3395-4499-9525-c6f05c0c426d.jpg?v=1742593872&amp;width=3840 3840w" width="3840" height="1653" sizes="(min-width: px) -59.99880002399952px,
                    (min-width: 768px) 50vw, 100vw" fetchpriority="auto" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                  
                  
<img src="//hats.com/cdn/shop/files/3-Split-mobile-2_4554bf9f-aa44-4c54-9dc3-e108e28b128e.jpg?v=1742597149&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/3-Split-mobile-2_4554bf9f-aa44-4c54-9dc3-e108e28b128e.jpg?v=1742597149&amp;width=642 642w, //hats.com/cdn/shop/files/3-Split-mobile-2_4554bf9f-aa44-4c54-9dc3-e108e28b128e.jpg?v=1742597149&amp;width=900 900w, //hats.com/cdn/shop/files/3-Split-mobile-2_4554bf9f-aa44-4c54-9dc3-e108e28b128e.jpg?v=1742597149&amp;width=1200 1200w" width="1200" height="2437" fetchpriority="auto" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                  
</div><div class="slideshow-slide__content">
                  <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--bottom-center  max-w-[600px]   lg:absolute w-full hero-alignment-left
hero-alignment-mobile-center hero__content--bottom-left">
                    <div class="hero-content-box "><div class="mt-2 slideshow-slide__body hero-body-copy richtext"><h6><a href="/collections/bailey-1922" title="Bailey 1922">BAILEY 1922</a> | <a href="/collections/kangol" title="Kangol">KANGOL</a> | <a href="/collections/helen-kaminski" title="Helen Kaminski">HELEN KAMINSKI</a></h6></div>
<a href="/collections/brands" class="button button--small button--secondary-dark mt-2 lg:mt-4 mb-[.5rem] lg:mb-4">Explore Our Brands</a></div>
                  </div>
                </div></div>
          </div></div></div><div class="lg:hidden" style="margin-bottom: 0px"></div>
<div class="hidden lg:block" style="margin-bottom: 0px"></div>
</div><div id="shopify-section-template--18657966325915__hero_7ziPLK" class="shopify-section"><div
    id="section-template--18657966325915__hero_7ziPLK"
    data-section-id="template--18657966325915__hero_7ziPLK"
    class=""><splide-slider class="contents " id="splide-template--18657966325915__hero_7ziPLK">
        <script type="application/json" data-splide-settings>
          {
            "type": "loop",
            "perPage": 1,
            "perMove": 1,
            "arrows": false,
            "pagination": true
          }
        </script>
        <div class="splide" data-slideshow-carousel-container>
          <div class="hidden lg:block" data-splide-controls>
            <button
              class="hero-slide-arrow-left z-[1] flex items-center justify-center min-h-0 w-8 h-8 absolute top-1/2 left-[-100px] bg-transparent border-0 [&_svg]:h-8 cursor-pointer duration-700"
              data-slide="<"><svg class="rotate-180 h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
            <button class="
              hero-slide-arrow-right
              z-[1]
              flex
              items-center
              justify-center
              min-h-0
              w-8
              h-8
              absolute
              top-1/2
              right-[-100px]
              bg-transparent
              border-0
              [&_svg]:h-8
              cursor-pointer
              duration-700" data-slide=">"><svg class="h-[32px] w-[32px] rounded-[50%]" width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
  <rect width="30" height="30" fill="#f47969"/>
  <path d="M20 14.9999L15.6741 10.7894M20 14.9999L15.6741 19.2104M20 14.9999L10 14.9999" stroke="black" stroke-opacity="1"/>
</svg>
</button>
          </div>

          <div class="splide__track">
            <div class="splide__list"><div class="splide__slide  page-width-desktop 
page-width-mobile ">

                  <div class="block-slide_Ld7MHM slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_7ziPLK.block-slide_Ld7MHM {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_Ld7MHM
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_Ld7MHM
                      .hero-heading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_Ld7MHM
                      .hero-subheading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_Ld7MHM
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_Ld7MHM
                      .hero-description {
                        color: #231F20;
                      }

                      @media screen and (max-width: 1024px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_Ld7MHM
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 203.0534351145038%;
                          }}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_Ld7MHM
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_7ziPLK
                        .block-slide_Ld7MHM
                        .hero-heading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_Ld7MHM
                        .hero-subheading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_Ld7MHM
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_Ld7MHM
                        .hero-description {
                          color: #231F20;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative  ">
                          <img src="//hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=1100 1100w, //hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=1500 1500w, //hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=1780 1780w, //hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=2000 2000w, //hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=3000 3000w, //hats.com/cdn/shop/files/find-hat-size-desktop-1.jpg?v=1742595809&amp;width=3840 3840w" width="3840" height="1653" loading="lazy" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="auto" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/find-hat-size-mobile-1_3fe2f972-b5e6-4c1d-81b7-fa47644815d7.jpg?v=1742595916&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/find-hat-size-mobile-1_3fe2f972-b5e6-4c1d-81b7-fa47644815d7.jpg?v=1742595916&amp;width=642 642w, //hats.com/cdn/shop/files/find-hat-size-mobile-1_3fe2f972-b5e6-4c1d-81b7-fa47644815d7.jpg?v=1742595916&amp;width=900 900w, //hats.com/cdn/shop/files/find-hat-size-mobile-1_3fe2f972-b5e6-4c1d-81b7-fa47644815d7.jpg?v=1742595916&amp;width=1200 1200w" width="1200" height="2437" loading="lazy" fetchpriority="auto" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover" style="object-position:47.6398% 37.799%;">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--top-center  max-w-[600px]   lg:absolute w-full hero-alignment-left
hero-alignment-mobile-center hero__content--middle-right">
                          <div class="hero-content-box pb-8 "><h2 class="slideshow-slide__heading hero-heading text-[22px] lg:text-[30px] leading-[26px] lg:leading-[40px] m-0">Find Your Hat Size</h2>
<a href="/pages/find-your-size" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Let Us Help You</a></div>

                        </div>
                      </div></div>
                </div><div class="splide__slide  page-width-desktop 
page-width-mobile ">

                  <div class="block-slide_BmpxPE slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_7ziPLK.block-slide_BmpxPE {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_BmpxPE
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_BmpxPE
                      .hero-heading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_BmpxPE
                      .hero-subheading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_BmpxPE
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_BmpxPE
                      .hero-description {
                        color: #231F20;
                      }

                      @media screen and (max-width: 1024px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_BmpxPE
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 203.0534351145038%;
                          }}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_BmpxPE
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_7ziPLK
                        .block-slide_BmpxPE
                        .hero-heading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_BmpxPE
                        .hero-subheading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_BmpxPE
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_BmpxPE
                        .hero-description {
                          color: #ffffff;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative  ">
                          <img src="//hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=1100 1100w, //hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=1500 1500w, //hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=1780 1780w, //hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=2000 2000w, //hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=3000 3000w, //hats.com/cdn/shop/files/melin-desktop-1.jpg?v=1742595972&amp;width=3840 3840w" width="3840" height="1653" loading="lazy" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="auto" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/melin-mobile-1.jpg?v=1742595974&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/melin-mobile-1.jpg?v=1742595974&amp;width=642 642w, //hats.com/cdn/shop/files/melin-mobile-1.jpg?v=1742595974&amp;width=900 900w, //hats.com/cdn/shop/files/melin-mobile-1.jpg?v=1742595974&amp;width=1200 1200w" width="1200" height="2437" loading="lazy" fetchpriority="auto" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--top-center  max-w-[600px]   lg:absolute w-full hero-alignment-center
hero-alignment-mobile-center hero__content--middle-left">
                          <div class="hero-content-box pb-8 "><h2 class="slideshow-slide__heading hero-heading text-[22px] lg:text-[30px] leading-[26px] lg:leading-[40px] m-0">Hit the Green in Style</h2>
<a href="/collections/golf" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Shop Golf Collection</a></div>

                        </div>
                      </div></div>
                </div><div class="splide__slide  page-width-desktop 
page-width-mobile ">

                  <div class="block-slide_i7MJqf slideshow-slide relative w-full h-full">
                    <style>
                      #section-template--18657966325915__hero_7ziPLK.block-slide_i7MJqf {
                        display: inline-flex;
                        flex-direction: column;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_i7MJqf
                      .slideshow-slide__content {
                        flex: 1;
                      }
                      #section-template--18657966325915__hero_7ziPLK
                      .block-slide_i7MJqf
                      .hero-heading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_i7MJqf
                      .hero-subheading
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_i7MJqf
                      .hero-body-copy *
                      , #section-template--18657966325915__hero_7ziPLK
                      .block-slide_i7MJqf
                      .hero-description {
                        color: #231F20;
                      }

                      @media screen and (max-width: 1024px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_i7MJqf
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 203.0534351145038%;
                          }}

                      @media screen and (min-width: 1025px) {#section-template--18657966325915__hero_7ziPLK
                          .block-slide_i7MJqf
                          .slideshow-slide__media {
                            height: 0;
                            padding-bottom: 43.05555555555555%;
                          }#section-template--18657966325915__hero_7ziPLK
                        .block-slide_i7MJqf
                        .hero-heading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_i7MJqf
                        .hero-subheading
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_i7MJqf
                        .hero-body-copy *
                        , #section-template--18657966325915__hero_7ziPLK
                        .block-slide_i7MJqf
                        .hero-description {
                          color: #231F20;
                        }
                      }
                    </style>
                    <div class="slideshow-slide__media relative  ">
                          <img src="//hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=3840" alt="" srcset="//hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=1100 1100w, //hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=1500 1500w, //hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=1780 1780w, //hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=2000 2000w, //hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=3000 3000w, //hats.com/cdn/shop/files/Kangol-desktop-3.jpg?v=1742596117&amp;width=3840 3840w" width="3840" height="1653" loading="lazy" sizes="(min-width: px) -59.99880002399952px,
                            (min-width: 768px) 50vw, 100vw" fetchpriority="auto" class="hidden lg:block absolute left-0 top-0 w-full h-full object-cover">
                        
                        
<img src="//hats.com/cdn/shop/files/Kangol-mobile-3.jpg?v=1742596126&amp;width=1200" alt="" srcset="//hats.com/cdn/shop/files/Kangol-mobile-3.jpg?v=1742596126&amp;width=642 642w, //hats.com/cdn/shop/files/Kangol-mobile-3.jpg?v=1742596126&amp;width=900 900w, //hats.com/cdn/shop/files/Kangol-mobile-3.jpg?v=1742596126&amp;width=1200 1200w" width="1200" height="2437" loading="lazy" fetchpriority="auto" class="lg:hidden absolute left-0 top-0 w-full h-full object-cover">
                        
</div><div class="slideshow-slide__content">
                        <div class="slideshow-slide__overlay p-7 lg:pt-12 lg:pb-4 lg:px-10 flex absolute hero__content-mobile--top-center  max-w-[600px]   lg:absolute w-full hero-alignment-left
hero-alignment-mobile-center hero__content--middle-left">
                          <div class="hero-content-box pb-8 "><h2 class="slideshow-slide__heading hero-heading text-[22px] lg:text-[30px] leading-[26px] lg:leading-[40px] m-0">Home Run Looks</h2>
<a href="/collections/baseball-caps" class="button button--small button--primary-coral mt-2 lg:mt-4 mb-[.5rem] lg:mb-4 !font-acumin">Shop Baseball Caps</a></div>

                        </div>
                      </div></div>
                </div></div>
          </div>
        </div>
      </splide-slider></div><div class="lg:hidden" style="margin-bottom: 0px"></div>
<div class="hidden lg:block" style="margin-bottom: 20px"></div>
</div><div id="shopify-section-template--18657966325915__3_up_tile_UckLxa" class="shopify-section">
<style data-shopify>.section-template--18657966325915__3_up_tile_UckLxa-mb {
    margin-bottom: 48px;
  }

  @media screen and (min-width: 768px) {
    .section-template--18657966325915__3_up_tile_UckLxa-mb {
      margin-bottom: 100px;
    }
  }
  
    #section-template--18657966325915__3_up_tile_UckLxa .block-column_QktTdt .three-up__card--text {
      color: #23262a;
    }
    @media screen and (min-width: 768px) {
      #section-template--18657966325915__3_up_tile_UckLxa .block-column_QktTdt .three-up__card--text {
        color: #ffffff;
      }
    }
  
    #section-template--18657966325915__3_up_tile_UckLxa .block-column_fXM8tw .three-up__card--text {
      color: #23262a;
    }
    @media screen and (min-width: 768px) {
      #section-template--18657966325915__3_up_tile_UckLxa .block-column_fXM8tw .three-up__card--text {
        color: #ffffff;
      }
    }
  
    #section-template--18657966325915__3_up_tile_UckLxa .block-column_k34wRF .three-up__card--text {
      color: #23262a;
    }
    @media screen and (min-width: 768px) {
      #section-template--18657966325915__3_up_tile_UckLxa .block-column_k34wRF .three-up__card--text {
        color: #ffffff;
      }
    }
  
</style><div id="section-template--18657966325915__3_up_tile_UckLxa" class="isolate section-template--18657966325915__3_up_tile_UckLxa section-template--18657966325915__3_up_tile_UckLxa-mb">
  <div class="isolate section-template--18657966325915__3_up_tile_UckLxa-padding">
    <div class="gap-0 px-6 md:flex md:px-0">
      
        
        <div class="block-column_QktTdt three-up__card md:w-1/3 md:h-auto relative mt-8 first:mt-0 md:mt-0 overflow-hidden" >
          
          <a href="/collections/backpack-bags" class="z-0 block text-black no-underline md:h-full" aria-label="">
          
<div
                  class="image-with-text__media image-with-text__media-- global-media-settings media md:h-full" style="padding-bottom: 177.77777777777777%;"
                ><img src="//hats.com/cdn/shop/files/3-Block-D-1.jpg?v=1742596322&amp;width=960" alt="" srcset="//hats.com/cdn/shop/files/3-Block-D-1.jpg?v=1742596322&amp;width=750 750w, //hats.com/cdn/shop/files/3-Block-D-1.jpg?v=1742596322&amp;width=960 960w" width="960" height="1707" loading="lazy" sizes="(min-width: px) -50px,
                    (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto" class="w-full h-full object-cover">
              </div>
          </a>
          
          
          <div class="three-up__card--text md:absolute md:bottom-0 w-full translate-y-0 !scale-x-100">
              <div class="w-full pt-4 lg:!pb-20 text-center md:p-6">
                
                  <h4 style="color: #23262a;" class="block lg:hidden mb-1 capitalize font-acumin">Must Have Bags</h4>
                  <h4 style="color: #ffffff;" class="lg:block hidden mb-1 capitalize font-acumin">Must Have Bags</h4>
                
                
              </div>
          </div>
          
        </div>
      
        
        <div class="block-column_fXM8tw three-up__card md:w-1/3 md:h-auto relative mt-8 first:mt-0 md:mt-0 overflow-hidden" >
          
          <a href="/collections/clothing" class="z-0 block text-black no-underline md:h-full" aria-label="">
          
<div
                  class="image-with-text__media image-with-text__media-- global-media-settings media md:h-full" style="padding-bottom: 177.77777777777777%;"
                ><img src="//hats.com/cdn/shop/files/3-Block-D-2.jpg?v=1742596338&amp;width=960" alt="" srcset="//hats.com/cdn/shop/files/3-Block-D-2.jpg?v=1742596338&amp;width=750 750w, //hats.com/cdn/shop/files/3-Block-D-2.jpg?v=1742596338&amp;width=960 960w" width="960" height="1707" loading="lazy" sizes="(min-width: px) -50px,
                    (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto" class="w-full h-full object-cover">
              </div>
          </a>
          
          
          <div class="three-up__card--text md:absolute md:bottom-0 w-full translate-y-0 !scale-x-100">
              <div class="w-full pt-4 lg:!pb-20 text-center md:p-6">
                
                  <h4 style="color: #23262a;" class="block lg:hidden mb-1 capitalize font-acumin">Explore Clothing</h4>
                  <h4 style="color: #ffffff;" class="lg:block hidden mb-1 capitalize font-acumin">Explore Clothing</h4>
                
                
              </div>
          </div>
          
        </div>
      
        
        <div class="block-column_k34wRF three-up__card md:w-1/3 md:h-auto relative mt-8 first:mt-0 md:mt-0 overflow-hidden" >
          
          <a href="/collections/hat-care" class="z-0 block text-black no-underline md:h-full" aria-label="">
          
<div
                  class="image-with-text__media image-with-text__media-- global-media-settings media md:h-full" style="padding-bottom: 177.77777777777777%;"
                ><img src="//hats.com/cdn/shop/files/3-Block-D-3.jpg?v=1742596344&amp;width=960" alt="" srcset="//hats.com/cdn/shop/files/3-Block-D-3.jpg?v=1742596344&amp;width=750 750w, //hats.com/cdn/shop/files/3-Block-D-3.jpg?v=1742596344&amp;width=960 960w" width="960" height="1707" loading="lazy" sizes="(min-width: px) -50px,
                    (min-width: 750px) calc((100vw - 130px) / 2), calc((100vw - 50px) / 2)" fetchpriority="auto" class="w-full h-full object-cover">
              </div>
          </a>
          
          
          <div class="three-up__card--text md:absolute md:bottom-0 w-full translate-y-0 !scale-x-100">
              <div class="w-full pt-4 lg:!pb-20 text-center md:p-6">
                
                  <h4 style="color: #23262a;" class="block lg:hidden mb-1 capitalize font-acumin">Hat Care & Accessories</h4>
                  <h4 style="color: #ffffff;" class="lg:block hidden mb-1 capitalize font-acumin">Hat Care & Accessories</h4>
                
                
              </div>
          </div>
          
        </div>
      
    </div>
  </div>
</div><style> @media (min-width: 768px) {.md\:w-1\/3 {width: 33.333333%; padding: .35rem; } </style></div>
    </main>

    <!-- BEGIN sections: footer-group -->
<footer id="shopify-section-sections--18657960132763__footer" class="shopify-section shopify-section-group-footer-group"><div class="container pt-10 lg:pt-20 pb-[50px] lg:pb-[100px]">
  <div class="flex flex-wrap gap-y-[60px] lg:gap-4">
    <div class="lg:flex-1 w-full lg:w-auto flex flex-wrap gap-y-[60px] lg:gap-4 order-2 lg:order-1"><div class="lg:flex-1 w-1/2 lg:w-auto"><h4 class="font-acuminBold text-sm text-black m-0 font-bold">Customer Service</h4><ul class="list-none flex flex-col gap-2 mt-6 p-0"><li class="m-0 p-0">
                  <a href="/pages/faq" class="text-sm text-black no-underline hover:text-black hover:underline transition">FAQ</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/shipping-returns" class="text-sm text-black no-underline hover:text-black hover:underline transition">Shipping</a>
                </li><li class="m-0 p-0">
                  <a href="https://hats.com/apps/returns" class="text-sm text-black no-underline hover:text-black hover:underline transition">Start a Return</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/promotions" class="text-sm text-black no-underline hover:text-black hover:underline transition">Promotions</a>
                </li><li class="m-0 p-0">
                  <a href="/products/gift-card" class="text-sm text-black no-underline hover:text-black hover:underline transition">Gift Cards</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/contact" class="text-sm text-black no-underline hover:text-black hover:underline transition">Contact Us</a>
                </li><li class="m-0 p-0">
                  <a href="tel:18775664287" class="text-sm text-black no-underline hover:text-black hover:underline transition">1-877-566-HATS</a>
                </li></ul></div><div class="lg:flex-1 w-1/2 lg:w-auto"><h4 class="font-acuminBold text-sm text-black m-0 font-bold">Resources</h4><ul class="list-none flex flex-col gap-2 mt-6 p-0"><li class="m-0 p-0">
                  <a href="/pages/find-your-size" class="text-sm text-black no-underline hover:text-black hover:underline transition">Find Your Size</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/handling-and-care" class="text-sm text-black no-underline hover:text-black hover:underline transition">Handling & Care</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/face-shape-guide" class="text-sm text-black no-underline hover:text-black hover:underline transition">Face Shapes</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/glossary-of-terms" class="text-sm text-black no-underline hover:text-black hover:underline transition">Glossary</a>
                </li><li class="m-0 p-0">
                  <a href="#" class="text-sm text-black no-underline hover:text-black hover:underline transition">Blog</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/reviews" class="text-sm text-black no-underline hover:text-black hover:underline transition">Reviews</a>
                </li></ul></div><div class="lg:flex-1 w-1/2 lg:w-auto"><h4 class="font-acuminBold text-sm text-black m-0 font-bold">About Us</h4><ul class="list-none flex flex-col gap-2 mt-6 p-0"><li class="m-0 p-0">
                  <a href="/pages/about-us" class="text-sm text-black no-underline hover:text-black hover:underline transition">Who We Are</a>
                </li><li class="m-0 p-0">
                  <a href="/policies/terms-of-service" class="text-sm text-black no-underline hover:text-black hover:underline transition">Terms of Service</a>
                </li><li class="m-0 p-0">
                  <a href="/policies/privacy-policy" class="text-sm text-black no-underline hover:text-black hover:underline transition">Privacy Policy</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/website-accessibility-policy" class="text-sm text-black no-underline hover:text-black hover:underline transition">Website Accessibility</a>
                </li><li class="m-0 p-0">
                  <a href="/pages/affiliates" class="text-sm text-black no-underline hover:text-black hover:underline transition">Become an Affiliate</a>
                </li></ul></div></div>

    <div class="w-full lg:w-[460px] order-1 lg:order-2 pb-[50px] lg:pb-0">
      <h4 class="font-acuminBold text-black text-base m-0">Subscribe to our emails</h4>

      <div class="text-sm text-black mt-2 p-inherit">
        <p>Email Address</p>
      </div>

      <div class="flex gap-3 mt-6"><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form relative" data-footer-newsletter=""><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="Brand:">
          <div class="newsletter-form__field-wrapper flex flex-col">
              <div class="input-wrap flex-1 min-w-[325px] sm:min-w-[425px] h-[50px]">
                <input class="w-full h-full !min-w-0 !rounded-none"
                id="NewsletterForm--sections--18657960132763__footer"
                type="email"
                name="contact[email]"
                value=""
                aria-required="true"
                autocorrect="off"
                autocapitalize="off"
                autocomplete="email"
                
                placeholder=""
                required
                data-footer-newsletter-input>
                <label class="absolute top-2 left-2" for="NewsletterForm--sections--18657960132763__footer">Your email address*</label>
              </div>
              <button
                type="submit"
                class="button button--primary-coral w-[160px] footer-newsletter-submit mt-[16px]"
                name="commit"
                id="Subscribe"
                aria-label="Subscribe"
              >
                Subscribe
              </button>
          </div></form></div>

      
<div class="flex flex-col gap-y-1.5 mt-[50px] mb-0 lg:my-10">
  <h3 class="font-acuminBold text-sm text-black m-0 font-bold mb-1 leading-[22px]">Follow us</h3>
  <ul class="list-unstyled list-social list-none flex p-0 gap-5" role="list"><li class="list-social__item">
        <a href="https://www.instagram.com/HatsDotCom/" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-instagram" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M12.0001 16.2927C13.0609 16.2927 14.0783 15.8713 14.8285 15.1212C15.5786 14.371 16.0001 13.3536 16.0001 12.2927C16.0001 11.2319 15.5786 10.2144 14.8285 9.4643C14.0783 8.71415 13.0609 8.29272 12.0001 8.29272C10.9392 8.29272 9.92178 8.71415 9.17163 9.4643C8.42149 10.2144 8.00006 11.2319 8.00006 12.2927C8.00006 13.3536 8.42149 14.371 9.17163 15.1212C9.92178 15.8713 10.9392 16.2927 12.0001 16.2927Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
  <path d="M3 16.2927V8.29272C3 6.96664 3.52678 5.69487 4.46447 4.75719C5.40215 3.81951 6.67392 3.29272 8 3.29272H16C17.3261 3.29272 18.5979 3.81951 19.5355 4.75719C20.4732 5.69487 21 6.96664 21 8.29272V16.2927C21 17.6188 20.4732 18.8906 19.5355 19.8283C18.5979 20.7659 17.3261 21.2927 16 21.2927H8C6.67392 21.2927 5.40215 20.7659 4.46447 19.8283C3.52678 18.8906 3 17.6188 3 16.2927Z" stroke="currentColor" stroke-width="1.5"/>
  <path d="M17.4999 6.80275L17.5099 6.79175" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg><span class="visually-hidden">Instagram</span>
        </a>
      </li><li class="list-social__item">
        <a href="https://www.facebook.com/HatsDotCom" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" class="icon icon-facebook" viewBox="0 0 24 25" fill="none">
<path d="M9.60189 21.3187V14.0447H6.81789C6.67335 14.0447 6.53472 13.9873 6.43252 13.885C6.33031 13.7828 6.27289 13.6442 6.27289 13.4997V10.6227C6.27289 10.4781 6.33031 10.3395 6.43252 10.2373C6.53472 10.1351 6.67335 10.0777 6.81789 10.0777H9.59089V7.29267C9.52455 6.63223 9.60362 5.96526 9.82254 5.33863C10.0415 4.712 10.3949 4.14089 10.8581 3.66543C11.3212 3.18997 11.8829 2.82167 12.5036 2.58642C13.1243 2.35117 13.7889 2.25466 14.4509 2.30367H16.7709C16.9168 2.30339 17.057 2.36048 17.1612 2.46262C17.2654 2.56477 17.3253 2.70378 17.3279 2.84967V5.28567C17.3247 5.43131 17.2647 5.56992 17.1606 5.6718C17.0564 5.77367 16.9166 5.83071 16.7709 5.83067H15.3209C13.7549 5.83067 13.4539 6.57267 13.4539 7.66367V10.0767H17.1769C17.2543 10.0741 17.3313 10.0884 17.4026 10.1186C17.4738 10.1489 17.5377 10.1942 17.5896 10.2516C17.6416 10.309 17.6804 10.377 17.7035 10.451C17.7265 10.5249 17.7331 10.6029 17.7229 10.6797L17.3859 13.5677C17.369 13.7 17.3042 13.8215 17.2038 13.9092C17.1033 13.9969 16.9742 14.0447 16.8409 14.0437H13.4769V21.3177C13.4785 21.4461 13.4544 21.5736 13.4059 21.6925C13.3575 21.8115 13.2857 21.9196 13.1949 22.0103C13.104 22.1011 12.9958 22.1728 12.8768 22.2211C12.7578 22.2694 12.6303 22.2934 12.5019 22.2917H10.5649C10.4374 22.292 10.3112 22.2669 10.1935 22.2179C10.0758 22.1689 9.96904 22.097 9.87942 22.0063C9.7898 21.9157 9.71911 21.8081 9.67146 21.6899C9.62381 21.5717 9.60016 21.4461 9.60189 21.3187Z" fill="currentColor"/>
</svg>
<span class="visually-hidden">Facebook</span>
        </a>
      </li><li class="list-social__item">
        <a href="https://www.youtube.com/@hatsdotcom_Hats" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-youtube" width="18" height="19" viewBox="0 0 18 19" fill="none">
  <g clip-path="url(#clip0_16_166)">
    <path d="M17.7491 5.00408C17.6546 4.2159 16.9118 3.46011 16.1346 3.35886C11.3956 2.77003 6.60347 2.77003 1.86599 3.35886C1.08818 3.45989 0.345406 4.2159 0.250922 5.00408C-0.0836405 7.8927 -0.0836405 10.6935 0.250922 13.5815C0.345406 14.3697 1.08818 15.1262 1.86599 15.2267C6.60347 15.8155 11.3958 15.8155 16.1346 15.2267C16.9118 15.1263 17.6546 14.3697 17.7491 13.5815C18.0837 10.6938 18.0837 7.8927 17.7491 5.00408ZM7.49989 12.2933V6.29315L12 9.29335L7.49989 12.2933Z" fill="currentColor"/>
  </g>
  <defs>
    <clipPath id="clip0_16_166">
      <rect width="18" height="18" fill="white" transform="translate(0 0.292725)"/>
    </clipPath>
  </defs>
</svg><span class="visually-hidden">YouTube</span>
        </a>
      </li><li class="list-social__item">
        <a href="https://www.pinterest.com/hatsdotcom/" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-pinterest" width="24" height="25" viewBox="0 0 24 25" fill="none">
<path d="M10.67 15.3897C10.164 18.1157 9.54796 20.7297 7.71996 22.0947C7.15696 17.9747 8.54896 14.8797 9.19496 11.5947C8.09296 9.68467 9.32796 5.83967 11.652 6.78667C14.512 7.95267 9.17496 13.8887 12.758 14.6307C16.499 15.4047 18.027 7.94767 15.707 5.52167C12.355 2.02067 5.94996 5.44267 6.73796 10.4557C6.92996 11.6817 8.15896 12.0537 7.22896 13.7457C5.08396 13.2547 4.44396 11.5127 4.52696 9.18967C4.65896 5.38967 7.84396 2.72767 11.038 2.35967C15.078 1.89367 18.869 3.88667 19.392 7.79967C19.982 12.2157 17.569 16.9997 13.25 16.6547C12.079 16.5617 11.587 15.9647 10.67 15.3897Z" fill="currentColor"/>
</svg><span class="visually-hidden">Pinterest</span>
        </a>
      </li><li class="list-social__item">
        <a href="https://twitter.com/HatsDotCom" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-twitter" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M3.00012 4.28345H5.04558L17.3183 20.6471H15.2728L3.00012 4.28345ZM6.68194 4.28345H8.72739L21.0001 20.6471H18.9547L6.68194 4.28345Z" fill="currentColor"/>
  <path d="M4.63654 4.28345H8.72744V5.91981H4.63654V4.28345ZM15.2729 20.6471H19.3638V19.0107H15.2729V20.6471Z" fill="currentColor"/>
  <path d="M17.3183 4.28345H20.182L6.27288 20.6471H3.40924L17.3183 4.28345Z" fill="currentColor"/>
</svg><span class="visually-hidden">X (Twitter)</span>
        </a>
      </li><li class="list-social__item">
        <a href="https://www.linkedin.com/company/kangol" class="link list-social__link"><svg xmlns="http://www.w3.org/2000/svg" class="icon icon-linkedin" width="24" height="25" viewBox="0 0 24 25" fill="none">
  <path d="M6.41756 6.08552C6.41731 6.58645 6.21807 7.06677 5.86368 7.4208C5.50929 7.77484 5.02878 7.9736 4.52784 7.97335C4.02691 7.9731 3.54659 7.77386 3.19256 7.41947C2.83852 7.06508 2.63976 6.58456 2.64001 6.08363C2.64027 5.5827 2.8395 5.10238 3.19389 4.74834C3.54828 4.39431 4.0288 4.19555 4.52973 4.1958C5.03067 4.19605 5.51098 4.39529 5.86502 4.74968C6.21906 5.10407 6.41781 5.58458 6.41756 6.08552ZM6.47422 9.37198H2.69668V21.1957H6.47422V9.37198ZM12.4427 9.37198H8.68409V21.1957H12.405V14.9911C12.405 11.5346 16.9097 11.2135 16.9097 14.9911V21.1957H20.64V13.7067C20.64 7.87985 13.9726 8.09706 12.405 10.9586L12.4427 9.37198Z" fill="currentColor"/>
</svg><span class="visually-hidden">LinkedIn</span>
        </a>
      </li></ul>
</div>
</div>
  </div>
</div>

<div class="lg:hidden container pb-[50px]"></div>

<div class="container text-center text-xs text-grey-2 py-5">
  © 2025 hats.com. All rights reserved.
</div>


</footer><section id="shopify-section-sections--18657960132763__text_banner_QbfQnA" class="shopify-section shopify-section-group-footer-group section"><div id="section-sections--18657960132763__text_banner_QbfQnA" data-section-id="sections--18657960132763__text_banner_QbfQnA">
  <div class="text-banner-alignment-center">
    <div class="px-6 lg:px-[30px] py-4 lg:py-6 text-banner-inner-container"><div class="mt-1 text-primary-4 max-w-[928px] text-banner-description"><h6>We are committed to ensuring that our website is accessible to everyone, including individuals with disabilities. We continuously strive to enhance the accessibility and usability of our site. If you experience any difficulty accessing any part of our website, please contact us via our contact page and we will make every effort to assist you.</h6></div></div>
  </div>
</div>

<style type="text/css">
  #section-sections--18657960132763__text_banner_QbfQnA{
    margin-bottom:0px;
  }

  @media (min-width: 1025px) {
    #section-sections--18657960132763__text_banner_QbfQnA{
      margin-bottom:0px;
    }
  }
</style></section>
<!-- END sections: footer-group -->

    <ul hidden>
      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
      <li id="a11y-new-window-message">Opens in a new window.</li>
    </ul>

    <script>
      window.shopUrl = 'https://hats.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `There was an error while updating your cart. Please try again.`,
        quantityError: `You can only add [quantity] of this item to your cart.`,
      };

      window.variantStrings = {
        addToCart: `Add to bag`,
        soldOut: `Sold out`,
        unavailable: `Unavailable`,
        soldout_with_option: `[value] - Sold out`,
        unavailable_with_option: `[value] - Sold out`,
      };

      window.quickOrderListStrings = {
        itemsAdded: `[quantity] items added`,
        itemAdded: `[quantity] item added`,
        itemsRemoved: `[quantity] items removed`,
        itemRemoved: `[quantity] item removed`,
        viewCart: `View cart`,
        each: `[money]/ea`,
        min_error: `This item has a minimum of [min]`,
        max_error: `This item has a maximum of [max]`,
        step_error: `You can only add this item in increments of [step]`,
      };

      window.accessibilityStrings = {
        imageAvailable: `Image [index] is now available in gallery view`,
        shareSuccess: `Link copied to clipboard`,
        pauseSlideshow: `Pause slideshow`,
        playSlideshow: `Play slideshow`,
        recipientFormExpanded: `Gift card recipient form expanded`,
        recipientFormCollapsed: `Gift card recipient form collapsed`,
        countrySelectorSearchCount: `[count] countries/regions found`,
      };
    </script><script src="//hats.com/cdn/shop/t/19/assets/predictive-search.js?v=162273246065392412141746815856" defer="defer"></script><script>
      var Shopify = Shopify || {};
      Shopify.nosto = {}
      Shopify.nosto.money_format = "${{amount}}";
    </script>
  <div id="shopify-block-ATEE3ZkFQcUtzdnBXZ__6990797075511561578" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: nosto-tagging -->
  <div class="nosto_page_type" style="display:none">front</div>



  <div class="nosto_market" style="display:none">
    <span class="id">38760186011</span>
    <span class="locale">en</span>
  </div>


<div class="nosto_shopify_shop" style="display: none">
  <span class="id">62810423451</span>
</div>










  <div class="nosto_cart" style="display:none">
    
    
    
  </div>





<!-- END app snippet -->


</div><div id="shopify-block-AT2dGRTVDUS9INmMxd__10812935154079970445" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: nosto-shop-id --><div class="nosto_shopify_shop" style="display: none">
  <span class="id">62810423451</span>
</div>


  <div class="nosto_market" style="display:none">
    <span class="id">38760186011</span>
    <span class="locale">en</span>
  </div>

<!-- END app snippet -->

</div></body>
</html>

Alan adının whois bilgisi

Domain Name: HATS.COM

Registry Domain ID: 832627_DOMAIN_COM-VRSN

Registrar WHOIS Server: whois.networksolutions.com

Registrar URL: http://networksolutions.com

Updated Date: 2024-11-08T09:13:32Z

Creation Date: 1995-10-16T04:00:00Z

Registry Expiry Date: 2030-01-07T22:33:07Z

Registrar: Network Solutions, LLC

Registrar IANA ID: 2

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: +1.8777228662

Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited

Name Server: DNS1.STABLETRANSIT.COM

Name Server: DNS2.STABLETRANSIT.COM

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-23T23:59:38Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass

hatswdt

hatsden

hats4k0

hats80h

hatsrvk

hatsefl

hatsvoq

hatsct5

hatskah

hatsqyv

hatsp5i

hatsaro

hatsk8b

hatsi81

hats1m9

hatsdt1

hats7vh

hats616

hatsknf

hatshaf

hats97y

hatsmbb

hats5qn

hatsv0n

hatscpt

hats7wu

hatssis

hatsxt8

hatsso9

hatsu7z

hatsb80

hatslbv

hatsw44

hatstus

hatsdsd