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®ion_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.