PageSourceSearch

https://girlbeer.com/

html girlbeer.com collected 2026-10-09 22:39:43 UTC 300,461 bytes, 8,246 lines download raw bytes

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16<!doctype html>
17<html class="js" lang="en">
18  <head>
19  
20  
20<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
20
21    <meta name="google-site-verification" content="jJgFmiWzd_taan3RGTXtHPWwM42v_fWV-Yb2iTk5mEs" />
22    <meta charset="utf-8">
23    <meta http-equiv="X-UA-Compatible" content="IE=edge">
24    <meta name="viewport" content="width=device-width,initial-scale=1">
25    <meta name="theme-color" content="">
26    <link rel="canonical" href="https://girlbeer.com/">
27    
28<link rel="icon" type="image/png" href="//girlbeer.com/cdn/shop/files/Hurray_sGBSocialIcon-8.png?crop=center&height=32&v=1733015688&width=32"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>
29      Girl Beer - For everyone (except Connor)
30</title>
31
32    
33      <meta name="description" content="Connor you know what you did. Flavored light beers; no added sugar; 4.2% ABV; 100 calories">
34    
35
36    
37
38<meta property="og:site_name" content="Girl Beer">
39<meta property="og:url" content="https://girlbeer.com/">
40<meta property="og:title" content="Girl Beer - For everyone (except Connor)">
41<meta property="og:type" content="website">
42<meta property="og:description" content="Connor you know what you did. Flavored light beers; no added sugar; 4.2% ABV; 100 calories"><meta name="twitter:site" content="@https://x.com/itsgirlbeer"><meta name="twitter:card" content="summary_large_image">
43<meta name="twitter:title" content="Girl Beer - For everyone (except Connor)">
44<meta name="twitter:description" content="Connor you know what you did. Flavored light beers; no added sugar; 4.2% ABV; 100 calories">
45
46    
46<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
46
47    
47<script src="//girlbeer.com/cdn/shop/t/24/assets/constants.js?v=132983761750457495441758914131" defer="defer"></script>
47
48    
48<script src="//girlbeer.com/cdn/shop/t/24/assets/pubsub.js?v=158357773527763999511758914129" defer="defer"></script>
48
49    
49<script src="//girlbeer.com/cdn/shop/t/24/assets/global.js?v=37391804347349425221758914130" defer="defer"></script>
49
50    
50<script src="//girlbeer.com/cdn/shop/t/24/assets/details-disclosure.js?v=13653116266235556501758914129" defer="defer"></script>
50
51    
51<script src="//girlbeer.com/cdn/shop/t/24/assets/details-modal.js?v=25581673532751508451758914129" defer="defer"></script>
51
52    
52<script src="//girlbeer.com/cdn/shop/t/24/assets/search-form.js?v=133129549252120666541758914129" defer="defer"></script>
52
53    
53<script src="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.js"></script>
53
54    
54<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
54<script src="//girlbeer.com/cdn/shop/t/24/assets/animations.js?v=88693664871331136111758914129" defer="defer"></script>
54
55  
55<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
55<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/80479387948/digital_wallets/dialog">
56<meta id="in-context-paypal-metadata" data-shop-id="80479387948" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
57<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
57<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
57
58<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
59<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=80479387948" crossorigin="anonymous"></script>
vendor: 1 bytes, line 59
59
60<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":80479387948,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/80479387948","merchantName":"Girl Beer","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Girl Beer","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 60
60
61<script id="shopify-features" type="application/json">{"accessToken":"2f293aff8f6b7e9f6a81fa4a5eb301f0","betas":["rich-media-storefront-analytics"],"domain":"girlbeer.com","predictiveSearch":true,"shopId":80479387948,"locale":"en"}</script>
vendor: 1 bytes, line 61
61
62<script>var Shopify = Shopify || {};
63Shopify.shop = "b3b5b4.myshopify.com";
64Shopify.locale = "en";
65Shopify.currency = {"active":"USD","rate":"1.0"};
66Shopify.country = "US";
67Shopify.theme = {"name":"hurraygirlbeer\/main","id":179735953708,"schema_name":"Dawn","schema_version":"15.0.2","theme_store_id":null,"role":"main"};
68Shopify.theme.handle = "null";
69Shopify.theme.style = {"id":null,"handle":null};
70Shopify.cdnHost = "girlbeer.com/cdn";
71Shopify.routes = Shopify.routes || {};
72Shopify.routes.root = "/";
73Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
74Shopify.SignInWithShop = Shopify.SignInWithShop || {};
75Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
76Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 76
76
77<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 77
77
78<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 78
78
79<script>
80  window.ShopifyPay = window.ShopifyPay || {};
81  window.ShopifyPay.apiHost = "shop.app\/pay";
82  window.ShopifyPay.redirectState = null;
83</script>
vendor: 1 bytes, line 83
83
84<script>
85  window.Shopify = window.Shopify || {};
86  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
87  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
88  window.Shopify.SignInWithShop.eligible = true;
89</script>
vendor: 1 bytes, line 89
89
90<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 90
90
91<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 91
91
92<script type="module">
93  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
94
95  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
96
97</script>
vendor: 1 bytes, line 97
97
98<script>
99  window.Shopify = window.Shopify || {};
100  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
101  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
102</script>
vendor: 1 bytes, line 102
102
103<script>(function() {
104  var isLoaded = false;
105  function asyncLoad() {
106    if (isLoaded) return;
107    isLoaded = true;
108    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/aa1e0afa67fd9bc021c0a208f\/91ba10d03d3e93d0bc4b13edd.js?shop=b3b5b4.myshopify.com","https:\/\/cdn.nfcube.com\/tiktok-1f71536b32b2c3d5d601cf67e10cd716.js?shop=b3b5b4.myshopify.com"];
109    for (var i = 0; i < urls.length; i++) {
110      var s = document.createElement('script');
111      s.type = 'text/javascript';
112      s.async = true;
113      s.src = urls[i];
114      var x = document.getElementsByTagName('script')[0];
115      x.parentNode.insertBefore(s, x);
116    }
117  };
118  if(window.attachEvent) {
119    window.attachEvent('onload', asyncLoad);
120  } else {
121    window.addEventListener('load', asyncLoad, false);
122  }
123})();</script>
vendor: 1 bytes, line 123
123
124<script id="__st">var __st={"a":80479387948,"offset":-14400,"reqid":"8512d5f1-a823-4165-a0fb-4f21eab9c8f1-1791585582","pageurl":"girlbeer.com\/","u":"ac924e795404","p":"home"};</script>
vendor: 1 bytes, line 124
124
125<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 125
125
126<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.3.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>
vendor: 1 bytes, line 126
126
127<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//girlbeer.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 127
127
128<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//girlbeer.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
128<script crossorigin="anonymous" defer="defer" src="//girlbeer.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 128
128
129<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 129
129
130<script>
131  window.Shopify = window.Shopify || {};
132  window.Shopify.MCP = window.Shopify.MCP || {};
133  window.Shopify.MCP.enabled = true;
134  window.Shopify.MCP.shop = "b3b5b4.myshopify.com";
135  window.Shopify.MCP.mcpEndpoint = "https:\/\/girlbeer.com\/api\/mcp";
136  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
137</script>
vendor: 1 bytes, line 137
137
138<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/girlbeer.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})();
139</script>
vendor: 1 bytes, line 139
139
140<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://girlbeer.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
141</script>
vendor: 1 bytes, line 141
141
142<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
143  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);
144</script>
vendor: 1 bytes, line 144
144
145<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})}}));
146</script>
146
147<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://girlbeer.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
148<style id="shopify-accelerated-checkout-cart">
149        #shopify-buyer-consent {
150  margin-top: 1em;
151  display: inline-block;
152  width: 100%;
153}
154
155#shopify-buyer-consent.hidden {
156  display: none;
157}
158
159#shopify-subscription-policy-button {
160  background: none;
161  border: none;
162  padding: 0;
163  text-decoration: underline;
164  font-size: inherit;
165  cursor: pointer;
166}
167
168#shopify-subscription-policy-button::before {
169  box-shadow: none;
170}
171
172      </style>
173
174<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
174
175  
176
177
178
179
180
181  
181<script type="text/javascript">
182    
183      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
184    
185    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
186      currency: "USD",
187      currency_symbol: "$",
188      decimal_separator: ".",
189      thousands_separator: ",",
190      decimal_places: 2,
191      currency_symbol_location: "left"
192    };
193  </script>
193
194
195
196
197
198
199    <style data-shopify>
200      @font-face {
201  font-family: Assistant;
202  font-weight: 400;
203  font-style: normal;
204  font-display: swap;
205  src: url("//girlbeer.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
206       url("//girlbeer.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
207}
208
209      @font-face {
210  font-family: Assistant;
211  font-weight: 700;
212  font-style: normal;
213  font-display: swap;
214  src: url("//girlbeer.com/cdn/fonts/assistant/assistant_n7.bf44452348ec8b8efa3aa3068825305886b1c83c.woff2") format("woff2"),
215       url("//girlbeer.com/cdn/fonts/assistant/assistant_n7.0c887fee83f6b3bda822f1150b912c72da0f7b64.woff") format("woff");
216}
217
218      
219      
220      @font-face {
221  font-family: Assistant;
222  font-weight: 400;
223  font-style: normal;
224  font-display: swap;
225  src: url("//girlbeer.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2") format("woff2"),
226       url("//girlbeer.com/cdn/fonts/assistant/assistant_n4.6e9875ce64e0fefcd3f4446b7ec9036b3ddd2985.woff") format("woff");
227}
228
229
230      
231        :root,
232        .color-scheme-1 {
233          --color-background: 255,255,255;
234        
235          --gradient-background: #ffffff;
236        
237
238        
239
240        --color-foreground: 18,18,18;
241        --color-background-contrast: 191,191,191;
242        --color-shadow: 18,18,18;
243        --color-button: 18,18,18;
244        --color-button-text: 255,255,255;
245        --color-secondary-button: 255,255,255;
246        --color-secondary-button-text: 18,18,18;
247        --color-link: 18,18,18;
248        --color-badge-foreground: 18,18,18;
249        --color-badge-background: 255,255,255;
250        --color-badge-border: 18,18,18;
251        --payment-terms-background-color: rgb(255 255 255);
252      }
253      
254        
255        .color-scheme-2 {
256          --color-background: 243,243,243;
257        
258          --gradient-background: #f3f3f3;
259        
260
261        
262
263        --color-foreground: 18,18,18;
264        --color-background-contrast: 179,179,179;
265        --color-shadow: 18,18,18;
266        --color-button: 18,18,18;
267        --color-button-text: 243,243,243;
268        --color-secondary-button: 243,243,243;
269        --color-secondary-button-text: 18,18,18;
270        --color-link: 18,18,18;
271        --color-badge-foreground: 18,18,18;
272        --color-badge-background: 243,243,243;
273        --color-badge-border: 18,18,18;
274        --payment-terms-background-color: rgb(243 243 243);
275      }
276      
277        
278        .color-scheme-3 {
279          --color-background: 36,40,51;
280        
281          --gradient-background: #242833;
282        
283
284        
285
286        --color-foreground: 255,255,255;
287        --color-background-contrast: 47,52,66;
288        --color-shadow: 18,18,18;
289        --color-button: 255,255,255;
290        --color-button-text: 0,0,0;
291        --color-secondary-button: 36,40,51;
292        --color-secondary-button-text: 255,255,255;
293        --color-link: 255,255,255;
294        --color-badge-foreground: 255,255,255;
295        --color-badge-background: 36,40,51;
296        --color-badge-border: 255,255,255;
297        --payment-terms-background-color: rgb(36 40 51);
298      }
299      
300        
301        .color-scheme-4 {
302          --color-background: 18,18,18;
303        
304          --gradient-background: #121212;
305        
306
307        
308
309        --color-foreground: 255,255,255;
310        --color-background-contrast: 146,146,146;
311        --color-shadow: 18,18,18;
312        --color-button: 255,255,255;
313        --color-button-text: 18,18,18;
314        --color-secondary-button: 18,18,18;
315        --color-secondary-button-text: 255,255,255;
316        --color-link: 255,255,255;
317        --color-badge-foreground: 255,255,255;
318        --color-badge-background: 18,18,18;
319        --color-badge-border: 255,255,255;
320        --payment-terms-background-color: rgb(18 18 18);
321      }
322      
323        
324        .color-scheme-5 {
325          --color-background: 131,13,255;
326        
327          --gradient-background: #830dff;
328        
329
330        
331
332        --color-foreground: 255,255,255;
333        --color-background-contrast: 69,0,141;
334        --color-shadow: 18,18,18;
335        --color-button: 255,255,255;
336        --color-button-text: 51,79,180;
337        --color-secondary-button: 131,13,255;
338        --color-secondary-button-text: 255,255,255;
339        --color-link: 255,255,255;
340        --color-badge-foreground: 255,255,255;
341        --color-badge-background: 131,13,255;
342        --color-badge-border: 255,255,255;
343        --payment-terms-background-color: rgb(131 13 255);
344      }
345      
346        
347        .color-scheme-dd295bf9-6d52-4f40-a41d-b7dfa76bbb90 {
348          --color-background: 255,255,255;
349        
350          --gradient-background: #ffffff;
351        
352
353        
354
355        --color-foreground: 131,13,255;
356        --color-background-contrast: 191,191,191;
357        --color-shadow: 18,18,18;
358        --color-button: 131,13,255;
359        --color-button-text: 255,255,255;
360        --color-secondary-button: 255,255,255;
361        --color-secondary-button-text: 131,13,255;
362        --color-link: 131,13,255;
363        --color-badge-foreground: 131,13,255;
364        --color-badge-background: 255,255,255;
365        --color-badge-border: 131,13,255;
366        --payment-terms-background-color: rgb(255 255 255);
367      }
368      
369
370      body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-dd295bf9-6d52-4f40-a41d-b7dfa76bbb90 {
371        color: rgba(var(--color-foreground), 0.75);
372        background-color: rgb(var(--color-background));
373      }
374
375      :root {
376        --font-body-family: Assistant, sans-serif;
377        --font-body-style: normal;
378        --font-body-weight: 400;
379        --font-body-weight-bold: 700;
380
381        --font-heading-family: Assistant, sans-serif;
382        --font-heading-style: normal;
383        --font-heading-weight: 400;
384
385        --font-body-scale: 1.0;
386        --font-heading-scale: 1.0;
387
388        --media-padding: px;
389        --media-border-opacity: 0.05;
390        --media-border-width: 1px;
391        --media-radius: 0px;
392        --media-shadow-opacity: 0.0;
393        --media-shadow-horizontal-offset: 0px;
394        --media-shadow-vertical-offset: 4px;
395        --media-shadow-blur-radius: 5px;
396        --media-shadow-visible: 0;
397
398        --page-width: 160rem;
399        --page-width-margin: 0rem;
400
401        --product-card-image-padding: 0.0rem;
402        --product-card-corner-radius: 0.0rem;
403        --product-card-text-alignment: left;
404        --product-card-border-width: 0.0rem;
405        --product-card-border-opacity: 0.1;
406        --product-card-shadow-opacity: 0.0;
407        --product-card-shadow-visible: 0;
408        --product-card-shadow-horizontal-offset: 0.0rem;
409        --product-card-shadow-vertical-offset: 0.4rem;
410        --product-card-shadow-blur-radius: 0.5rem;
411
412        --collection-card-image-padding: 0.0rem;
413        --collection-card-corner-radius: 0.0rem;
414        --collection-card-text-alignment: left;
415        --collection-card-border-width: 0.0rem;
416        --collection-card-border-opacity: 0.1;
417        --collection-card-shadow-opacity: 0.0;
418        --collection-card-shadow-visible: 0;
419        --collection-card-shadow-horizontal-offset: 0.0rem;
420        --collection-card-shadow-vertical-offset: 0.4rem;
421        --collection-card-shadow-blur-radius: 0.5rem;
422
423        --blog-card-image-padding: 0.0rem;
424        --blog-card-corner-radius: 0.0rem;
425        --blog-card-text-alignment: left;
426        --blog-card-border-width: 0.0rem;
427        --blog-card-border-opacity: 0.1;
428        --blog-card-shadow-opacity: 0.0;
429        --blog-card-shadow-visible: 0;
430        --blog-card-shadow-horizontal-offset: 0.0rem;
431        --blog-card-shadow-vertical-offset: 0.4rem;
432        --blog-card-shadow-blur-radius: 0.5rem;
433
434        --badge-corner-radius: 4.0rem;
435
436        --popup-border-width: 1px;
437        --popup-border-opacity: 0.1;
438        --popup-corner-radius: 0px;
439        --popup-shadow-opacity: 0.05;
440        --popup-shadow-horizontal-offset: 0px;
441        --popup-shadow-vertical-offset: 4px;
442        --popup-shadow-blur-radius: 5px;
443
444        --drawer-border-width: 1px;
445        --drawer-border-opacity: 0.1;
446        --drawer-shadow-opacity: 0.0;
447        --drawer-shadow-horizontal-offset: 0px;
448        --drawer-shadow-vertical-offset: 4px;
449        --drawer-shadow-blur-radius: 5px;
450
451        --spacing-sections-desktop: 0px;
452        --spacing-sections-mobile: 0px;
453
454        --grid-desktop-vertical-spacing: 8px;
455        --grid-desktop-horizontal-spacing: 8px;
456        --grid-mobile-vertical-spacing: 4px;
457        --grid-mobile-horizontal-spacing: 4px;
458
459        --text-boxes-border-opacity: 0.1;
460        --text-boxes-border-width: 0px;
461        --text-boxes-radius: 0px;
462        --text-boxes-shadow-opacity: 0.0;
463        --text-boxes-shadow-visible: 0;
464        --text-boxes-shadow-horizontal-offset: 0px;
465        --text-boxes-shadow-vertical-offset: 4px;
466        --text-boxes-shadow-blur-radius: 5px;
467
468        --buttons-radius: 40px;
469        --buttons-radius-outset: 41px;
470        --buttons-border-width: 1px;
471        --buttons-border-opacity: 1.0;
472        --buttons-shadow-opacity: 0.0;
473        --buttons-shadow-visible: 0;
474        --buttons-shadow-horizontal-offset: 0px;
475        --buttons-shadow-vertical-offset: 4px;
476        --buttons-shadow-blur-radius: 5px;
477        --buttons-border-offset: 0.3px;
478
479        --inputs-radius: 0px;
480        --inputs-border-width: 1px;
481        --inputs-border-opacity: 0.55;
482        --inputs-shadow-opacity: 0.0;
483        --inputs-shadow-horizontal-offset: 0px;
484        --inputs-margin-offset: 0px;
485        --inputs-shadow-vertical-offset: 4px;
486        --inputs-shadow-blur-radius: 5px;
487        --inputs-radius-outset: 0px;
488
489        --variant-pills-radius: 40px;
490        --variant-pills-border-width: 1px;
491        --variant-pills-border-opacity: 0.55;
492        --variant-pills-shadow-opacity: 0.0;
493        --variant-pills-shadow-horizontal-offset: 0px;
494        --variant-pills-shadow-vertical-offset: 4px;
495        --variant-pills-shadow-blur-radius: 5px;
496      }
497
498      *,
499      *::before,
500      *::after {
501        box-sizing: inherit;
502      }
503
504      html {
505        box-sizing: border-box;
506        font-size: calc(var(--font-body-scale) * 62.5%);
507        height: 100%;
508      }
509
510      body {
511        display: grid;
512        grid-template-rows: auto auto 1fr auto;
513        grid-template-columns: 100%;
514        min-height: 100%;
515        margin: 0;
516        font-size: 14px;
517        letter-spacing:0;
518        line-height: calc(1 + 0.8 / var(--font-body-scale));
519        font-family: "ABC Favorit Mono Unlicensed Trial";
520        font-style: var(--font-body-style);
521        font-weight: var(--font-body-weight);
522      }
523
524      @media screen and (min-width: 750px) {
525        body {
526          font-size: 1.6rem;
527        }
528      }
529    </style>
530
531    <link href="//girlbeer.com/cdn/shop/t/24/assets/base.css?v=33356609898509626031765479667" rel="stylesheet" type="text/css" media="all" />
532    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
533    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@9/swiper-bundle.min.css" />
534    <link rel="stylesheet" href="//girlbeer.com/cdn/shop/t/24/assets/component-cart-items.css?v=60265980257860469831764167529" media="print" onload="this.media='all'"><link href="//girlbeer.com/cdn/shop/t/24/assets/component-cart-drawer.css?v=159961835483833370361764167529" rel="stylesheet" type="text/css" media="all" />
535      <link href="//girlbeer.com/cdn/shop/t/24/assets/component-cart.css?v=63150129107318255321764167529" rel="stylesheet" type="text/css" media="all" />
536      <link href="//girlbeer.com/cdn/shop/t/24/assets/component-totals.css?v=15906652033866631521758914131" rel="stylesheet" type="text/css" media="all" />
537      <link href="//girlbeer.com/cdn/shop/t/24/assets/component-price.css?v=28045805051383551241758914126" rel="stylesheet" type="text/css" media="all" />
538      <link href="//girlbeer.com/cdn/shop/t/24/assets/component-discounts.css?v=152760482443307489271758914132" rel="stylesheet" type="text/css" media="all" />
539
540      <link rel="preload" as="font" href="//girlbeer.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
541      
542
543      <link rel="preload" as="font" href="//girlbeer.com/cdn/fonts/assistant/assistant_n4.9120912a469cad1cc292572851508ca49d12e768.woff2" type="font/woff2" crossorigin>
544      
545<link
546        rel="stylesheet"
547        href="//girlbeer.com/cdn/shop/t/24/assets/component-predictive-search.css?v=118923337488134913561758914125"
548        media="print"
549        onload="this.media='all'"
550      >
550<script>
551      if (Shopify.designMode) {
552        document.documentElement.classList.add('shopify-design-mode');
553      }
554    </script>
554
555  
556  
557
558<script type="text/javascript">
559  
560    window.SHG_CUSTOMER = null;
561  
562</script>
562
563
564
565
566
567
568
569
570  
571  
571<script>
572    window.markerConfig = {
573      project: '68d56680cfa81eeb71710760', 
574      source: 'snippet'
575    };
576
577    !function(e,r,a){if(!e.__Marker){e.__Marker={};var t=[],n={__cs:t};["show","hide","isVisible","capture","cancelCapture","unload","reload","isExtensionInstalled","setReporter","clearReporter","setCustomData","on","off"].forEach(function(e){n[e]=function(){var r=Array.prototype.slice.call(arguments);r.unshift(e),t.push(r)}}),e.Marker=n;var s=r.createElement("script");s.async=1,s.src="https://edge.marker.io/latest/shim.js";var i=r.getElementsByTagName("script")[0];i.parentNode.insertBefore(s,i)}}(window,document);
578  </script>
578
579
580<!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
581
582
583  
584    
584<script src="https://cdn.nfcube.com/instafeed-1a85bf381c7e693edb5e489e1c3c6a76.js" defer></script>
584
585  
586
587<!-- END app snippet -->
588
589
590
591
592<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
593
594
595
596
597
598
599
600
601
602
603
604
605  
605<script async src="https://static.klaviyo.com/onsite/js/SZkrWz/klaviyo.js?company_id=SZkrWz"></script>
605
606  
606<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>
606
607
608  
609
610
611
612
613  
613<script>
614    window.klaviyoReviewsProductDesignMode = false
615  </script>
615
616
617
618
619
620
621
622
623
624
625<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
626<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 80479387948,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 626
626
627<script>
628  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
629</script>
vendor: 1 bytes, line 629
629
630<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
630).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 80479387948,storefrontBaseUrl: "https://girlbeer.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://girlbeer.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2146337068","configuration":"{\"mailchimp_store_id\":\"store_nuylzjadrzk9pd84mtps\", \"mailchimp_user_id\":\"154234210\",\"mailchimp_list_id\":\"8581c14cc7\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"e357a49eadeb6216a959d63fa3fb8f55","type":"APP","apiClientId":2585307,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
630,{"id":"1146192172","configuration":"{\"accountID\":\"SZkrWz\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"cbf4a80740670c5ae93d33dc67925b9a","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"511770924","configuration":"{\"site_id\":\"7c0f36bf-636b-4160-949e-b8f0be6839af\",\"analytics_endpoint\":\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Girl Beer","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"b3b5b4.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/girlbeer.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10146111586604","handle":"pineapple-yuzu","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332766069036","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146109686060","handle":"blueberry-lavender","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332763382060","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146082488620","handle":"mango","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332668977452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146083275052","handle":"passionfruit-orange","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332678644012","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10144054837548","handle":"grapefuit-guava","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52328340226348","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146084651308","handle":"strawberry","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332688965932","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146087797036","handle":"tangerine","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332698501420","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146086289708","handle":"strawberry-watermelon","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332694044972","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10146079080748","handle":"peach","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52332649283884","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9605493457196","handle":"girl-beer-camo-hat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"54064913580332","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}
630,{"id":"10240839123244","handle":"girltona-racing-jacket","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52687067185452","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9617687085356","handle":"heart-cami","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49916815212844","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9605509546284","handle":"girl-beer-logo-hat","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49683378307372","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"9620747714860","handle":"hide-your-girl-beer-koozie","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"49740708610348","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://girlbeer.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"179735953708","themePublished":"true","eventMetadataId":"0166a892-15b1-41b9-9aa2-03a804ca0572","pageType":"home","shopId":"80479387948","storefrontBaseUrl":"https:\/\/girlbeer.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
630<script>
631  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
632  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
633  window.ShopifyAnalytics.meta.currency = 'USD';
634  var meta = {"page":{"pageType":"home","requestId":"8512d5f1-a823-4165-a0fb-4f21eab9c8f1-1791585582"}};
635  for (var attr in meta) {
636    window.ShopifyAnalytics.meta[attr] = meta[attr];
637  }
638</script>
vendor: 1 bytes, line 638
638
639<script class="analytics">
640  (function () {
641    var customDocumentWrite = function(content) {
642      var jquery = null;
643
644      if (window.jQuery) {
645        jquery = window.jQuery;
646      } else if (window.Checkout && window.Checkout.$) {
647        jquery = window.Checkout.$;
648      }
649
650      if (jquery) {
651        jquery('body').append(content);
652      }
653    };
654
655    var hasLoggedConversion = function(token) {
656      if (token) {
657        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
658      }
659      return false;
660    }
661
662    var setCookieIfConversion = function(token) {
663      if (token) {
664        var twoMonthsFromNow = new Date(Date.now());
665        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
666
667        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
668      }
669    }
670
671    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
672    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
673    if (trekkie.integrations) {
674      return;
675    }
676    trekkie.methods = [
677      'identify',
678      'page',
679      'ready',
680      'track',
681      'trackForm',
682      'trackLink'
683    ];
684    trekkie.factory = function(method) {
685      return function() {
686        var args = Array.prototype.slice.call(arguments);
687        args.unshift(method);
688        trekkie.push(args);
689        if (method == 'track' || method == 'page') {
690          var pageUrl;
691          try {
692            pageUrl = window.location.href;
693          } catch (e) {}
694          var pageReferrer;
695          try {
696            pageReferrer = document.referrer;
697          } catch (e) {}
698          try {
699            if (window.__TREKKIE_SHIM_QUEUE == null) {
700              window.__TREKKIE_SHIM_QUEUE = [];
701            }
702            window.__TREKKIE_SHIM_QUEUE.push({
703              from: 'trekkie-stub',
704              method: method,
705              args: args.slice(1),
706              pageContext: {
707                url: pageUrl,
708                referrer: pageReferrer
709              }
710            });
711          } catch (e) {
712            // no-op
713          }
714        }
715        return trekkie;
716      };
717    };
718    for (var i = 0; i < trekkie.methods.length; i++) {
719      var key = trekkie.methods[i];
720      trekkie[key] = trekkie.factory(key);
721    }
722    trekkie.load = function(config) {
723      trekkie.config = config || {};
724      trekkie.config.initialDocumentCookie = document.cookie;
725      var first = document.getElementsByTagName('script')[0];
726var script = document.createElement('script');
727script.type = 'text/javascript';
728script.onerror = function(e) {
729  var scriptFallback = document.createElement('script');
730  scriptFallback.type = 'text/javascript';
731  scriptFallback.onerror = function(error) {
732          var Monorail = {
733      produce: function produce(monorailDomain, schemaId, payload) {
734        var currentMs = new Date().getTime();
735        var event = {
736          schema_id: schemaId,
737          payload: payload,
738          metadata: {
739            event_created_at_ms: currentMs,
740            event_sent_at_ms: currentMs
741          }
742        };
743        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
744      },
745      sendRequest: function sendRequest(endpointUrl, payload) {
746        // Try the sendBeacon API
747        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
748          var blobData = new window.Blob([payload], {
749            type: 'text/plain'
750          });
751
752          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
753            return true;
754          } // sendBeacon was not successful
755
756        } // XHR beacon
757
758        var xhr = new XMLHttpRequest();
759
760        try {
761          xhr.open('POST', endpointUrl);
762          xhr.setRequestHeader('Content-Type', 'text/plain');
763          xhr.send(payload);
764        } catch (e) {
765          console.log(e);
766        }
767
768        return false;
769      },
770      isIos12: function isIos12() {
771        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
772      }
773    };
774    Monorail.produce('monorail-edge.shopifysvc.com',
775      'trekkie_storefront_load_errors/1.1',
776      {shop_id: 80479387948,
777      theme_id: 179735953708,
778      app_name: "storefront",
779      context_url: window.location.href,
780      source_url: "//girlbeer.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"});
781
782  };
783  scriptFallback.async = true;
784  scriptFallback.src = '//girlbeer.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
785  first.parentNode.insertBefore(scriptFallback, first);
786};
787script.async = true;
788script.src = '//girlbeer.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js';
789first.parentNode.insertBefore(script, first);
790
791    };
792    trekkie.load(
793      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":80479387948,"isMerchantRequest":null,"themeId":179735953708,"themeCityHash":"8025876127418614120","contentLanguage":"en","currency":"USD","eventMetadataId":"0166a892-15b1-41b9-9aa2-03a804ca0572"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
794    );
795
796    var loaded = false;
797    trekkie.ready(function() {
798      if (loaded) return;
799      loaded = true;
800
801      window.ShopifyAnalytics.lib = window.trekkie;
802
803      var originalDocumentWrite = document.write;
804      document.write = customDocumentWrite;
805      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
806      document.write = originalDocumentWrite;
807
808      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
809      var token = match? match[1]: undefined;
810      if (!hasLoggedConversion(token)) {
811        setCookieIfConversion(token);
812        
813      }
814    });
815
816    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"8512d5f1-a823-4165-a0fb-4f21eab9c8f1-1791585582","shopifyEmitted":true});
817
818    var eventsListenerScript = document.createElement('script');
819    eventsListenerScript.async = true;
820    eventsListenerScript.src = "//girlbeer.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
821    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
822})();</script>
vendor: 1 bytes, line 822
822
823<script
824  defer
825  src="https://girlbeer.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js"
826  data-application="storefront-renderer"
827  data-shop-id="80479387948"
828  data-render-region="gcp-us-central1"
829  data-page-type="index"
830  data-theme-instance-id="179735953708"
831  data-theme-name="Dawn"
832  data-theme-version="15.0.2"
833  data-monorail-region="shop_domain"
834  data-resource-timing-sampling-rate="10"
835  data-shs="true"
836  data-shs-beacon="true"
837  data-shs-export-with-fetch="true"
838  data-shs-logs-sample-rate="1"
839  data-shs-beacon-endpoint="https://girlbeer.com/api/collect"
840></script>
840
841<meta name="shopify-y" content="36773839-7854-4db2-b44c-d65eb9631081" data-expiration="1823143182000"><meta name="shopify-s" content="dd0db5a7-9e53-4dd6-8735-f3f7b9d59ff0" data-expiration="1791587382000">
842</head>
843
844  <body class="gradient">
845    <a class="skip-to-content-link button visually-hidden" href="#MainContent">
846      Skip to content
847    </a>
848
849<link href="//girlbeer.com/cdn/shop/t/24/assets/quantity-popover.css?v=52555605659299341731764167529" rel="stylesheet" type="text/css" media="all" />
850<link href="//girlbeer.com/cdn/shop/t/24/assets/component-card.css?v=30264466681232339881764167528" rel="stylesheet" type="text/css" media="all" />
851
852<script src="//girlbeer.com/cdn/shop/t/24/assets/cart.js?v=53973376719736494311758914131" defer="defer"></script>
vendor: 1 bytes, line 852
852
853<script src="//girlbeer.com/cdn/shop/t/24/assets/cart-drawer.js?v=55168047646470365951764167529" defer="defer"></script>
vendor: 1 bytes, line 853
853
854<script src="//girlbeer.com/cdn/shop/t/24/assets/quantity-popover.js?v=987015268078116491758914130" defer="defer"></script>
854
855
856<style>
857  .drawer {
858    visibility: hidden;
859  }
860</style>
861
862<cart-drawer class="drawer is-empty">
863  <div class="drawer__container">
864    <div class="drawer__text">
865      <style data-shopify>
866    *,
867   *::after,
868   *::before {
869       box-sizing: border-box;
870   }
871   
872   :root {
873       font-size: 15px;
874   }
875   
876   .credits{
877     position: absolute;
878     bottom: 20px;
879     left: 50px;
880   }
881   
882   a {
883     color : white;
884   }
885   
886   body {
887       margin: 0;
888       --color-text: #dedede;
889       --color-bg: #1a1a1a;
890       color: var(--color-text);
891       background-color: var(--color-bg);
892       -webkit-font-smoothing: antialiased;
893       -moz-osx-font-smoothing: grayscale;
894       font-family: sofia-pro, sans-serif;
895   }
896   
897   .infinity-text {
898       -webkit-touch-callout: none;
899       -webkit-user-select: none;
900       -moz-user-select: none;
901       -ms-user-select: none;
902       user-select: none;
903       padding: 0;
904       --marquee-width: 100vw;
905       --offset: 20vw;
906       --move-initial: calc(-25% + var(--offset));
907       --move-final: calc(-50% + var(--offset));
908       --item-font-size: 10vw;
909       counter-reset: menu;
910       background-color: #830DFF;
911       height: 20px;
912       width: calc(100% - 20px);
913       margin: 0;
914       border-radius: 10px;
915   }
916   
917   /* Make sure 3 items are visible in the viewport by setting suitable font size. */
918   .infinity-text__item {
919       height: 100%;
920       display: flex;
921       align-items: center;
922   }
923   .infinity-text--marquee {
924       position: relative;
925       top: 0;
926       left: 0;
927       width: var(--marquee-width);
928       overflow: hidden;
929       pointer-events: none;
930       height: 100%;
931       display: flex;
932       align-items: center;
933   }
934   
935   .infinity-text--marquee__inner {
936       width: fit-content;
937       display: flex;
938       position: relative;
939       transform: translate3d(var(--move-initial), 0, 0);
940       animation: marquee-infinity-text 5s linear infinite;
941       animation-play-state: running;
942       opacity: 1;
943       transition: opacity 0.1s;
944       align-items: center;
945   }
946   
947   .infinity-text--marquee__inner span {
948       white-space: nowrap;
949       color: #FFF;
950       text-align: center;
951       font-family: "ABC Favorit Mono Unlicensed Trial", monospace;
952       font-size: 18px;
953       font-style: normal;
954       font-weight: 350;
955       line-height: 20px;
956       text-transform: uppercase;
957       margin: 0;
958       padding: 0;
959       display: inline-block;
960   }
961   
962   @keyframes marquee-infinity-text {
963       0% {
964           transform: translate3d(var(--move-initial), 0, 0);
965       }
966   
967       100% {
968           transform: translate3d(var(--move-final), 0, 0);
969       }
970   }
971   @media (max-width: 749px){
972       .infinity-text{
973           margin: 11px auto 0;
974       }
975       .infinity-text--marquee__inner span{
976           font-size: 14px;
977       }
978   }
979   
980   </style>
981   <nav class="infinity-text">
982     <div class="infinity-text__item">
983       <div class="infinity-text--marquee">
984         <div class="infinity-text--marquee__inner">  
985           <span><p>except for you connor, you know what you did. except for you connor, you know what you did. except for you connor, you know what you did. except for you connor, you know what you did.</p></span>
986         </div>
987       </div>
988     </div>
989   </nav>
990
991    </div>
992    <div id="CartDrawer" class="cart-drawer">
993      <div id="CartDrawer-Overlay" class="cart-drawer__overlay"></div>
994      <div
995        class="drawer__inner gradient color-scheme-5"
996        role="dialog"
997        aria-modal="true"
998        aria-label="Your cart"
999        tabindex="-1"
1000      ><div class="drawer__inner-empty">
1001            <div class="cart-drawer__warnings center cart-drawer__warnings--has-collection">
1002              <div class="cart-drawer__empty-content">
1003                <h2 class="cart__empty-text">Your cart is empty</h2>
1004                <button
1005                  class="drawer__close empty"
1006                  type="button"
1007                  onclick="this.closest('cart-drawer').close()"
1008                  aria-label="Close"
1009                >
1010                <span>
1011                  <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
1012                    <line x1="6.02888" y1="5.84306" x2="17.3426" y2="17.1568" stroke="#830DFF" stroke-width="2"/>
1013                    <line x1="17.3428" y1="5.84303" x2="6.02914" y2="17.1567" stroke="#830DFF" stroke-width="2"/>
1014                  </svg>
1015              </span>
1016                </button>
1017                <a href="/collections/all" class="button">
1018                  Continue shopping
1019                </a><div class="cart__login">
1020                    <h3 class="cart__login-title h3">Have an account?</h3>
1021                    <p class="cart__login-paragraph">
1022                      <a href="https://girlbeer.com/customer_authentication/redirect?locale=en&region_country=US" class="link underlined-link">Log in</a> to check out faster.
1023                    </p>
1024                  </div></div>
1025            </div><div class="cart-drawer__collection">
1026                
1027<div class="card-wrapper animate-arrow collection-card-wrapper">
1028  <div
1029    class="
1030      card
1031      card--standard
1032       card--media
1033      
1034      
1035      
1036    "
1037    style="--ratio-percent: 100%;"
1038  >
1039    <div
1040      class="card__inner color-scheme-2 gradient ratio"
1041      style="--ratio-percent: 100%;"
1042    ><div class="card__media">
1043          <div class="media media--transparent media--hover-effect">
1044            <img
1045              srcset="//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=165 165w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=330 330w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=535 535w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=750 750w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=1000 1000w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=1500 1500w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=3000 3000w,//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199 4200w
1046              "
1047              src="//girlbeer.com/cdn/shop/files/Hurray_sGirlBeer_PYCan-1_1.png?v=1763059199&width=1500"
1048              sizes="
1049                (min-width: 1600px) 1500px,
1050                (min-width: 750px) calc(100vw - 10rem),
1051                calc(100vw - 3rem)
1052              "
1053              alt=""
1054              height="4200"
1055              width="4200"
1056              loading="lazy"
1057              class="motion-reduce"
1058            >
1059          </div>
1060        </div><div class="card__content">
1061          <div class="card__information">
1062            <h3 class="card__heading">
1063              <a
1064                
1065                  href="/collections/beer"
1066                
1067                class="full-unstyled-link"
1068              >Beer<span class="icon-wrap"><svg
1069  viewBox="0 0 14 10"
1070  fill="none"
1071  aria-hidden="true"
1072  focusable="false"
1073  class="icon icon-arrow"
1074  xmlns="http://www.w3.org/2000/svg"
1075>
1076  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1077</svg>
1078</span>
1079              </a>
1080            </h3></div>
1081        </div></div><div class="card__content">
1082        <div class="card__information">
1083          <h3 class="card__heading">
1084            <a
1085              
1086                href="/collections/beer"
1087              
1088              class="full-unstyled-link"
1089            >Beer<span class="icon-wrap"><svg
1090  viewBox="0 0 14 10"
1091  fill="none"
1092  aria-hidden="true"
1093  focusable="false"
1094  class="icon icon-arrow"
1095  xmlns="http://www.w3.org/2000/svg"
1096>
1097  <path fill-rule="evenodd" clip-rule="evenodd" d="M8.537.808a.5.5 0 01.817-.162l4 4a.5.5 0 010 .708l-4 4a.5.5 0 11-.708-.708L11.793 5.5H1a.5.5 0 010-1h10.793L8.646 1.354a.5.5 0 01-.109-.546z" fill="currentColor">
1098</svg>
1099</span>
1100            </a>
1101          </h3></div>
1102      </div></div>
1103</div>
1104
1105              </div></div><div class="drawer__header">
1106          <h2 class="drawer__heading">CART</h2>
1107          <button
1108            class="drawer__close"
1109            type="button"
1110            onclick="this.closest('cart-drawer').close()"
1111            aria-label="Close"
1112          >
1113            <span>
1114              <svg xmlns="http://www.w3.org/2000/svg" width="23" height="23" viewBox="0 0 23 23" fill="none">
1115                <line x1="6.02888" y1="5.84306" x2="17.3426" y2="17.1568" stroke="#830DFF" stroke-width="2"/>
1116                <line x1="17.3428" y1="5.84303" x2="6.02914" y2="17.1567" stroke="#830DFF" stroke-width="2"/>
1117              </svg>
1118          </span>
1119          </button>
1120        </div>
1121        <cart-drawer-items
1122          
1123            class=" is-empty"
1124          
1125        >
1126          <form
1127            action="/cart"
1128            id="CartDrawer-Form"
1129            class="cart__contents cart-drawer__form"
1130            method="post"
1131          >
1132            <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p id="CartDrawer-LiveRegionText" class="visually-hidden" role="status"></p>
1133              <p id="CartDrawer-LineItemStatus" class="visually-hidden" aria-hidden="true" role="status">
1134                Loading...
1135              </p>
1136            </div>
1137            <div id="CartDrawer-CartErrors" role="alert"></div>
1138          </form>
1139        </cart-drawer-items>
1140        <div class="drawer__footer"><!-- Start blocks -->
1141          <!-- Subtotals -->
1142  
1143          <div class="cart-drawer__footer" >
1144            
1145  
1146            <div class="totals" role="status">
1147              
1148              <span>Total</span>
1149              <p class="totals__total-value">$0.00</p>
1150            </div>
1151  
1152            
1153          </div>
1154  
1155          <!-- CTAs -->
1156  
1157          <div class="cart__ctas" >
1158            <button
1159              type="submit"
1160              id="CartDrawer-Checkout"
1161              class="cart__checkout-button button"
1162              name="checkout"
1163              form="CartDrawer-Form"
1164              
1165                disabled
1166              
1167            >
1168              Continue to<br>Checkout
1169            </button>
1170          </div>
1171          <a class="button--primary product-showcase__cta-button" href="/checkout">checkout</a>
1172          </div>
1173        </div>
1174    </div>
1175  </div>
1176</cart-drawer>
1177<!-- BEGIN sections: header-group -->
1178<header id="shopify-section-sections--25008848961836__new_header_Q8jdKn" class="shopify-section shopify-section-group-header-group section_new_header"><link href="//girlbeer.com/cdn/shop/t/24/assets/new-header.css?v=118281446464185138391765479669" rel="stylesheet" type="text/css" media="all" />
1179
1180<div class="ctn_header" style="background-color: #830DFF">
1181    <div class="links_right">
1182        
1183            <a href="https://www.hurraysgirlbeer.com/collections/beer" class="link">
1184                shop
1185            </a>
1186        
1187            <a href="/pages/find-us" class="link">
1188                find US
1189            </a>
1190        
1191    </div>
1192
1193    
1194        <a href="/" class="logo" id="header-logo">
1195            <img src="//girlbeer.com/cdn/shop/files/50d48510d00af4a17ec2690770c8c816b6f93726_b84d4eea-1e13-4d80-94f0-21eee27f3ea2.png?v=1759245362" alt="Girl Beer logo" width="auto" height="auto" loading="lazy">
1196        </a>
1197    
1198
1199    <div class="links_left">
1200        
1201            <a href="/pages/about" class="link">
1202                about
1203            </a>
1204        
1205            <a href="/pages/faq" class="link">
1206                FAQ
1207            </a>
1208        
1209        
1210        <button data-cart-drawer-button class="cart_drawer--movil" href="" style="background-color: #830DFF" aria-label="Open shopping cart">
1211            <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
1212                <path d="M1.40039 -0.00363541C0.848106 -0.00363541 0.400391 0.44408 0.400391 0.996365C0.400391 1.54865 0.848106 1.99636 1.40039 1.99636V0.996365V-0.00363541ZM3.69293 0.996365L4.65815 0.734949C4.5401 0.299047 4.14453 -0.00363541 3.69293 -0.00363541V0.996365ZM7.4183 14.7516L6.45307 15.013C6.58334 15.494 7.04786 15.8057 7.54234 15.7439L7.4183 14.7516ZM18.881 13.3188L19.005 14.311C19.4297 14.2579 19.7735 13.9405 19.8602 13.5214L18.881 13.3188ZM20.6004 5.00831L21.5796 5.21091C21.6406 4.9164 21.5657 4.6101 21.3758 4.37688C21.1859 4.14367 20.9011 4.00831 20.6004 4.00831V5.00831ZM4.77949 5.00831L3.81427 5.26972L4.77949 5.00831ZM1.40039 0.996365V1.99636H3.69293V0.996365V-0.00363541H1.40039V0.996365ZM7.4183 14.7516L7.54234 15.7439L19.005 14.311L18.881 13.3188L18.7569 12.3265L7.29427 13.7593L7.4183 14.7516ZM18.881 13.3188L19.8602 13.5214L21.5796 5.21091L20.6004 5.00831L19.6211 4.8057L17.9017 13.1161L18.881 13.3188ZM3.69293 0.996365L2.7277 1.25778L3.81427 5.26972L4.77949 5.00831L5.74472 4.74689L4.65815 0.734949L3.69293 0.996365ZM4.77949 5.00831L3.81427 5.26972L6.45307 15.013L7.4183 14.7516L8.38353 14.4902L5.74472 4.74689L4.77949 5.00831ZM20.6004 5.00831V4.00831H4.77949V5.00831V6.00831H20.6004V5.00831ZM11.0004 18.5036H10.0004C10.0004 18.7798 9.77653 19.0036 9.50039 19.0036V20.0036V21.0036C10.8811 21.0036 12.0004 19.8843 12.0004 18.5036H11.0004ZM9.50039 20.0036V19.0036C9.22425 19.0036 9.00039 18.7798 9.00039 18.5036H8.00039H7.00039C7.00039 19.8843 8.11968 21.0036 9.50039 21.0036V20.0036ZM8.00039 18.5036H9.00039C9.00039 18.2275 9.22425 18.0036 9.50039 18.0036V17.0036V16.0036C8.11968 16.0036 7.00039 17.1229 7.00039 18.5036H8.00039ZM9.50039 17.0036V18.0036C9.77653 18.0036 10.0004 18.2275 10.0004 18.5036H11.0004H12.0004C12.0004 17.1229 10.8811 16.0036 9.50039 16.0036V17.0036ZM19.0004 18.5036H18.0004C18.0004 18.7798 17.7765 19.0036 17.5004 19.0036V20.0036V21.0036C18.8811 21.0036 20.0004 19.8843 20.0004 18.5036H19.0004ZM17.5004 20.0036V19.0036C17.2242 19.0036 17.0004 18.7798 17.0004 18.5036H16.0004H15.0004C15.0004 19.8843 16.1197 21.0036 17.5004 21.0036V20.0036ZM16.0004 18.5036H17.0004C17.0004 18.2275 17.2242 18.0036 17.5004 18.0036V17.0036V16.0036C16.1197 16.0036 15.0004 17.1229 15.0004 18.5036H16.0004ZM17.5004 17.0036V18.0036C17.7765 18.0036 18.0004 18.2275 18.0004 18.5036H19.0004H20.0004C20.0004 17.1229 18.8811 16.0036 17.5004 16.0036V17.0036Z" fill="white"/>
1213            </svg>
1214        </button>
1215    </div>
1216</div>
1217
1218<button data-cart-drawer-button class="cart_drawer" href="" style="background-color: #830DFF" aria-label="Open shopping cart">
1219    <svg width="22" height="21" viewBox="0 0 22 21" fill="none" xmlns="http://www.w3.org/2000/svg">
1220        <path d="M1.40039 -0.00363541C0.848106 -0.00363541 0.400391 0.44408 0.400391 0.996365C0.400391 1.54865 0.848106 1.99636 1.40039 1.99636V0.996365V-0.00363541ZM3.69293 0.996365L4.65815 0.734949C4.5401 0.299047 4.14453 -0.00363541 3.69293 -0.00363541V0.996365ZM7.4183 14.7516L6.45307 15.013C6.58334 15.494 7.04786 15.8057 7.54234 15.7439L7.4183 14.7516ZM18.881 13.3188L19.005 14.311C19.4297 14.2579 19.7735 13.9405 19.8602 13.5214L18.881 13.3188ZM20.6004 5.00831L21.5796 5.21091C21.6406 4.9164 21.5657 4.6101 21.3758 4.37688C21.1859 4.14367 20.9011 4.00831 20.6004 4.00831V5.00831ZM4.77949 5.00831L3.81427 5.26972L4.77949 5.00831ZM1.40039 0.996365V1.99636H3.69293V0.996365V-0.00363541H1.40039V0.996365ZM7.4183 14.7516L7.54234 15.7439L19.005 14.311L18.881 13.3188L18.7569 12.3265L7.29427 13.7593L7.4183 14.7516ZM18.881 13.3188L19.8602 13.5214L21.5796 5.21091L20.6004 5.00831L19.6211 4.8057L17.9017 13.1161L18.881 13.3188ZM3.69293 0.996365L2.7277 1.25778L3.81427 5.26972L4.77949 5.00831L5.74472 4.74689L4.65815 0.734949L3.69293 0.996365ZM4.77949 5.00831L3.81427 5.26972L6.45307 15.013L7.4183 14.7516L8.38353 14.4902L5.74472 4.74689L4.77949 5.00831ZM20.6004 5.00831V4.00831H4.77949V5.00831V6.00831H20.6004V5.00831ZM11.0004 18.5036H10.0004C10.0004 18.7798 9.77653 19.0036 9.50039 19.0036V20.0036V21.0036C10.8811 21.0036 12.0004 19.8843 12.0004 18.5036H11.0004ZM9.50039 20.0036V19.0036C9.22425 19.0036 9.00039 18.7798 9.00039 18.5036H8.00039H7.00039C7.00039 19.8843 8.11968 21.0036 9.50039 21.0036V20.0036ZM8.00039 18.5036H9.00039C9.00039 18.2275 9.22425 18.0036 9.50039 18.0036V17.0036V16.0036C8.11968 16.0036 7.00039 17.1229 7.00039 18.5036H8.00039ZM9.50039 17.0036V18.0036C9.77653 18.0036 10.0004 18.2275 10.0004 18.5036H11.0004H12.0004C12.0004 17.1229 10.8811 16.0036 9.50039 16.0036V17.0036ZM19.0004 18.5036H18.0004C18.0004 18.7798 17.7765 19.0036 17.5004 19.0036V20.0036V21.0036C18.8811 21.0036 20.0004 19.8843 20.0004 18.5036H19.0004ZM17.5004 20.0036V19.0036C17.2242 19.0036 17.0004 18.7798 17.0004 18.5036H16.0004H15.0004C15.0004 19.8843 16.1197 21.0036 17.5004 21.0036V20.0036ZM16.0004 18.5036H17.0004C17.0004 18.2275 17.2242 18.0036 17.5004 18.0036V17.0036V16.0036C16.1197 16.0036 15.0004 17.1229 15.0004 18.5036H16.0004ZM17.5004 17.0036V18.0036C17.7765 18.0036 18.0004 18.2275 18.0004 18.5036H19.0004H20.0004C20.0004 17.1229 18.8811 16.0036 17.5004 16.0036V17.0036Z" fill="white"/>
1221    </svg>
1222</button>
1223
1224<script src="//girlbeer.com/cdn/shop/t/24/assets/new-header.js?v=99259457475205507651764167529" type="text/javascript"></script>
1224
1225
1226</header>
1227<!-- END sections: header-group -->
1228
1229    <main id="MainContent" class="content-for-layout focus-none index" role="main" tabindex="-1">
1230      <div id="shopify-section-template--25008849584428__hero_home_FXzrVE" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/hero-home.css?v=135837451746888493801764167528" rel="stylesheet" type="text/css" media="all" />
1231
1232<style data-shopify>  
1233    .hero-home{
1234        
1235            background-image: url(//girlbeer.com/cdn/shop/files/GIRLBEER_FINAL_20258_1.jpg?v=1764973141);
1236        
1237        position: relative;
1238        overflow: hidden;
1239    }
1240    @media (max-width: 750px) {
1241        .hero-home{
1242            
1243        }
1244        .hero-home.about{
1245            padding: 263px 20px 310px;
1246        }
1247    }
1248    .hero-home__video-background {
1249        position: absolute;
1250        top: 0;
1251        left: 0;
1252        width: 100%;
1253        height: 100%;
1254        z-index: -1;
1255    }
1256    .hero-home__video-background iframe {
1257        width: 100%;
1258        height: 100%;
1259        border: none;
1260    }
1261</style>
1262
1263<section class="hero-home home">
1264    
1265
1266    <div class="hero-home__contain" id="hero-home-logo">
1267        
1268            <div class="ctn_img">
1269                <span class="sentinel"></span>
1270                <img class="hero-home__contain__image" src="//girlbeer.com/cdn/shop/files/50d48510d00af4a17ec2690770c8c816b6f93726.png?v=1759162907" alt="Hurray's Girl Beer" width="auto" height="auto" loading="lazy">
1271            </div>
1272        
1273        
1274            
1275                <h1>FOR EVERYONE EXCEPT CONNOR</h1>
1276            
1277        
1278    </div>
1279</section>
1280
1281<script>
1282document.addEventListener('DOMContentLoaded', function() {
1283    const heroImage = document.querySelector('.ctn_img');
1284    const targetSection = document.querySelector('.section-new-header');
1285    
1286    let windowWidth = window.innerWidth;
1287    
1288    if (!heroImage) return;
1289    
1290    heroImage.style.transition = 'transform 0.1s ease-out';
1291    
1292    function animateOnScroll() {
1293        const scroll = window.scrollY;
1294        const moveUp = scroll * 0.3;
1295        console.log(moveUp);
1296        
1297        let scale = Math.max(0, 1 - (scroll / 360));
1298        
1299        heroImage.style.transform = `translateY(-${moveUp}px) scale(${scale})`;
1300        if(windowWidth < 750){
1301            if(moveUp >= 55){
1302                heroImage.style.transform = `translateY(-${moveUp}px) scale(0)`;
1303                heroImage.style.opacity = '0';
1304            } else {
1305                heroImage.style.opacity = '1';
1306            }
1307        } else {
1308            if(moveUp >= 66.59){
1309                heroImage.style.transform = `translateY(-${moveUp}px) scale(0)`;
1310                heroImage.style.opacity = '0';
1311            } else {
1312                heroImage.style.opacity = '1';
1313            }
1314        }
1315            
1316    }
1317    
1318    
1319    function updateWidth() {
1320        windowWidth = window.innerWidth;
1321    }
1322    
1323    window.addEventListener('scroll', animateOnScroll);
1324    window.addEventListener('resize', updateWidth);
1325    animateOnScroll();
1326});
1327</script>
1327
1328
1329</div><div id="shopify-section-template--25008849584428__infinity_text_dCgkn9" class="shopify-section"><style data-shopify>
1330 *,
1331*::after,
1332*::before {
1333	box-sizing: border-box;
1334}
1335
1336:root {
1337	font-size: 15px;
1338}
1339
1340.credits{
1341  position: absolute;
1342  bottom: 20px;
1343  left: 50px;
1344}
1345
1346a {
1347  color : white;
1348}
1349
1350body {
1351	margin: 0;
1352	--color-text: #dedede;
1353	--color-bg: #1a1a1a;
1354	color: var(--color-text);
1355	background-color: var(--color-bg);
1356	-webkit-font-smoothing: antialiased;
1357	-moz-osx-font-smoothing: grayscale;
1358	font-family: sofia-pro, sans-serif;
1359}
1360
1361.menu-infinity-text {
1362	-webkit-touch-callout: none;
1363	-webkit-user-select: none;
1364	-moz-user-select: none;
1365	-ms-user-select: none;
1366	user-select: none;
1367	padding: 0;
1368	--marquee-width: 100vw;
1369	--offset: 20vw;
1370	--move-initial: calc(-25% + var(--offset));
1371	--move-final: calc(-50% + var(--offset));
1372	--item-font-size: 10vw;
1373	counter-reset: menu;
1374    background-color: #830DFF;
1375    height: 47px;
1376    width: calc(100% - 20px);
1377    margin: 10px auto 0;
1378    border-radius: 10px;
1379}
1380
1381/* Make sure 3 items are visible in the viewport by setting suitable font size. */
1382.menu-infinity-text__item {
1383	height: 100%;
1384	display: flex;
1385	align-items: center;
1386}
1387.marquee-infinity-text {
1388	position: relative;
1389	top: 0;
1390	left: 0;
1391	width: var(--marquee-width);
1392	overflow: hidden;
1393	pointer-events: none;
1394    height: 100%;
1395	display: flex;
1396	align-items: center;
1397}
1398
1399.marquee-infinity-text__inner {
1400	width: fit-content;
1401	display: flex;
1402	position: relative;
1403	transform: translate3d(var(--move-initial), 0, 0);
1404	animation: marquee-infinity-text 10s linear infinite;
1405	animation-play-state: running;
1406	opacity: 1;
1407	transition: opacity 0.1s;
1408	align-items: center;
1409}
1410
1411.marquee-infinity-text span {
1412	white-space: nowrap;
1413	color: #FFF;
1414    text-align: center;
1415    font-family: "ABC Favorit Mono Unlicensed Trial", monospace;
1416    font-size: 18px;
1417    font-style: normal;
1418    font-weight: 350;
1419    line-height: 47px;
1420    text-transform: uppercase;
1421    margin: 0;
1422	padding: 0 20px;
1423	display: inline-block;
1424}
1425
1426@keyframes marquee-infinity-text {
1427	0% {
1428		transform: translate3d(var(--move-initial), 0, 0);
1429	}
1430
1431	100% {
1432		transform: translate3d(var(--move-final), 0, 0);
1433	}
1434}
1435@media (max-width: 749px){
1436    .menu-infinity-text{
1437        height: 33px;
1438		margin: 11px auto 0;
1439    }
1440    .marquee-infinity-text span{
1441        font-size: 14px;
1442    }
1443}
1444
1445</style>
1446<nav class="menu-infinity-text">
1447  <div class="menu-infinity-text__item">
1448    <div class="marquee-infinity-text">
1449      <div class="marquee-infinity-text__inner">
1450       
1451        <span>FLAVORED LIGHT BEER</span>
1452        
1453        <span>NO ADDED SUGAR</span>
1454        
1455        <span></span>
1456        
1457        <span>MADE WITH REAL JUICE</span>
1458        
1459        <span>4.2% ALC/VOL</span>
1460        
1461        <span>100 CALORIES</span>
1462        
1463        <span>FLAVORED LIGHT BEER</span>
1464        
1465        <span>NO ADDED SUGAR</span>
1466        
1467        <span>MADE WITH REAL JUICE</span>
1468        
1469        <span>4.2% ALC/VOL</span>
1470        
1471        <span>100 CALORIES</span>
1472        
1473        <span>FLAVORED LIGHT BEER</span>
1474        
1475        <span>NO ADDED SUGAR</span>
1476        
1477        <span>MADE WITH REAL JUICE</span>
1478        
1479        <span>4.2% ALC/VOL</span>
1480        
1481        <span>100 CALORIES</span>
1482        
1483      </div>
1484    </div>
1485  </div>
1486</nav>
1487
1488</div><div id="shopify-section-template--25008849584428__grid_section_cards_qKzrJR" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/grid-section-cards.css?v=5233415786396534731764167529" rel="stylesheet" type="text/css" media="all" />
1489<style data-shopify>
1490    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR.grid-section-cards{
1491        background-color: ;
1492        padding: 40px 0 60px;
1493    }
1494    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .grid-section-cards__contain.reverse{
1495      flex-direction: column-reverse;
1496    }
1497    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .grid-section-cards__contain.reverse .grid-section-cards__contain__header {
1498      margin-bottom: 0;
1499    }
1500    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .grid-section-cards__contain.reverse .grid-section-cards__contain__header a{
1501      margin-top: 40px;
1502      margin-bottom: 0;
1503    }
1504    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper{ 
1505        padding: 8px 0 24px; 
1506    }
1507    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-slide{ 
1508        width: auto; 
1509    }
1510    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-pagination {
1511        position: relative;
1512        margin-top: 20px;
1513        display: block;
1514    }
1515    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-pagination-bullet {
1516        background-color: #ccc;
1517        opacity: 0.5;
1518    }
1519    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-pagination-bullet-active {
1520        background-color: #830DFF;
1521        opacity: 1;
1522    }
1523    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-next,
1524    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev {
1525        width: 26px;
1526        height: 12px;
1527        margin-top: -6px;
1528        background-image: none;
1529        background-size: contain;
1530        background-repeat: no-repeat;
1531        background-position: center;
1532        opacity: 0.7;
1533        transition: opacity 0.3s ease;
1534        display: flex;
1535        top: 88%;
1536        z-index: 11;
1537    }
1538    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-next:hover,
1539    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev:hover {
1540        opacity: 1;
1541    }
1542    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-next::after,
1543    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev::after {
1544        content: '';
1545        width: 26px;
1546        height: 12px;
1547        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' viewBox='0 0 26 12' fill='none'%3E%3Cpath d='M25.6905 6.53033C25.9834 6.23744 25.9834 5.76256 25.6905 5.46967L20.9175 0.696699C20.6246 0.403806 20.1497 0.403806 19.8569 0.696699C19.564 0.989593 19.564 1.46447 19.8569 1.75736L24.0995 6L19.8569 10.2426C19.564 10.5355 19.564 11.0104 19.8569 11.3033C20.1497 11.5962 20.6246 11.5962 20.9175 11.3033L25.6905 6.53033ZM0.160156 6V6.75H25.1602V6V5.25H0.160156V6Z' fill='%23830dff'/%3E%3C/svg%3E");
1548        background-size: contain;
1549        background-repeat: no-repeat;
1550        background-position: center;
1551        display: block;
1552    }
1553    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev::after{
1554      height: 13px;
1555    }
1556    #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev::after {
1557        transform: rotate(180deg);
1558    }
1559    @media (max-width: 749px){
1560      #grid-cards-template--25008849584428__grid_section_cards_qKzrJR.grid-section-cards{
1561        padding: 24px 0 60px;
1562      }
1563      #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper{ 
1564        padding: 0; 
1565    }
1566      #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-next,
1567      #grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev {
1568        display: flex;
1569        top: 95%;
1570      }
1571    }
1572</style>
1573
1574<section class="grid-section-cards" id="grid-cards-template--25008849584428__grid_section_cards_qKzrJR">
1575    <div class="grid-section-cards__contain ">
1576        <div class="grid-section-cards__contain__header">
1577            
1578            
1579                <a href="/collections/beer">shop girl beer</a>
1580            
1581        </div>
1582        <div class="grid-section-cards__swiper">
1583          <div class="swiper">
1584            <div class="swiper-wrapper">
1585              
1586                <div class="swiper-slide">
1587                  
1588
1589
1590
1591<style data-shopify>
1592    .card-item.card-item--image_GTeRBT{
1593        display: flex;
1594        justify-content: space-between;
1595        align-items: center;
1596        flex-direction: column;
1597        gap: 10px;
1598        overflow: hidden;
1599        max-width: 342px;
1600        min-width: 342px;
1601        height: 100%;
1602    }
1603    .card-item--image_GTeRBT .card-item__image{
1604        padding: 6.56px 6.56px 12px;
1605        background-color: #830dff;
1606        display: flex;
1607        flex: 1;
1608        justify-content: start;
1609        align-items: center;
1610        flex-direction: column;
1611        gap: 11px;
1612        border-radius: 10px;
1613        width: 100%;
1614        transition: all 0.3s ease-in-out;
1615        text-decoration: none;
1616    }
1617    .product-plp .card-item--image_GTeRBT .card-item__image{
1618        padding: 6.56px 6.56px 12px;
1619        gap: 12px;
1620    }
1621    .card-item--image_GTeRBT:hover .card-item__image{
1622        cursor: pointer;
1623        background-color: #830dff;
1624        transition: all 0.3s ease-in-out;
1625    }
1626    .card-item--image_GTeRBT .card-item__image__contain{
1627        background-color: #FFF;
1628        border-radius: 10px;
1629        display: flex;
1630        justify-content: center;
1631        align-items: center;
1632        width: 100%;
1633        min-height: 358px;
1634        max-height: 358px;
1635        transition: all 0.3s ease-in-out;
1636    }
1637    .card-item--image_GTeRBT:hover .card-item__image__contain{
1638        background-color: #ffcb06;
1639        transition: all 0.3s ease-in-out;
1640    }
1641    
1642    .product-plp .card-item--image_GTeRBT .card-item__image__contain{
1643        max-width:100%;
1644        min-height: 360px;
1645        overflow:hidden;
1646    }
1647    .card-item--image_GTeRBT .card-item__image__contain img{
1648        max-width: 400px;
1649        margin: 0 auto;
1650    }
1651    .product-plp .card-item--image_GTeRBT .card-item__image__contain img{
1652        max-width: 400px;
1653        scale: 1.3;
1654    }
1655    .product-plp .card-item--image_GTeRBT:hover .card-item__image__contain img{
1656        scale: 1.35;
1657        transition: all 0.3s ease-in-out;
1658    }
1659    .card-item--image_GTeRBT:hover .card-item__image__contain img{
1660        scale: 1.05;
1661        transition: all 0.3s ease-in-out;
1662    }
1663    .card-item--image_GTeRBT .card-item__image h2 {
1664        color: #FFF;
1665        text-align: center;
1666        font-family: "GB Sans III";
1667        font-size: 22px;
1668        font-style: normal;
1669        font-weight: 400;
1670        line-height: 111%;
1671        letter-spacing: -0.405px;
1672        text-transform: uppercase;
1673        margin: 0;
1674        height: 100%;
1675        display: flex;
1676        align-items: center;
1677    }
1678    .card-item--image_GTeRBT .card-item__button{
1679        width: 100%;
1680        text-decoration: none;
1681        display: flex;
1682        padding: 12px 22px;
1683        flex-direction: column;
1684        justify-content: center;
1685        align-items: center;
1686        gap: 10px;
1687        border-radius: 10px;
1688        background: #830DFF;
1689        min-height: 54px;
1690        color: #FFF;
1691        text-align: center;
1692        font-family: "Helvetica Now Display";
1693        font-size: 16px;
1694        font-style: normal;
1695        font-weight: 800;
1696        line-height: normal;
1697        text-transform: uppercase;
1698        transition: all 0.3s ease-in-out;
1699    }
1700    .card-item.card-item--image_GTeRBT:hover .card-item__button{
1701        cursor: pointer;
1702        background-color: #ffcb06;
1703        transition: all 0.3s ease-in-out;
1704    }
1705    @media (max-width: 749px){
1706        .card-item.card-item--image_GTeRBT{
1707            max-width: 318px;
1708            min-width: 0;
1709            margin: 0 auto;
1710        }
1711        .product-plp .card-item.card-item--image_GTeRBT {
1712            max-width: 342px;
1713        }
1714        .product-plp .card-item--image_GTeRBT .card-item__image{
1715            padding: 6.56px 6.56px 12px;
1716        }
1717        .card-item--image_GTeRBT .card-item__image__contain{
1718            max-width: 100%;
1719            background-color: #ffcb06;
1720        }
1721        .card-item--image_GTeRBT:hover .card-item__image__contain{
1722            background-color: #ffcb06;
1723        }
1724        .product-plp .card-item--image_GTeRBT:hover .card-item__image__contain img{
1725            scale: 1.3;
1726        }
1727        .card-item--image_GTeRBT:hover .card-item__image__contain img{
1728            scale: 1;
1729            transition: all 0.3s ease-in-out;
1730        }
1731        .card-item--image_GTeRBT  img{
1732            max-width: 70%;
1733            margin: 0 auto;
1734        }
1735        .card-item--image_GTeRBT .card-item__image h2 {
1736            font-size: 20px;
1737            line-height: 1;
1738        }
1739        .card-item--image_GTeRBT .card-item__button{
1740            padding: 0;
1741            font-size: 14px;
1742        }
1743    }
1744</style>
1745
1746
1747<div class="card-item card-item--image_GTeRBT">
1748    <a class="card-item__image" href="/products/pineapple-yuzu">
1749        
1750            <div class="card-item__image__contain">
1751                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_PY_Can-1_05671f11-c43b-44ec-8a4d-d50c1cbdf003.png?v=1761677670" alt="pineapple yuzu" width="auto" height="auto" loading="lazy">
1752            </div>
1753        
1754        
1755            <h2 class="card-item__contain__title">pineapple yuzu</h2>
1756            
1757        
1758    </a>
1759    
1760</div>
1761
1762                </div>
1763              
1764                <div class="swiper-slide">
1765                  
1766
1767
1768
1769<style data-shopify>
1770    .card-item.card-item--image_VQwK8E{
1771        display: flex;
1772        justify-content: space-between;
1773        align-items: center;
1774        flex-direction: column;
1775        gap: 10px;
1776        overflow: hidden;
1777        max-width: 342px;
1778        min-width: 342px;
1779        height: 100%;
1780    }
1781    .card-item--image_VQwK8E .card-item__image{
1782        padding: 6.56px 6.56px 12px;
1783        background-color: #830dff;
1784        display: flex;
1785        flex: 1;
1786        justify-content: start;
1787        align-items: center;
1788        flex-direction: column;
1789        gap: 11px;
1790        border-radius: 10px;
1791        width: 100%;
1792        transition: all 0.3s ease-in-out;
1793        text-decoration: none;
1794    }
1795    .product-plp .card-item--image_VQwK8E .card-item__image{
1796        padding: 6.56px 6.56px 12px;
1797        gap: 12px;
1798    }
1799    .card-item--image_VQwK8E:hover .card-item__image{
1800        cursor: pointer;
1801        background-color: #830dff;
1802        transition: all 0.3s ease-in-out;
1803    }
1804    .card-item--image_VQwK8E .card-item__image__contain{
1805        background-color: #FFF;
1806        border-radius: 10px;
1807        display: flex;
1808        justify-content: center;
1809        align-items: center;
1810        width: 100%;
1811        min-height: 358px;
1812        max-height: 358px;
1813        transition: all 0.3s ease-in-out;
1814    }
1815    .card-item--image_VQwK8E:hover .card-item__image__contain{
1816        background-color: #00c7f8;
1817        transition: all 0.3s ease-in-out;
1818    }
1819    
1820    .product-plp .card-item--image_VQwK8E .card-item__image__contain{
1821        max-width:100%;
1822        min-height: 360px;
1823        overflow:hidden;
1824    }
1825    .card-item--image_VQwK8E .card-item__image__contain img{
1826        max-width: 400px;
1827        margin: 0 auto;
1828    }
1829    .product-plp .card-item--image_VQwK8E .card-item__image__contain img{
1830        max-width: 400px;
1831        scale: 1.3;
1832    }
1833    .product-plp .card-item--image_VQwK8E:hover .card-item__image__contain img{
1834        scale: 1.35;
1835        transition: all 0.3s ease-in-out;
1836    }
1837    .card-item--image_VQwK8E:hover .card-item__image__contain img{
1838        scale: 1.05;
1839        transition: all 0.3s ease-in-out;
1840    }
1841    .card-item--image_VQwK8E .card-item__image h2 {
1842        color: #FFF;
1843        text-align: center;
1844        font-family: "GB Sans III";
1845        font-size: 22px;
1846        font-style: normal;
1847        font-weight: 400;
1848        line-height: 111%;
1849        letter-spacing: -0.405px;
1850        text-transform: uppercase;
1851        margin: 0;
1852        height: 100%;
1853        display: flex;
1854        align-items: center;
1855    }
1856    .card-item--image_VQwK8E .card-item__button{
1857        width: 100%;
1858        text-decoration: none;
1859        display: flex;
1860        padding: 12px 22px;
1861        flex-direction: column;
1862        justify-content: center;
1863        align-items: center;
1864        gap: 10px;
1865        border-radius: 10px;
1866        background: #830DFF;
1867        min-height: 54px;
1868        color: #FFF;
1869        text-align: center;
1870        font-family: "Helvetica Now Display";
1871        font-size: 16px;
1872        font-style: normal;
1873        font-weight: 800;
1874        line-height: normal;
1875        text-transform: uppercase;
1876        transition: all 0.3s ease-in-out;
1877    }
1878    .card-item.card-item--image_VQwK8E:hover .card-item__button{
1879        cursor: pointer;
1880        background-color: #00c7f8;
1881        transition: all 0.3s ease-in-out;
1882    }
1883    @media (max-width: 749px){
1884        .card-item.card-item--image_VQwK8E{
1885            max-width: 318px;
1886            min-width: 0;
1887            margin: 0 auto;
1888        }
1889        .product-plp .card-item.card-item--image_VQwK8E {
1890            max-width: 342px;
1891        }
1892        .product-plp .card-item--image_VQwK8E .card-item__image{
1893            padding: 6.56px 6.56px 12px;
1894        }
1895        .card-item--image_VQwK8E .card-item__image__contain{
1896            max-width: 100%;
1897            background-color: #00c7f8;
1898        }
1899        .card-item--image_VQwK8E:hover .card-item__image__contain{
1900            background-color: #00c7f8;
1901        }
1902        .product-plp .card-item--image_VQwK8E:hover .card-item__image__contain img{
1903            scale: 1.3;
1904        }
1905        .card-item--image_VQwK8E:hover .card-item__image__contain img{
1906            scale: 1;
1907            transition: all 0.3s ease-in-out;
1908        }
1909        .card-item--image_VQwK8E  img{
1910            max-width: 70%;
1911            margin: 0 auto;
1912        }
1913        .card-item--image_VQwK8E .card-item__image h2 {
1914            font-size: 20px;
1915            line-height: 1;
1916        }
1917        .card-item--image_VQwK8E .card-item__button{
1918            padding: 0;
1919            font-size: 14px;
1920        }
1921    }
1922</style>
1923
1924
1925<div class="card-item card-item--image_VQwK8E">
1926    <a class="card-item__image" href="/products/blueberry-lavender">
1927        
1928            <div class="card-item__image__contain">
1929                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_BL_Can-1_6f585f8b-8751-48a3-8b73-a3a8a23535e3.png?v=1761677882" alt="Blueberry lavender" width="auto" height="auto" loading="lazy">
1930            </div>
1931        
1932        
1933            <h2 class="card-item__contain__title">Blueberry lavender</h2>
1934            
1935        
1936    </a>
1937    
1938</div>
1939
1940                </div>
1941              
1942                <div class="swiper-slide">
1943                  
1944
1945
1946
1947<style data-shopify>
1948    .card-item.card-item--image_dNAUcn{
1949        display: flex;
1950        justify-content: space-between;
1951        align-items: center;
1952        flex-direction: column;
1953        gap: 10px;
1954        overflow: hidden;
1955        max-width: 342px;
1956        min-width: 342px;
1957        height: 100%;
1958    }
1959    .card-item--image_dNAUcn .card-item__image{
1960        padding: 6.56px 6.56px 12px;
1961        background-color: #830dff;
1962        display: flex;
1963        flex: 1;
1964        justify-content: start;
1965        align-items: center;
1966        flex-direction: column;
1967        gap: 11px;
1968        border-radius: 10px;
1969        width: 100%;
1970        transition: all 0.3s ease-in-out;
1971        text-decoration: none;
1972    }
1973    .product-plp .card-item--image_dNAUcn .card-item__image{
1974        padding: 6.56px 6.56px 12px;
1975        gap: 12px;
1976    }
1977    .card-item--image_dNAUcn:hover .card-item__image{
1978        cursor: pointer;
1979        background-color: #830dff;
1980        transition: all 0.3s ease-in-out;
1981    }
1982    .card-item--image_dNAUcn .card-item__image__contain{
1983        background-color: #FFF;
1984        border-radius: 10px;
1985        display: flex;
1986        justify-content: center;
1987        align-items: center;
1988        width: 100%;
1989        min-height: 358px;
1990        max-height: 358px;
1991        transition: all 0.3s ease-in-out;
1992    }
1993    .card-item--image_dNAUcn:hover .card-item__image__contain{
1994        background-color: #fcb116;
1995        transition: all 0.3s ease-in-out;
1996    }
1997    
1998    .product-plp .card-item--image_dNAUcn .card-item__image__contain{
1999        max-width:100%;
2000        min-height: 360px;
2001        overflow:hidden;
2002    }
2003    .card-item--image_dNAUcn .card-item__image__contain img{
2004        max-width: 400px;
2005        margin: 0 auto;
2006    }
2007    .product-plp .card-item--image_dNAUcn .card-item__image__contain img{
2008        max-width: 400px;
2009        scale: 1.3;
2010    }
2011    .product-plp .card-item--image_dNAUcn:hover .card-item__image__contain img{
2012        scale: 1.35;
2013        transition: all 0.3s ease-in-out;
2014    }
2015    .card-item--image_dNAUcn:hover .card-item__image__contain img{
2016        scale: 1.05;
2017        transition: all 0.3s ease-in-out;
2018    }
2019    .card-item--image_dNAUcn .card-item__image h2 {
2020        color: #FFF;
2021        text-align: center;
2022        font-family: "GB Sans III";
2023        font-size: 22px;
2024        font-style: normal;
2025        font-weight: 400;
2026        line-height: 111%;
2027        letter-spacing: -0.405px;
2028        text-transform: uppercase;
2029        margin: 0;
2030        height: 100%;
2031        display: flex;
2032        align-items: center;
2033    }
2034    .card-item--image_dNAUcn .card-item__button{
2035        width: 100%;
2036        text-decoration: none;
2037        display: flex;
2038        padding: 12px 22px;
2039        flex-direction: column;
2040        justify-content: center;
2041        align-items: center;
2042        gap: 10px;
2043        border-radius: 10px;
2044        background: #830DFF;
2045        min-height: 54px;
2046        color: #FFF;
2047        text-align: center;
2048        font-family: "Helvetica Now Display";
2049        font-size: 16px;
2050        font-style: normal;
2051        font-weight: 800;
2052        line-height: normal;
2053        text-transform: uppercase;
2054        transition: all 0.3s ease-in-out;
2055    }
2056    .card-item.card-item--image_dNAUcn:hover .card-item__button{
2057        cursor: pointer;
2058        background-color: #fcb116;
2059        transition: all 0.3s ease-in-out;
2060    }
2061    @media (max-width: 749px){
2062        .card-item.card-item--image_dNAUcn{
2063            max-width: 318px;
2064            min-width: 0;
2065            margin: 0 auto;
2066        }
2067        .product-plp .card-item.card-item--image_dNAUcn {
2068            max-width: 342px;
2069        }
2070        .product-plp .card-item--image_dNAUcn .card-item__image{
2071            padding: 6.56px 6.56px 12px;
2072        }
2073        .card-item--image_dNAUcn .card-item__image__contain{
2074            max-width: 100%;
2075            background-color: #fcb116;
2076        }
2077        .card-item--image_dNAUcn:hover .card-item__image__contain{
2078            background-color: #fcb116;
2079        }
2080        .product-plp .card-item--image_dNAUcn:hover .card-item__image__contain img{
2081            scale: 1.3;
2082        }
2083        .card-item--image_dNAUcn:hover .card-item__image__contain img{
2084            scale: 1;
2085            transition: all 0.3s ease-in-out;
2086        }
2087        .card-item--image_dNAUcn  img{
2088            max-width: 70%;
2089            margin: 0 auto;
2090        }
2091        .card-item--image_dNAUcn .card-item__image h2 {
2092            font-size: 20px;
2093            line-height: 1;
2094        }
2095        .card-item--image_dNAUcn .card-item__button{
2096            padding: 0;
2097            font-size: 14px;
2098        }
2099    }
2100</style>
2101
2102
2103<div class="card-item card-item--image_dNAUcn">
2104    <a class="card-item__image" href="/products/mango">
2105        
2106            <div class="card-item__image__contain">
2107                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Mango_Can-1_fd7db5a8-d6fe-48ba-a9be-bf5e5f1a0499.png?v=1761678160" alt="mango" width="auto" height="auto" loading="lazy">
2108            </div>
2109        
2110        
2111            <h2 class="card-item__contain__title">mango</h2>
2112            
2113        
2114    </a>
2115    
2116</div>
2117
2118                </div>
2119              
2120                <div class="swiper-slide">
2121                  
2122
2123
2124
2125<style data-shopify>
2126    .card-item.card-item--image_ybfgyc{
2127        display: flex;
2128        justify-content: space-between;
2129        align-items: center;
2130        flex-direction: column;
2131        gap: 10px;
2132        overflow: hidden;
2133        max-width: 342px;
2134        min-width: 342px;
2135        height: 100%;
2136    }
2137    .card-item--image_ybfgyc .card-item__image{
2138        padding: 6.56px 6.56px 12px;
2139        background-color: #830dff;
2140        display: flex;
2141        flex: 1;
2142        justify-content: start;
2143        align-items: center;
2144        flex-direction: column;
2145        gap: 11px;
2146        border-radius: 10px;
2147        width: 100%;
2148        transition: all 0.3s ease-in-out;
2149        text-decoration: none;
2150    }
2151    .product-plp .card-item--image_ybfgyc .card-item__image{
2152        padding: 6.56px 6.56px 12px;
2153        gap: 12px;
2154    }
2155    .card-item--image_ybfgyc:hover .card-item__image{
2156        cursor: pointer;
2157        background-color: #830dff;
2158        transition: all 0.3s ease-in-out;
2159    }
2160    .card-item--image_ybfgyc .card-item__image__contain{
2161        background-color: #FFF;
2162        border-radius: 10px;
2163        display: flex;
2164        justify-content: center;
2165        align-items: center;
2166        width: 100%;
2167        min-height: 358px;
2168        max-height: 358px;
2169        transition: all 0.3s ease-in-out;
2170    }
2171    .card-item--image_ybfgyc:hover .card-item__image__contain{
2172        background-color: #df75ae;
2173        transition: all 0.3s ease-in-out;
2174    }
2175    
2176    .product-plp .card-item--image_ybfgyc .card-item__image__contain{
2177        max-width:100%;
2178        min-height: 360px;
2179        overflow:hidden;
2180    }
2181    .card-item--image_ybfgyc .card-item__image__contain img{
2182        max-width: 400px;
2183        margin: 0 auto;
2184    }
2185    .product-plp .card-item--image_ybfgyc .card-item__image__contain img{
2186        max-width: 400px;
2187        scale: 1.3;
2188    }
2189    .product-plp .card-item--image_ybfgyc:hover .card-item__image__contain img{
2190        scale: 1.35;
2191        transition: all 0.3s ease-in-out;
2192    }
2193    .card-item--image_ybfgyc:hover .card-item__image__contain img{
2194        scale: 1.05;
2195        transition: all 0.3s ease-in-out;
2196    }
2197    .card-item--image_ybfgyc .card-item__image h2 {
2198        color: #FFF;
2199        text-align: center;
2200        font-family: "GB Sans III";
2201        font-size: 22px;
2202        font-style: normal;
2203        font-weight: 400;
2204        line-height: 111%;
2205        letter-spacing: -0.405px;
2206        text-transform: uppercase;
2207        margin: 0;
2208        height: 100%;
2209        display: flex;
2210        align-items: center;
2211    }
2212    .card-item--image_ybfgyc .card-item__button{
2213        width: 100%;
2214        text-decoration: none;
2215        display: flex;
2216        padding: 12px 22px;
2217        flex-direction: column;
2218        justify-content: center;
2219        align-items: center;
2220        gap: 10px;
2221        border-radius: 10px;
2222        background: #830DFF;
2223        min-height: 54px;
2224        color: #FFF;
2225        text-align: center;
2226        font-family: "Helvetica Now Display";
2227        font-size: 16px;
2228        font-style: normal;
2229        font-weight: 800;
2230        line-height: normal;
2231        text-transform: uppercase;
2232        transition: all 0.3s ease-in-out;
2233    }
2234    .card-item.card-item--image_ybfgyc:hover .card-item__button{
2235        cursor: pointer;
2236        background-color: #df75ae;
2237        transition: all 0.3s ease-in-out;
2238    }
2239    @media (max-width: 749px){
2240        .card-item.card-item--image_ybfgyc{
2241            max-width: 318px;
2242            min-width: 0;
2243            margin: 0 auto;
2244        }
2245        .product-plp .card-item.card-item--image_ybfgyc {
2246            max-width: 342px;
2247        }
2248        .product-plp .card-item--image_ybfgyc .card-item__image{
2249            padding: 6.56px 6.56px 12px;
2250        }
2251        .card-item--image_ybfgyc .card-item__image__contain{
2252            max-width: 100%;
2253            background-color: #df75ae;
2254        }
2255        .card-item--image_ybfgyc:hover .card-item__image__contain{
2256            background-color: #df75ae;
2257        }
2258        .product-plp .card-item--image_ybfgyc:hover .card-item__image__contain img{
2259            scale: 1.3;
2260        }
2261        .card-item--image_ybfgyc:hover .card-item__image__contain img{
2262            scale: 1;
2263            transition: all 0.3s ease-in-out;
2264        }
2265        .card-item--image_ybfgyc  img{
2266            max-width: 70%;
2267            margin: 0 auto;
2268        }
2269        .card-item--image_ybfgyc .card-item__image h2 {
2270            font-size: 20px;
2271            line-height: 1;
2272        }
2273        .card-item--image_ybfgyc .card-item__button{
2274            padding: 0;
2275            font-size: 14px;
2276        }
2277    }
2278</style>
2279
2280
2281<div class="card-item card-item--image_ybfgyc">
2282    <a class="card-item__image" href="/products/passionfruit-orange">
2283        
2284            <div class="card-item__image__contain">
2285                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_PassionfruitOrange_Can-1_1caeed0f-2bfc-4f80-985d-e3f47339004c.png?v=1761678290" alt="passionfruit orange" width="auto" height="auto" loading="lazy">
2286            </div>
2287        
2288        
2289            <h2 class="card-item__contain__title">passionfruit orange</h2>
2290            
2291        
2292    </a>
2293    
2294</div>
2295
2296                </div>
2297              
2298                <div class="swiper-slide">
2299                  
2300
2301
2302
2303<style data-shopify>
2304    .card-item.card-item--image_4hJT9K{
2305        display: flex;
2306        justify-content: space-between;
2307        align-items: center;
2308        flex-direction: column;
2309        gap: 10px;
2310        overflow: hidden;
2311        max-width: 342px;
2312        min-width: 342px;
2313        height: 100%;
2314    }
2315    .card-item--image_4hJT9K .card-item__image{
2316        padding: 6.56px 6.56px 12px;
2317        background-color: #830dff;
2318        display: flex;
2319        flex: 1;
2320        justify-content: start;
2321        align-items: center;
2322        flex-direction: column;
2323        gap: 11px;
2324        border-radius: 10px;
2325        width: 100%;
2326        transition: all 0.3s ease-in-out;
2327        text-decoration: none;
2328    }
2329    .product-plp .card-item--image_4hJT9K .card-item__image{
2330        padding: 6.56px 6.56px 12px;
2331        gap: 12px;
2332    }
2333    .card-item--image_4hJT9K:hover .card-item__image{
2334        cursor: pointer;
2335        background-color: #830dff;
2336        transition: all 0.3s ease-in-out;
2337    }
2338    .card-item--image_4hJT9K .card-item__image__contain{
2339        background-color: #FFF;
2340        border-radius: 10px;
2341        display: flex;
2342        justify-content: center;
2343        align-items: center;
2344        width: 100%;
2345        min-height: 358px;
2346        max-height: 358px;
2347        transition: all 0.3s ease-in-out;
2348    }
2349    .card-item--image_4hJT9K:hover .card-item__image__contain{
2350        background-color: #f69068;
2351        transition: all 0.3s ease-in-out;
2352    }
2353    
2354    .product-plp .card-item--image_4hJT9K .card-item__image__contain{
2355        max-width:100%;
2356        min-height: 360px;
2357        overflow:hidden;
2358    }
2359    .card-item--image_4hJT9K .card-item__image__contain img{
2360        max-width: 400px;
2361        margin: 0 auto;
2362    }
2363    .product-plp .card-item--image_4hJT9K .card-item__image__contain img{
2364        max-width: 400px;
2365        scale: 1.3;
2366    }
2367    .product-plp .card-item--image_4hJT9K:hover .card-item__image__contain img{
2368        scale: 1.35;
2369        transition: all 0.3s ease-in-out;
2370    }
2371    .card-item--image_4hJT9K:hover .card-item__image__contain img{
2372        scale: 1.05;
2373        transition: all 0.3s ease-in-out;
2374    }
2375    .card-item--image_4hJT9K .card-item__image h2 {
2376        color: #FFF;
2377        text-align: center;
2378        font-family: "GB Sans III";
2379        font-size: 22px;
2380        font-style: normal;
2381        font-weight: 400;
2382        line-height: 111%;
2383        letter-spacing: -0.405px;
2384        text-transform: uppercase;
2385        margin: 0;
2386        height: 100%;
2387        display: flex;
2388        align-items: center;
2389    }
2390    .card-item--image_4hJT9K .card-item__button{
2391        width: 100%;
2392        text-decoration: none;
2393        display: flex;
2394        padding: 12px 22px;
2395        flex-direction: column;
2396        justify-content: center;
2397        align-items: center;
2398        gap: 10px;
2399        border-radius: 10px;
2400        background: #830DFF;
2401        min-height: 54px;
2402        color: #FFF;
2403        text-align: center;
2404        font-family: "Helvetica Now Display";
2405        font-size: 16px;
2406        font-style: normal;
2407        font-weight: 800;
2408        line-height: normal;
2409        text-transform: uppercase;
2410        transition: all 0.3s ease-in-out;
2411    }
2412    .card-item.card-item--image_4hJT9K:hover .card-item__button{
2413        cursor: pointer;
2414        background-color: #f69068;
2415        transition: all 0.3s ease-in-out;
2416    }
2417    @media (max-width: 749px){
2418        .card-item.card-item--image_4hJT9K{
2419            max-width: 318px;
2420            min-width: 0;
2421            margin: 0 auto;
2422        }
2423        .product-plp .card-item.card-item--image_4hJT9K {
2424            max-width: 342px;
2425        }
2426        .product-plp .card-item--image_4hJT9K .card-item__image{
2427            padding: 6.56px 6.56px 12px;
2428        }
2429        .card-item--image_4hJT9K .card-item__image__contain{
2430            max-width: 100%;
2431            background-color: #f69068;
2432        }
2433        .card-item--image_4hJT9K:hover .card-item__image__contain{
2434            background-color: #f69068;
2435        }
2436        .product-plp .card-item--image_4hJT9K:hover .card-item__image__contain img{
2437            scale: 1.3;
2438        }
2439        .card-item--image_4hJT9K:hover .card-item__image__contain img{
2440            scale: 1;
2441            transition: all 0.3s ease-in-out;
2442        }
2443        .card-item--image_4hJT9K  img{
2444            max-width: 70%;
2445            margin: 0 auto;
2446        }
2447        .card-item--image_4hJT9K .card-item__image h2 {
2448            font-size: 20px;
2449            line-height: 1;
2450        }
2451        .card-item--image_4hJT9K .card-item__button{
2452            padding: 0;
2453            font-size: 14px;
2454        }
2455    }
2456</style>
2457
2458
2459<div class="card-item card-item--image_4hJT9K">
2460    <a class="card-item__image" href="/products/grapefuit-guava">
2461        
2462            <div class="card-item__image__contain">
2463                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Grapefruit_Guava_Can-4_78beb36d-3c0f-480e-841a-7b3adcf7cfe5.png?v=1761677955" alt="grapefruit guava" width="auto" height="auto" loading="lazy">
2464            </div>
2465        
2466        
2467            <h2 class="card-item__contain__title">grapefruit guava</h2>
2468            
2469        
2470    </a>
2471    
2472</div>
2473
2474                </div>
2475              
2476                <div class="swiper-slide">
2477                  
2478
2479
2480
2481<style data-shopify>
2482    .card-item.card-item--image_Ph6tHi{
2483        display: flex;
2484        justify-content: space-between;
2485        align-items: center;
2486        flex-direction: column;
2487        gap: 10px;
2488        overflow: hidden;
2489        max-width: 342px;
2490        min-width: 342px;
2491        height: 100%;
2492    }
2493    .card-item--image_Ph6tHi .card-item__image{
2494        padding: 6.56px 6.56px 12px;
2495        background-color: #830dff;
2496        display: flex;
2497        flex: 1;
2498        justify-content: start;
2499        align-items: center;
2500        flex-direction: column;
2501        gap: 11px;
2502        border-radius: 10px;
2503        width: 100%;
2504        transition: all 0.3s ease-in-out;
2505        text-decoration: none;
2506    }
2507    .product-plp .card-item--image_Ph6tHi .card-item__image{
2508        padding: 6.56px 6.56px 12px;
2509        gap: 12px;
2510    }
2511    .card-item--image_Ph6tHi:hover .card-item__image{
2512        cursor: pointer;
2513        background-color: #830dff;
2514        transition: all 0.3s ease-in-out;
2515    }
2516    .card-item--image_Ph6tHi .card-item__image__contain{
2517        background-color: #FFF;
2518        border-radius: 10px;
2519        display: flex;
2520        justify-content: center;
2521        align-items: center;
2522        width: 100%;
2523        min-height: 358px;
2524        max-height: 358px;
2525        transition: all 0.3s ease-in-out;
2526    }
2527    .card-item--image_Ph6tHi:hover .card-item__image__contain{
2528        background-color: #ee335e;
2529        transition: all 0.3s ease-in-out;
2530    }
2531    
2532    .product-plp .card-item--image_Ph6tHi .card-item__image__contain{
2533        max-width:100%;
2534        min-height: 360px;
2535        overflow:hidden;
2536    }
2537    .card-item--image_Ph6tHi .card-item__image__contain img{
2538        max-width: 400px;
2539        margin: 0 auto;
2540    }
2541    .product-plp .card-item--image_Ph6tHi .card-item__image__contain img{
2542        max-width: 400px;
2543        scale: 1.3;
2544    }
2545    .product-plp .card-item--image_Ph6tHi:hover .card-item__image__contain img{
2546        scale: 1.35;
2547        transition: all 0.3s ease-in-out;
2548    }
2549    .card-item--image_Ph6tHi:hover .card-item__image__contain img{
2550        scale: 1.05;
2551        transition: all 0.3s ease-in-out;
2552    }
2553    .card-item--image_Ph6tHi .card-item__image h2 {
2554        color: #FFF;
2555        text-align: center;
2556        font-family: "GB Sans III";
2557        font-size: 22px;
2558        font-style: normal;
2559        font-weight: 400;
2560        line-height: 111%;
2561        letter-spacing: -0.405px;
2562        text-transform: uppercase;
2563        margin: 0;
2564        height: 100%;
2565        display: flex;
2566        align-items: center;
2567    }
2568    .card-item--image_Ph6tHi .card-item__button{
2569        width: 100%;
2570        text-decoration: none;
2571        display: flex;
2572        padding: 12px 22px;
2573        flex-direction: column;
2574        justify-content: center;
2575        align-items: center;
2576        gap: 10px;
2577        border-radius: 10px;
2578        background: #830DFF;
2579        min-height: 54px;
2580        color: #FFF;
2581        text-align: center;
2582        font-family: "Helvetica Now Display";
2583        font-size: 16px;
2584        font-style: normal;
2585        font-weight: 800;
2586        line-height: normal;
2587        text-transform: uppercase;
2588        transition: all 0.3s ease-in-out;
2589    }
2590    .card-item.card-item--image_Ph6tHi:hover .card-item__button{
2591        cursor: pointer;
2592        background-color: #ee335e;
2593        transition: all 0.3s ease-in-out;
2594    }
2595    @media (max-width: 749px){
2596        .card-item.card-item--image_Ph6tHi{
2597            max-width: 318px;
2598            min-width: 0;
2599            margin: 0 auto;
2600        }
2601        .product-plp .card-item.card-item--image_Ph6tHi {
2602            max-width: 342px;
2603        }
2604        .product-plp .card-item--image_Ph6tHi .card-item__image{
2605            padding: 6.56px 6.56px 12px;
2606        }
2607        .card-item--image_Ph6tHi .card-item__image__contain{
2608            max-width: 100%;
2609            background-color: #ee335e;
2610        }
2611        .card-item--image_Ph6tHi:hover .card-item__image__contain{
2612            background-color: #ee335e;
2613        }
2614        .product-plp .card-item--image_Ph6tHi:hover .card-item__image__contain img{
2615            scale: 1.3;
2616        }
2617        .card-item--image_Ph6tHi:hover .card-item__image__contain img{
2618            scale: 1;
2619            transition: all 0.3s ease-in-out;
2620        }
2621        .card-item--image_Ph6tHi  img{
2622            max-width: 70%;
2623            margin: 0 auto;
2624        }
2625        .card-item--image_Ph6tHi .card-item__image h2 {
2626            font-size: 20px;
2627            line-height: 1;
2628        }
2629        .card-item--image_Ph6tHi .card-item__button{
2630            padding: 0;
2631            font-size: 14px;
2632        }
2633    }
2634</style>
2635
2636
2637<div class="card-item card-item--image_Ph6tHi">
2638    <a class="card-item__image" href="/products/strawberry">
2639        
2640            <div class="card-item__image__contain">
2641                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Strawberry_Can-1_320cec7c-5ab1-4ede-96a2-0a2e266c46c4.png?v=1761678535" alt="strawberry" width="auto" height="auto" loading="lazy">
2642            </div>
2643        
2644        
2645            <h2 class="card-item__contain__title">strawberry</h2>
2646            
2647        
2648    </a>
2649    
2650</div>
2651
2652                </div>
2653              
2654                <div class="swiper-slide">
2655                  
2656
2657
2658
2659<style data-shopify>
2660    .card-item.card-item--image_qPXVft{
2661        display: flex;
2662        justify-content: space-between;
2663        align-items: center;
2664        flex-direction: column;
2665        gap: 10px;
2666        overflow: hidden;
2667        max-width: 342px;
2668        min-width: 342px;
2669        height: 100%;
2670    }
2671    .card-item--image_qPXVft .card-item__image{
2672        padding: 6.56px 6.56px 12px;
2673        background-color: #830dff;
2674        display: flex;
2675        flex: 1;
2676        justify-content: start;
2677        align-items: center;
2678        flex-direction: column;
2679        gap: 11px;
2680        border-radius: 10px;
2681        width: 100%;
2682        transition: all 0.3s ease-in-out;
2683        text-decoration: none;
2684    }
2685    .product-plp .card-item--image_qPXVft .card-item__image{
2686        padding: 6.56px 6.56px 12px;
2687        gap: 12px;
2688    }
2689    .card-item--image_qPXVft:hover .card-item__image{
2690        cursor: pointer;
2691        background-color: #830dff;
2692        transition: all 0.3s ease-in-out;
2693    }
2694    .card-item--image_qPXVft .card-item__image__contain{
2695        background-color: #FFF;
2696        border-radius: 10px;
2697        display: flex;
2698        justify-content: center;
2699        align-items: center;
2700        width: 100%;
2701        min-height: 358px;
2702        max-height: 358px;
2703        transition: all 0.3s ease-in-out;
2704    }
2705    .card-item--image_qPXVft:hover .card-item__image__contain{
2706        background-color: #f68825;
2707        transition: all 0.3s ease-in-out;
2708    }
2709    
2710    .product-plp .card-item--image_qPXVft .card-item__image__contain{
2711        max-width:100%;
2712        min-height: 360px;
2713        overflow:hidden;
2714    }
2715    .card-item--image_qPXVft .card-item__image__contain img{
2716        max-width: 400px;
2717        margin: 0 auto;
2718    }
2719    .product-plp .card-item--image_qPXVft .card-item__image__contain img{
2720        max-width: 400px;
2721        scale: 1.3;
2722    }
2723    .product-plp .card-item--image_qPXVft:hover .card-item__image__contain img{
2724        scale: 1.35;
2725        transition: all 0.3s ease-in-out;
2726    }
2727    .card-item--image_qPXVft:hover .card-item__image__contain img{
2728        scale: 1.05;
2729        transition: all 0.3s ease-in-out;
2730    }
2731    .card-item--image_qPXVft .card-item__image h2 {
2732        color: #FFF;
2733        text-align: center;
2734        font-family: "GB Sans III";
2735        font-size: 22px;
2736        font-style: normal;
2737        font-weight: 400;
2738        line-height: 111%;
2739        letter-spacing: -0.405px;
2740        text-transform: uppercase;
2741        margin: 0;
2742        height: 100%;
2743        display: flex;
2744        align-items: center;
2745    }
2746    .card-item--image_qPXVft .card-item__button{
2747        width: 100%;
2748        text-decoration: none;
2749        display: flex;
2750        padding: 12px 22px;
2751        flex-direction: column;
2752        justify-content: center;
2753        align-items: center;
2754        gap: 10px;
2755        border-radius: 10px;
2756        background: #830DFF;
2757        min-height: 54px;
2758        color: #FFF;
2759        text-align: center;
2760        font-family: "Helvetica Now Display";
2761        font-size: 16px;
2762        font-style: normal;
2763        font-weight: 800;
2764        line-height: normal;
2765        text-transform: uppercase;
2766        transition: all 0.3s ease-in-out;
2767    }
2768    .card-item.card-item--image_qPXVft:hover .card-item__button{
2769        cursor: pointer;
2770        background-color: #f68825;
2771        transition: all 0.3s ease-in-out;
2772    }
2773    @media (max-width: 749px){
2774        .card-item.card-item--image_qPXVft{
2775            max-width: 318px;
2776            min-width: 0;
2777            margin: 0 auto;
2778        }
2779        .product-plp .card-item.card-item--image_qPXVft {
2780            max-width: 342px;
2781        }
2782        .product-plp .card-item--image_qPXVft .card-item__image{
2783            padding: 6.56px 6.56px 12px;
2784        }
2785        .card-item--image_qPXVft .card-item__image__contain{
2786            max-width: 100%;
2787            background-color: #f68825;
2788        }
2789        .card-item--image_qPXVft:hover .card-item__image__contain{
2790            background-color: #f68825;
2791        }
2792        .product-plp .card-item--image_qPXVft:hover .card-item__image__contain img{
2793            scale: 1.3;
2794        }
2795        .card-item--image_qPXVft:hover .card-item__image__contain img{
2796            scale: 1;
2797            transition: all 0.3s ease-in-out;
2798        }
2799        .card-item--image_qPXVft  img{
2800            max-width: 70%;
2801            margin: 0 auto;
2802        }
2803        .card-item--image_qPXVft .card-item__image h2 {
2804            font-size: 20px;
2805            line-height: 1;
2806        }
2807        .card-item--image_qPXVft .card-item__button{
2808            padding: 0;
2809            font-size: 14px;
2810        }
2811    }
2812</style>
2813
2814
2815<div class="card-item card-item--image_qPXVft">
2816    <a class="card-item__image" href="/products/tangerine">
2817        
2818            <div class="card-item__image__contain">
2819                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Tangerine_Can-1_f63cd9d6-88df-4e68-9691-e4a56b7bd1a6.png?v=1761678671" alt="tangerine" width="auto" height="auto" loading="lazy">
2820            </div>
2821        
2822        
2823            <h2 class="card-item__contain__title">tangerine</h2>
2824            
2825        
2826    </a>
2827    
2828</div>
2829
2830                </div>
2831              
2832                <div class="swiper-slide">
2833                  
2834
2835
2836
2837<style data-shopify>
2838    .card-item.card-item--image_AXFzQx{
2839        display: flex;
2840        justify-content: space-between;
2841        align-items: center;
2842        flex-direction: column;
2843        gap: 10px;
2844        overflow: hidden;
2845        max-width: 342px;
2846        min-width: 342px;
2847        height: 100%;
2848    }
2849    .card-item--image_AXFzQx .card-item__image{
2850        padding: 6.56px 6.56px 12px;
2851        background-color: #830dff;
2852        display: flex;
2853        flex: 1;
2854        justify-content: start;
2855        align-items: center;
2856        flex-direction: column;
2857        gap: 11px;
2858        border-radius: 10px;
2859        width: 100%;
2860        transition: all 0.3s ease-in-out;
2861        text-decoration: none;
2862    }
2863    .product-plp .card-item--image_AXFzQx .card-item__image{
2864        padding: 6.56px 6.56px 12px;
2865        gap: 12px;
2866    }
2867    .card-item--image_AXFzQx:hover .card-item__image{
2868        cursor: pointer;
2869        background-color: #830dff;
2870        transition: all 0.3s ease-in-out;
2871    }
2872    .card-item--image_AXFzQx .card-item__image__contain{
2873        background-color: #FFF;
2874        border-radius: 10px;
2875        display: flex;
2876        justify-content: center;
2877        align-items: center;
2878        width: 100%;
2879        min-height: 358px;
2880        max-height: 358px;
2881        transition: all 0.3s ease-in-out;
2882    }
2883    .card-item--image_AXFzQx:hover .card-item__image__contain{
2884        background-color: #ef4865;
2885        transition: all 0.3s ease-in-out;
2886    }
2887    
2888    .product-plp .card-item--image_AXFzQx .card-item__image__contain{
2889        max-width:100%;
2890        min-height: 360px;
2891        overflow:hidden;
2892    }
2893    .card-item--image_AXFzQx .card-item__image__contain img{
2894        max-width: 400px;
2895        margin: 0 auto;
2896    }
2897    .product-plp .card-item--image_AXFzQx .card-item__image__contain img{
2898        max-width: 400px;
2899        scale: 1.3;
2900    }
2901    .product-plp .card-item--image_AXFzQx:hover .card-item__image__contain img{
2902        scale: 1.35;
2903        transition: all 0.3s ease-in-out;
2904    }
2905    .card-item--image_AXFzQx:hover .card-item__image__contain img{
2906        scale: 1.05;
2907        transition: all 0.3s ease-in-out;
2908    }
2909    .card-item--image_AXFzQx .card-item__image h2 {
2910        color: #FFF;
2911        text-align: center;
2912        font-family: "GB Sans III";
2913        font-size: 22px;
2914        font-style: normal;
2915        font-weight: 400;
2916        line-height: 111%;
2917        letter-spacing: -0.405px;
2918        text-transform: uppercase;
2919        margin: 0;
2920        height: 100%;
2921        display: flex;
2922        align-items: center;
2923    }
2924    .card-item--image_AXFzQx .card-item__button{
2925        width: 100%;
2926        text-decoration: none;
2927        display: flex;
2928        padding: 12px 22px;
2929        flex-direction: column;
2930        justify-content: center;
2931        align-items: center;
2932        gap: 10px;
2933        border-radius: 10px;
2934        background: #830DFF;
2935        min-height: 54px;
2936        color: #FFF;
2937        text-align: center;
2938        font-family: "Helvetica Now Display";
2939        font-size: 16px;
2940        font-style: normal;
2941        font-weight: 800;
2942        line-height: normal;
2943        text-transform: uppercase;
2944        transition: all 0.3s ease-in-out;
2945    }
2946    .card-item.card-item--image_AXFzQx:hover .card-item__button{
2947        cursor: pointer;
2948        background-color: #ef4865;
2949        transition: all 0.3s ease-in-out;
2950    }
2951    @media (max-width: 749px){
2952        .card-item.card-item--image_AXFzQx{
2953            max-width: 318px;
2954            min-width: 0;
2955            margin: 0 auto;
2956        }
2957        .product-plp .card-item.card-item--image_AXFzQx {
2958            max-width: 342px;
2959        }
2960        .product-plp .card-item--image_AXFzQx .card-item__image{
2961            padding: 6.56px 6.56px 12px;
2962        }
2963        .card-item--image_AXFzQx .card-item__image__contain{
2964            max-width: 100%;
2965            background-color: #ef4865;
2966        }
2967        .card-item--image_AXFzQx:hover .card-item__image__contain{
2968            background-color: #ef4865;
2969        }
2970        .product-plp .card-item--image_AXFzQx:hover .card-item__image__contain img{
2971            scale: 1.3;
2972        }
2973        .card-item--image_AXFzQx:hover .card-item__image__contain img{
2974            scale: 1;
2975            transition: all 0.3s ease-in-out;
2976        }
2977        .card-item--image_AXFzQx  img{
2978            max-width: 70%;
2979            margin: 0 auto;
2980        }
2981        .card-item--image_AXFzQx .card-item__image h2 {
2982            font-size: 20px;
2983            line-height: 1;
2984        }
2985        .card-item--image_AXFzQx .card-item__button{
2986            padding: 0;
2987            font-size: 14px;
2988        }
2989    }
2990</style>
2991
2992
2993<div class="card-item card-item--image_AXFzQx">
2994    <a class="card-item__image" href="/products/strawberry-watermelon">
2995        
2996            <div class="card-item__image__contain">
2997                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_StrawberryWatermelon_Can-1_7c843b43-e350-4cb8-be10-f20925a758b1.png?v=1761678599" alt="strawberry watermelon" width="auto" height="auto" loading="lazy">
2998            </div>
2999        
3000        
3001            <h2 class="card-item__contain__title">strawberry watermelon</h2>
3002            
3003        
3004    </a>
3005    
3006</div>
3007
3008                </div>
3009              
3010                <div class="swiper-slide">
3011                  
3012
3013
3014
3015<style data-shopify>
3016    .card-item.card-item--image_fecEib{
3017        display: flex;
3018        justify-content: space-between;
3019        align-items: center;
3020        flex-direction: column;
3021        gap: 10px;
3022        overflow: hidden;
3023        max-width: 342px;
3024        min-width: 342px;
3025        height: 100%;
3026    }
3027    .card-item--image_fecEib .card-item__image{
3028        padding: 6.56px 6.56px 12px;
3029        background-color: #830dff;
3030        display: flex;
3031        flex: 1;
3032        justify-content: start;
3033        align-items: center;
3034        flex-direction: column;
3035        gap: 11px;
3036        border-radius: 10px;
3037        width: 100%;
3038        transition: all 0.3s ease-in-out;
3039        text-decoration: none;
3040    }
3041    .product-plp .card-item--image_fecEib .card-item__image{
3042        padding: 6.56px 6.56px 12px;
3043        gap: 12px;
3044    }
3045    .card-item--image_fecEib:hover .card-item__image{
3046        cursor: pointer;
3047        background-color: #830dff;
3048        transition: all 0.3s ease-in-out;
3049    }
3050    .card-item--image_fecEib .card-item__image__contain{
3051        background-color: #FFF;
3052        border-radius: 10px;
3053        display: flex;
3054        justify-content: center;
3055        align-items: center;
3056        width: 100%;
3057        min-height: 358px;
3058        max-height: 358px;
3059        transition: all 0.3s ease-in-out;
3060    }
3061    .card-item--image_fecEib:hover .card-item__image__contain{
3062        background-color: #f37366;
3063        transition: all 0.3s ease-in-out;
3064    }
3065    
3066    .product-plp .card-item--image_fecEib .card-item__image__contain{
3067        max-width:100%;
3068        min-height: 360px;
3069        overflow:hidden;
3070    }
3071    .card-item--image_fecEib .card-item__image__contain img{
3072        max-width: 400px;
3073        margin: 0 auto;
3074    }
3075    .product-plp .card-item--image_fecEib .card-item__image__contain img{
3076        max-width: 400px;
3077        scale: 1.3;
3078    }
3079    .product-plp .card-item--image_fecEib:hover .card-item__image__contain img{
3080        scale: 1.35;
3081        transition: all 0.3s ease-in-out;
3082    }
3083    .card-item--image_fecEib:hover .card-item__image__contain img{
3084        scale: 1.05;
3085        transition: all 0.3s ease-in-out;
3086    }
3087    .card-item--image_fecEib .card-item__image h2 {
3088        color: #FFF;
3089        text-align: center;
3090        font-family: "GB Sans III";
3091        font-size: 22px;
3092        font-style: normal;
3093        font-weight: 400;
3094        line-height: 111%;
3095        letter-spacing: -0.405px;
3096        text-transform: uppercase;
3097        margin: 0;
3098        height: 100%;
3099        display: flex;
3100        align-items: center;
3101    }
3102    .card-item--image_fecEib .card-item__button{
3103        width: 100%;
3104        text-decoration: none;
3105        display: flex;
3106        padding: 12px 22px;
3107        flex-direction: column;
3108        justify-content: center;
3109        align-items: center;
3110        gap: 10px;
3111        border-radius: 10px;
3112        background: #830DFF;
3113        min-height: 54px;
3114        color: #FFF;
3115        text-align: center;
3116        font-family: "Helvetica Now Display";
3117        font-size: 16px;
3118        font-style: normal;
3119        font-weight: 800;
3120        line-height: normal;
3121        text-transform: uppercase;
3122        transition: all 0.3s ease-in-out;
3123    }
3124    .card-item.card-item--image_fecEib:hover .card-item__button{
3125        cursor: pointer;
3126        background-color: #f37366;
3127        transition: all 0.3s ease-in-out;
3128    }
3129    @media (max-width: 749px){
3130        .card-item.card-item--image_fecEib{
3131            max-width: 318px;
3132            min-width: 0;
3133            margin: 0 auto;
3134        }
3135        .product-plp .card-item.card-item--image_fecEib {
3136            max-width: 342px;
3137        }
3138        .product-plp .card-item--image_fecEib .card-item__image{
3139            padding: 6.56px 6.56px 12px;
3140        }
3141        .card-item--image_fecEib .card-item__image__contain{
3142            max-width: 100%;
3143            background-color: #f37366;
3144        }
3145        .card-item--image_fecEib:hover .card-item__image__contain{
3146            background-color: #f37366;
3147        }
3148        .product-plp .card-item--image_fecEib:hover .card-item__image__contain img{
3149            scale: 1.3;
3150        }
3151        .card-item--image_fecEib:hover .card-item__image__contain img{
3152            scale: 1;
3153            transition: all 0.3s ease-in-out;
3154        }
3155        .card-item--image_fecEib  img{
3156            max-width: 70%;
3157            margin: 0 auto;
3158        }
3159        .card-item--image_fecEib .card-item__image h2 {
3160            font-size: 20px;
3161            line-height: 1;
3162        }
3163        .card-item--image_fecEib .card-item__button{
3164            padding: 0;
3165            font-size: 14px;
3166        }
3167    }
3168</style>
3169
3170
3171<div class="card-item card-item--image_fecEib">
3172    <a class="card-item__image" href="/products/peach">
3173        
3174            <div class="card-item__image__contain">
3175                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Peach_Can-1.png?v=1761678382" alt="peach" width="auto" height="auto" loading="lazy">
3176            </div>
3177        
3178        
3179            <h2 class="card-item__contain__title">peach</h2>
3180            
3181        
3182    </a>
3183    
3184</div>
3185
3186                </div>
3187              
3188            </div>
3189            
3190            
3191            <div class="swiper-button-next"></div>
3192            <div class="swiper-button-prev"></div>
3193            <div class="swiper-pagination"></div>
3194            
3195          </div>
3196        </div>
3197        <div class="grid-section-cards__contain__grid">
3198            
3199                
3200
3201
3202
3203<style data-shopify>
3204    .card-item.card-item--image_GTeRBT{
3205        display: flex;
3206        justify-content: space-between;
3207        align-items: center;
3208        flex-direction: column;
3209        gap: 10px;
3210        overflow: hidden;
3211        max-width: 342px;
3212        min-width: 342px;
3213        height: 100%;
3214    }
3215    .card-item--image_GTeRBT .card-item__image{
3216        padding: 6.56px 6.56px 12px;
3217        background-color: #830dff;
3218        display: flex;
3219        flex: 1;
3220        justify-content: start;
3221        align-items: center;
3222        flex-direction: column;
3223        gap: 11px;
3224        border-radius: 10px;
3225        width: 100%;
3226        transition: all 0.3s ease-in-out;
3227        text-decoration: none;
3228    }
3229    .product-plp .card-item--image_GTeRBT .card-item__image{
3230        padding: 6.56px 6.56px 12px;
3231        gap: 12px;
3232    }
3233    .card-item--image_GTeRBT:hover .card-item__image{
3234        cursor: pointer;
3235        background-color: #830dff;
3236        transition: all 0.3s ease-in-out;
3237    }
3238    .card-item--image_GTeRBT .card-item__image__contain{
3239        background-color: #FFF;
3240        border-radius: 10px;
3241        display: flex;
3242        justify-content: center;
3243        align-items: center;
3244        width: 100%;
3245        min-height: 358px;
3246        max-height: 358px;
3247        transition: all 0.3s ease-in-out;
3248    }
3249    .card-item--image_GTeRBT:hover .card-item__image__contain{
3250        background-color: #ffcb06;
3251        transition: all 0.3s ease-in-out;
3252    }
3253    
3254    .product-plp .card-item--image_GTeRBT .card-item__image__contain{
3255        max-width:100%;
3256        min-height: 360px;
3257        overflow:hidden;
3258    }
3259    .card-item--image_GTeRBT .card-item__image__contain img{
3260        max-width: 400px;
3261        margin: 0 auto;
3262    }
3263    .product-plp .card-item--image_GTeRBT .card-item__image__contain img{
3264        max-width: 400px;
3265        scale: 1.3;
3266    }
3267    .product-plp .card-item--image_GTeRBT:hover .card-item__image__contain img{
3268        scale: 1.35;
3269        transition: all 0.3s ease-in-out;
3270    }
3271    .card-item--image_GTeRBT:hover .card-item__image__contain img{
3272        scale: 1.05;
3273        transition: all 0.3s ease-in-out;
3274    }
3275    .card-item--image_GTeRBT .card-item__image h2 {
3276        color: #FFF;
3277        text-align: center;
3278        font-family: "GB Sans III";
3279        font-size: 22px;
3280        font-style: normal;
3281        font-weight: 400;
3282        line-height: 111%;
3283        letter-spacing: -0.405px;
3284        text-transform: uppercase;
3285        margin: 0;
3286        height: 100%;
3287        display: flex;
3288        align-items: center;
3289    }
3290    .card-item--image_GTeRBT .card-item__button{
3291        width: 100%;
3292        text-decoration: none;
3293        display: flex;
3294        padding: 12px 22px;
3295        flex-direction: column;
3296        justify-content: center;
3297        align-items: center;
3298        gap: 10px;
3299        border-radius: 10px;
3300        background: #830DFF;
3301        min-height: 54px;
3302        color: #FFF;
3303        text-align: center;
3304        font-family: "Helvetica Now Display";
3305        font-size: 16px;
3306        font-style: normal;
3307        font-weight: 800;
3308        line-height: normal;
3309        text-transform: uppercase;
3310        transition: all 0.3s ease-in-out;
3311    }
3312    .card-item.card-item--image_GTeRBT:hover .card-item__button{
3313        cursor: pointer;
3314        background-color: #ffcb06;
3315        transition: all 0.3s ease-in-out;
3316    }
3317    @media (max-width: 749px){
3318        .card-item.card-item--image_GTeRBT{
3319            max-width: 318px;
3320            min-width: 0;
3321            margin: 0 auto;
3322        }
3323        .product-plp .card-item.card-item--image_GTeRBT {
3324            max-width: 342px;
3325        }
3326        .product-plp .card-item--image_GTeRBT .card-item__image{
3327            padding: 6.56px 6.56px 12px;
3328        }
3329        .card-item--image_GTeRBT .card-item__image__contain{
3330            max-width: 100%;
3331            background-color: #ffcb06;
3332        }
3333        .card-item--image_GTeRBT:hover .card-item__image__contain{
3334            background-color: #ffcb06;
3335        }
3336        .product-plp .card-item--image_GTeRBT:hover .card-item__image__contain img{
3337            scale: 1.3;
3338        }
3339        .card-item--image_GTeRBT:hover .card-item__image__contain img{
3340            scale: 1;
3341            transition: all 0.3s ease-in-out;
3342        }
3343        .card-item--image_GTeRBT  img{
3344            max-width: 70%;
3345            margin: 0 auto;
3346        }
3347        .card-item--image_GTeRBT .card-item__image h2 {
3348            font-size: 20px;
3349            line-height: 1;
3350        }
3351        .card-item--image_GTeRBT .card-item__button{
3352            padding: 0;
3353            font-size: 14px;
3354        }
3355    }
3356</style>
3357
3358
3359<div class="card-item card-item--image_GTeRBT">
3360    <a class="card-item__image" href="/products/pineapple-yuzu">
3361        
3362            <div class="card-item__image__contain">
3363                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_PY_Can-1_05671f11-c43b-44ec-8a4d-d50c1cbdf003.png?v=1761677670" alt="pineapple yuzu" width="auto" height="auto" loading="lazy">
3364            </div>
3365        
3366        
3367            <h2 class="card-item__contain__title">pineapple yuzu</h2>
3368            
3369        
3370    </a>
3371    
3372</div>
3373
3374            
3375                
3376
3377
3378
3379<style data-shopify>
3380    .card-item.card-item--image_VQwK8E{
3381        display: flex;
3382        justify-content: space-between;
3383        align-items: center;
3384        flex-direction: column;
3385        gap: 10px;
3386        overflow: hidden;
3387        max-width: 342px;
3388        min-width: 342px;
3389        height: 100%;
3390    }
3391    .card-item--image_VQwK8E .card-item__image{
3392        padding: 6.56px 6.56px 12px;
3393        background-color: #830dff;
3394        display: flex;
3395        flex: 1;
3396        justify-content: start;
3397        align-items: center;
3398        flex-direction: column;
3399        gap: 11px;
3400        border-radius: 10px;
3401        width: 100%;
3402        transition: all 0.3s ease-in-out;
3403        text-decoration: none;
3404    }
3405    .product-plp .card-item--image_VQwK8E .card-item__image{
3406        padding: 6.56px 6.56px 12px;
3407        gap: 12px;
3408    }
3409    .card-item--image_VQwK8E:hover .card-item__image{
3410        cursor: pointer;
3411        background-color: #830dff;
3412        transition: all 0.3s ease-in-out;
3413    }
3414    .card-item--image_VQwK8E .card-item__image__contain{
3415        background-color: #FFF;
3416        border-radius: 10px;
3417        display: flex;
3418        justify-content: center;
3419        align-items: center;
3420        width: 100%;
3421        min-height: 358px;
3422        max-height: 358px;
3423        transition: all 0.3s ease-in-out;
3424    }
3425    .card-item--image_VQwK8E:hover .card-item__image__contain{
3426        background-color: #00c7f8;
3427        transition: all 0.3s ease-in-out;
3428    }
3429    
3430    .product-plp .card-item--image_VQwK8E .card-item__image__contain{
3431        max-width:100%;
3432        min-height: 360px;
3433        overflow:hidden;
3434    }
3435    .card-item--image_VQwK8E .card-item__image__contain img{
3436        max-width: 400px;
3437        margin: 0 auto;
3438    }
3439    .product-plp .card-item--image_VQwK8E .card-item__image__contain img{
3440        max-width: 400px;
3441        scale: 1.3;
3442    }
3443    .product-plp .card-item--image_VQwK8E:hover .card-item__image__contain img{
3444        scale: 1.35;
3445        transition: all 0.3s ease-in-out;
3446    }
3447    .card-item--image_VQwK8E:hover .card-item__image__contain img{
3448        scale: 1.05;
3449        transition: all 0.3s ease-in-out;
3450    }
3451    .card-item--image_VQwK8E .card-item__image h2 {
3452        color: #FFF;
3453        text-align: center;
3454        font-family: "GB Sans III";
3455        font-size: 22px;
3456        font-style: normal;
3457        font-weight: 400;
3458        line-height: 111%;
3459        letter-spacing: -0.405px;
3460        text-transform: uppercase;
3461        margin: 0;
3462        height: 100%;
3463        display: flex;
3464        align-items: center;
3465    }
3466    .card-item--image_VQwK8E .card-item__button{
3467        width: 100%;
3468        text-decoration: none;
3469        display: flex;
3470        padding: 12px 22px;
3471        flex-direction: column;
3472        justify-content: center;
3473        align-items: center;
3474        gap: 10px;
3475        border-radius: 10px;
3476        background: #830DFF;
3477        min-height: 54px;
3478        color: #FFF;
3479        text-align: center;
3480        font-family: "Helvetica Now Display";
3481        font-size: 16px;
3482        font-style: normal;
3483        font-weight: 800;
3484        line-height: normal;
3485        text-transform: uppercase;
3486        transition: all 0.3s ease-in-out;
3487    }
3488    .card-item.card-item--image_VQwK8E:hover .card-item__button{
3489        cursor: pointer;
3490        background-color: #00c7f8;
3491        transition: all 0.3s ease-in-out;
3492    }
3493    @media (max-width: 749px){
3494        .card-item.card-item--image_VQwK8E{
3495            max-width: 318px;
3496            min-width: 0;
3497            margin: 0 auto;
3498        }
3499        .product-plp .card-item.card-item--image_VQwK8E {
3500            max-width: 342px;
3501        }
3502        .product-plp .card-item--image_VQwK8E .card-item__image{
3503            padding: 6.56px 6.56px 12px;
3504        }
3505        .card-item--image_VQwK8E .card-item__image__contain{
3506            max-width: 100%;
3507            background-color: #00c7f8;
3508        }
3509        .card-item--image_VQwK8E:hover .card-item__image__contain{
3510            background-color: #00c7f8;
3511        }
3512        .product-plp .card-item--image_VQwK8E:hover .card-item__image__contain img{
3513            scale: 1.3;
3514        }
3515        .card-item--image_VQwK8E:hover .card-item__image__contain img{
3516            scale: 1;
3517            transition: all 0.3s ease-in-out;
3518        }
3519        .card-item--image_VQwK8E  img{
3520            max-width: 70%;
3521            margin: 0 auto;
3522        }
3523        .card-item--image_VQwK8E .card-item__image h2 {
3524            font-size: 20px;
3525            line-height: 1;
3526        }
3527        .card-item--image_VQwK8E .card-item__button{
3528            padding: 0;
3529            font-size: 14px;
3530        }
3531    }
3532</style>
3533
3534
3535<div class="card-item card-item--image_VQwK8E">
3536    <a class="card-item__image" href="/products/blueberry-lavender">
3537        
3538            <div class="card-item__image__contain">
3539                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_BL_Can-1_6f585f8b-8751-48a3-8b73-a3a8a23535e3.png?v=1761677882" alt="Blueberry lavender" width="auto" height="auto" loading="lazy">
3540            </div>
3541        
3542        
3543            <h2 class="card-item__contain__title">Blueberry lavender</h2>
3544            
3545        
3546    </a>
3547    
3548</div>
3549
3550            
3551                
3552
3553
3554
3555<style data-shopify>
3556    .card-item.card-item--image_dNAUcn{
3557        display: flex;
3558        justify-content: space-between;
3559        align-items: center;
3560        flex-direction: column;
3561        gap: 10px;
3562        overflow: hidden;
3563        max-width: 342px;
3564        min-width: 342px;
3565        height: 100%;
3566    }
3567    .card-item--image_dNAUcn .card-item__image{
3568        padding: 6.56px 6.56px 12px;
3569        background-color: #830dff;
3570        display: flex;
3571        flex: 1;
3572        justify-content: start;
3573        align-items: center;
3574        flex-direction: column;
3575        gap: 11px;
3576        border-radius: 10px;
3577        width: 100%;
3578        transition: all 0.3s ease-in-out;
3579        text-decoration: none;
3580    }
3581    .product-plp .card-item--image_dNAUcn .card-item__image{
3582        padding: 6.56px 6.56px 12px;
3583        gap: 12px;
3584    }
3585    .card-item--image_dNAUcn:hover .card-item__image{
3586        cursor: pointer;
3587        background-color: #830dff;
3588        transition: all 0.3s ease-in-out;
3589    }
3590    .card-item--image_dNAUcn .card-item__image__contain{
3591        background-color: #FFF;
3592        border-radius: 10px;
3593        display: flex;
3594        justify-content: center;
3595        align-items: center;
3596        width: 100%;
3597        min-height: 358px;
3598        max-height: 358px;
3599        transition: all 0.3s ease-in-out;
3600    }
3601    .card-item--image_dNAUcn:hover .card-item__image__contain{
3602        background-color: #fcb116;
3603        transition: all 0.3s ease-in-out;
3604    }
3605    
3606    .product-plp .card-item--image_dNAUcn .card-item__image__contain{
3607        max-width:100%;
3608        min-height: 360px;
3609        overflow:hidden;
3610    }
3611    .card-item--image_dNAUcn .card-item__image__contain img{
3612        max-width: 400px;
3613        margin: 0 auto;
3614    }
3615    .product-plp .card-item--image_dNAUcn .card-item__image__contain img{
3616        max-width: 400px;
3617        scale: 1.3;
3618    }
3619    .product-plp .card-item--image_dNAUcn:hover .card-item__image__contain img{
3620        scale: 1.35;
3621        transition: all 0.3s ease-in-out;
3622    }
3623    .card-item--image_dNAUcn:hover .card-item__image__contain img{
3624        scale: 1.05;
3625        transition: all 0.3s ease-in-out;
3626    }
3627    .card-item--image_dNAUcn .card-item__image h2 {
3628        color: #FFF;
3629        text-align: center;
3630        font-family: "GB Sans III";
3631        font-size: 22px;
3632        font-style: normal;
3633        font-weight: 400;
3634        line-height: 111%;
3635        letter-spacing: -0.405px;
3636        text-transform: uppercase;
3637        margin: 0;
3638        height: 100%;
3639        display: flex;
3640        align-items: center;
3641    }
3642    .card-item--image_dNAUcn .card-item__button{
3643        width: 100%;
3644        text-decoration: none;
3645        display: flex;
3646        padding: 12px 22px;
3647        flex-direction: column;
3648        justify-content: center;
3649        align-items: center;
3650        gap: 10px;
3651        border-radius: 10px;
3652        background: #830DFF;
3653        min-height: 54px;
3654        color: #FFF;
3655        text-align: center;
3656        font-family: "Helvetica Now Display";
3657        font-size: 16px;
3658        font-style: normal;
3659        font-weight: 800;
3660        line-height: normal;
3661        text-transform: uppercase;
3662        transition: all 0.3s ease-in-out;
3663    }
3664    .card-item.card-item--image_dNAUcn:hover .card-item__button{
3665        cursor: pointer;
3666        background-color: #fcb116;
3667        transition: all 0.3s ease-in-out;
3668    }
3669    @media (max-width: 749px){
3670        .card-item.card-item--image_dNAUcn{
3671            max-width: 318px;
3672            min-width: 0;
3673            margin: 0 auto;
3674        }
3675        .product-plp .card-item.card-item--image_dNAUcn {
3676            max-width: 342px;
3677        }
3678        .product-plp .card-item--image_dNAUcn .card-item__image{
3679            padding: 6.56px 6.56px 12px;
3680        }
3681        .card-item--image_dNAUcn .card-item__image__contain{
3682            max-width: 100%;
3683            background-color: #fcb116;
3684        }
3685        .card-item--image_dNAUcn:hover .card-item__image__contain{
3686            background-color: #fcb116;
3687        }
3688        .product-plp .card-item--image_dNAUcn:hover .card-item__image__contain img{
3689            scale: 1.3;
3690        }
3691        .card-item--image_dNAUcn:hover .card-item__image__contain img{
3692            scale: 1;
3693            transition: all 0.3s ease-in-out;
3694        }
3695        .card-item--image_dNAUcn  img{
3696            max-width: 70%;
3697            margin: 0 auto;
3698        }
3699        .card-item--image_dNAUcn .card-item__image h2 {
3700            font-size: 20px;
3701            line-height: 1;
3702        }
3703        .card-item--image_dNAUcn .card-item__button{
3704            padding: 0;
3705            font-size: 14px;
3706        }
3707    }
3708</style>
3709
3710
3711<div class="card-item card-item--image_dNAUcn">
3712    <a class="card-item__image" href="/products/mango">
3713        
3714            <div class="card-item__image__contain">
3715                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Mango_Can-1_fd7db5a8-d6fe-48ba-a9be-bf5e5f1a0499.png?v=1761678160" alt="mango" width="auto" height="auto" loading="lazy">
3716            </div>
3717        
3718        
3719            <h2 class="card-item__contain__title">mango</h2>
3720            
3721        
3722    </a>
3723    
3724</div>
3725
3726            
3727                
3728
3729
3730
3731<style data-shopify>
3732    .card-item.card-item--image_ybfgyc{
3733        display: flex;
3734        justify-content: space-between;
3735        align-items: center;
3736        flex-direction: column;
3737        gap: 10px;
3738        overflow: hidden;
3739        max-width: 342px;
3740        min-width: 342px;
3741        height: 100%;
3742    }
3743    .card-item--image_ybfgyc .card-item__image{
3744        padding: 6.56px 6.56px 12px;
3745        background-color: #830dff;
3746        display: flex;
3747        flex: 1;
3748        justify-content: start;
3749        align-items: center;
3750        flex-direction: column;
3751        gap: 11px;
3752        border-radius: 10px;
3753        width: 100%;
3754        transition: all 0.3s ease-in-out;
3755        text-decoration: none;
3756    }
3757    .product-plp .card-item--image_ybfgyc .card-item__image{
3758        padding: 6.56px 6.56px 12px;
3759        gap: 12px;
3760    }
3761    .card-item--image_ybfgyc:hover .card-item__image{
3762        cursor: pointer;
3763        background-color: #830dff;
3764        transition: all 0.3s ease-in-out;
3765    }
3766    .card-item--image_ybfgyc .card-item__image__contain{
3767        background-color: #FFF;
3768        border-radius: 10px;
3769        display: flex;
3770        justify-content: center;
3771        align-items: center;
3772        width: 100%;
3773        min-height: 358px;
3774        max-height: 358px;
3775        transition: all 0.3s ease-in-out;
3776    }
3777    .card-item--image_ybfgyc:hover .card-item__image__contain{
3778        background-color: #df75ae;
3779        transition: all 0.3s ease-in-out;
3780    }
3781    
3782    .product-plp .card-item--image_ybfgyc .card-item__image__contain{
3783        max-width:100%;
3784        min-height: 360px;
3785        overflow:hidden;
3786    }
3787    .card-item--image_ybfgyc .card-item__image__contain img{
3788        max-width: 400px;
3789        margin: 0 auto;
3790    }
3791    .product-plp .card-item--image_ybfgyc .card-item__image__contain img{
3792        max-width: 400px;
3793        scale: 1.3;
3794    }
3795    .product-plp .card-item--image_ybfgyc:hover .card-item__image__contain img{
3796        scale: 1.35;
3797        transition: all 0.3s ease-in-out;
3798    }
3799    .card-item--image_ybfgyc:hover .card-item__image__contain img{
3800        scale: 1.05;
3801        transition: all 0.3s ease-in-out;
3802    }
3803    .card-item--image_ybfgyc .card-item__image h2 {
3804        color: #FFF;
3805        text-align: center;
3806        font-family: "GB Sans III";
3807        font-size: 22px;
3808        font-style: normal;
3809        font-weight: 400;
3810        line-height: 111%;
3811        letter-spacing: -0.405px;
3812        text-transform: uppercase;
3813        margin: 0;
3814        height: 100%;
3815        display: flex;
3816        align-items: center;
3817    }
3818    .card-item--image_ybfgyc .card-item__button{
3819        width: 100%;
3820        text-decoration: none;
3821        display: flex;
3822        padding: 12px 22px;
3823        flex-direction: column;
3824        justify-content: center;
3825        align-items: center;
3826        gap: 10px;
3827        border-radius: 10px;
3828        background: #830DFF;
3829        min-height: 54px;
3830        color: #FFF;
3831        text-align: center;
3832        font-family: "Helvetica Now Display";
3833        font-size: 16px;
3834        font-style: normal;
3835        font-weight: 800;
3836        line-height: normal;
3837        text-transform: uppercase;
3838        transition: all 0.3s ease-in-out;
3839    }
3840    .card-item.card-item--image_ybfgyc:hover .card-item__button{
3841        cursor: pointer;
3842        background-color: #df75ae;
3843        transition: all 0.3s ease-in-out;
3844    }
3845    @media (max-width: 749px){
3846        .card-item.card-item--image_ybfgyc{
3847            max-width: 318px;
3848            min-width: 0;
3849            margin: 0 auto;
3850        }
3851        .product-plp .card-item.card-item--image_ybfgyc {
3852            max-width: 342px;
3853        }
3854        .product-plp .card-item--image_ybfgyc .card-item__image{
3855            padding: 6.56px 6.56px 12px;
3856        }
3857        .card-item--image_ybfgyc .card-item__image__contain{
3858            max-width: 100%;
3859            background-color: #df75ae;
3860        }
3861        .card-item--image_ybfgyc:hover .card-item__image__contain{
3862            background-color: #df75ae;
3863        }
3864        .product-plp .card-item--image_ybfgyc:hover .card-item__image__contain img{
3865            scale: 1.3;
3866        }
3867        .card-item--image_ybfgyc:hover .card-item__image__contain img{
3868            scale: 1;
3869            transition: all 0.3s ease-in-out;
3870        }
3871        .card-item--image_ybfgyc  img{
3872            max-width: 70%;
3873            margin: 0 auto;
3874        }
3875        .card-item--image_ybfgyc .card-item__image h2 {
3876            font-size: 20px;
3877            line-height: 1;
3878        }
3879        .card-item--image_ybfgyc .card-item__button{
3880            padding: 0;
3881            font-size: 14px;
3882        }
3883    }
3884</style>
3885
3886
3887<div class="card-item card-item--image_ybfgyc">
3888    <a class="card-item__image" href="/products/passionfruit-orange">
3889        
3890            <div class="card-item__image__contain">
3891                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_PassionfruitOrange_Can-1_1caeed0f-2bfc-4f80-985d-e3f47339004c.png?v=1761678290" alt="passionfruit orange" width="auto" height="auto" loading="lazy">
3892            </div>
3893        
3894        
3895            <h2 class="card-item__contain__title">passionfruit orange</h2>
3896            
3897        
3898    </a>
3899    
3900</div>
3901
3902            
3903                
3904
3905
3906
3907<style data-shopify>
3908    .card-item.card-item--image_4hJT9K{
3909        display: flex;
3910        justify-content: space-between;
3911        align-items: center;
3912        flex-direction: column;
3913        gap: 10px;
3914        overflow: hidden;
3915        max-width: 342px;
3916        min-width: 342px;
3917        height: 100%;
3918    }
3919    .card-item--image_4hJT9K .card-item__image{
3920        padding: 6.56px 6.56px 12px;
3921        background-color: #830dff;
3922        display: flex;
3923        flex: 1;
3924        justify-content: start;
3925        align-items: center;
3926        flex-direction: column;
3927        gap: 11px;
3928        border-radius: 10px;
3929        width: 100%;
3930        transition: all 0.3s ease-in-out;
3931        text-decoration: none;
3932    }
3933    .product-plp .card-item--image_4hJT9K .card-item__image{
3934        padding: 6.56px 6.56px 12px;
3935        gap: 12px;
3936    }
3937    .card-item--image_4hJT9K:hover .card-item__image{
3938        cursor: pointer;
3939        background-color: #830dff;
3940        transition: all 0.3s ease-in-out;
3941    }
3942    .card-item--image_4hJT9K .card-item__image__contain{
3943        background-color: #FFF;
3944        border-radius: 10px;
3945        display: flex;
3946        justify-content: center;
3947        align-items: center;
3948        width: 100%;
3949        min-height: 358px;
3950        max-height: 358px;
3951        transition: all 0.3s ease-in-out;
3952    }
3953    .card-item--image_4hJT9K:hover .card-item__image__contain{
3954        background-color: #f69068;
3955        transition: all 0.3s ease-in-out;
3956    }
3957    
3958    .product-plp .card-item--image_4hJT9K .card-item__image__contain{
3959        max-width:100%;
3960        min-height: 360px;
3961        overflow:hidden;
3962    }
3963    .card-item--image_4hJT9K .card-item__image__contain img{
3964        max-width: 400px;
3965        margin: 0 auto;
3966    }
3967    .product-plp .card-item--image_4hJT9K .card-item__image__contain img{
3968        max-width: 400px;
3969        scale: 1.3;
3970    }
3971    .product-plp .card-item--image_4hJT9K:hover .card-item__image__contain img{
3972        scale: 1.35;
3973        transition: all 0.3s ease-in-out;
3974    }
3975    .card-item--image_4hJT9K:hover .card-item__image__contain img{
3976        scale: 1.05;
3977        transition: all 0.3s ease-in-out;
3978    }
3979    .card-item--image_4hJT9K .card-item__image h2 {
3980        color: #FFF;
3981        text-align: center;
3982        font-family: "GB Sans III";
3983        font-size: 22px;
3984        font-style: normal;
3985        font-weight: 400;
3986        line-height: 111%;
3987        letter-spacing: -0.405px;
3988        text-transform: uppercase;
3989        margin: 0;
3990        height: 100%;
3991        display: flex;
3992        align-items: center;
3993    }
3994    .card-item--image_4hJT9K .card-item__button{
3995        width: 100%;
3996        text-decoration: none;
3997        display: flex;
3998        padding: 12px 22px;
3999        flex-direction: column;
4000        justify-content: center;
4001        align-items: center;
4002        gap: 10px;
4003        border-radius: 10px;
4004        background: #830DFF;
4005        min-height: 54px;
4006        color: #FFF;
4007        text-align: center;
4008        font-family: "Helvetica Now Display";
4009        font-size: 16px;
4010        font-style: normal;
4011        font-weight: 800;
4012        line-height: normal;
4013        text-transform: uppercase;
4014        transition: all 0.3s ease-in-out;
4015    }
4016    .card-item.card-item--image_4hJT9K:hover .card-item__button{
4017        cursor: pointer;
4018        background-color: #f69068;
4019        transition: all 0.3s ease-in-out;
4020    }
4021    @media (max-width: 749px){
4022        .card-item.card-item--image_4hJT9K{
4023            max-width: 318px;
4024            min-width: 0;
4025            margin: 0 auto;
4026        }
4027        .product-plp .card-item.card-item--image_4hJT9K {
4028            max-width: 342px;
4029        }
4030        .product-plp .card-item--image_4hJT9K .card-item__image{
4031            padding: 6.56px 6.56px 12px;
4032        }
4033        .card-item--image_4hJT9K .card-item__image__contain{
4034            max-width: 100%;
4035            background-color: #f69068;
4036        }
4037        .card-item--image_4hJT9K:hover .card-item__image__contain{
4038            background-color: #f69068;
4039        }
4040        .product-plp .card-item--image_4hJT9K:hover .card-item__image__contain img{
4041            scale: 1.3;
4042        }
4043        .card-item--image_4hJT9K:hover .card-item__image__contain img{
4044            scale: 1;
4045            transition: all 0.3s ease-in-out;
4046        }
4047        .card-item--image_4hJT9K  img{
4048            max-width: 70%;
4049            margin: 0 auto;
4050        }
4051        .card-item--image_4hJT9K .card-item__image h2 {
4052            font-size: 20px;
4053            line-height: 1;
4054        }
4055        .card-item--image_4hJT9K .card-item__button{
4056            padding: 0;
4057            font-size: 14px;
4058        }
4059    }
4060</style>
4061
4062
4063<div class="card-item card-item--image_4hJT9K">
4064    <a class="card-item__image" href="/products/grapefuit-guava">
4065        
4066            <div class="card-item__image__contain">
4067                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Grapefruit_Guava_Can-4_78beb36d-3c0f-480e-841a-7b3adcf7cfe5.png?v=1761677955" alt="grapefruit guava" width="auto" height="auto" loading="lazy">
4068            </div>
4069        
4070        
4071            <h2 class="card-item__contain__title">grapefruit guava</h2>
4072            
4073        
4074    </a>
4075    
4076</div>
4077
4078            
4079                
4080
4081
4082
4083<style data-shopify>
4084    .card-item.card-item--image_Ph6tHi{
4085        display: flex;
4086        justify-content: space-between;
4087        align-items: center;
4088        flex-direction: column;
4089        gap: 10px;
4090        overflow: hidden;
4091        max-width: 342px;
4092        min-width: 342px;
4093        height: 100%;
4094    }
4095    .card-item--image_Ph6tHi .card-item__image{
4096        padding: 6.56px 6.56px 12px;
4097        background-color: #830dff;
4098        display: flex;
4099        flex: 1;
4100        justify-content: start;
4101        align-items: center;
4102        flex-direction: column;
4103        gap: 11px;
4104        border-radius: 10px;
4105        width: 100%;
4106        transition: all 0.3s ease-in-out;
4107        text-decoration: none;
4108    }
4109    .product-plp .card-item--image_Ph6tHi .card-item__image{
4110        padding: 6.56px 6.56px 12px;
4111        gap: 12px;
4112    }
4113    .card-item--image_Ph6tHi:hover .card-item__image{
4114        cursor: pointer;
4115        background-color: #830dff;
4116        transition: all 0.3s ease-in-out;
4117    }
4118    .card-item--image_Ph6tHi .card-item__image__contain{
4119        background-color: #FFF;
4120        border-radius: 10px;
4121        display: flex;
4122        justify-content: center;
4123        align-items: center;
4124        width: 100%;
4125        min-height: 358px;
4126        max-height: 358px;
4127        transition: all 0.3s ease-in-out;
4128    }
4129    .card-item--image_Ph6tHi:hover .card-item__image__contain{
4130        background-color: #ee335e;
4131        transition: all 0.3s ease-in-out;
4132    }
4133    
4134    .product-plp .card-item--image_Ph6tHi .card-item__image__contain{
4135        max-width:100%;
4136        min-height: 360px;
4137        overflow:hidden;
4138    }
4139    .card-item--image_Ph6tHi .card-item__image__contain img{
4140        max-width: 400px;
4141        margin: 0 auto;
4142    }
4143    .product-plp .card-item--image_Ph6tHi .card-item__image__contain img{
4144        max-width: 400px;
4145        scale: 1.3;
4146    }
4147    .product-plp .card-item--image_Ph6tHi:hover .card-item__image__contain img{
4148        scale: 1.35;
4149        transition: all 0.3s ease-in-out;
4150    }
4151    .card-item--image_Ph6tHi:hover .card-item__image__contain img{
4152        scale: 1.05;
4153        transition: all 0.3s ease-in-out;
4154    }
4155    .card-item--image_Ph6tHi .card-item__image h2 {
4156        color: #FFF;
4157        text-align: center;
4158        font-family: "GB Sans III";
4159        font-size: 22px;
4160        font-style: normal;
4161        font-weight: 400;
4162        line-height: 111%;
4163        letter-spacing: -0.405px;
4164        text-transform: uppercase;
4165        margin: 0;
4166        height: 100%;
4167        display: flex;
4168        align-items: center;
4169    }
4170    .card-item--image_Ph6tHi .card-item__button{
4171        width: 100%;
4172        text-decoration: none;
4173        display: flex;
4174        padding: 12px 22px;
4175        flex-direction: column;
4176        justify-content: center;
4177        align-items: center;
4178        gap: 10px;
4179        border-radius: 10px;
4180        background: #830DFF;
4181        min-height: 54px;
4182        color: #FFF;
4183        text-align: center;
4184        font-family: "Helvetica Now Display";
4185        font-size: 16px;
4186        font-style: normal;
4187        font-weight: 800;
4188        line-height: normal;
4189        text-transform: uppercase;
4190        transition: all 0.3s ease-in-out;
4191    }
4192    .card-item.card-item--image_Ph6tHi:hover .card-item__button{
4193        cursor: pointer;
4194        background-color: #ee335e;
4195        transition: all 0.3s ease-in-out;
4196    }
4197    @media (max-width: 749px){
4198        .card-item.card-item--image_Ph6tHi{
4199            max-width: 318px;
4200            min-width: 0;
4201            margin: 0 auto;
4202        }
4203        .product-plp .card-item.card-item--image_Ph6tHi {
4204            max-width: 342px;
4205        }
4206        .product-plp .card-item--image_Ph6tHi .card-item__image{
4207            padding: 6.56px 6.56px 12px;
4208        }
4209        .card-item--image_Ph6tHi .card-item__image__contain{
4210            max-width: 100%;
4211            background-color: #ee335e;
4212        }
4213        .card-item--image_Ph6tHi:hover .card-item__image__contain{
4214            background-color: #ee335e;
4215        }
4216        .product-plp .card-item--image_Ph6tHi:hover .card-item__image__contain img{
4217            scale: 1.3;
4218        }
4219        .card-item--image_Ph6tHi:hover .card-item__image__contain img{
4220            scale: 1;
4221            transition: all 0.3s ease-in-out;
4222        }
4223        .card-item--image_Ph6tHi  img{
4224            max-width: 70%;
4225            margin: 0 auto;
4226        }
4227        .card-item--image_Ph6tHi .card-item__image h2 {
4228            font-size: 20px;
4229            line-height: 1;
4230        }
4231        .card-item--image_Ph6tHi .card-item__button{
4232            padding: 0;
4233            font-size: 14px;
4234        }
4235    }
4236</style>
4237
4238
4239<div class="card-item card-item--image_Ph6tHi">
4240    <a class="card-item__image" href="/products/strawberry">
4241        
4242            <div class="card-item__image__contain">
4243                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Strawberry_Can-1_320cec7c-5ab1-4ede-96a2-0a2e266c46c4.png?v=1761678535" alt="strawberry" width="auto" height="auto" loading="lazy">
4244            </div>
4245        
4246        
4247            <h2 class="card-item__contain__title">strawberry</h2>
4248            
4249        
4250    </a>
4251    
4252</div>
4253
4254            
4255                
4256
4257
4258
4259<style data-shopify>
4260    .card-item.card-item--image_qPXVft{
4261        display: flex;
4262        justify-content: space-between;
4263        align-items: center;
4264        flex-direction: column;
4265        gap: 10px;
4266        overflow: hidden;
4267        max-width: 342px;
4268        min-width: 342px;
4269        height: 100%;
4270    }
4271    .card-item--image_qPXVft .card-item__image{
4272        padding: 6.56px 6.56px 12px;
4273        background-color: #830dff;
4274        display: flex;
4275        flex: 1;
4276        justify-content: start;
4277        align-items: center;
4278        flex-direction: column;
4279        gap: 11px;
4280        border-radius: 10px;
4281        width: 100%;
4282        transition: all 0.3s ease-in-out;
4283        text-decoration: none;
4284    }
4285    .product-plp .card-item--image_qPXVft .card-item__image{
4286        padding: 6.56px 6.56px 12px;
4287        gap: 12px;
4288    }
4289    .card-item--image_qPXVft:hover .card-item__image{
4290        cursor: pointer;
4291        background-color: #830dff;
4292        transition: all 0.3s ease-in-out;
4293    }
4294    .card-item--image_qPXVft .card-item__image__contain{
4295        background-color: #FFF;
4296        border-radius: 10px;
4297        display: flex;
4298        justify-content: center;
4299        align-items: center;
4300        width: 100%;
4301        min-height: 358px;
4302        max-height: 358px;
4303        transition: all 0.3s ease-in-out;
4304    }
4305    .card-item--image_qPXVft:hover .card-item__image__contain{
4306        background-color: #f68825;
4307        transition: all 0.3s ease-in-out;
4308    }
4309    
4310    .product-plp .card-item--image_qPXVft .card-item__image__contain{
4311        max-width:100%;
4312        min-height: 360px;
4313        overflow:hidden;
4314    }
4315    .card-item--image_qPXVft .card-item__image__contain img{
4316        max-width: 400px;
4317        margin: 0 auto;
4318    }
4319    .product-plp .card-item--image_qPXVft .card-item__image__contain img{
4320        max-width: 400px;
4321        scale: 1.3;
4322    }
4323    .product-plp .card-item--image_qPXVft:hover .card-item__image__contain img{
4324        scale: 1.35;
4325        transition: all 0.3s ease-in-out;
4326    }
4327    .card-item--image_qPXVft:hover .card-item__image__contain img{
4328        scale: 1.05;
4329        transition: all 0.3s ease-in-out;
4330    }
4331    .card-item--image_qPXVft .card-item__image h2 {
4332        color: #FFF;
4333        text-align: center;
4334        font-family: "GB Sans III";
4335        font-size: 22px;
4336        font-style: normal;
4337        font-weight: 400;
4338        line-height: 111%;
4339        letter-spacing: -0.405px;
4340        text-transform: uppercase;
4341        margin: 0;
4342        height: 100%;
4343        display: flex;
4344        align-items: center;
4345    }
4346    .card-item--image_qPXVft .card-item__button{
4347        width: 100%;
4348        text-decoration: none;
4349        display: flex;
4350        padding: 12px 22px;
4351        flex-direction: column;
4352        justify-content: center;
4353        align-items: center;
4354        gap: 10px;
4355        border-radius: 10px;
4356        background: #830DFF;
4357        min-height: 54px;
4358        color: #FFF;
4359        text-align: center;
4360        font-family: "Helvetica Now Display";
4361        font-size: 16px;
4362        font-style: normal;
4363        font-weight: 800;
4364        line-height: normal;
4365        text-transform: uppercase;
4366        transition: all 0.3s ease-in-out;
4367    }
4368    .card-item.card-item--image_qPXVft:hover .card-item__button{
4369        cursor: pointer;
4370        background-color: #f68825;
4371        transition: all 0.3s ease-in-out;
4372    }
4373    @media (max-width: 749px){
4374        .card-item.card-item--image_qPXVft{
4375            max-width: 318px;
4376            min-width: 0;
4377            margin: 0 auto;
4378        }
4379        .product-plp .card-item.card-item--image_qPXVft {
4380            max-width: 342px;
4381        }
4382        .product-plp .card-item--image_qPXVft .card-item__image{
4383            padding: 6.56px 6.56px 12px;
4384        }
4385        .card-item--image_qPXVft .card-item__image__contain{
4386            max-width: 100%;
4387            background-color: #f68825;
4388        }
4389        .card-item--image_qPXVft:hover .card-item__image__contain{
4390            background-color: #f68825;
4391        }
4392        .product-plp .card-item--image_qPXVft:hover .card-item__image__contain img{
4393            scale: 1.3;
4394        }
4395        .card-item--image_qPXVft:hover .card-item__image__contain img{
4396            scale: 1;
4397            transition: all 0.3s ease-in-out;
4398        }
4399        .card-item--image_qPXVft  img{
4400            max-width: 70%;
4401            margin: 0 auto;
4402        }
4403        .card-item--image_qPXVft .card-item__image h2 {
4404            font-size: 20px;
4405            line-height: 1;
4406        }
4407        .card-item--image_qPXVft .card-item__button{
4408            padding: 0;
4409            font-size: 14px;
4410        }
4411    }
4412</style>
4413
4414
4415<div class="card-item card-item--image_qPXVft">
4416    <a class="card-item__image" href="/products/tangerine">
4417        
4418            <div class="card-item__image__contain">
4419                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Tangerine_Can-1_f63cd9d6-88df-4e68-9691-e4a56b7bd1a6.png?v=1761678671" alt="tangerine" width="auto" height="auto" loading="lazy">
4420            </div>
4421        
4422        
4423            <h2 class="card-item__contain__title">tangerine</h2>
4424            
4425        
4426    </a>
4427    
4428</div>
4429
4430            
4431                
4432
4433
4434
4435<style data-shopify>
4436    .card-item.card-item--image_AXFzQx{
4437        display: flex;
4438        justify-content: space-between;
4439        align-items: center;
4440        flex-direction: column;
4441        gap: 10px;
4442        overflow: hidden;
4443        max-width: 342px;
4444        min-width: 342px;
4445        height: 100%;
4446    }
4447    .card-item--image_AXFzQx .card-item__image{
4448        padding: 6.56px 6.56px 12px;
4449        background-color: #830dff;
4450        display: flex;
4451        flex: 1;
4452        justify-content: start;
4453        align-items: center;
4454        flex-direction: column;
4455        gap: 11px;
4456        border-radius: 10px;
4457        width: 100%;
4458        transition: all 0.3s ease-in-out;
4459        text-decoration: none;
4460    }
4461    .product-plp .card-item--image_AXFzQx .card-item__image{
4462        padding: 6.56px 6.56px 12px;
4463        gap: 12px;
4464    }
4465    .card-item--image_AXFzQx:hover .card-item__image{
4466        cursor: pointer;
4467        background-color: #830dff;
4468        transition: all 0.3s ease-in-out;
4469    }
4470    .card-item--image_AXFzQx .card-item__image__contain{
4471        background-color: #FFF;
4472        border-radius: 10px;
4473        display: flex;
4474        justify-content: center;
4475        align-items: center;
4476        width: 100%;
4477        min-height: 358px;
4478        max-height: 358px;
4479        transition: all 0.3s ease-in-out;
4480    }
4481    .card-item--image_AXFzQx:hover .card-item__image__contain{
4482        background-color: #ef4865;
4483        transition: all 0.3s ease-in-out;
4484    }
4485    
4486    .product-plp .card-item--image_AXFzQx .card-item__image__contain{
4487        max-width:100%;
4488        min-height: 360px;
4489        overflow:hidden;
4490    }
4491    .card-item--image_AXFzQx .card-item__image__contain img{
4492        max-width: 400px;
4493        margin: 0 auto;
4494    }
4495    .product-plp .card-item--image_AXFzQx .card-item__image__contain img{
4496        max-width: 400px;
4497        scale: 1.3;
4498    }
4499    .product-plp .card-item--image_AXFzQx:hover .card-item__image__contain img{
4500        scale: 1.35;
4501        transition: all 0.3s ease-in-out;
4502    }
4503    .card-item--image_AXFzQx:hover .card-item__image__contain img{
4504        scale: 1.05;
4505        transition: all 0.3s ease-in-out;
4506    }
4507    .card-item--image_AXFzQx .card-item__image h2 {
4508        color: #FFF;
4509        text-align: center;
4510        font-family: "GB Sans III";
4511        font-size: 22px;
4512        font-style: normal;
4513        font-weight: 400;
4514        line-height: 111%;
4515        letter-spacing: -0.405px;
4516        text-transform: uppercase;
4517        margin: 0;
4518        height: 100%;
4519        display: flex;
4520        align-items: center;
4521    }
4522    .card-item--image_AXFzQx .card-item__button{
4523        width: 100%;
4524        text-decoration: none;
4525        display: flex;
4526        padding: 12px 22px;
4527        flex-direction: column;
4528        justify-content: center;
4529        align-items: center;
4530        gap: 10px;
4531        border-radius: 10px;
4532        background: #830DFF;
4533        min-height: 54px;
4534        color: #FFF;
4535        text-align: center;
4536        font-family: "Helvetica Now Display";
4537        font-size: 16px;
4538        font-style: normal;
4539        font-weight: 800;
4540        line-height: normal;
4541        text-transform: uppercase;
4542        transition: all 0.3s ease-in-out;
4543    }
4544    .card-item.card-item--image_AXFzQx:hover .card-item__button{
4545        cursor: pointer;
4546        background-color: #ef4865;
4547        transition: all 0.3s ease-in-out;
4548    }
4549    @media (max-width: 749px){
4550        .card-item.card-item--image_AXFzQx{
4551            max-width: 318px;
4552            min-width: 0;
4553            margin: 0 auto;
4554        }
4555        .product-plp .card-item.card-item--image_AXFzQx {
4556            max-width: 342px;
4557        }
4558        .product-plp .card-item--image_AXFzQx .card-item__image{
4559            padding: 6.56px 6.56px 12px;
4560        }
4561        .card-item--image_AXFzQx .card-item__image__contain{
4562            max-width: 100%;
4563            background-color: #ef4865;
4564        }
4565        .card-item--image_AXFzQx:hover .card-item__image__contain{
4566            background-color: #ef4865;
4567        }
4568        .product-plp .card-item--image_AXFzQx:hover .card-item__image__contain img{
4569            scale: 1.3;
4570        }
4571        .card-item--image_AXFzQx:hover .card-item__image__contain img{
4572            scale: 1;
4573            transition: all 0.3s ease-in-out;
4574        }
4575        .card-item--image_AXFzQx  img{
4576            max-width: 70%;
4577            margin: 0 auto;
4578        }
4579        .card-item--image_AXFzQx .card-item__image h2 {
4580            font-size: 20px;
4581            line-height: 1;
4582        }
4583        .card-item--image_AXFzQx .card-item__button{
4584            padding: 0;
4585            font-size: 14px;
4586        }
4587    }
4588</style>
4589
4590
4591<div class="card-item card-item--image_AXFzQx">
4592    <a class="card-item__image" href="/products/strawberry-watermelon">
4593        
4594            <div class="card-item__image__contain">
4595                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_StrawberryWatermelon_Can-1_7c843b43-e350-4cb8-be10-f20925a758b1.png?v=1761678599" alt="strawberry watermelon" width="auto" height="auto" loading="lazy">
4596            </div>
4597        
4598        
4599            <h2 class="card-item__contain__title">strawberry watermelon</h2>
4600            
4601        
4602    </a>
4603    
4604</div>
4605
4606            
4607                
4608
4609
4610
4611<style data-shopify>
4612    .card-item.card-item--image_fecEib{
4613        display: flex;
4614        justify-content: space-between;
4615        align-items: center;
4616        flex-direction: column;
4617        gap: 10px;
4618        overflow: hidden;
4619        max-width: 342px;
4620        min-width: 342px;
4621        height: 100%;
4622    }
4623    .card-item--image_fecEib .card-item__image{
4624        padding: 6.56px 6.56px 12px;
4625        background-color: #830dff;
4626        display: flex;
4627        flex: 1;
4628        justify-content: start;
4629        align-items: center;
4630        flex-direction: column;
4631        gap: 11px;
4632        border-radius: 10px;
4633        width: 100%;
4634        transition: all 0.3s ease-in-out;
4635        text-decoration: none;
4636    }
4637    .product-plp .card-item--image_fecEib .card-item__image{
4638        padding: 6.56px 6.56px 12px;
4639        gap: 12px;
4640    }
4641    .card-item--image_fecEib:hover .card-item__image{
4642        cursor: pointer;
4643        background-color: #830dff;
4644        transition: all 0.3s ease-in-out;
4645    }
4646    .card-item--image_fecEib .card-item__image__contain{
4647        background-color: #FFF;
4648        border-radius: 10px;
4649        display: flex;
4650        justify-content: center;
4651        align-items: center;
4652        width: 100%;
4653        min-height: 358px;
4654        max-height: 358px;
4655        transition: all 0.3s ease-in-out;
4656    }
4657    .card-item--image_fecEib:hover .card-item__image__contain{
4658        background-color: #f37366;
4659        transition: all 0.3s ease-in-out;
4660    }
4661    
4662    .product-plp .card-item--image_fecEib .card-item__image__contain{
4663        max-width:100%;
4664        min-height: 360px;
4665        overflow:hidden;
4666    }
4667    .card-item--image_fecEib .card-item__image__contain img{
4668        max-width: 400px;
4669        margin: 0 auto;
4670    }
4671    .product-plp .card-item--image_fecEib .card-item__image__contain img{
4672        max-width: 400px;
4673        scale: 1.3;
4674    }
4675    .product-plp .card-item--image_fecEib:hover .card-item__image__contain img{
4676        scale: 1.35;
4677        transition: all 0.3s ease-in-out;
4678    }
4679    .card-item--image_fecEib:hover .card-item__image__contain img{
4680        scale: 1.05;
4681        transition: all 0.3s ease-in-out;
4682    }
4683    .card-item--image_fecEib .card-item__image h2 {
4684        color: #FFF;
4685        text-align: center;
4686        font-family: "GB Sans III";
4687        font-size: 22px;
4688        font-style: normal;
4689        font-weight: 400;
4690        line-height: 111%;
4691        letter-spacing: -0.405px;
4692        text-transform: uppercase;
4693        margin: 0;
4694        height: 100%;
4695        display: flex;
4696        align-items: center;
4697    }
4698    .card-item--image_fecEib .card-item__button{
4699        width: 100%;
4700        text-decoration: none;
4701        display: flex;
4702        padding: 12px 22px;
4703        flex-direction: column;
4704        justify-content: center;
4705        align-items: center;
4706        gap: 10px;
4707        border-radius: 10px;
4708        background: #830DFF;
4709        min-height: 54px;
4710        color: #FFF;
4711        text-align: center;
4712        font-family: "Helvetica Now Display";
4713        font-size: 16px;
4714        font-style: normal;
4715        font-weight: 800;
4716        line-height: normal;
4717        text-transform: uppercase;
4718        transition: all 0.3s ease-in-out;
4719    }
4720    .card-item.card-item--image_fecEib:hover .card-item__button{
4721        cursor: pointer;
4722        background-color: #f37366;
4723        transition: all 0.3s ease-in-out;
4724    }
4725    @media (max-width: 749px){
4726        .card-item.card-item--image_fecEib{
4727            max-width: 318px;
4728            min-width: 0;
4729            margin: 0 auto;
4730        }
4731        .product-plp .card-item.card-item--image_fecEib {
4732            max-width: 342px;
4733        }
4734        .product-plp .card-item--image_fecEib .card-item__image{
4735            padding: 6.56px 6.56px 12px;
4736        }
4737        .card-item--image_fecEib .card-item__image__contain{
4738            max-width: 100%;
4739            background-color: #f37366;
4740        }
4741        .card-item--image_fecEib:hover .card-item__image__contain{
4742            background-color: #f37366;
4743        }
4744        .product-plp .card-item--image_fecEib:hover .card-item__image__contain img{
4745            scale: 1.3;
4746        }
4747        .card-item--image_fecEib:hover .card-item__image__contain img{
4748            scale: 1;
4749            transition: all 0.3s ease-in-out;
4750        }
4751        .card-item--image_fecEib  img{
4752            max-width: 70%;
4753            margin: 0 auto;
4754        }
4755        .card-item--image_fecEib .card-item__image h2 {
4756            font-size: 20px;
4757            line-height: 1;
4758        }
4759        .card-item--image_fecEib .card-item__button{
4760            padding: 0;
4761            font-size: 14px;
4762        }
4763    }
4764</style>
4765
4766
4767<div class="card-item card-item--image_fecEib">
4768    <a class="card-item__image" href="/products/peach">
4769        
4770            <div class="card-item__image__contain">
4771                <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_Peach_Can-1.png?v=1761678382" alt="peach" width="auto" height="auto" loading="lazy">
4772            </div>
4773        
4774        
4775            <h2 class="card-item__contain__title">peach</h2>
4776            
4777        
4778    </a>
4779    
4780</div>
4781
4782            
4783        </div>
4784    </div>
4785</section>
4786
4787<script>
4788  document.addEventListener('DOMContentLoaded', function(){
4789    var key = 'swiper_template--25008849584428__grid_section_cards_qKzrJR';
4790    
4791    if(!window[key]){
4792      window[key] = new Swiper('#grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper', {
4793        slidesPerView: 'auto',
4794        spaceBetween: 16,
4795        loop: true,
4796        autoplay: {
4797          delay: 3000,
4798          disableOnInteraction: false
4799        },
4800        speed: 1000,
4801        autoHeight: false,
4802        
4803        pagination: { el: '#grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-pagination', clickable: true },
4804        navigation: {
4805          nextEl: '#grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-next',
4806          prevEl: '#grid-cards-template--25008849584428__grid_section_cards_qKzrJR .swiper-button-prev'
4807        },
4808        
4809        breakpoints: {
4810          1440: {
4811            slidesPerView: 4,
4812            spaceBetween: 15
4813          },
4814          1024: {
4815            slidesPerView: 3,
4816            spaceBetween: 15
4817          },
4818          768: {
4819            slidesPerView: 2,
4820            spaceBetween: 16
4821          },
4822          450: {
4823            slidesPerView: 2,
4824            spaceBetween: 16
4825          },
4826          0: {
4827            slidesPerView: 1.2,
4828            spaceBetween: 10
4829          },
4830        },
4831        on: {
4832          init: function() {
4833            var mq = window.matchMedia('(max-width: 749px)');
4834            if (mq.matches && this.updateAutoHeight) {
4835              this.updateAutoHeight();
4836            }
4837          },
4838          slideChangeTransitionEnd: function() {
4839            var mq = window.matchMedia('(max-width: 749px)');
4840            if (mq.matches && this.updateAutoHeight) {
4841              this.updateAutoHeight();
4842            }
4843          }
4844        }
4845      });
4846    }
4847  });
4848</script>
4848
4849
4850</div><div id="shopify-section-template--25008849584428__section_text_image_3tBtdz" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/section-text-image.css?v=11221046427045897991764167528" rel="stylesheet" type="text/css" media="all" />
4851
4852<section class="section-text-image">
4853    <div class="section-text-image__contain reverse">
4854        <div class="section-text-image__contain__image">
4855            
4856                <img src="//girlbeer.com/cdn/shop/files/Blueberry_Lifestyle-3.jpg?v=1781066333" alt="Hurray’s Girl Beer" width="auto" height="auto" loading="lazy">
4857            
4858        </div>
4859        <div class="section-text-image__contain__text">
4860            <h2>please buy this</h2>
4861            
4862                <p>(no worries if not)</p>
4863            
4864        </div>
4865        <div class="section-text-image_float">
4866            
4867        </div>
4868    </div>
4869</section>
4870
4871
4872</div><div id="shopify-section-template--25008849584428__beer_text_tVTxLy" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/beer-text.css?v=22814416652373980231765479668" rel="stylesheet" type="text/css" media="all" />
4873
4874
4875
4876<section class="beer-text">
4877    <div class="beer-text__contain">
4878        <div class="beer-text__contain__text">
4879            
4880            <h2>flavored light beer</h2>
4881            
4882            
4883            <div><p>no added sugar</p><p>4.2% ALC / VOL</p><p>100 calories</p></div>
4884            
4885            
4886            <a href="/collections/beer">shop girl beer</a>
4887            
4888        </div>
4889        <div class="beer-text__contain__image wow animate__bounceInRight" data-wow-duration="1s" data-wow-delay="0.2s">
4890            
4891            <img src="//girlbeer.com/cdn/shop/files/Hurray_s_Girl_Beer_BL_Can-144_1.png?v=1760709765" alt="">
4892            
4893        </div>
4894    </div>
4895</section>
4896
4897
4898</div><section id="shopify-section-template--25008849584428__store_locator_eFAGiX" class="shopify-section section"><link href="//girlbeer.com/cdn/shop/t/24/assets/store-locator.css?v=30180537742025615811765479671" rel="stylesheet" type="text/css" media="all" />
4899<style data-shopify>.section-template--25008849584428__store_locator_eFAGiX-padding {
4900    padding-top: calc(0px * 0.75);
4901    padding-bottom: calc(0px * 0.75);
4902    display: flex;
4903    justify-content: space-between;
4904    flex-direction: column;
4905    overflow: hidden;
4906  }
4907
4908  @media screen and (min-width: 750px) {
4909    .section-template--25008849584428__store_locator_eFAGiX-padding {
4910      padding-top: 0px;
4911      padding-bottom: 0px;
4912    }
4913  }
4914  @media screen and (max-width: 750px) {
4915    .section-template--25008849584428__store_locator_eFAGiX-padding {
4916      flex-direction: column;
4917    }
4918  }
4919  #find-us .stockist-heading{
4920    text-align: center;
4921  }
4922  .stockist-container {
4923    width: 100%;
4924    max-width: 1390px;
4925    margin: 0 auto;
4926    overflow: hidden;
4927    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
4928    margin: 0;
4929  }
4930
4931  .stockist-heading h2 {
4932    font-size: 5rem;
4933    font-weight: 900;
4934    color: #830dff;
4935    text-transform: uppercase;
4936    margin-bottom: 0.5rem;
4937    line-height: 0.9;
4938    letter-spacing: -0.02em;
4939    font-family: sans-serif;
4940  }
4941
4942  .stockist-heading .rte p {
4943    font-size: 1rem;
4944    color: #830dff;
4945    margin-top: 0.5rem;
4946    text-transform: uppercase;
4947    letter-spacing: 0.05em;
4948    font-weight: 600;
4949  }
4950
4951  #find-us .stockist-container {
4952    max-height: 582px;
4953  }
4954
4955  /* Custom styles for Stockist widget to match the purple theme */
4956  :root {
4957    --stockist-primary-color: #830dff;
4958    --stockist-secondary-color: #830dff;
4959  }
4960
4961  /* Outer section container (color-scheme + gradient) border */
4962  .color-scheme-1.gradient {
4963    border: 7px solid #830dff !important;
4964    border-radius: 12px !important;
4965    overflow: hidden !important; /* ensures inner content respects rounded corners */
4966  }
4967
4968  /* These styles will be applied to the Stockist widget */
4969  .stockist-search-box {
4970    background-color: var(--stockist-primary-color) !important;
4971    border-radius: 30px !important;
4972    padding: 12px 20px !important;
4973    border: 2px solid white !important;
4974  }
4975
4976  .stockist-search-button {
4977    background-color: var(--stockist-secondary-color) !important;
4978    color: white !important;
4979    border-radius: 30px !important;
4980    font-weight: bold !important;
4981  }
4982
4983  .stockist-search-field {
4984    color: white !important;
4985    font-weight: 600 !important;
4986  }
4987  
4988  .stockist-search-field::placeholder {
4989    color: rgba(255, 255, 255, 0.8) !important;
4990    font-weight: 600 !important;
4991    text-transform: uppercase !important;
4992  }
4993
4994  .stockist-result-list-item {
4995    border-left: 4px solid var(--stockist-primary-color) !important;
4996    padding: 15px !important;
4997  }
4998
4999  .stockist-result-list-item-name {
5000    color: var(--stockist-primary-color) !important;
5001    font-weight: bold !important;
5002    text-transform: uppercase !important;
5003  }
5004
5005  .stockist-result-list-item-address {
5006    text-transform: uppercase !important;
5007    font-size: 0.9em !important;
5008  }
5009
5010  .stockist-map-container {
5011    border-radius: 0 12px 12px 0 !important;
5012  }
5013
5014  /* Custom container styles to match the image layout */
5015  @media screen and (min-width: 768px) {
5016    .stockist-container {
5017      display: flex !important;
5018      flex-direction: row !important;
5019      overflow: hidden !important;
5020    }
5021
5022    .stockist-side-panel {
5023      flex: 1 !important;
5024      max-width: 40% !important;
5025      background-color: white !important;
5026    }
5027
5028    .stockist-map-container {
5029      flex: 1.5 !important;
5030    }
5031  }
5032  
5033  /* Mobile styles */
5034  @media screen and (max-width: 767px) {
5035    .stockist-heading h2 {
5036      font-size: 3.5rem;
5037    }
5038    
5039    .stockist-container {
5040      flex-direction: column !important;
5041    }
5042    
5043    .stockist-side-panel {
5044      width: 100% !important;
5045      max-width: 100% !important;
5046    }
5047    
5048    .stockist-map-container {
5049      width: 100% !important;
5050      height: 350px !important;
5051      border-radius: 0 0 12px 12px !important;
5052    }
5053  }
5054
5055  @media (max-width: 480px){
5056    #find-us .stockist-container {
5057      max-height: 800px;
5058    }
5059  }
5060
5061  .color-scheme-1{
5062    max-width: 1440px;
5063    margin: 60px 25px;
5064    margin: auto;
5065  }</style><div id="find-us" class="color-scheme-1 gradient">
5066  <div class="section-template--25008849584428__store_locator_eFAGiX-padding">
5067    
5068      <div class="stockist-heading">
5069        <h2 class="h1">FIND US</h2>
5070        
5071          <div class="rte"><p>FIND US AT YOUR LOCAL STORE</p></div>
5072        
5073      </div>
5074    
5075    
5076    <div class="stockist-container">
5077      <!-- Start Stockist.co widget -->
5078      <stockist-store-locator data-stockist-widget-tag="u24265">
5079        Loading store locator from <a href="https://stockist.co">Stockist store locator</a>...
5080      </stockist-store-locator>
5081      
5081<script async src="https://stockist.co/embed/v1/widget.min.js"></script>
5081
5082      
5082<script src="//girlbeer.com/cdn/shop/t/24/assets/store-locator-custom.js?v=61745096698605612961764167528" defer></script>
5082
5083      <!-- End Stockist.co widget -->
5084    </div>
5085  </div>
5086</div>
5087
5088
5089</section><div id="shopify-section-template--25008849584428__title_page_DNTRAV" class="shopify-section"><style data-shopify> 
5090    .title-page{
5091        margin: 0px auto 0px;
5092        max-width: 900px;
5093    }
5094    .title-page h1{
5095        color: #830dff;
5096        text-align: center;
5097        font-family: "GB Sans III";
5098        font-size: 120px;
5099        font-style: normal;
5100        font-weight: 400;
5101        line-height: 111%;
5102        letter-spacing: -2.16px;
5103        text-transform: uppercase;
5104        margin: 0;
5105    }
5106    .index .title-page h1 {
5107        font-size: 190px;
5108        line-height: 100%;
5109        letter-spacing: -3.42px;
5110    }
5111    @media (max-width: 749px){
5112        .title-page{
5113            margin: 0px 0
5114            0px 0;
5115        }
5116        .title-page h1{
5117            font-size: 55px;
5118        }
5119        .index .title-page h1 {
5120            font-size: 120px;
5121        }
5122    }
5123</style>
5124<section class="title-page">
5125    <div class="title-page__contain">
5126        <h1>merch</h1>
5127    </div>
5128</section>
5129</div><div id="shopify-section-template--25008849584428__grid_section_cards_nxKABm" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/grid-section-cards.css?v=5233415786396534731764167529" rel="stylesheet" type="text/css" media="all" />
5130<style data-shopify>
5131    #grid-cards-template--25008849584428__grid_section_cards_nxKABm.grid-section-cards{
5132        background-color: ;
5133        padding: 41px 0 60px;
5134    }
5135    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .grid-section-cards__contain.reverse{
5136      flex-direction: column-reverse;
5137    }
5138    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .grid-section-cards__contain.reverse .grid-section-cards__contain__header {
5139      margin-bottom: 0;
5140    }
5141    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .grid-section-cards__contain.reverse .grid-section-cards__contain__header a{
5142      margin-top: 40px;
5143      margin-bottom: 0;
5144    }
5145    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper{ 
5146        padding: 8px 0 24px; 
5147    }
5148    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-slide{ 
5149        width: auto; 
5150    }
5151    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-pagination {
5152        position: relative;
5153        margin-top: 20px;
5154        display: block;
5155    }
5156    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-pagination-bullet {
5157        background-color: #ccc;
5158        opacity: 0.5;
5159    }
5160    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-pagination-bullet-active {
5161        background-color: #830DFF;
5162        opacity: 1;
5163    }
5164    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-next,
5165    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev {
5166        width: 26px;
5167        height: 12px;
5168        margin-top: -6px;
5169        background-image: none;
5170        background-size: contain;
5171        background-repeat: no-repeat;
5172        background-position: center;
5173        opacity: 0.7;
5174        transition: opacity 0.3s ease;
5175        display: flex;
5176        top: 88%;
5177        z-index: 11;
5178    }
5179    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-next:hover,
5180    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev:hover {
5181        opacity: 1;
5182    }
5183    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-next::after,
5184    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev::after {
5185        content: '';
5186        width: 26px;
5187        height: 12px;
5188        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='12' viewBox='0 0 26 12' fill='none'%3E%3Cpath d='M25.6905 6.53033C25.9834 6.23744 25.9834 5.76256 25.6905 5.46967L20.9175 0.696699C20.6246 0.403806 20.1497 0.403806 19.8569 0.696699C19.564 0.989593 19.564 1.46447 19.8569 1.75736L24.0995 6L19.8569 10.2426C19.564 10.5355 19.564 11.0104 19.8569 11.3033C20.1497 11.5962 20.6246 11.5962 20.9175 11.3033L25.6905 6.53033ZM0.160156 6V6.75H25.1602V6V5.25H0.160156V6Z' fill='%23830dff'/%3E%3C/svg%3E");
5189        background-size: contain;
5190        background-repeat: no-repeat;
5191        background-position: center;
5192        display: block;
5193    }
5194    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev::after{
5195      height: 13px;
5196    }
5197    #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev::after {
5198        transform: rotate(180deg);
5199    }
5200    @media (max-width: 749px){
5201      #grid-cards-template--25008849584428__grid_section_cards_nxKABm.grid-section-cards{
5202        padding: 20px 0 60px;
5203      }
5204      #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper{ 
5205        padding: 0; 
5206    }
5207      #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-next,
5208      #grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev {
5209        display: flex;
5210        top: 95%;
5211      }
5212    }
5213</style>
5214
5215<section class="grid-section-cards" id="grid-cards-template--25008849584428__grid_section_cards_nxKABm">
5216    <div class="grid-section-cards__contain reverse">
5217        <div class="grid-section-cards__contain__header">
5218            
5219            
5220                <a href="/collections/merch">shop merch</a>
5221            
5222        </div>
5223        <div class="grid-section-cards__swiper">
5224          <div class="swiper">
5225            <div class="swiper-wrapper">
5226              
5227                <div class="swiper-slide">
5228                  
5229
5230
5231
5232<style data-shopify>
5233    .card-item.card-item--image_zYWnkM{
5234        display: flex;
5235        justify-content: space-between;
5236        align-items: center;
5237        flex-direction: column;
5238        gap: 10px;
5239        overflow: hidden;
5240        max-width: 342px;
5241        min-width: 342px;
5242        height: 100%;
5243    }
5244    .card-item--image_zYWnkM .card-item__image{
5245        padding: 6.56px 6.56px 12px;
5246        background-color: #830dff;
5247        display: flex;
5248        flex: 1;
5249        justify-content: start;
5250        align-items: center;
5251        flex-direction: column;
5252        gap: 11px;
5253        border-radius: 10px;
5254        width: 100%;
5255        transition: all 0.3s ease-in-out;
5256        text-decoration: none;
5257    }
5258    .product-plp .card-item--image_zYWnkM .card-item__image{
5259        padding: 6.56px 6.56px 12px;
5260        gap: 12px;
5261    }
5262    .card-item--image_zYWnkM:hover .card-item__image{
5263        cursor: pointer;
5264        background-color: #830dff;
5265        transition: all 0.3s ease-in-out;
5266    }
5267    .card-item--image_zYWnkM .card-item__image__contain{
5268        background-color: #FFF;
5269        border-radius: 10px;
5270        display: flex;
5271        justify-content: center;
5272        align-items: center;
5273        width: 100%;
5274        min-height: 358px;
5275        max-height: 358px;
5276        transition: all 0.3s ease-in-out;
5277    }
5278    .card-item--image_zYWnkM:hover .card-item__image__contain{
5279        background-color: #ffffff;
5280        transition: all 0.3s ease-in-out;
5281    }
5282    
5283    .product-plp .card-item--image_zYWnkM .card-item__image__contain{
5284        max-width:100%;
5285        min-height: 360px;
5286        overflow:hidden;
5287    }
5288    .card-item--image_zYWnkM .card-item__image__contain img{
5289        max-width: 300px;
5290        margin: 0 auto;
5291    }
5292    .product-plp .card-item--image_zYWnkM .card-item__image__contain img{
5293        max-width: 300px;
5294        scale: 1.3;
5295    }
5296    .product-plp .card-item--image_zYWnkM:hover .card-item__image__contain img{
5297        scale: 1.35;
5298        transition: all 0.3s ease-in-out;
5299    }
5300    .card-item--image_zYWnkM:hover .card-item__image__contain img{
5301        scale: 1.05;
5302        transition: all 0.3s ease-in-out;
5303    }
5304    .card-item--image_zYWnkM .card-item__image h2 {
5305        color: #FFF;
5306        text-align: center;
5307        font-family: "GB Sans III";
5308        font-size: 22px;
5309        font-style: normal;
5310        font-weight: 400;
5311        line-height: 111%;
5312        letter-spacing: -0.405px;
5313        text-transform: uppercase;
5314        margin: 0;
5315        height: 100%;
5316        display: flex;
5317        align-items: center;
5318    }
5319    .card-item--image_zYWnkM .card-item__button{
5320        width: 100%;
5321        text-decoration: none;
5322        display: flex;
5323        padding: 12px 22px;
5324        flex-direction: column;
5325        justify-content: center;
5326        align-items: center;
5327        gap: 10px;
5328        border-radius: 10px;
5329        background: #830DFF;
5330        min-height: 54px;
5331        color: #FFF;
5332        text-align: center;
5333        font-family: "Helvetica Now Display";
5334        font-size: 16px;
5335        font-style: normal;
5336        font-weight: 800;
5337        line-height: normal;
5338        text-transform: uppercase;
5339        transition: all 0.3s ease-in-out;
5340    }
5341    .card-item.card-item--image_zYWnkM:hover .card-item__button{
5342        cursor: pointer;
5343        background-color: #ffffff;
5344        transition: all 0.3s ease-in-out;
5345    }
5346    @media (max-width: 749px){
5347        .card-item.card-item--image_zYWnkM{
5348            max-width: 318px;
5349            min-width: 0;
5350            margin: 0 auto;
5351        }
5352        .product-plp .card-item.card-item--image_zYWnkM {
5353            max-width: 342px;
5354        }
5355        .product-plp .card-item--image_zYWnkM .card-item__image{
5356            padding: 6.56px 6.56px 12px;
5357        }
5358        .card-item--image_zYWnkM .card-item__image__contain{
5359            max-width: 100%;
5360            background-color: #ffffff;
5361        }
5362        .card-item--image_zYWnkM:hover .card-item__image__contain{
5363            background-color: #ffffff;
5364        }
5365        .product-plp .card-item--image_zYWnkM:hover .card-item__image__contain img{
5366            scale: 1.3;
5367        }
5368        .card-item--image_zYWnkM:hover .card-item__image__contain img{
5369            scale: 1;
5370            transition: all 0.3s ease-in-out;
5371        }
5372        .card-item--image_zYWnkM  img{
5373            max-width: 70%;
5374            margin: 0 auto;
5375        }
5376        .card-item--image_zYWnkM .card-item__image h2 {
5377            font-size: 20px;
5378            line-height: 1;
5379        }
5380        .card-item--image_zYWnkM .card-item__button{
5381            padding: 0;
5382            font-size: 14px;
5383        }
5384    }
5385</style>
5386
5387
5388<div class="card-item card-item--image_zYWnkM">
5389    <a class="card-item__image" href="/products/girl-beer-camo-hat">
5390        
5391            <div class="card-item__image__contain">
5392                <img src="//girlbeer.com/cdn/shop/files/GirlBeerCamoHat.png?v=1724999764" alt="camo hat" width="auto" height="auto" loading="lazy">
5393            </div>
5394        
5395        
5396            <h2 class="card-item__contain__title">camo hat</h2>
5397            
5398        
5399    </a>
5400    
5401</div>
5402
5403                </div>
5404              
5405                <div class="swiper-slide">
5406                  
5407
5408
5409
5410<style data-shopify>
5411    .card-item.card-item--image_VJxPwe{
5412        display: flex;
5413        justify-content: space-between;
5414        align-items: center;
5415        flex-direction: column;
5416        gap: 10px;
5417        overflow: hidden;
5418        max-width: 342px;
5419        min-width: 342px;
5420        height: 100%;
5421    }
5422    .card-item--image_VJxPwe .card-item__image{
5423        padding: 6.56px 6.56px 12px;
5424        background-color: #830dff;
5425        display: flex;
5426        flex: 1;
5427        justify-content: start;
5428        align-items: center;
5429        flex-direction: column;
5430        gap: 11px;
5431        border-radius: 10px;
5432        width: 100%;
5433        transition: all 0.3s ease-in-out;
5434        text-decoration: none;
5435    }
5436    .product-plp .card-item--image_VJxPwe .card-item__image{
5437        padding: 6.56px 6.56px 12px;
5438        gap: 12px;
5439    }
5440    .card-item--image_VJxPwe:hover .card-item__image{
5441        cursor: pointer;
5442        background-color: #830dff;
5443        transition: all 0.3s ease-in-out;
5444    }
5445    .card-item--image_VJxPwe .card-item__image__contain{
5446        background-color: #FFF;
5447        border-radius: 10px;
5448        display: flex;
5449        justify-content: center;
5450        align-items: center;
5451        width: 100%;
5452        min-height: 358px;
5453        max-height: 358px;
5454        transition: all 0.3s ease-in-out;
5455    }
5456    .card-item--image_VJxPwe:hover .card-item__image__contain{
5457        background-color: #ffffff;
5458        transition: all 0.3s ease-in-out;
5459    }
5460    
5461    .product-plp .card-item--image_VJxPwe .card-item__image__contain{
5462        max-width:100%;
5463        min-height: 360px;
5464        overflow:hidden;
5465    }
5466    .card-item--image_VJxPwe .card-item__image__contain img{
5467        max-width: 330px;
5468        margin: 0 auto;
5469    }
5470    .product-plp .card-item--image_VJxPwe .card-item__image__contain img{
5471        max-width: 330px;
5472        scale: 1.3;
5473    }
5474    .product-plp .card-item--image_VJxPwe:hover .card-item__image__contain img{
5475        scale: 1.35;
5476        transition: all 0.3s ease-in-out;
5477    }
5478    .card-item--image_VJxPwe:hover .card-item__image__contain img{
5479        scale: 1.05;
5480        transition: all 0.3s ease-in-out;
5481    }
5482    .card-item--image_VJxPwe .card-item__image h2 {
5483        color: #FFF;
5484        text-align: center;
5485        font-family: "GB Sans III";
5486        font-size: 22px;
5487        font-style: normal;
5488        font-weight: 400;
5489        line-height: 111%;
5490        letter-spacing: -0.405px;
5491        text-transform: uppercase;
5492        margin: 0;
5493        height: 100%;
5494        display: flex;
5495        align-items: center;
5496    }
5497    .card-item--image_VJxPwe .card-item__button{
5498        width: 100%;
5499        text-decoration: none;
5500        display: flex;
5501        padding: 12px 22px;
5502        flex-direction: column;
5503        justify-content: center;
5504        align-items: center;
5505        gap: 10px;
5506        border-radius: 10px;
5507        background: #830DFF;
5508        min-height: 54px;
5509        color: #FFF;
5510        text-align: center;
5511        font-family: "Helvetica Now Display";
5512        font-size: 16px;
5513        font-style: normal;
5514        font-weight: 800;
5515        line-height: normal;
5516        text-transform: uppercase;
5517        transition: all 0.3s ease-in-out;
5518    }
5519    .card-item.card-item--image_VJxPwe:hover .card-item__button{
5520        cursor: pointer;
5521        background-color: #ffffff;
5522        transition: all 0.3s ease-in-out;
5523    }
5524    @media (max-width: 749px){
5525        .card-item.card-item--image_VJxPwe{
5526            max-width: 318px;
5527            min-width: 0;
5528            margin: 0 auto;
5529        }
5530        .product-plp .card-item.card-item--image_VJxPwe {
5531            max-width: 342px;
5532        }
5533        .product-plp .card-item--image_VJxPwe .card-item__image{
5534            padding: 6.56px 6.56px 12px;
5535        }
5536        .card-item--image_VJxPwe .card-item__image__contain{
5537            max-width: 100%;
5538            background-color: #ffffff;
5539        }
5540        .card-item--image_VJxPwe:hover .card-item__image__contain{
5541            background-color: #ffffff;
5542        }
5543        .product-plp .card-item--image_VJxPwe:hover .card-item__image__contain img{
5544            scale: 1.3;
5545        }
5546        .card-item--image_VJxPwe:hover .card-item__image__contain img{
5547            scale: 1;
5548            transition: all 0.3s ease-in-out;
5549        }
5550        .card-item--image_VJxPwe  img{
5551            max-width: 70%;
5552            margin: 0 auto;
5553        }
5554        .card-item--image_VJxPwe .card-item__image h2 {
5555            font-size: 20px;
5556            line-height: 1;
5557        }
5558        .card-item--image_VJxPwe .card-item__button{
5559            padding: 0;
5560            font-size: 14px;
5561        }
5562    }
5563</style>
5564
5565
5566<div class="card-item card-item--image_VJxPwe">
5567    <a class="card-item__image" href="/products/girltona-racing-jacket">
5568        
5569            <div class="card-item__image__contain">
5570                <img src="//girlbeer.com/cdn/shop/files/E54756A2-5ED3-4B21-A1FB-6206FC86318F_1_201_a.jpg?v=1771975015" alt="GIRLTONA RACING JACKET" width="auto" height="auto" loading="lazy">
5571            </div>
5572        
5573        
5574            <h2 class="card-item__contain__title">GIRLTONA RACING JACKET</h2>
5575            
5576        
5577    </a>
5578    
5579</div>
5580
5581                </div>
5582              
5583                <div class="swiper-slide">
5584                  
5585
5586
5587
5588<style data-shopify>
5589    .card-item.card-item--image_UpUBjm{
5590        display: flex;
5591        justify-content: space-between;
5592        align-items: center;
5593        flex-direction: column;
5594        gap: 10px;
5595        overflow: hidden;
5596        max-width: 342px;
5597        min-width: 342px;
5598        height: 100%;
5599    }
5600    .card-item--image_UpUBjm .card-item__image{
5601        padding: 6.56px 6.56px 12px;
5602        background-color: #830dff;
5603        display: flex;
5604        flex: 1;
5605        justify-content: start;
5606        align-items: center;
5607        flex-direction: column;
5608        gap: 11px;
5609        border-radius: 10px;
5610        width: 100%;
5611        transition: all 0.3s ease-in-out;
5612        text-decoration: none;
5613    }
5614    .product-plp .card-item--image_UpUBjm .card-item__image{
5615        padding: 6.56px 6.56px 12px;
5616        gap: 12px;
5617    }
5618    .card-item--image_UpUBjm:hover .card-item__image{
5619        cursor: pointer;
5620        background-color: #830dff;
5621        transition: all 0.3s ease-in-out;
5622    }
5623    .card-item--image_UpUBjm .card-item__image__contain{
5624        background-color: #FFF;
5625        border-radius: 10px;
5626        display: flex;
5627        justify-content: center;
5628        align-items: center;
5629        width: 100%;
5630        min-height: 358px;
5631        max-height: 358px;
5632        transition: all 0.3s ease-in-out;
5633    }
5634    .card-item--image_UpUBjm:hover .card-item__image__contain{
5635        background-color: #ffffff;
5636        transition: all 0.3s ease-in-out;
5637    }
5638    
5639    .product-plp .card-item--image_UpUBjm .card-item__image__contain{
5640        max-width:100%;
5641        min-height: 360px;
5642        overflow:hidden;
5643    }
5644    .card-item--image_UpUBjm .card-item__image__contain img{
5645        max-width: 300px;
5646        margin: 0 auto;
5647    }
5648    .product-plp .card-item--image_UpUBjm .card-item__image__contain img{
5649        max-width: 300px;
5650        scale: 1.3;
5651    }
5652    .product-plp .card-item--image_UpUBjm:hover .card-item__image__contain img{
5653        scale: 1.35;
5654        transition: all 0.3s ease-in-out;
5655    }
5656    .card-item--image_UpUBjm:hover .card-item__image__contain img{
5657        scale: 1.05;
5658        transition: all 0.3s ease-in-out;
5659    }
5660    .card-item--image_UpUBjm .card-item__image h2 {
5661        color: #FFF;
5662        text-align: center;
5663        font-family: "GB Sans III";
5664        font-size: 22px;
5665        font-style: normal;
5666        font-weight: 400;
5667        line-height: 111%;
5668        letter-spacing: -0.405px;
5669        text-transform: uppercase;
5670        margin: 0;
5671        height: 100%;
5672        display: flex;
5673        align-items: center;
5674    }
5675    .card-item--image_UpUBjm .card-item__button{
5676        width: 100%;
5677        text-decoration: none;
5678        display: flex;
5679        padding: 12px 22px;
5680        flex-direction: column;
5681        justify-content: center;
5682        align-items: center;
5683        gap: 10px;
5684        border-radius: 10px;
5685        background: #830DFF;
5686        min-height: 54px;
5687        color: #FFF;
5688        text-align: center;
5689        font-family: "Helvetica Now Display";
5690        font-size: 16px;
5691        font-style: normal;
5692        font-weight: 800;
5693        line-height: normal;
5694        text-transform: uppercase;
5695        transition: all 0.3s ease-in-out;
5696    }
5697    .card-item.card-item--image_UpUBjm:hover .card-item__button{
5698        cursor: pointer;
5699        background-color: #ffffff;
5700        transition: all 0.3s ease-in-out;
5701    }
5702    @media (max-width: 749px){
5703        .card-item.card-item--image_UpUBjm{
5704            max-width: 318px;
5705            min-width: 0;
5706            margin: 0 auto;
5707        }
5708        .product-plp .card-item.card-item--image_UpUBjm {
5709            max-width: 342px;
5710        }
5711        .product-plp .card-item--image_UpUBjm .card-item__image{
5712            padding: 6.56px 6.56px 12px;
5713        }
5714        .card-item--image_UpUBjm .card-item__image__contain{
5715            max-width: 100%;
5716            background-color: #ffffff;
5717        }
5718        .card-item--image_UpUBjm:hover .card-item__image__contain{
5719            background-color: #ffffff;
5720        }
5721        .product-plp .card-item--image_UpUBjm:hover .card-item__image__contain img{
5722            scale: 1.3;
5723        }
5724        .card-item--image_UpUBjm:hover .card-item__image__contain img{
5725            scale: 1;
5726            transition: all 0.3s ease-in-out;
5727        }
5728        .card-item--image_UpUBjm  img{
5729            max-width: 70%;
5730            margin: 0 auto;
5731        }
5732        .card-item--image_UpUBjm .card-item__image h2 {
5733            font-size: 20px;
5734            line-height: 1;
5735        }
5736        .card-item--image_UpUBjm .card-item__button{
5737            padding: 0;
5738            font-size: 14px;
5739        }
5740    }
5741</style>
5742
5743
5744<div class="card-item card-item--image_UpUBjm">
5745    <a class="card-item__image" href="/products/heart-cami">
5746        
5747            <div class="card-item__image__contain">
5748                <img src="//girlbeer.com/cdn/shop/files/GirlBeerTinyTop.png?v=1724999756" alt="heart cami" width="auto" height="auto" loading="lazy">
5749            </div>
5750        
5751        
5752            <h2 class="card-item__contain__title">heart cami</h2>
5753            
5754        
5755    </a>
5756    
5757</div>
5758
5759                </div>
5760              
5761                <div class="swiper-slide">
5762                  
5763
5764
5765
5766<style data-shopify>
5767    .card-item.card-item--image_b4eVHz{
5768        display: flex;
5769        justify-content: space-between;
5770        align-items: center;
5771        flex-direction: column;
5772        gap: 10px;
5773        overflow: hidden;
5774        max-width: 342px;
5775        min-width: 342px;
5776        height: 100%;
5777    }
5778    .card-item--image_b4eVHz .card-item__image{
5779        padding: 6.56px 6.56px 12px;
5780        background-color: #830dff;
5781        display: flex;
5782        flex: 1;
5783        justify-content: start;
5784        align-items: center;
5785        flex-direction: column;
5786        gap: 11px;
5787        border-radius: 10px;
5788        width: 100%;
5789        transition: all 0.3s ease-in-out;
5790        text-decoration: none;
5791    }
5792    .product-plp .card-item--image_b4eVHz .card-item__image{
5793        padding: 6.56px 6.56px 12px;
5794        gap: 12px;
5795    }
5796    .card-item--image_b4eVHz:hover .card-item__image{
5797        cursor: pointer;
5798        background-color: #830dff;
5799        transition: all 0.3s ease-in-out;
5800    }
5801    .card-item--image_b4eVHz .card-item__image__contain{
5802        background-color: #FFF;
5803        border-radius: 10px;
5804        display: flex;
5805        justify-content: center;
5806        align-items: center;
5807        width: 100%;
5808        min-height: 358px;
5809        max-height: 358px;
5810        transition: all 0.3s ease-in-out;
5811    }
5812    .card-item--image_b4eVHz:hover .card-item__image__contain{
5813        background-color: #ffffff;
5814        transition: all 0.3s ease-in-out;
5815    }
5816    
5817    .product-plp .card-item--image_b4eVHz .card-item__image__contain{
5818        max-width:100%;
5819        min-height: 360px;
5820        overflow:hidden;
5821    }
5822    .card-item--image_b4eVHz .card-item__image__contain img{
5823        max-width: 300px;
5824        margin: 0 auto;
5825    }
5826    .product-plp .card-item--image_b4eVHz .card-item__image__contain img{
5827        max-width: 300px;
5828        scale: 1.3;
5829    }
5830    .product-plp .card-item--image_b4eVHz:hover .card-item__image__contain img{
5831        scale: 1.35;
5832        transition: all 0.3s ease-in-out;
5833    }
5834    .card-item--image_b4eVHz:hover .card-item__image__contain img{
5835        scale: 1.05;
5836        transition: all 0.3s ease-in-out;
5837    }
5838    .card-item--image_b4eVHz .card-item__image h2 {
5839        color: #FFF;
5840        text-align: center;
5841        font-family: "GB Sans III";
5842        font-size: 22px;
5843        font-style: normal;
5844        font-weight: 400;
5845        line-height: 111%;
5846        letter-spacing: -0.405px;
5847        text-transform: uppercase;
5848        margin: 0;
5849        height: 100%;
5850        display: flex;
5851        align-items: center;
5852    }
5853    .card-item--image_b4eVHz .card-item__button{
5854        width: 100%;
5855        text-decoration: none;
5856        display: flex;
5857        padding: 12px 22px;
5858        flex-direction: column;
5859        justify-content: center;
5860        align-items: center;
5861        gap: 10px;
5862        border-radius: 10px;
5863        background: #830DFF;
5864        min-height: 54px;
5865        color: #FFF;
5866        text-align: center;
5867        font-family: "Helvetica Now Display";
5868        font-size: 16px;
5869        font-style: normal;
5870        font-weight: 800;
5871        line-height: normal;
5872        text-transform: uppercase;
5873        transition: all 0.3s ease-in-out;
5874    }
5875    .card-item.card-item--image_b4eVHz:hover .card-item__button{
5876        cursor: pointer;
5877        background-color: #ffffff;
5878        transition: all 0.3s ease-in-out;
5879    }
5880    @media (max-width: 749px){
5881        .card-item.card-item--image_b4eVHz{
5882            max-width: 318px;
5883            min-width: 0;
5884            margin: 0 auto;
5885        }
5886        .product-plp .card-item.card-item--image_b4eVHz {
5887            max-width: 342px;
5888        }
5889        .product-plp .card-item--image_b4eVHz .card-item__image{
5890            padding: 6.56px 6.56px 12px;
5891        }
5892        .card-item--image_b4eVHz .card-item__image__contain{
5893            max-width: 100%;
5894            background-color: #ffffff;
5895        }
5896        .card-item--image_b4eVHz:hover .card-item__image__contain{
5897            background-color: #ffffff;
5898        }
5899        .product-plp .card-item--image_b4eVHz:hover .card-item__image__contain img{
5900            scale: 1.3;
5901        }
5902        .card-item--image_b4eVHz:hover .card-item__image__contain img{
5903            scale: 1;
5904            transition: all 0.3s ease-in-out;
5905        }
5906        .card-item--image_b4eVHz  img{
5907            max-width: 70%;
5908            margin: 0 auto;
5909        }
5910        .card-item--image_b4eVHz .card-item__image h2 {
5911            font-size: 20px;
5912            line-height: 1;
5913        }
5914        .card-item--image_b4eVHz .card-item__button{
5915            padding: 0;
5916            font-size: 14px;
5917        }
5918    }
5919</style>
5920
5921
5922<div class="card-item card-item--image_b4eVHz">
5923    <a class="card-item__image" href="/products/girl-beer-logo-hat">
5924        
5925            <div class="card-item__image__contain">
5926                <img src="//girlbeer.com/cdn/shop/files/GirlBeerCordHat.png?v=1724999734" alt="logo hat" width="auto" height="auto" loading="lazy">
5927            </div>
5928        
5929        
5930            <h2 class="card-item__contain__title">logo hat</h2>
5931            
5932        
5933    </a>
5934    
5935</div>
5936
5937                </div>
5938              
5939                <div class="swiper-slide">
5940                  
5941
5942
5943
5944<style data-shopify>
5945    .card-item.card-item--image_rAPm9U{
5946        display: flex;
5947        justify-content: space-between;
5948        align-items: center;
5949        flex-direction: column;
5950        gap: 10px;
5951        overflow: hidden;
5952        max-width: 342px;
5953        min-width: 342px;
5954        height: 100%;
5955    }
5956    .card-item--image_rAPm9U .card-item__image{
5957        padding: 6.56px 6.56px 12px;
5958        background-color: #830dff;
5959        display: flex;
5960        flex: 1;
5961        justify-content: start;
5962        align-items: center;
5963        flex-direction: column;
5964        gap: 11px;
5965        border-radius: 10px;
5966        width: 100%;
5967        transition: all 0.3s ease-in-out;
5968        text-decoration: none;
5969    }
5970    .product-plp .card-item--image_rAPm9U .card-item__image{
5971        padding: 6.56px 6.56px 12px;
5972        gap: 12px;
5973    }
5974    .card-item--image_rAPm9U:hover .card-item__image{
5975        cursor: pointer;
5976        background-color: #830dff;
5977        transition: all 0.3s ease-in-out;
5978    }
5979    .card-item--image_rAPm9U .card-item__image__contain{
5980        background-color: #FFF;
5981        border-radius: 10px;
5982        display: flex;
5983        justify-content: center;
5984        align-items: center;
5985        width: 100%;
5986        min-height: 358px;
5987        max-height: 358px;
5988        transition: all 0.3s ease-in-out;
5989    }
5990    .card-item--image_rAPm9U:hover .card-item__image__contain{
5991        background-color: #ffffff;
5992        transition: all 0.3s ease-in-out;
5993    }
5994    
5995    .product-plp .card-item--image_rAPm9U .card-item__image__contain{
5996        max-width:100%;
5997        min-height: 360px;
5998        overflow:hidden;
5999    }
6000    .card-item--image_rAPm9U .card-item__image__contain img{
6001        max-width: 300px;
6002        margin: 0 auto;
6003    }
6004    .product-plp .card-item--image_rAPm9U .card-item__image__contain img{
6005        max-width: 300px;
6006        scale: 1.3;
6007    }
6008    .product-plp .card-item--image_rAPm9U:hover .card-item__image__contain img{
6009        scale: 1.35;
6010        transition: all 0.3s ease-in-out;
6011    }
6012    .card-item--image_rAPm9U:hover .card-item__image__contain img{
6013        scale: 1.05;
6014        transition: all 0.3s ease-in-out;
6015    }
6016    .card-item--image_rAPm9U .card-item__image h2 {
6017        color: #FFF;
6018        text-align: center;
6019        font-family: "GB Sans III";
6020        font-size: 22px;
6021        font-style: normal;
6022        font-weight: 400;
6023        line-height: 111%;
6024        letter-spacing: -0.405px;
6025        text-transform: uppercase;
6026        margin: 0;
6027        height: 100%;
6028        display: flex;
6029        align-items: center;
6030    }
6031    .card-item--image_rAPm9U .card-item__button{
6032        width: 100%;
6033        text-decoration: none;
6034        display: flex;
6035        padding: 12px 22px;
6036        flex-direction: column;
6037        justify-content: center;
6038        align-items: center;
6039        gap: 10px;
6040        border-radius: 10px;
6041        background: #830DFF;
6042        min-height: 54px;
6043        color: #FFF;
6044        text-align: center;
6045        font-family: "Helvetica Now Display";
6046        font-size: 16px;
6047        font-style: normal;
6048        font-weight: 800;
6049        line-height: normal;
6050        text-transform: uppercase;
6051        transition: all 0.3s ease-in-out;
6052    }
6053    .card-item.card-item--image_rAPm9U:hover .card-item__button{
6054        cursor: pointer;
6055        background-color: #ffffff;
6056        transition: all 0.3s ease-in-out;
6057    }
6058    @media (max-width: 749px){
6059        .card-item.card-item--image_rAPm9U{
6060            max-width: 318px;
6061            min-width: 0;
6062            margin: 0 auto;
6063        }
6064        .product-plp .card-item.card-item--image_rAPm9U {
6065            max-width: 342px;
6066        }
6067        .product-plp .card-item--image_rAPm9U .card-item__image{
6068            padding: 6.56px 6.56px 12px;
6069        }
6070        .card-item--image_rAPm9U .card-item__image__contain{
6071            max-width: 100%;
6072            background-color: #ffffff;
6073        }
6074        .card-item--image_rAPm9U:hover .card-item__image__contain{
6075            background-color: #ffffff;
6076        }
6077        .product-plp .card-item--image_rAPm9U:hover .card-item__image__contain img{
6078            scale: 1.3;
6079        }
6080        .card-item--image_rAPm9U:hover .card-item__image__contain img{
6081            scale: 1;
6082            transition: all 0.3s ease-in-out;
6083        }
6084        .card-item--image_rAPm9U  img{
6085            max-width: 70%;
6086            margin: 0 auto;
6087        }
6088        .card-item--image_rAPm9U .card-item__image h2 {
6089            font-size: 20px;
6090            line-height: 1;
6091        }
6092        .card-item--image_rAPm9U .card-item__button{
6093            padding: 0;
6094            font-size: 14px;
6095        }
6096    }
6097</style>
6098
6099
6100<div class="card-item card-item--image_rAPm9U">
6101    <a class="card-item__image" href="/products/hide-your-girl-beer-koozie">
6102        
6103            <div class="card-item__image__contain">
6104                <img src="//girlbeer.com/cdn/shop/files/GirlBeer_Beer_Koozie-1.png?v=1761676629" alt="HIDE YOUR GIRL BEER KOOZIE" width="auto" height="auto" loading="lazy">
6105            </div>
6106        
6107        
6108            <h2 class="card-item__contain__title">HIDE YOUR GIRL BEER KOOZIE</h2>
6109            
6110        
6111    </a>
6112    
6113</div>
6114
6115                </div>
6116              
6117            </div>
6118            
6119            
6120            <div class="swiper-button-next"></div>
6121            <div class="swiper-button-prev"></div>
6122            <div class="swiper-pagination"></div>
6123            
6124          </div>
6125        </div>
6126        <div class="grid-section-cards__contain__grid">
6127            
6128                
6129
6130
6131
6132<style data-shopify>
6133    .card-item.card-item--image_zYWnkM{
6134        display: flex;
6135        justify-content: space-between;
6136        align-items: center;
6137        flex-direction: column;
6138        gap: 10px;
6139        overflow: hidden;
6140        max-width: 342px;
6141        min-width: 342px;
6142        height: 100%;
6143    }
6144    .card-item--image_zYWnkM .card-item__image{
6145        padding: 6.56px 6.56px 12px;
6146        background-color: #830dff;
6147        display: flex;
6148        flex: 1;
6149        justify-content: start;
6150        align-items: center;
6151        flex-direction: column;
6152        gap: 11px;
6153        border-radius: 10px;
6154        width: 100%;
6155        transition: all 0.3s ease-in-out;
6156        text-decoration: none;
6157    }
6158    .product-plp .card-item--image_zYWnkM .card-item__image{
6159        padding: 6.56px 6.56px 12px;
6160        gap: 12px;
6161    }
6162    .card-item--image_zYWnkM:hover .card-item__image{
6163        cursor: pointer;
6164        background-color: #830dff;
6165        transition: all 0.3s ease-in-out;
6166    }
6167    .card-item--image_zYWnkM .card-item__image__contain{
6168        background-color: #FFF;
6169        border-radius: 10px;
6170        display: flex;
6171        justify-content: center;
6172        align-items: center;
6173        width: 100%;
6174        min-height: 358px;
6175        max-height: 358px;
6176        transition: all 0.3s ease-in-out;
6177    }
6178    .card-item--image_zYWnkM:hover .card-item__image__contain{
6179        background-color: #ffffff;
6180        transition: all 0.3s ease-in-out;
6181    }
6182    
6183    .product-plp .card-item--image_zYWnkM .card-item__image__contain{
6184        max-width:100%;
6185        min-height: 360px;
6186        overflow:hidden;
6187    }
6188    .card-item--image_zYWnkM .card-item__image__contain img{
6189        max-width: 300px;
6190        margin: 0 auto;
6191    }
6192    .product-plp .card-item--image_zYWnkM .card-item__image__contain img{
6193        max-width: 300px;
6194        scale: 1.3;
6195    }
6196    .product-plp .card-item--image_zYWnkM:hover .card-item__image__contain img{
6197        scale: 1.35;
6198        transition: all 0.3s ease-in-out;
6199    }
6200    .card-item--image_zYWnkM:hover .card-item__image__contain img{
6201        scale: 1.05;
6202        transition: all 0.3s ease-in-out;
6203    }
6204    .card-item--image_zYWnkM .card-item__image h2 {
6205        color: #FFF;
6206        text-align: center;
6207        font-family: "GB Sans III";
6208        font-size: 22px;
6209        font-style: normal;
6210        font-weight: 400;
6211        line-height: 111%;
6212        letter-spacing: -0.405px;
6213        text-transform: uppercase;
6214        margin: 0;
6215        height: 100%;
6216        display: flex;
6217        align-items: center;
6218    }
6219    .card-item--image_zYWnkM .card-item__button{
6220        width: 100%;
6221        text-decoration: none;
6222        display: flex;
6223        padding: 12px 22px;
6224        flex-direction: column;
6225        justify-content: center;
6226        align-items: center;
6227        gap: 10px;
6228        border-radius: 10px;
6229        background: #830DFF;
6230        min-height: 54px;
6231        color: #FFF;
6232        text-align: center;
6233        font-family: "Helvetica Now Display";
6234        font-size: 16px;
6235        font-style: normal;
6236        font-weight: 800;
6237        line-height: normal;
6238        text-transform: uppercase;
6239        transition: all 0.3s ease-in-out;
6240    }
6241    .card-item.card-item--image_zYWnkM:hover .card-item__button{
6242        cursor: pointer;
6243        background-color: #ffffff;
6244        transition: all 0.3s ease-in-out;
6245    }
6246    @media (max-width: 749px){
6247        .card-item.card-item--image_zYWnkM{
6248            max-width: 318px;
6249            min-width: 0;
6250            margin: 0 auto;
6251        }
6252        .product-plp .card-item.card-item--image_zYWnkM {
6253            max-width: 342px;
6254        }
6255        .product-plp .card-item--image_zYWnkM .card-item__image{
6256            padding: 6.56px 6.56px 12px;
6257        }
6258        .card-item--image_zYWnkM .card-item__image__contain{
6259            max-width: 100%;
6260            background-color: #ffffff;
6261        }
6262        .card-item--image_zYWnkM:hover .card-item__image__contain{
6263            background-color: #ffffff;
6264        }
6265        .product-plp .card-item--image_zYWnkM:hover .card-item__image__contain img{
6266            scale: 1.3;
6267        }
6268        .card-item--image_zYWnkM:hover .card-item__image__contain img{
6269            scale: 1;
6270            transition: all 0.3s ease-in-out;
6271        }
6272        .card-item--image_zYWnkM  img{
6273            max-width: 70%;
6274            margin: 0 auto;
6275        }
6276        .card-item--image_zYWnkM .card-item__image h2 {
6277            font-size: 20px;
6278            line-height: 1;
6279        }
6280        .card-item--image_zYWnkM .card-item__button{
6281            padding: 0;
6282            font-size: 14px;
6283        }
6284    }
6285</style>
6286
6287
6288<div class="card-item card-item--image_zYWnkM">
6289    <a class="card-item__image" href="/products/girl-beer-camo-hat">
6290        
6291            <div class="card-item__image__contain">
6292                <img src="//girlbeer.com/cdn/shop/files/GirlBeerCamoHat.png?v=1724999764" alt="camo hat" width="auto" height="auto" loading="lazy">
6293            </div>
6294        
6295        
6296            <h2 class="card-item__contain__title">camo hat</h2>
6297            
6298        
6299    </a>
6300    
6301</div>
6302
6303            
6304                
6305
6306
6307
6308<style data-shopify>
6309    .card-item.card-item--image_VJxPwe{
6310        display: flex;
6311        justify-content: space-between;
6312        align-items: center;
6313        flex-direction: column;
6314        gap: 10px;
6315        overflow: hidden;
6316        max-width: 342px;
6317        min-width: 342px;
6318        height: 100%;
6319    }
6320    .card-item--image_VJxPwe .card-item__image{
6321        padding: 6.56px 6.56px 12px;
6322        background-color: #830dff;
6323        display: flex;
6324        flex: 1;
6325        justify-content: start;
6326        align-items: center;
6327        flex-direction: column;
6328        gap: 11px;
6329        border-radius: 10px;
6330        width: 100%;
6331        transition: all 0.3s ease-in-out;
6332        text-decoration: none;
6333    }
6334    .product-plp .card-item--image_VJxPwe .card-item__image{
6335        padding: 6.56px 6.56px 12px;
6336        gap: 12px;
6337    }
6338    .card-item--image_VJxPwe:hover .card-item__image{
6339        cursor: pointer;
6340        background-color: #830dff;
6341        transition: all 0.3s ease-in-out;
6342    }
6343    .card-item--image_VJxPwe .card-item__image__contain{
6344        background-color: #FFF;
6345        border-radius: 10px;
6346        display: flex;
6347        justify-content: center;
6348        align-items: center;
6349        width: 100%;
6350        min-height: 358px;
6351        max-height: 358px;
6352        transition: all 0.3s ease-in-out;
6353    }
6354    .card-item--image_VJxPwe:hover .card-item__image__contain{
6355        background-color: #ffffff;
6356        transition: all 0.3s ease-in-out;
6357    }
6358    
6359    .product-plp .card-item--image_VJxPwe .card-item__image__contain{
6360        max-width:100%;
6361        min-height: 360px;
6362        overflow:hidden;
6363    }
6364    .card-item--image_VJxPwe .card-item__image__contain img{
6365        max-width: 330px;
6366        margin: 0 auto;
6367    }
6368    .product-plp .card-item--image_VJxPwe .card-item__image__contain img{
6369        max-width: 330px;
6370        scale: 1.3;
6371    }
6372    .product-plp .card-item--image_VJxPwe:hover .card-item__image__contain img{
6373        scale: 1.35;
6374        transition: all 0.3s ease-in-out;
6375    }
6376    .card-item--image_VJxPwe:hover .card-item__image__contain img{
6377        scale: 1.05;
6378        transition: all 0.3s ease-in-out;
6379    }
6380    .card-item--image_VJxPwe .card-item__image h2 {
6381        color: #FFF;
6382        text-align: center;
6383        font-family: "GB Sans III";
6384        font-size: 22px;
6385        font-style: normal;
6386        font-weight: 400;
6387        line-height: 111%;
6388        letter-spacing: -0.405px;
6389        text-transform: uppercase;
6390        margin: 0;
6391        height: 100%;
6392        display: flex;
6393        align-items: center;
6394    }
6395    .card-item--image_VJxPwe .card-item__button{
6396        width: 100%;
6397        text-decoration: none;
6398        display: flex;
6399        padding: 12px 22px;
6400        flex-direction: column;
6401        justify-content: center;
6402        align-items: center;
6403        gap: 10px;
6404        border-radius: 10px;
6405        background: #830DFF;
6406        min-height: 54px;
6407        color: #FFF;
6408        text-align: center;
6409        font-family: "Helvetica Now Display";
6410        font-size: 16px;
6411        font-style: normal;
6412        font-weight: 800;
6413        line-height: normal;
6414        text-transform: uppercase;
6415        transition: all 0.3s ease-in-out;
6416    }
6417    .card-item.card-item--image_VJxPwe:hover .card-item__button{
6418        cursor: pointer;
6419        background-color: #ffffff;
6420        transition: all 0.3s ease-in-out;
6421    }
6422    @media (max-width: 749px){
6423        .card-item.card-item--image_VJxPwe{
6424            max-width: 318px;
6425            min-width: 0;
6426            margin: 0 auto;
6427        }
6428        .product-plp .card-item.card-item--image_VJxPwe {
6429            max-width: 342px;
6430        }
6431        .product-plp .card-item--image_VJxPwe .card-item__image{
6432            padding: 6.56px 6.56px 12px;
6433        }
6434        .card-item--image_VJxPwe .card-item__image__contain{
6435            max-width: 100%;
6436            background-color: #ffffff;
6437        }
6438        .card-item--image_VJxPwe:hover .card-item__image__contain{
6439            background-color: #ffffff;
6440        }
6441        .product-plp .card-item--image_VJxPwe:hover .card-item__image__contain img{
6442            scale: 1.3;
6443        }
6444        .card-item--image_VJxPwe:hover .card-item__image__contain img{
6445            scale: 1;
6446            transition: all 0.3s ease-in-out;
6447        }
6448        .card-item--image_VJxPwe  img{
6449            max-width: 70%;
6450            margin: 0 auto;
6451        }
6452        .card-item--image_VJxPwe .card-item__image h2 {
6453            font-size: 20px;
6454            line-height: 1;
6455        }
6456        .card-item--image_VJxPwe .card-item__button{
6457            padding: 0;
6458            font-size: 14px;
6459        }
6460    }
6461</style>
6462
6463
6464<div class="card-item card-item--image_VJxPwe">
6465    <a class="card-item__image" href="/products/girltona-racing-jacket">
6466        
6467            <div class="card-item__image__contain">
6468                <img src="//girlbeer.com/cdn/shop/files/E54756A2-5ED3-4B21-A1FB-6206FC86318F_1_201_a.jpg?v=1771975015" alt="GIRLTONA RACING JACKET" width="auto" height="auto" loading="lazy">
6469            </div>
6470        
6471        
6472            <h2 class="card-item__contain__title">GIRLTONA RACING JACKET</h2>
6473            
6474        
6475    </a>
6476    
6477</div>
6478
6479            
6480                
6481
6482
6483
6484<style data-shopify>
6485    .card-item.card-item--image_UpUBjm{
6486        display: flex;
6487        justify-content: space-between;
6488        align-items: center;
6489        flex-direction: column;
6490        gap: 10px;
6491        overflow: hidden;
6492        max-width: 342px;
6493        min-width: 342px;
6494        height: 100%;
6495    }
6496    .card-item--image_UpUBjm .card-item__image{
6497        padding: 6.56px 6.56px 12px;
6498        background-color: #830dff;
6499        display: flex;
6500        flex: 1;
6501        justify-content: start;
6502        align-items: center;
6503        flex-direction: column;
6504        gap: 11px;
6505        border-radius: 10px;
6506        width: 100%;
6507        transition: all 0.3s ease-in-out;
6508        text-decoration: none;
6509    }
6510    .product-plp .card-item--image_UpUBjm .card-item__image{
6511        padding: 6.56px 6.56px 12px;
6512        gap: 12px;
6513    }
6514    .card-item--image_UpUBjm:hover .card-item__image{
6515        cursor: pointer;
6516        background-color: #830dff;
6517        transition: all 0.3s ease-in-out;
6518    }
6519    .card-item--image_UpUBjm .card-item__image__contain{
6520        background-color: #FFF;
6521        border-radius: 10px;
6522        display: flex;
6523        justify-content: center;
6524        align-items: center;
6525        width: 100%;
6526        min-height: 358px;
6527        max-height: 358px;
6528        transition: all 0.3s ease-in-out;
6529    }
6530    .card-item--image_UpUBjm:hover .card-item__image__contain{
6531        background-color: #ffffff;
6532        transition: all 0.3s ease-in-out;
6533    }
6534    
6535    .product-plp .card-item--image_UpUBjm .card-item__image__contain{
6536        max-width:100%;
6537        min-height: 360px;
6538        overflow:hidden;
6539    }
6540    .card-item--image_UpUBjm .card-item__image__contain img{
6541        max-width: 300px;
6542        margin: 0 auto;
6543    }
6544    .product-plp .card-item--image_UpUBjm .card-item__image__contain img{
6545        max-width: 300px;
6546        scale: 1.3;
6547    }
6548    .product-plp .card-item--image_UpUBjm:hover .card-item__image__contain img{
6549        scale: 1.35;
6550        transition: all 0.3s ease-in-out;
6551    }
6552    .card-item--image_UpUBjm:hover .card-item__image__contain img{
6553        scale: 1.05;
6554        transition: all 0.3s ease-in-out;
6555    }
6556    .card-item--image_UpUBjm .card-item__image h2 {
6557        color: #FFF;
6558        text-align: center;
6559        font-family: "GB Sans III";
6560        font-size: 22px;
6561        font-style: normal;
6562        font-weight: 400;
6563        line-height: 111%;
6564        letter-spacing: -0.405px;
6565        text-transform: uppercase;
6566        margin: 0;
6567        height: 100%;
6568        display: flex;
6569        align-items: center;
6570    }
6571    .card-item--image_UpUBjm .card-item__button{
6572        width: 100%;
6573        text-decoration: none;
6574        display: flex;
6575        padding: 12px 22px;
6576        flex-direction: column;
6577        justify-content: center;
6578        align-items: center;
6579        gap: 10px;
6580        border-radius: 10px;
6581        background: #830DFF;
6582        min-height: 54px;
6583        color: #FFF;
6584        text-align: center;
6585        font-family: "Helvetica Now Display";
6586        font-size: 16px;
6587        font-style: normal;
6588        font-weight: 800;
6589        line-height: normal;
6590        text-transform: uppercase;
6591        transition: all 0.3s ease-in-out;
6592    }
6593    .card-item.card-item--image_UpUBjm:hover .card-item__button{
6594        cursor: pointer;
6595        background-color: #ffffff;
6596        transition: all 0.3s ease-in-out;
6597    }
6598    @media (max-width: 749px){
6599        .card-item.card-item--image_UpUBjm{
6600            max-width: 318px;
6601            min-width: 0;
6602            margin: 0 auto;
6603        }
6604        .product-plp .card-item.card-item--image_UpUBjm {
6605            max-width: 342px;
6606        }
6607        .product-plp .card-item--image_UpUBjm .card-item__image{
6608            padding: 6.56px 6.56px 12px;
6609        }
6610        .card-item--image_UpUBjm .card-item__image__contain{
6611            max-width: 100%;
6612            background-color: #ffffff;
6613        }
6614        .card-item--image_UpUBjm:hover .card-item__image__contain{
6615            background-color: #ffffff;
6616        }
6617        .product-plp .card-item--image_UpUBjm:hover .card-item__image__contain img{
6618            scale: 1.3;
6619        }
6620        .card-item--image_UpUBjm:hover .card-item__image__contain img{
6621            scale: 1;
6622            transition: all 0.3s ease-in-out;
6623        }
6624        .card-item--image_UpUBjm  img{
6625            max-width: 70%;
6626            margin: 0 auto;
6627        }
6628        .card-item--image_UpUBjm .card-item__image h2 {
6629            font-size: 20px;
6630            line-height: 1;
6631        }
6632        .card-item--image_UpUBjm .card-item__button{
6633            padding: 0;
6634            font-size: 14px;
6635        }
6636    }
6637</style>
6638
6639
6640<div class="card-item card-item--image_UpUBjm">
6641    <a class="card-item__image" href="/products/heart-cami">
6642        
6643            <div class="card-item__image__contain">
6644                <img src="//girlbeer.com/cdn/shop/files/GirlBeerTinyTop.png?v=1724999756" alt="heart cami" width="auto" height="auto" loading="lazy">
6645            </div>
6646        
6647        
6648            <h2 class="card-item__contain__title">heart cami</h2>
6649            
6650        
6651    </a>
6652    
6653</div>
6654
6655            
6656                
6657
6658
6659
6660<style data-shopify>
6661    .card-item.card-item--image_b4eVHz{
6662        display: flex;
6663        justify-content: space-between;
6664        align-items: center;
6665        flex-direction: column;
6666        gap: 10px;
6667        overflow: hidden;
6668        max-width: 342px;
6669        min-width: 342px;
6670        height: 100%;
6671    }
6672    .card-item--image_b4eVHz .card-item__image{
6673        padding: 6.56px 6.56px 12px;
6674        background-color: #830dff;
6675        display: flex;
6676        flex: 1;
6677        justify-content: start;
6678        align-items: center;
6679        flex-direction: column;
6680        gap: 11px;
6681        border-radius: 10px;
6682        width: 100%;
6683        transition: all 0.3s ease-in-out;
6684        text-decoration: none;
6685    }
6686    .product-plp .card-item--image_b4eVHz .card-item__image{
6687        padding: 6.56px 6.56px 12px;
6688        gap: 12px;
6689    }
6690    .card-item--image_b4eVHz:hover .card-item__image{
6691        cursor: pointer;
6692        background-color: #830dff;
6693        transition: all 0.3s ease-in-out;
6694    }
6695    .card-item--image_b4eVHz .card-item__image__contain{
6696        background-color: #FFF;
6697        border-radius: 10px;
6698        display: flex;
6699        justify-content: center;
6700        align-items: center;
6701        width: 100%;
6702        min-height: 358px;
6703        max-height: 358px;
6704        transition: all 0.3s ease-in-out;
6705    }
6706    .card-item--image_b4eVHz:hover .card-item__image__contain{
6707        background-color: #ffffff;
6708        transition: all 0.3s ease-in-out;
6709    }
6710    
6711    .product-plp .card-item--image_b4eVHz .card-item__image__contain{
6712        max-width:100%;
6713        min-height: 360px;
6714        overflow:hidden;
6715    }
6716    .card-item--image_b4eVHz .card-item__image__contain img{
6717        max-width: 300px;
6718        margin: 0 auto;
6719    }
6720    .product-plp .card-item--image_b4eVHz .card-item__image__contain img{
6721        max-width: 300px;
6722        scale: 1.3;
6723    }
6724    .product-plp .card-item--image_b4eVHz:hover .card-item__image__contain img{
6725        scale: 1.35;
6726        transition: all 0.3s ease-in-out;
6727    }
6728    .card-item--image_b4eVHz:hover .card-item__image__contain img{
6729        scale: 1.05;
6730        transition: all 0.3s ease-in-out;
6731    }
6732    .card-item--image_b4eVHz .card-item__image h2 {
6733        color: #FFF;
6734        text-align: center;
6735        font-family: "GB Sans III";
6736        font-size: 22px;
6737        font-style: normal;
6738        font-weight: 400;
6739        line-height: 111%;
6740        letter-spacing: -0.405px;
6741        text-transform: uppercase;
6742        margin: 0;
6743        height: 100%;
6744        display: flex;
6745        align-items: center;
6746    }
6747    .card-item--image_b4eVHz .card-item__button{
6748        width: 100%;
6749        text-decoration: none;
6750        display: flex;
6751        padding: 12px 22px;
6752        flex-direction: column;
6753        justify-content: center;
6754        align-items: center;
6755        gap: 10px;
6756        border-radius: 10px;
6757        background: #830DFF;
6758        min-height: 54px;
6759        color: #FFF;
6760        text-align: center;
6761        font-family: "Helvetica Now Display";
6762        font-size: 16px;
6763        font-style: normal;
6764        font-weight: 800;
6765        line-height: normal;
6766        text-transform: uppercase;
6767        transition: all 0.3s ease-in-out;
6768    }
6769    .card-item.card-item--image_b4eVHz:hover .card-item__button{
6770        cursor: pointer;
6771        background-color: #ffffff;
6772        transition: all 0.3s ease-in-out;
6773    }
6774    @media (max-width: 749px){
6775        .card-item.card-item--image_b4eVHz{
6776            max-width: 318px;
6777            min-width: 0;
6778            margin: 0 auto;
6779        }
6780        .product-plp .card-item.card-item--image_b4eVHz {
6781            max-width: 342px;
6782        }
6783        .product-plp .card-item--image_b4eVHz .card-item__image{
6784            padding: 6.56px 6.56px 12px;
6785        }
6786        .card-item--image_b4eVHz .card-item__image__contain{
6787            max-width: 100%;
6788            background-color: #ffffff;
6789        }
6790        .card-item--image_b4eVHz:hover .card-item__image__contain{
6791            background-color: #ffffff;
6792        }
6793        .product-plp .card-item--image_b4eVHz:hover .card-item__image__contain img{
6794            scale: 1.3;
6795        }
6796        .card-item--image_b4eVHz:hover .card-item__image__contain img{
6797            scale: 1;
6798            transition: all 0.3s ease-in-out;
6799        }
6800        .card-item--image_b4eVHz  img{
6801            max-width: 70%;
6802            margin: 0 auto;
6803        }
6804        .card-item--image_b4eVHz .card-item__image h2 {
6805            font-size: 20px;
6806            line-height: 1;
6807        }
6808        .card-item--image_b4eVHz .card-item__button{
6809            padding: 0;
6810            font-size: 14px;
6811        }
6812    }
6813</style>
6814
6815
6816<div class="card-item card-item--image_b4eVHz">
6817    <a class="card-item__image" href="/products/girl-beer-logo-hat">
6818        
6819            <div class="card-item__image__contain">
6820                <img src="//girlbeer.com/cdn/shop/files/GirlBeerCordHat.png?v=1724999734" alt="logo hat" width="auto" height="auto" loading="lazy">
6821            </div>
6822        
6823        
6824            <h2 class="card-item__contain__title">logo hat</h2>
6825            
6826        
6827    </a>
6828    
6829</div>
6830
6831            
6832                
6833
6834
6835
6836<style data-shopify>
6837    .card-item.card-item--image_rAPm9U{
6838        display: flex;
6839        justify-content: space-between;
6840        align-items: center;
6841        flex-direction: column;
6842        gap: 10px;
6843        overflow: hidden;
6844        max-width: 342px;
6845        min-width: 342px;
6846        height: 100%;
6847    }
6848    .card-item--image_rAPm9U .card-item__image{
6849        padding: 6.56px 6.56px 12px;
6850        background-color: #830dff;
6851        display: flex;
6852        flex: 1;
6853        justify-content: start;
6854        align-items: center;
6855        flex-direction: column;
6856        gap: 11px;
6857        border-radius: 10px;
6858        width: 100%;
6859        transition: all 0.3s ease-in-out;
6860        text-decoration: none;
6861    }
6862    .product-plp .card-item--image_rAPm9U .card-item__image{
6863        padding: 6.56px 6.56px 12px;
6864        gap: 12px;
6865    }
6866    .card-item--image_rAPm9U:hover .card-item__image{
6867        cursor: pointer;
6868        background-color: #830dff;
6869        transition: all 0.3s ease-in-out;
6870    }
6871    .card-item--image_rAPm9U .card-item__image__contain{
6872        background-color: #FFF;
6873        border-radius: 10px;
6874        display: flex;
6875        justify-content: center;
6876        align-items: center;
6877        width: 100%;
6878        min-height: 358px;
6879        max-height: 358px;
6880        transition: all 0.3s ease-in-out;
6881    }
6882    .card-item--image_rAPm9U:hover .card-item__image__contain{
6883        background-color: #ffffff;
6884        transition: all 0.3s ease-in-out;
6885    }
6886    
6887    .product-plp .card-item--image_rAPm9U .card-item__image__contain{
6888        max-width:100%;
6889        min-height: 360px;
6890        overflow:hidden;
6891    }
6892    .card-item--image_rAPm9U .card-item__image__contain img{
6893        max-width: 300px;
6894        margin: 0 auto;
6895    }
6896    .product-plp .card-item--image_rAPm9U .card-item__image__contain img{
6897        max-width: 300px;
6898        scale: 1.3;
6899    }
6900    .product-plp .card-item--image_rAPm9U:hover .card-item__image__contain img{
6901        scale: 1.35;
6902        transition: all 0.3s ease-in-out;
6903    }
6904    .card-item--image_rAPm9U:hover .card-item__image__contain img{
6905        scale: 1.05;
6906        transition: all 0.3s ease-in-out;
6907    }
6908    .card-item--image_rAPm9U .card-item__image h2 {
6909        color: #FFF;
6910        text-align: center;
6911        font-family: "GB Sans III";
6912        font-size: 22px;
6913        font-style: normal;
6914        font-weight: 400;
6915        line-height: 111%;
6916        letter-spacing: -0.405px;
6917        text-transform: uppercase;
6918        margin: 0;
6919        height: 100%;
6920        display: flex;
6921        align-items: center;
6922    }
6923    .card-item--image_rAPm9U .card-item__button{
6924        width: 100%;
6925        text-decoration: none;
6926        display: flex;
6927        padding: 12px 22px;
6928        flex-direction: column;
6929        justify-content: center;
6930        align-items: center;
6931        gap: 10px;
6932        border-radius: 10px;
6933        background: #830DFF;
6934        min-height: 54px;
6935        color: #FFF;
6936        text-align: center;
6937        font-family: "Helvetica Now Display";
6938        font-size: 16px;
6939        font-style: normal;
6940        font-weight: 800;
6941        line-height: normal;
6942        text-transform: uppercase;
6943        transition: all 0.3s ease-in-out;
6944    }
6945    .card-item.card-item--image_rAPm9U:hover .card-item__button{
6946        cursor: pointer;
6947        background-color: #ffffff;
6948        transition: all 0.3s ease-in-out;
6949    }
6950    @media (max-width: 749px){
6951        .card-item.card-item--image_rAPm9U{
6952            max-width: 318px;
6953            min-width: 0;
6954            margin: 0 auto;
6955        }
6956        .product-plp .card-item.card-item--image_rAPm9U {
6957            max-width: 342px;
6958        }
6959        .product-plp .card-item--image_rAPm9U .card-item__image{
6960            padding: 6.56px 6.56px 12px;
6961        }
6962        .card-item--image_rAPm9U .card-item__image__contain{
6963            max-width: 100%;
6964            background-color: #ffffff;
6965        }
6966        .card-item--image_rAPm9U:hover .card-item__image__contain{
6967            background-color: #ffffff;
6968        }
6969        .product-plp .card-item--image_rAPm9U:hover .card-item__image__contain img{
6970            scale: 1.3;
6971        }
6972        .card-item--image_rAPm9U:hover .card-item__image__contain img{
6973            scale: 1;
6974            transition: all 0.3s ease-in-out;
6975        }
6976        .card-item--image_rAPm9U  img{
6977            max-width: 70%;
6978            margin: 0 auto;
6979        }
6980        .card-item--image_rAPm9U .card-item__image h2 {
6981            font-size: 20px;
6982            line-height: 1;
6983        }
6984        .card-item--image_rAPm9U .card-item__button{
6985            padding: 0;
6986            font-size: 14px;
6987        }
6988    }
6989</style>
6990
6991
6992<div class="card-item card-item--image_rAPm9U">
6993    <a class="card-item__image" href="/products/hide-your-girl-beer-koozie">
6994        
6995            <div class="card-item__image__contain">
6996                <img src="//girlbeer.com/cdn/shop/files/GirlBeer_Beer_Koozie-1.png?v=1761676629" alt="HIDE YOUR GIRL BEER KOOZIE" width="auto" height="auto" loading="lazy">
6997            </div>
6998        
6999        
7000            <h2 class="card-item__contain__title">HIDE YOUR GIRL BEER KOOZIE</h2>
7001            
7002        
7003    </a>
7004    
7005</div>
7006
7007            
7008        </div>
7009    </div>
7010</section>
7011
7012<script>
7013  document.addEventListener('DOMContentLoaded', function(){
7014    var key = 'swiper_template--25008849584428__grid_section_cards_nxKABm';
7015    
7016    if(!window[key]){
7017      window[key] = new Swiper('#grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper', {
7018        slidesPerView: 'auto',
7019        spaceBetween: 16,
7020        loop: true,
7021        autoplay: {
7022          delay: 3000,
7023          disableOnInteraction: false
7024        },
7025        speed: 1000,
7026        autoHeight: false,
7027        
7028        pagination: { el: '#grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-pagination', clickable: true },
7029        navigation: {
7030          nextEl: '#grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-next',
7031          prevEl: '#grid-cards-template--25008849584428__grid_section_cards_nxKABm .swiper-button-prev'
7032        },
7033        
7034        breakpoints: {
7035          1440: {
7036            slidesPerView: 4,
7037            spaceBetween: 15
7038          },
7039          1024: {
7040            slidesPerView: 3,
7041            spaceBetween: 15
7042          },
7043          768: {
7044            slidesPerView: 2,
7045            spaceBetween: 16
7046          },
7047          450: {
7048            slidesPerView: 2,
7049            spaceBetween: 16
7050          },
7051          0: {
7052            slidesPerView: 1.2,
7053            spaceBetween: 10
7054          },
7055        },
7056        on: {
7057          init: function() {
7058            var mq = window.matchMedia('(max-width: 749px)');
7059            if (mq.matches && this.updateAutoHeight) {
7060              this.updateAutoHeight();
7061            }
7062          },
7063          slideChangeTransitionEnd: function() {
7064            var mq = window.matchMedia('(max-width: 749px)');
7065            if (mq.matches && this.updateAutoHeight) {
7066              this.updateAutoHeight();
7067            }
7068          }
7069        }
7070      });
7071    }
7072  });
7073</script>
7073
7074
7075</div><div id="shopify-section-template--25008849584428__section_card_image_BFqaFm" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/section-card-image.css?v=61256240798937242201764167528" rel="stylesheet" type="text/css" media="all" />
7076
7077<style data-shopify>
7078    .card-image__container{
7079        
7080            background-image: url('//girlbeer.com/cdn/shop/files/GIRLBEER_FINAL_20258.jpg?v=1764015772');
7081        
7082    }
7083
7084    /* Swiper base */
7085    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper{
7086        width: 100%;
7087    }
7088    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-wrapper{
7089        align-items: stretch;
7090    }
7091    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-slide{
7092        display: flex;
7093        flex-direction: column;
7094        justify-content: center;
7095        align-items: center;
7096        gap: 14px;
7097    }
7098    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-next,
7099    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-prev{
7100        display: block;
7101        top: 100%;
7102        transform: translateY(-50%);
7103    }
7104    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-next{
7105        right: 40%;
7106
7107    }
7108    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-next::after{
7109        content: "";
7110        width: 100%;
7111        height: 24px;
7112        background-image: url("https://cdn.shopify.com/s/files/1/0804/7938/7948/files/Arrow_1.svg?v=1759242319");
7113        background-size: contain;
7114        background-position: center;
7115        background-repeat: no-repeat;
7116        display: block;
7117    }
7118    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-prev{
7119        left: 40%;
7120    }
7121    #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-prev::after{
7122        content: "";
7123        width: 100%;
7124        height: 24px;
7125        background-image: url("https://cdn.shopify.com/s/files/1/0804/7938/7948/files/Arrow_1.svg?v=1759242319");
7126        background-size: contain;
7127        background-position: center;
7128        background-repeat: no-repeat;
7129        transform: rotate(180deg);
7130        display: block;
7131    }
7132    #card-image-template--25008849584428__section_card_image_BFqaFm .card-image__pagination{
7133        margin-top: 16px;
7134    }
7135
7136    @media (max-width: 749px){
7137        .card-image__container{
7138            
7139                background-image: url('//girlbeer.com/cdn/shop/files/GIRLBEER_FINAL_20258.jpg?v=1764015772');
7140            
7141        }
7142        #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-next{
7143            right: 37%;
7144        }
7145        #card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-prev{
7146            left: 37%;
7147        }
7148    }
7149
7150</style>
7151
7152<section class="card-image" id="card-image-template--25008849584428__section_card_image_BFqaFm">
7153    <div class="card-image__container">
7154        <div class="card-image__content swiper">
7155            <div class="swiper-wrapper">
7156                
7157                <div class="card-image__inner swiper-slide">
7158                    
7159                        <img src="//girlbeer.com/cdn/shop/files/Rectangle_51.png?v=1759237411" alt="card-image-item">
7160                    
7161                    
7162                        <div><p>“I want you to think, women’s bathroom at a bar around 11:30pm, compliments galore. These women would DIE FOR YOU. That’s this website. That’s Girl Beer. Just crack one open with the girls.”</p></div>
7163                    
7164                    
7165                        <h2>- myla</h2>
7166                    
7167                </div>
7168                
7169                <div class="card-image__inner swiper-slide">
7170                    
7171                        <img src="//girlbeer.com/cdn/shop/files/GB_Testimonial_Web_Image-3.jpg?v=1764015045" alt="card-image-item">
7172                    
7173                    
7174                        <div><p>“I drank this and I liked it.”</p></div>
7175                    
7176                    
7177                        <h2>- stephanie</h2>
7178                    
7179                </div>
7180                
7181                <div class="card-image__inner swiper-slide">
7182                    
7183                        <img src="//girlbeer.com/cdn/shop/files/GB_Testimonial_Web_Image-4.jpg?v=1764015134" alt="card-image-item">
7184                    
7185                    
7186                        <div><p>“I hate basically everything so when I bought Girl Beer I had already started writing my negative review. Unfortunately I enjoyed it and will be purchasing again. Frustrating.”</p></div>
7187                    
7188                    
7189                        <h2>- linda</h2>
7190                    
7191                </div>
7192                
7193            </div>
7194            <div class="swiper-button-next"></div>
7195            <div class="swiper-button-prev"></div>
7196        </div>
7197    </div>
7198</section>
7199
7200<script>
7201  (() => {
7202    const swiper = new Swiper('#card-image-template--25008849584428__section_card_image_BFqaFm .swiper', {
7203      loop: true,
7204      pagination: {
7205        el: '#card-image-template--25008849584428__section_card_image_BFqaFm .card-image__pagination',
7206        clickable: true,
7207      },
7208      navigation: {
7209        nextEl: '#card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-next',
7210        prevEl: '#card-image-template--25008849584428__section_card_image_BFqaFm .swiper-button-prev',
7211      },
7212      breakpoints: {
7213        0: {
7214          slidesPerView: 1,
7215          spaceBetween: 16,
7216        },
7217        749: {
7218          slidesPerView: 1,
7219          spaceBetween: 50,
7220        },
7221      },
7222    });
7223  })();
7224</script>
7224
7225
7226
7227</div><div id="shopify-section-template--25008849584428__faqs_text_9Ni4fn" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/faqs-text.css?v=180014579679173520751764167528" rel="stylesheet" type="text/css" media="all" />
7228<style data-shopify>
7229    .faqs-text.faqs-text--template--25008849584428__faqs_text_9Ni4fn{
7230        margin: 60px auto 0px;
7231        background-color: #830dff;
7232        
7233    }
7234    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain{
7235        align-items: start;
7236    }
7237    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain.faqs-text__contain--column{
7238        max-width: 100%;
7239    }
7240    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__title h3{
7241        
7242    }
7243    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text{
7244        
7245    }
7246    
7247    
7248</style>
7249<section class="faqs-text faqs-text--segment faqs-text--template--25008849584428__faqs_text_9Ni4fn faqs-text__contain--row" id="faqs-text-template--25008849584428__faqs_text_9Ni4fn">
7250    <div class="faqs-text__contain faqs-text__contain--row">
7251        <div class="faqs-text__contain__title">
7252            <h3>what’s inside</h3>
7253            <p>AND WHY</p>
7254        </div>
7255        <div class="faqs-text__contain__text">
7256            
7257                <style data-shopify>
7258                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text h4,
7259                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text p{
7260                        color: ;
7261                    }
7262                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block{
7263                        border-color: ;
7264                    }
7265                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block span svg line{
7266                        stroke: ;
7267                    }
7268                </style>
7269                <div class="faqs-text__block">
7270                    <h4>WHAT'S INSIDE 
7271                        <span>
7272                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
7273                                <line x1="8" y1="0.644043" x2="8" y2="16.644" stroke="#830DFF" stroke-width="2"/>
7274                                <line x1="16" y1="8.64404" x2="-8.74228e-08" y2="8.64404" stroke="#830DFF" stroke-width="2"/>
7275                            </svg>
7276                        </span>
7277                    </h4>
7278                    <p>The blood of our enemies, the sweat of the Hemsworth Brothers, juice, and beer.</p>
7279                </div>
7280            
7281                <style data-shopify>
7282                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text h4,
7283                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text p{
7284                        color: ;
7285                    }
7286                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block{
7287                        border-color: ;
7288                    }
7289                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block span svg line{
7290                        stroke: ;
7291                    }
7292                </style>
7293                <div class="faqs-text__block">
7294                    <h4>HOW? 
7295                        <span>
7296                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
7297                                <line x1="8" y1="0.644043" x2="8" y2="16.644" stroke="#830DFF" stroke-width="2"/>
7298                                <line x1="16" y1="8.64404" x2="-8.74228e-08" y2="8.64404" stroke="#830DFF" stroke-width="2"/>
7299                            </svg>
7300                        </span>
7301                    </h4>
7302                    <p>WITH FLAVOR</p>
7303                </div>
7304            
7305                <style data-shopify>
7306                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text h4,
7307                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text p{
7308                        color: ;
7309                    }
7310                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block{
7311                        border-color: ;
7312                    }
7313                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block span svg line{
7314                        stroke: ;
7315                    }
7316                </style>
7317                <div class="faqs-text__block">
7318                    <h4>WHY? 
7319                        <span>
7320                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
7321                                <line x1="8" y1="0.644043" x2="8" y2="16.644" stroke="#830DFF" stroke-width="2"/>
7322                                <line x1="16" y1="8.64404" x2="-8.74228e-08" y2="8.64404" stroke="#830DFF" stroke-width="2"/>
7323                            </svg>
7324                        </span>
7325                    </h4>
7326                    <p>Because not everything has to be a seltzer that's why.</p>
7327                </div>
7328            
7329                <style data-shopify>
7330                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text h4,
7331                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text p{
7332                        color: ;
7333                    }
7334                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block{
7335                        border-color: ;
7336                    }
7337                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block span svg line{
7338                        stroke: ;
7339                    }
7340                </style>
7341                <div class="faqs-text__block">
7342                    <h4>WHO? 
7343                        <span>
7344                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
7345                                <line x1="8" y1="0.644043" x2="8" y2="16.644" stroke="#830DFF" stroke-width="2"/>
7346                                <line x1="16" y1="8.64404" x2="-8.74228e-08" y2="8.64404" stroke="#830DFF" stroke-width="2"/>
7347                            </svg>
7348                        </span>
7349                    </h4>
7350                    <p>Not Connor.</p>
7351                </div>
7352            
7353                <style data-shopify>
7354                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text h4,
7355                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text p{
7356                        color: ;
7357                    }
7358                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block{
7359                        border-color: ;
7360                    }
7361                    .faqs-text--template--25008849584428__faqs_text_9Ni4fn .faqs-text__contain__text .faqs-text__block span svg line{
7362                        stroke: ;
7363                    }
7364                </style>
7365                <div class="faqs-text__block">
7366                    <h4>LOREM IPSUM 
7367                        <span>
7368                            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none">
7369                                <line x1="8" y1="0.644043" x2="8" y2="16.644" stroke="#830DFF" stroke-width="2"/>
7370                                <line x1="16" y1="8.64404" x2="-8.74228e-08" y2="8.64404" stroke="#830DFF" stroke-width="2"/>
7371                            </svg>
7372                        </span>
7373                    </h4>
7374                    <p>Are you even reading this?</p>
7375                </div>
7376            
7377        </div>
7378    </div>
7379</section>
7380
7381<script>
7382  (() => {
7383    const root = document.getElementById('faqs-text-template--25008849584428__faqs_text_9Ni4fn');
7384    if (!root) return;
7385    const blocks = root.querySelectorAll('.faqs-text__block');
7386    blocks.forEach(block => {
7387      const header = block.querySelector('h4');
7388      const body = block.querySelector('p');
7389      if (!header || !body) return;
7390     
7391      body.style.maxHeight = '0px';
7392      header.addEventListener('click', () => {
7393        const isCurrentlyOpen = block.classList.contains('is-open');
7394        
7395      
7396        blocks.forEach(otherBlock => {
7397          const otherBody = otherBlock.querySelector('p');
7398          otherBlock.classList.remove('is-open');
7399          if (otherBody) {
7400            otherBody.style.maxHeight = '0px';
7401            otherBody.style.marginTop = '0px';
7402          }
7403        });
7404        
7405
7406        if (!isCurrentlyOpen) {
7407          block.classList.add('is-open');
7408          body.style.maxHeight = body.scrollHeight + 'px';
7409          body.style.marginTop = '10px';
7410        }
7411      });
7412    });
7413  })();
7414</script>
7414
7415
7416</div><div id="shopify-section-template--25008849584428__important_text_wUMf3T" class="shopify-section"><link href="//girlbeer.com/cdn/shop/t/24/assets/important-text.css?v=182378397340232793761764167529" rel="stylesheet" type="text/css" media="all" />
7417
7418<section class="important-text" id="important-text-template--25008849584428__important_text_wUMf3T">
7419    <div class="important-text__contain">
7420        
7421            <img src="https://cdn.shopify.com/s/files/1/0804/7938/7948/files/danger-removebg-preview.png?v=1759250059" alt="important text item" width="auto" height="auto" loading="lazy">
7422        
7423        <div class="important-text__contain__title">
7424            <h3>ATTENTION IMPORTANT NOTICE:</h3>
7425            <p>GIRL BEER HAS BANNED ALL CONNORS FOR CONSUMING OUR PRODUCTS. PLEASE LET US KNOW WHO SHOULD WE BAN NEXT</p>
7426        </div>
7427        <div class="important-text__contain__form">
7428            <label for="important-text-email-template--25008849584428__important_text_wUMf3T" class="visually-hidden">Email</label>
7429            <input type="email" id="important-text-email-template--25008849584428__important_text_wUMf3T" placeholder="NAME">
7430            <a href="/pages/find-us"><img src="https://cdn.shopify.com/s/files/1/0804/7938/7948/files/Arrowblack.svg?v=1759250213" alt="form arrow" width="auto" height="auto" loading="lazy"></a>
7431        </div>
7432    </div>
7433</section>
7434
7435</div>
7436      <link href="//girlbeer.com/cdn/shop/t/24/assets/sticky-bottom.css?v=32070" rel="stylesheet" type="text/css" media="all" />
7437<style data-shopify>
7438    .sticky-bottom{
7439        position: sticky;
7440        bottom: 0;
7441        left: 0;
7442        right: 0;
7443        width: 100%;
7444        background-color: #FFF;
7445        padding: 16px 20px;
7446        height: 95px;
7447        transform: translateY(100%);
7448        transition: all 0.3s ease-in-out;
7449        justify-content: center;
7450        align-items: center;
7451        display: flex;
7452        z-index: 9;
7453    }
7454    .sticky-bottom__contain{
7455        display: flex;
7456        justify-content: space-between;
7457        align-items: center;
7458        gap: 29px;
7459    }
7460    .sticky-bottom__contain--image{
7461        display: flex;
7462        justify-content: center;
7463        align-items: center;
7464        gap: 10px;
7465    }
7466    .sticky-bottom__image{
7467        width: 50%;
7468        height: 63px;
7469    }
7470    .sticky-bottom__contain a{
7471        min-width: 429px;
7472        min-height: 48px;
7473        color: #FFF;
7474        font-family: "Helvetica Now Display";
7475        font-size: 16px;
7476        font-style: normal;
7477        font-weight: 800;
7478        line-height: normal;
7479        text-transform: uppercase;
7480        text-decoration: none;
7481        background: #830DFF;
7482        border-radius: 120px;
7483        display: inline-flex;
7484        justify-content: center;
7485        align-items: center;
7486        transition: all 0.3s ease-in-out;
7487        border: 3px solid #830DFF;
7488    }
7489    .sticky-bottom__contain a:hover{
7490        background-color: #fff;
7491        color: #830DFF;
7492        transition: all 0.3s ease-in-out;
7493    }
7494    @media (max-width: 1280px){
7495        .sticky-bottom__contain a{
7496            min-width: 30%;
7497        }
7498        .sticky-bottom__image.secundary{
7499            display: none;
7500        }
7501        .sticky-bottom__image.primary{
7502            width: 100%;
7503            height: 63px;
7504        }
7505    }
7506    @media (max-width: 749px){
7507        .sticky-bottom{
7508            height: 120px;
7509            padding: 12px 20px;
7510        }
7511        .sticky-bottom__contain{
7512            flex-direction: column;
7513            gap: 10px;
7514        }
7515        .sticky-bottom__contain a{
7516            min-width: 345px;
7517            min-height: 42px;
7518        }
7519        .sticky-bottom__image.primary{
7520            width: 340px;
7521            height: 44px;
7522        }
7523    }
7524    @media (max-width: 374px){
7525        .sticky-bottom__contain a{
7526            min-width: 200px;
7527            min-height: 42px;
7528        }
7529        .sticky-bottom__image.primary{
7530            width: 100%;
7531            height: auto;
7532        }
7533    }
7534    .sticky-bottom.display-none{
7535        display: none;
7536    }
7537</style>
7538<div class="sticky-bottom ">
7539    <div class="sticky-bottom__contain">
7540            <div class="sticky-bottom__contain--image">
7541                <img class="sticky-bottom__image primary" src="https://cdn.shopify.com/s/files/1/0804/7938/7948/files/Layer_1.svg?v=1760470061" alt="">
7542                <img class="sticky-bottom__image secundary" src="https://cdn.shopify.com/s/files/1/0804/7938/7948/files/Layer_1.svg?v=1760470061" alt="">
7543            </div>
7544            
7545            <a href="/pages/find-us">find near you</a>
7546            
7547    </div>
7548</div>
7549
7550<script>
7551    let heroHeight = document.querySelector('.hero-home').offsetHeight;
7552    let stickyBottom = document.querySelector('.sticky-bottom');
7553    let stickyBottomHeight = stickyBottom.offsetHeight;
7554    let windowHeight = window.innerHeight;
7555    let documentHeight = document.documentElement.scrollHeight;
7556    let scrollThreshold = (windowHeight - stickyBottomHeight) * 0.80;
7557    
7558    window.addEventListener('scroll', function() {
7559        if (window.scrollY >= scrollThreshold) {
7560            stickyBottom.style.opacity = '1';
7561            stickyBottom.style.transform = 'translateY(0)';
7562            stickyBottom.style.transition = '0.3s ease-in-out';
7563        } else {
7564            stickyBottom.style.transform = 'translateY(100%)';
7565            stickyBottom.style.transition = '0.3s ease-in-out';
7566        }
7567    });
7568</script>
7568
7569      <link href="//girlbeer.com/cdn/shop/t/24/assets/age-gate.css?v=32070" rel="stylesheet" type="text/css" media="all" />
7570<style data-shopify>
7571    .age-gate{
7572        background: rgba(0, 0, 0, 0.80);
7573        display: none;
7574        justify-content: center;
7575        align-items: center;
7576        position: fixed;
7577        top: 0;
7578        left: 0;
7579        width: 100%;
7580        height: 100%;
7581        z-index: 1010;
7582    }
7583    .age-gate__contain{
7584        display: flex;
7585        justify-content: center;
7586        align-items: center;
7587        width: 980px;
7588        height: 490px;
7589        overflow: hidden;
7590        border-radius: 10px;
7591    }
7592    .age-gate__button_close{
7593        position:absolute;
7594        top:14px;
7595        right:20px;
7596    }
7597    .age-gate__button_close:hover{
7598        cursor: pointer;    
7599    }
7600    .age-gate__button_close:hover svg line{
7601        stroke: #c3c3c3 !important;
7602    }
7603    .age-gate__button_close svg line{
7604        transition: stroke 0.3s ease;
7605    }
7606    .age-gate__contain__image{
7607        width: 50%;
7608        height: 100%;
7609    }
7610    .age-gate__contain__image img{
7611        width: 100%;
7612        height: 100%;
7613        object-fit: cover;
7614    }
7615    .age-gate__contain__text{
7616        width: 50%;
7617        height: 100%;
7618        display: flex;
7619        justify-content: center;
7620        align-items: center;
7621        flex-direction: column;
7622        background-color: #830DFF;
7623        position: relative;
7624    }
7625    .age-gate__contain__text h2{
7626        color: #FFF;
7627        text-align: center;
7628        font-family: "GB Sans III";
7629        font-size: 120px;
7630        font-style: normal;
7631        font-weight: 400;
7632        line-height: 81%;
7633        letter-spacing: -1.56px;
7634        text-transform: uppercase;
7635        margin: 0;
7636        max-width: 424px;
7637    }
7638    .age-gate__contain__text p{
7639        color:#FFF;
7640        text-align: center;
7641        font-family: "Helvetica Now Display";
7642        font-size: 20px;
7643        font-style: normal;
7644        font-weight: 800;
7645        line-height: normal;
7646        text-transform: uppercase;
7647        margin: 0;
7648    }
7649    .age-gate__contain__text__button{
7650        display: flex;
7651        justify-content: center;
7652        align-items: center;
7653        gap: 15px;
7654        margin-top: 50px;
7655    }
7656    .age-gate__link__major,
7657    .age-gate__link__minor{
7658        color: #FFF;
7659        text-align: center;
7660        font-family: "Helvetica Now Display";
7661        font-size: 16px;
7662        font-style: normal;
7663        font-weight: 800;
7664        line-height: 1;
7665        text-transform: uppercase;
7666        text-decoration: none;
7667        min-width: 200px;
7668        padding: 12px 20px;
7669        background: transparent;
7670        border-radius: 120px;
7671        border: 3px solid #FFF;
7672        transition: all 0.3s ease;
7673        max-height: 48px;
7674    }
7675    .age-gate__link__major{
7676        color: #830DFF;
7677        background: #FFF;
7678    }
7679    .age-gate__link__major:hover{
7680        background: transparent;
7681        transition: all 0.3s ease;
7682        color: #fff;
7683        cursor: pointer;
7684    }
7685    .age-gate__link__minor:hover{
7686        background: #fff;
7687        transition: all 0.3s ease;
7688        color: #830DFF;
7689    }
7690    @media (max-width: 768px){
7691        .age-gate__contain{
7692            flex-direction: column;
7693            height: auto;
7694            max-width: 335px;
7695        }
7696        .age-gate__contain__image,
7697        .age-gate__contain__text{
7698            width: 335px;
7699        }
7700        .age-gate__contain__image{
7701            max-height: 335px;
7702        }
7703        .age-gate__contain__text{
7704            min-height: 380px;
7705        }
7706        .age-gate__contain__text h2{
7707            font-size: 80px;
7708            max-width: 286px;
7709        }
7710        .age-gate__contain__text p{
7711            font-size: 14px;
7712        }
7713        .age-gate__contain__text__button{   
7714            flex-direction: column;
7715            margin-top: 30px;
7716        }
7717        .age-gate__link__major,
7718        .age-gate__link__minor{
7719            max-height: 42px;
7720            font-size: 14px;
7721        }
7722    }
7723</style>
7724<section class="age-gate">
7725    <div class="age-gate__contain">
7726        
7727        <div class="age-gate__contain__text">
7728            <div class="age-gate__button_close">
7729                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
7730                    <line x1="6.34285" y1="6.34303" x2="17.6566" y2="17.6567" stroke="white" stroke-width="2"/>
7731                    <line x1="17.6563" y1="6.34303" x2="6.34262" y2="17.6567" stroke="white" stroke-width="2"/>
7732                </svg>
7733            </div>
7734            
7735            <h2>please buy this</h2>
7736            
7737            
7738            <p>(if you are old enough)</p>
7739            
7740            <div class="age-gate__contain__text__button">
7741                
7742                <button class="age-gate__link__major">i am 21+</button>
7743                
7744                
7745                <a class="age-gate__link__minor" href="https://www.instagram.com/hurraysgirlbeer/?hl=en">i am under 21</a>
7746                
7747            </div>
7748        </div>
7749    </div>
7750</section>
7751
7752<script>
7753    document.addEventListener('DOMContentLoaded', function() {
7754        const ageGate = document.querySelector('.age-gate');
7755        const closeBtn = document.querySelector('.age-gate__button_close');
7756        const majorBtn = document.querySelector('.age-gate__link__major');
7757        
7758        const reloadsToShow = 5;
7759        
7760        const ageGateClosed = localStorage.getItem('ageGateClosed');
7761        let reloadCount = parseInt(localStorage.getItem('ageGateReloadCount')) || 0;
7762        
7763        reloadCount++;
7764        localStorage.setItem('ageGateReloadCount', reloadCount);
7765        
7766        const shouldShow = !ageGateClosed || reloadCount >= reloadsToShow;
7767        
7768        function blockAgeGate(ageGate) {
7769            if (shouldShow) {
7770                ageGate.style.display = 'flex';
7771            }
7772        }
7773        
7774        if (shouldShow) {
7775            setTimeout(() => {
7776                blockAgeGate(ageGate);
7777            }, 1000);
7778        }
7779        
7780        closeBtn.addEventListener('click', function() {
7781            ageGate.style.display = 'none';
7782            localStorage.setItem('ageGateClosed', 'true');
7783            localStorage.setItem('ageGateReloadCount', '0'); 
7784        });
7785        
7786        majorBtn.addEventListener('click', function() {
7787            ageGate.style.display = 'none';
7788            localStorage.setItem('ageGateClosed', 'true');
7789            localStorage.setItem('ageGateReloadCount', '0'); 
7790        });
7791    });
7792</script>
7792
7793    </main>
7794
7795    <!-- BEGIN sections: footer-group -->
7796<div id="shopify-section-sections--25008848929068__instafeed_title_Eij9gD" class="shopify-section shopify-section-group-footer-group section"><link href="//girlbeer.com/cdn/shop/t/24/assets/instafeed-title.css?v=161555826474216878041764167529" rel="stylesheet" type="text/css" media="all" />
7797
7798<div class="instafeed-title-section" style="background-color: #ffffff">
7799  <div class="instafeed-title-container">
7800    <div class="instafeed-title-content">
7801      <h2 class="instafeed-heading">IF YOU ARE OBSESSED WITH US, JUST FOLLOW US ALREADY</h2>
7802      
7803      <div class="instafeed-social-container">
7804        <div class="instafeed-social-icons">
7805          
7806            <a href="https://www.instagram.com/hurraysgirlbeer/?hl=en" target="_blank" rel="noopener" class="social-icon-link">
7807              <svg class="social-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7808                <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" fill="currentColor"/>
7809              </svg>
7810            </a>
7811          
7812          
7813          
7814            <a href="https://www.tiktok.com/@hurraysgirlbeer" target="_blank" rel="noopener" class="social-icon-link">
7815              <svg class="social-icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
7816                <path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z" fill="currentColor"/>
7817              </svg>
7818            </a>
7819          
7820          
7821          
7822          
7823          
7824          
7825          
7826        </div>
7827        
7828        <div class="instafeed-username">
7829          <a href="https://www.instagram.com/hurraysgirlbeer/?hl=en" target="_blank" rel="noopener" class="instagram-link">
7830            @HURRAYSGIRLBEER
7831          </a>
7832        </div>
7833      </div>
7834    </div>
7835  </div>
7836</div>
7837
7838
7839</div><section id="shopify-section-sections--25008848929068__17605456427524f2d5" class="shopify-section shopify-section-group-footer-group section"><div class="page-width scroll-trigger animate--slide-in"><div id="shopify-block-AQUFlME4yNWxaZFFlc__instafeed_app_block_fP6Cmx" class="shopify-block shopify-app-block">
7840
7841
7842
7843  
7844
7845
7846
7847
7848
7849
7850
7851
7852
7853
7854
7855<style>
7856      div[id*="instafeed_app_block"] {
7857        width: 100%;
7858      }
7859      div.shopify-section:has(> [id*="instafeed_app_block"]) {
7860      width: 100%;
7861      }
7862      
7863      body #insta-feed {
7864      
7865          
7866
7867          
7868          margin-bottom: 0px!important;
7869          
7870
7871          
7872
7873          
7874
7875          
7876      }
7877      
7878      body #insta-feed h2 {
7879      
7880        
7881        
7882         text-align: center;
7883      }
7884
7885      
7886      
7887</style>
7888
7889
7890
7891
7892
7893
7894
7895
7896
7897
7898
7899  <div id="insta-feed"></div>
7900  
7900<script>
7901    if (typeof instafeedLocalTitle === 'undefined') var instafeedLocalTitle = "";
7902    
7903  </script>
7903
7904
7905
7906<!-- BEGIN app snippet: storefront-script -->
7907
7908
7909  
7910    
7910<script>
7911      var instafeedScriptSrc = "https:\/\/cdn.nfcube.com\/instafeed-1a85bf381c7e693edb5e489e1c3c6a76.js";
7912      var instafeedScriptMode = "defer";
7913      !function(e,n){if(!window.instafeedStorefrontScheduled&&(window.instafeedStorefrontScheduled=!0,e))if("defer"!==n){if("consent"===n){var t=!1;function o(){t||(t=!0,a())}function i(){window.Shopify&&window.Shopify.customerPrivacy&&window.Shopify.customerPrivacy.marketingAllowed()&&o()}function d(){document.addEventListener("visitorConsentCollected",function(e){e.detail&&e.detail.marketingAllowed&&o()}),window.Shopify&&window.Shopify.loadFeatures?window.Shopify.loadFeatures([{name:"consent-tracking-api",version:"0.1"}],i):i()}return void("loading"===document.readyState?document.addEventListener("DOMContentLoaded",d):d())}"complete"===document.readyState?a():window.addEventListener("load",function(){a()})}else"loading"===document.readyState?document.addEventListener("DOMContentLoaded",a):a();function r(e){return String(e).split("?")[0]}function a(){if(!function(){for(var n=document.getElementsByTagName("script"),t=r(e),o=0;o!==n.length;o++)if(r(n[o].src)===t)return!0;return!1}()){var n=document.createElement("script");n.async=!0,n.src=e,document.body.appendChild(n)}}}(instafeedScriptSrc,instafeedScriptMode);
7914    </script>
7914
7915  
7916
7917<!-- END app snippet -->
7918
7919
7920
7921
7922
7923
7924</div>
7925</div>
7926
7927
7928</section><footer id="shopify-section-sections--25008848929068__new_footer_nqmFUc" class="shopify-section shopify-section-group-footer-group section_new_footer"><link href="//girlbeer.com/cdn/shop/t/24/assets/new-footer.css?v=179865704673710544991765479669" rel="stylesheet" type="text/css" media="all" />
7929
7930<div class="ctn_footer" style="background-color: #830dff">
7931    <div class="ctn_links">
7932        <div class="links">
7933            
7934                <a href="/collections/beer" class="link">
7935                    shop
7936                </a>
7937            
7938                <a href="/pages/find-us" class="link">
7939                    find us
7940                </a>
7941            
7942                <a href="/pages/about" class="link">
7943                    about
7944                </a>
7945            
7946                <a href="/pages/faq" class="link">
7947                    f.a.q
7948                </a>
7949            
7950                <a href="/pages/contact" class="link">
7951                    contact
7952                </a>
7953            
7954        </div>
7955
7956        <div class="newsletter">
7957            <p class="txt">
7958                sign up to never miss anything
7959            </p><form method="post" action="/contact#ContactFooter" id="ContactFooter" accept-charset="UTF-8" class="footer__newsletter newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter">
7960                <div class="newsletter-form__field-wrapper">
7961                    <label for="NewsletterForm--sections--25008848929068__new_footer_nqmFUc" class="visually-hidden">Email</label>
7962                    <input
7963                        id="NewsletterForm--sections--25008848929068__new_footer_nqmFUc"
7964                        type="email"
7965                        name="contact[email]"
7966                        class="newsletter-form__field"
7967                        value=""
7968                        aria-required="true"
7969                        autocorrect="off"
7970                        autocapitalize="off"
7971                        autocomplete="email"
7972                        
7973                        placeholder="Email"
7974                        required
7975                    >
7976                    <button type="submit" class="newsletter-form__button" name="commit" aria-label="Suscribirse al newsletter">
7977                        <svg xmlns="http://www.w3.org/2000/svg" width="26" height="12" viewBox="0 0 26 12" fill="none">
7978  <path d="M25.6905 6.53033C25.9834 6.23744 25.9834 5.76256 25.6905 5.46967L20.9175 0.696699C20.6246 0.403806 20.1497 0.403806 19.8569 0.696699C19.564 0.989593 19.564 1.46447 19.8569 1.75736L24.0995 6L19.8569 10.2426C19.564 10.5355 19.564 11.0104 19.8569 11.3033C20.1497 11.5962 20.6246 11.5962 20.9175 11.3033L25.6905 6.53033ZM0.160156 6V6.75H25.1602V6V5.25H0.160156V6Z" fill="#830dff"/>
7979</svg>
7980
7981                    </button>
7982                </div></form></div>
7983    </div>
7984    
7985    
7986        <div class="logo">
7987            <img src="//girlbeer.com/cdn/shop/files/50d48510d00af4a17ec2690770c8c816b6f93726_b84d4eea-1e13-4d80-94f0-21eee27f3ea2.png?v=1759245362" alt="Girl Beer" width="100" height="auto" loading="lazy">
7988        </div>
7989    
7990
7991    <div class="ctn_policy">
7992        
7993            <a href="/policies/terms-of-service" class="link">
7994                terms & conditions
7995            </a>
7996        
7997            <a href="/pages/accessibility" class="link">
7998                accessibility
7999            </a>
8000        
8001            <a href="/policies/privacy-policy" class="link">
8002                privacy
8003            </a>
8004        
8005            <a href="#site-credits" class="link">
8006                site credits
8007            </a>
8008        
8009        <p class="copyright">
8010            © 2026 All rights reserved
8011        </p>
8012    </div>
8013
8014    <div class="scroll_bar">
8015        <div class="logo-slider">
8016            <div class="logo-track">
8017                
8018                <!-- Repetimos los elementos 6 veces para asegurar que se llene la barra -->
8019                
8020                    
8021                        
8022                            <div class="ctn_txt">
8023                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8024                            </div>
8025                        
8026                    
8027                        
8028                            <div class="ctn_txt">
8029                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8030                            </div>
8031                        
8032                    
8033                
8034                    
8035                        
8036                            <div class="ctn_txt">
8037                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8038                            </div>
8039                        
8040                    
8041                        
8042                            <div class="ctn_txt">
8043                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8044                            </div>
8045                        
8046                    
8047                
8048                    
8049                        
8050                            <div class="ctn_txt">
8051                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8052                            </div>
8053                        
8054                    
8055                        
8056                            <div class="ctn_txt">
8057                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8058                            </div>
8059                        
8060                    
8061                
8062                    
8063                        
8064                            <div class="ctn_txt">
8065                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8066                            </div>
8067                        
8068                    
8069                        
8070                            <div class="ctn_txt">
8071                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8072                            </div>
8073                        
8074                    
8075                
8076                    
8077                        
8078                            <div class="ctn_txt">
8079                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8080                            </div>
8081                        
8082                    
8083                        
8084                            <div class="ctn_txt">
8085                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8086                            </div>
8087                        
8088                    
8089                
8090                    
8091                        
8092                            <div class="ctn_txt">
8093                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8094                            </div>
8095                        
8096                    
8097                        
8098                            <div class="ctn_txt">
8099                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8100                            </div>
8101                        
8102                    
8103                
8104                    
8105                        
8106                            <div class="ctn_txt">
8107                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8108                            </div>
8109                        
8110                    
8111                        
8112                            <div class="ctn_txt">
8113                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8114                            </div>
8115                        
8116                    
8117                
8118                    
8119                        
8120                            <div class="ctn_txt">
8121                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8122                            </div>
8123                        
8124                    
8125                        
8126                            <div class="ctn_txt">
8127                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8128                            </div>
8129                        
8130                    
8131                
8132                    
8133                        
8134                            <div class="ctn_txt">
8135                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8136                            </div>
8137                        
8138                    
8139                        
8140                            <div class="ctn_txt">
8141                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8142                            </div>
8143                        
8144                    
8145                
8146                    
8147                        
8148                            <div class="ctn_txt">
8149                                <p>Development by <a href="https://solomediagroup.com/" target="_blank" title="https://solomediagroup.com/"><strong>SOLOMEDIAGROUP</strong></a></p> 
8150                            </div>
8151                        
8152                    
8153                        
8154                            <div class="ctn_txt">
8155                                <p>Design by <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">Doily Studio</a></p> 
8156                            </div>
8157                        
8158                    
8159                
8160            </div>
8161        </div>
8162    </div>
8163</div>
8164
8165<style data-shopify>
8166    .ctn_footer .scroll_bar {
8167        background: #f5f5f5;
8168        backdrop-filter: blur(27px);
8169    }
8170</style>
8171
8172<script src="//girlbeer.com/cdn/shop/t/24/assets/scroll_bar.js?v=10162875137774685911765479671" type="text/javascript"></script>
8172
8173
8174</footer>
8175<!-- END sections: footer-group -->
8176
8177    <ul hidden>
8178      <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li>
8179      <li id="a11y-new-window-message">Opens in a new window.</li>
8180    </ul>
8181
8182    
8182<script>
8183      window.shopUrl = 'https://girlbeer.com';
8184      window.routes = {
8185        cart_add_url: '/cart/add',
8186        cart_change_url: '/cart/change',
8187        cart_update_url: '/cart/update',
8188        cart_url: '/cart',
8189        predictive_search_url: '/search/suggest',
8190      };
8191
8192      window.cartStrings = {
8193        error: `There was an error while updating your cart. Please try again.`,
8194        quantityError: `You can only add [quantity] of this item to your cart.`,
8195      };
8196      window.variantStrings = {addToCart: `Add to cart`,soldOut: `Sold out`,
8197        unavailable: `Unavailable`,
8198        unavailable_with_option: `[value] - Unavailable`,
8199      };
8200
8201      window.quickOrderListStrings = {
8202        itemsAdded: `[quantity] items added`,
8203        itemAdded: `[quantity] item added`,
8204        itemsRemoved: `[quantity] items removed`,
8205        itemRemoved: `[quantity] item removed`,
8206        viewCart: `View cart`,
8207        each: `[money]/ea`,
8208        min_error: `This item has a minimum of [min]`,
8209        max_error: `This item has a maximum of [max]`,
8210        step_error: `You can only add this item in increments of [step]`,
8211      };
8212
8213      window.accessibilityStrings = {
8214        imageAvailable: `Image [index] is now available in gallery view`,
8215        shareSuccess: `Link copied to clipboard`,
8216        pauseSlideshow: `Pause slideshow`,
8217        playSlideshow: `Play slideshow`,
8218        recipientFormExpanded: `Gift card recipient form expanded`,
8219        recipientFormCollapsed: `Gift card recipient form collapsed`,
8220        countrySelectorSearchCount: `[count] countries/regions found`,
8221      };
8222    </script>
8222<script src="//girlbeer.com/cdn/shop/t/24/assets/predictive-search.js?v=57209189334897115771758914130" defer="defer"></script>
8222<script src="//girlbeer.com/cdn/shop/t/24/assets/cart-drawer.js?v=55168047646470365951764167529" defer="defer"></script>
8222<script>
8223      $(document).ready(function(){
8224          $('.close_btn').click(function(){
8225            $('body').removeClass('overflow-hidden-desktop');
8226            $('.section-header').removeClass('menu-open')
8227            $('#Details-menu-drawer-container').removeClass('menu-opening')
8228            $('#Details-menu-drawer-container').removeAttr('open');
8229            $('.header__icon--menu').attr('aria-expanded',false)
8230        })
8231        
8232        // Initialize WOW.js with specific configuration to avoid conflicts
8233        if (typeof WOW !== 'undefined') {
8234          new WOW({
8235            boxClass: 'wow',
8236            animateClass: 'animate__animated',
8237            offset: 0,
8238            mobile: true,
8239            live: true
8240          }).init();
8241        }
8242      })
8243    </script>
8243
8244  
8244<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
8244
8245</body>
8246</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.