CINXE.COM

<!doctype html> <html class="no-js" lang="en" dir="ltr"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0"> <meta name="theme-color" content="#f0f0f0"> <title>HAVN | The Future of PC Cases</title><meta name="description" content="Discover the future of PC cases with HAVN. Explore innovative designs that combine style and performance. Upgrade your setup today!"><link rel="canonical" href="https://havn.global/"><link rel="shortcut icon" href="//havn.global/cdn/shop/files/fav_icon_3c013fa5-4172-455f-bf54-19db25081f6c.png?v=1712819211&width=96"> <link rel="apple-touch-icon" href="//havn.global/cdn/shop/files/fav_icon_3c013fa5-4172-455f-bf54-19db25081f6c.png?v=1712819211&width=180"><link rel="preconnect" href="https://cdn.shopify.com"> <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link rel="preload" href="//havn.global/cdn/fonts/akko/akko_n7.1b3a08aace6096ece505e2b8a5470d806ff8e217.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=fa6bff32ae592dfeb5135455eaa1a690ede1cedfd6a6efd335ee897c9905be6a" as="font" type="font/woff2" crossorigin><link rel="preload" href="//havn.global/cdn/fonts/catamaran/catamaran_n4.e84045be8cd3d4914a3d5046417b639b53601e03.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=c563e4f70a7fbf20d0d766219abc8191e00d9f14747cb64ac972bd6d99ffe127" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website"> <meta property="og:title" content="HAVN | The Future of PC Cases"><meta property="og:image" content="http://havn.global/cdn/shop/files/01_0809_0001_1.png?v=1729214254&width=2048"> <meta property="og:image:secure_url" content="https://havn.global/cdn/shop/files/01_0809_0001_1.png?v=1729214254&width=2048"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="628"><meta property="og:description" content="Discover the future of PC cases with HAVN. Explore innovative designs that combine style and performance. Upgrade your setup today!"><meta property="og:url" content="https://havn.global/"> <meta property="og:site_name" content="HAVN"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="HAVN | The Future of PC Cases"> <meta name="twitter:description" content="Discover the future of PC cases with HAVN. Explore innovative designs that combine style and performance. Upgrade your setup today!"><meta name="twitter:image" content="https://havn.global/cdn/shop/files/01_0809_0001_1.png?crop=center&height=1200&v=1729214254&width=1200"> <meta name="twitter:image:alt" content=""> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://havn.global" }] } </script> <script type="application/ld+json"> [ { "@context": "https://schema.org", "@type": "WebSite", "name": "HAVN", "url": "https:\/\/havn.global", "potentialAction": { "@type": "SearchAction", "target": "https:\/\/havn.global\/search?q={search_term_string}", "query-input": "required name=search_term_string" } }, { "@context": "https://schema.org", "@type": "Organization", "name": "HAVN","logo": "https:\/\/havn.global\/cdn\/shop\/files\/HAVN_LOGO_WIDE.png?v=1710394973\u0026width=512","sameAs": ["https:\/\/www.facebook.com\/HAVNGlobal\/","https:\/\/www.instagram.com\/havnglobal\/","https:\/\/twitter.com\/HAVNGlobal","https:\/\/www.youtube.com\/@HAVNGlobal"],"url": "https:\/\/havn.global" } ] </script><style>/* Typography (heading) */ @font-face { font-family: Akko; font-weight: 700; font-style: normal; font-display: fallback; src: url("//havn.global/cdn/fonts/akko/akko_n7.1b3a08aace6096ece505e2b8a5470d806ff8e217.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=fa6bff32ae592dfeb5135455eaa1a690ede1cedfd6a6efd335ee897c9905be6a") format("woff2"), url("//havn.global/cdn/fonts/akko/akko_n7.e072b6f9852d0348dd87b84f74823d9b27621b9a.woff?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=e5e6d35580c9b2cd54c49b020b61d135d13ad76c5a6916a2fa72f251f6d70c78") format("woff"); } @font-face { font-family: Akko; font-weight: 700; font-style: italic; font-display: fallback; src: url("//havn.global/cdn/fonts/akko/akko_i7.e5ab751909de5ba0f19c285ce557959664b3f923.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=fba1d5c87c924d3b0499a0532d49165dbebbeeca2d5850bba1884ba433cf1704") format("woff2"), url("//havn.global/cdn/fonts/akko/akko_i7.1fd0595e728a1bfb88cb08f57dbf8529d30026cb.woff?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=3ca25240d15bc95e61e4468cc99e2cf0ed79bee63b51191cb5d5911b40f4c369") format("woff"); } /* Typography (body) */ @font-face { font-family: Catamaran; font-weight: 400; font-style: normal; font-display: fallback; src: url("//havn.global/cdn/fonts/catamaran/catamaran_n4.e84045be8cd3d4914a3d5046417b639b53601e03.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=c563e4f70a7fbf20d0d766219abc8191e00d9f14747cb64ac972bd6d99ffe127") format("woff2"), url("//havn.global/cdn/fonts/catamaran/catamaran_n4.5365680d338b8fc183023a5abb3d544296988f08.woff?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=52b13f12025ee02d9e7a364d1fb7633c0466a7f761b8e4b9f0f0e6df6c74eda3") format("woff"); } @font-face { font-family: Catamaran; font-weight: 700; font-style: normal; font-display: fallback; src: url("//havn.global/cdn/fonts/catamaran/catamaran_n7.833cefb687fff43803eb5258b2a69a908a79f6b3.woff2?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=a52e09b48485aa8cf5bebb0b81c0f749fd831167d0d286e3872d080b0d2b3d23") format("woff2"), url("//havn.global/cdn/fonts/catamaran/catamaran_n7.61e26a080765a04cf6b3c3cb52334da048528798.woff?h1=N2U1MGM3LmFjY291bnQubXlzaG9waWZ5LmNvbQ&h2=aGF2bi5nbG9iYWw&hmac=9019acf6c659d47cfd92f821e3b8f550c2e519fe684d0c3b0a2ca0463412d9cc") format("woff"); } :root { /** * --------------------------------------------------------------------- * SPACING VARIABLES * * We are using a spacing inspired from frameworks like Tailwind CSS. * --------------------------------------------------------------------- */ --spacing-0-5: 0.125rem; /* 2px */ --spacing-1: 0.25rem; /* 4px */ --spacing-1-5: 0.375rem; /* 6px */ --spacing-2: 0.5rem; /* 8px */ --spacing-2-5: 0.625rem; /* 10px */ --spacing-3: 0.75rem; /* 12px */ --spacing-3-5: 0.875rem; /* 14px */ --spacing-4: 1rem; /* 16px */ --spacing-4-5: 1.125rem; /* 18px */ --spacing-5: 1.25rem; /* 20px */ --spacing-5-5: 1.375rem; /* 22px */ --spacing-6: 1.5rem; /* 24px */ --spacing-6-5: 1.625rem; /* 26px */ --spacing-7: 1.75rem; /* 28px */ --spacing-7-5: 1.875rem; /* 30px */ --spacing-8: 2rem; /* 32px */ --spacing-8-5: 2.125rem; /* 34px */ --spacing-9: 2.25rem; /* 36px */ --spacing-9-5: 2.375rem; /* 38px */ --spacing-10: 2.5rem; /* 40px */ --spacing-11: 2.75rem; /* 44px */ --spacing-12: 3rem; /* 48px */ --spacing-14: 3.5rem; /* 56px */ --spacing-16: 4rem; /* 64px */ --spacing-18: 4.5rem; /* 72px */ --spacing-20: 5rem; /* 80px */ --spacing-24: 6rem; /* 96px */ --spacing-28: 7rem; /* 112px */ --spacing-32: 8rem; /* 128px */ --spacing-36: 9rem; /* 144px */ --spacing-40: 10rem; /* 160px */ --spacing-44: 11rem; /* 176px */ --spacing-48: 12rem; /* 192px */ --spacing-52: 13rem; /* 208px */ --spacing-56: 14rem; /* 224px */ --spacing-60: 15rem; /* 240px */ --spacing-64: 16rem; /* 256px */ --spacing-72: 18rem; /* 288px */ --spacing-80: 20rem; /* 320px */ --spacing-96: 24rem; /* 384px */ /* Container */ --container-max-width: 1800px; --container-narrow-max-width: 1550px; --container-gutter: var(--spacing-5); --section-outer-spacing-block: var(--spacing-12); --section-inner-max-spacing-block: var(--spacing-10); --section-inner-spacing-inline: var(--container-gutter); --section-stack-spacing-block: var(--spacing-8); /* Grid gutter */ --grid-gutter: var(--spacing-5); /* Product list settings */ --product-list-row-gap: var(--spacing-8); --product-list-column-gap: var(--grid-gutter); /* Form settings */ --input-gap: var(--spacing-2); --input-height: 2.625rem; --input-padding-inline: var(--spacing-4); /* Other sizes */ --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px)); /* RTL support */ --transform-logical-flip: 1; --transform-origin-start: left; --transform-origin-end: right; /** * --------------------------------------------------------------------- * TYPOGRAPHY * --------------------------------------------------------------------- */ /* Font properties */ --heading-font-family: Akko, sans-serif; --heading-font-weight: 700; --heading-font-style: normal; --heading-text-transform: normal; --heading-letter-spacing: 0.01em; --text-font-family: Catamaran, serif; --text-font-weight: 400; --text-font-style: normal; --text-letter-spacing: 0.0em; /* Font sizes */ --text-h0: 3rem; --text-h1: 2.5rem; --text-h2: 2rem; --text-h3: 1.5rem; --text-h4: 1.375rem; --text-h5: 1.125rem; --text-h6: 1rem; --text-xs: 0.6875rem; --text-sm: 0.75rem; --text-base: 0.875rem; --text-lg: 1.125rem; /** * --------------------------------------------------------------------- * COLORS * --------------------------------------------------------------------- */ /* Color settings */--accent: 26 26 26; --text-primary: 26 26 26; --background-primary: 240 240 240; --dialog-background: 255 255 255; --border-color: var(--text-color, var(--text-primary)) / 0.12; /* Button colors */ --button-background-primary: 26 26 26; --button-text-primary: 255 255 255; --button-background-secondary: 221 55 20; --button-text-secondary: 240 240 240; /* Status colors */ --success-background: 227 251 231; --success-text: 20 221 55; --warning-background: 251 241 227; --warning-text: 221 135 20; --error-background: 251 231 227; --error-text: 221 55 20; /* Product colors */ --on-sale-text: 221 55 20; --on-sale-badge-background: 221 55 20; --on-sale-badge-text: 255 255 255; --sold-out-badge-background: 0 0 0; --sold-out-badge-text: 255 255 255; --primary-badge-background: 55 20 221; --primary-badge-text: 255 255 255; --star-color: 221 135 20; --product-card-background: 255 255 255; --product-card-text: 26 26 26; /* Header colors */ --header-background: 240 240 240; --header-text: 26 26 26; /* Footer colors */ --footer-background: 255 255 255; --footer-text: 26 26 26; /* Rounded variables (used for border radius) */ --rounded-xs: 0.25rem; --rounded-sm: 0.375rem; --rounded: 0.75rem; --rounded-lg: 1.5rem; --rounded-full: 9999px; --rounded-button: 3.75rem; --rounded-input: 0.5rem; /* Box shadow */ --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1); --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1); --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1); --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1); /** * --------------------------------------------------------------------- * OTHER * --------------------------------------------------------------------- */ --cursor-close-svg-url: url(//havn.global/cdn/shop/t/9/assets/cursor-close.svg?v=147174565022153725511709281569); --cursor-zoom-in-svg-url: url(//havn.global/cdn/shop/t/9/assets/cursor-zoom-in.svg?v=154953035094101115921709281569); --cursor-zoom-out-svg-url: url(//havn.global/cdn/shop/t/9/assets/cursor-zoom-out.svg?v=16155520337305705181709281569); --checkmark-svg-url: url(//havn.global/cdn/shop/t/9/assets/checkmark.svg?v=77552481021870063511709281569); } [dir="rtl"]:root { /* RTL support */ --transform-logical-flip: -1; --transform-origin-start: right; --transform-origin-end: left; } @media screen and (min-width: 700px) { :root { /* Typography (font size) */ --text-h0: 4rem; --text-h1: 3rem; --text-h2: 2.5rem; --text-h3: 2rem; --text-h4: 1.625rem; --text-h5: 1.25rem; --text-h6: 1.125rem; --text-xs: 0.75rem; --text-sm: 0.875rem; --text-base: 1.0rem; --text-lg: 1.25rem; /* Spacing */ --container-gutter: 2rem; --section-outer-spacing-block: var(--spacing-16); --section-inner-max-spacing-block: var(--spacing-12); --section-inner-spacing-inline: var(--spacing-12); --section-stack-spacing-block: var(--spacing-12); /* Grid gutter */ --grid-gutter: var(--spacing-6); /* Product list settings */ --product-list-row-gap: var(--spacing-12); /* Form settings */ --input-gap: 1rem; --input-height: 3.125rem; --input-padding-inline: var(--spacing-5); } } @media screen and (min-width: 1000px) { :root { /* Spacing settings */ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-18); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1150px) { :root { /* Spacing settings */ --container-gutter: var(--spacing-12); --section-outer-spacing-block: var(--spacing-20); --section-inner-max-spacing-block: var(--spacing-16); --section-inner-spacing-inline: var(--spacing-16); --section-stack-spacing-block: var(--spacing-12); } } @media screen and (min-width: 1400px) { :root { /* Typography (font size) */ --text-h0: 5rem; --text-h1: 3.75rem; --text-h2: 3rem; --text-h3: 2.25rem; --text-h4: 2rem; --text-h5: 1.5rem; --text-h6: 1.25rem; --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-18); --section-inner-spacing-inline: var(--spacing-18); } } @media screen and (min-width: 1600px) { :root { --section-outer-spacing-block: var(--spacing-24); --section-inner-max-spacing-block: var(--spacing-20); --section-inner-spacing-inline: var(--spacing-20); } } /** * --------------------------------------------------------------------- * LIQUID DEPENDANT CSS * * Our main CSS is Liquid free, but some very specific features depend on * theme settings, so we have them here * --------------------------------------------------------------------- */@media screen and (pointer: fine) { .button:not([disabled]):hover, .btn:not([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover { --button-background-opacity: 0.85; } .button--subdued:not([disabled]):hover { --button-background: var(--text-color) / .05 !important; } }</style><script> document.documentElement.classList.replace('no-js', 'js'); // This allows to expose several variables to the global scope, to be used in scripts window.themeVariables = { settings: { showPageTransition: true, headingApparition: "fade", pageType: "index", moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", currencyCodeEnabled: false, cartType: "popover", showDiscount: true, discountMode: "saving" }, strings: { accessibilityClose: "Close", accessibilityNext: "Next", accessibilityPrevious: "Previous", addToCartButton: "Add to cart", soldOutButton: "Sold out", preOrderButton: "Pre-order", unavailableButton: "Unavailable", closeGallery: "Close gallery", zoomGallery: "Zoom", errorGallery: "Image cannot be loaded", soldOutBadge: "Sold out", discountBadge: "Save @@", sku: "SKU:", searchNoResults: "No results could be found.", addOrderNote: "Add order note", editOrderNote: "Edit order note", shippingEstimatorNoResults: "Sorry, we do not ship to your address.", shippingEstimatorOneResult: "There is one shipping rate for your address:", shippingEstimatorMultipleResults: "There are several shipping rates for your address:", shippingEstimatorError: "One or more error occurred while retrieving shipping rates:" }, breakpoints: { 'sm': 'screen and (min-width: 700px)', 'md': 'screen and (min-width: 1000px)', 'lg': 'screen and (min-width: 1150px)', 'xl': 'screen and (min-width: 1400px)', 'sm-max': 'screen and (max-width: 699px)', 'md-max': 'screen and (max-width: 999px)', 'lg-max': 'screen and (max-width: 1149px)', 'xl-max': 'screen and (max-width: 1399px)' } };window.addEventListener('DOMContentLoaded', () => { const isReloaded = (window.performance.navigation && window.performance.navigation.type === 1) || window.performance.getEntriesByType('navigation').map((nav) => nav.type).includes('reload'); if ('animate' in document.documentElement && window.matchMedia('(prefers-reduced-motion: no-preference)').matches && document.referrer.includes(location.host) && !isReloaded) { document.body.animate({opacity: [0, 1]}, {duration: 115, fill: 'forwards'}); } }); window.addEventListener('pageshow', (event) => { document.body.classList.remove('page-transition'); if (event.persisted) { document.body.animate({opacity: [0, 1]}, {duration: 0, fill: 'forwards'}); } });// For detecting native share document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script><script type="module" src="//havn.global/cdn/shop/t/9/assets/jquery-min-1-7-1.js?v=159969339303273603591726130300"></script> <script type="module" src="//havn.global/cdn/shop/t/9/assets/vendor.min.js?v=114992621884149252901709281569"></script> <script type="module" src="//havn.global/cdn/shop/t/9/assets/theme.js?v=170936167789973988301724400457"></script> <script type="module" src="//havn.global/cdn/shop/t/9/assets/sections.js?v=121763889611992222871724927858"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/62279680137/digital_wallets/dialog"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="shopify-features" type="application/json">{"accessToken":"03d5dc891f94e615e899b58df395e8d2","betas":["rich-media-storefront-analytics"],"domain":"havn.global","predictiveSearch":true,"shopId":62279680137,"smart_payment_buttons_url":"https:\/\/havn.global\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/havn.global\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "7e50c7.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"HAVN Theme","id":131980492937,"schema_name":"Impact","schema_version":"5.1.1","theme_store_id":1190,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "havn.global/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script> <script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/crossborder-integration.global-e.com\/resources\/js\/app?shop=7e50c7.myshopify.com","\/\/cdn.shopify.com\/proxy\/461fadfd710e46a677b0d1e01ae3b18dbd526a668a49c47d6737bcf7087b0d1c\/web.global-e.com\/merchant\/storefrontattributes?merchantid=30000546\u0026shop=7e50c7.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":62279680137,"offset":3600,"reqid":"7b707ee8-af9a-4089-9f4b-026406557659-1733903805","pageurl":"havn.global\/","u":"83acdaa23a00","p":"home"};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}function i(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=c.action?c:{data:c};for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch{}}const u='password',m='form_key',f=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',u],d=()=>{try{return window.sessionStorage}catch{return}},p=t=>t.elements[m],l='form_type',h='cptcha';function _(t){t.dataset[h]=!0}const y=window,E=y.document,v='Shopify',g='ce_forms',T='captcha';let S=!1;((t,e)=>{const n=(w='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.0.iife.js',A={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=y[v][g],c=o.bindForm;if(c)return c(t,w,e,A).then(n);o.q.push([[t,w,e,A],n]),S||(E.body.append(Object.assign(E.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.0.iife.js'})),S=!0)});var w,A;y[v]=y[v]||{},y[v][g]=y[v][g]||{},y[v][g].q=[],y[v][T]=y[v][T]||{},y[v][T].protect=function(t,e){n(t,void 0,e),_(t)},Object.freeze(y[v][T]),function(t,e,n,y,E,v){const[g,T,S,w]=function(t,e,n){const i=e?o:[],u=t?c:[],m=[...i,...u],f=r(m),d=r(i),p=n&&r(m.filter((([t,e])=>n.includes(e))));return[a(f),a(d),a(p),s()]}(y,E,v),A=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},b=t=>g().includes(t);t.addEventListener('submit',(t=>{const e=A(t);if(!e)return;const n=b(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=p(e),c=w().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!d())return;!function(t){const e=d();if(!e)return;const n=p(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){p(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:m})),t.elements[m].value=e}(t,e),function(t,e){const n=d();if(!n)return;const o=[...t.querySelectorAll(`input[type='${u}']`)].map((({name:t})=>t)),c=[...f,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const I=(t,e)=>{t&&!t.dataset[h]&&(n(t,e.some((e=>e===t))),_(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=A(t);b(e)&&I(e,T())}));const O=e.get('form_key'),R=e.get(l),L=O&&R;t.addEventListener('DOMContentLoaded',(()=>{const t=T();if(L)for(const e of t)e.elements[l].value===R&&i(e,O);[...new Set([...S(),...g().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>I(e,t)))}))}(E,new URLSearchParams(y.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//havn.global/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//havn.global/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script id='scb4127' type='text/javascript' async='' src='https://havn.global/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <link href="//havn.global/cdn/shop/t/9/assets/theme.css?v=173124234160913256231709281569" rel="stylesheet" type="text/css" media="all" /><link href="//havn.global/cdn/shop/t/9/assets/havn.css?v=291610980656335841728893894" rel="stylesheet" type="text/css" media="all" /><script type="module" src="//havn.global/cdn/shop/t/9/assets/havn.js?v=164977399187506252791724400426"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 62279680137,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( $\w+$|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 62279680137,storefrontBaseUrl: "https://havn.global",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"282329225","configuration":"{\"accountId\":\"Global-e\",\"merchantId\":\"30000546\",\"baseApiUrl\":\"https:\/\/checkout-service.global-e.com\/api\/v1\",\"siteId\":\"7ce243a1e1a2\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"63dc5a0c929c06f9327ffe6b6a232a96","type":"APP","apiClientId":5806573,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"29130889","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"6","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Google Tag Manager"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"HAVN","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"7e50c7.myshopify.com","countryCode":"DE","storefrontUrl":"https:\/\/havn.global"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://havn.global/cdn","b27e9ba05154133ea09b5744abc6221f089fce06","417a2555wec646399p8179bc53m9a4f51a3",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"page":{"pageType":"home"}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 62279680137, theme_id: 131980492937, app_name: "storefront", context_url: window.location.href, source_url: "//havn.global/cdn/s/trekkie.storefront.99dbbdfeb1f3090da185887d7e078889edcb783c.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//havn.global/cdn/s/trekkie.storefront.99dbbdfeb1f3090da185887d7e078889edcb783c.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//havn.global/cdn/s/trekkie.storefront.99dbbdfeb1f3090da185887d7e078889edcb783c.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":62279680137,"isMerchantRequest":null,"themeId":131980492937,"themeCityHash":"5985901012618962422","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"home"}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//havn.global/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Impact"; window.BOOMR.themeVersion = "5.1.1"; window.BOOMR.shopId = 62279680137; window.BOOMR.themeId = 131980492937; })();</script> <script defer src="https://havn.global/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="62279680137" data-render-region="gcp-europe-west3" data-page-type="index" data-theme-instance-id="131980492937" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body class="page-transition zoom-image--enabled">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WFX2NVRW" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <template id="drawer-default-template"> <style> [hidden] { display: none !important; } </style> <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> <div part="overlay"></div> <div part="content"> <header part="header"> <slot name="header"></slot> <button part="close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> </header> <div part="body"> <slot></slot> </div> <footer part="footer"> <slot name="footer"></slot> </footer> </div> </template>  <template id="popover-default-template"> <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> <div part="overlay"></div> <div part="content"> <header part="title"> <slot name="title"></slot> </header> <div part="body"> <slot></slot> </div> </div> </template><a href="#main" class="skip-to-content sr-only">Skip to content</a> <header id="shopify-section-sections--16256385712265__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style> :root { --sticky-header-enabled:1; } #shopify-section-sections--16256385712265__header { --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr); --header-padding-block: var(--spacing-4-5); --header-background-opacity: 1.0; --header-background-blur-radius: 0px; --header-transparent-text-color: 255 255 255;--header-logo-width: 100px; --header-logo-height: 38px;position: sticky; top: 0; z-index: 10; }.shopify-section--announcement-bar ~ #shopify-section-sections--16256385712265__header { top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px)); }@media screen and (min-width: 700px) { #shopify-section-sections--16256385712265__header {--header-logo-width: 220px; --header-logo-height: 83px;--header-padding-block: var(--spacing-8-5); } }@media screen and (min-width: 1150px) {#shopify-section-sections--16256385712265__header { --header-grid-template: "logo main-nav secondary-nav" / minmax(0, 1fr) fit-content(70%) minmax(0, 1fr); } }</style> <height-observer variable="header"> <store-header class="header" sticky> <div class="header__wrapper"><div class="header__main-nav"> <div class="header__icon-list"> <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu"> <span class="sr-only">Open navigation menu</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-hamburger" viewBox="0 0 22 22"> <path d="M1 5h20M1 11h20M1 17h20" stroke="currentColor" stroke-linecap="round"></path> </svg></button> <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer"> <span class="sr-only">Open search</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22"> <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle> <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg></a><nav class="header__link-list justify-center wrap" role="navigation"> <ul class="contents" role="list"> <li><a href="/collections/pc-cases" class="bold link-faded-reverse" >Products</a></li> <li><details class="relative" is="dropdown-disclosure" trigger="click"> <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/pages/about-us">About HAVN<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7"> <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg></summary> <div class="dropdown-menu dropdown-menu--restrictable"> <ul class="contents" role="list"><li><a href="/pages/about-us" class="dropdown-menu__item group" > <span><span class="reversed-link">The HAVN Story</span></span> </a></li><li><a href="/pages/development-process" class="dropdown-menu__item group" > <span><span class="reversed-link">Development Process</span></span> </a></li></ul> </div> </details></li> <li><a href="/pages/retailers" class="bold link-faded-reverse" >Where to Buy</a></li> <li><details class="relative" is="dropdown-disclosure" trigger="click"> <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="https://havnglobal.zendesk.com/hc/en-us">Support<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7"> <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg></summary> <div class="dropdown-menu dropdown-menu--restrictable"> <ul class="contents" role="list"><li><a href="https://havnglobal.zendesk.com/hc/en-us/sections/18007298157981" class="dropdown-menu__item group" > <span><span class="reversed-link">FAQ</span></span> </a></li><li><a href="https://havnglobal.zendesk.com/hc/en-us/p/downloads" class="dropdown-menu__item group" > <span><span class="reversed-link">Downloads</span></span> </a></li><li><a href="https://havnglobal.zendesk.com/hc/en-us/requests/new" class="dropdown-menu__item group" > <span><span class="reversed-link">Submit a Request</span></span> </a></li><li><a href="/pages/warranty" class="dropdown-menu__item group" > <span><span class="reversed-link">Warranty</span></span> </a></li><li><a href="/pages/extended-warranty" class="dropdown-menu__item group" > <span><span class="reversed-link">Extended Warranty</span></span> </a></li></ul> </div> </details></li></ul> </nav></div> </div><h1 class="header__logo"> <a href="/"><span class="sr-only">HAVN</span><img src="//havn.global/cdn/shop/files/havn_logo_blk.png?v=1733730007&width=400" alt="" srcset="//havn.global/cdn/shop/files/havn_logo_blk.png?v=1733730007&width=400 400w, //havn.global/cdn/shop/files/havn_logo_blk.png?v=1733730007&width=400 400w" width="400" height="150" sizes="220px" class="header__logo-image"><img src="//havn.global/cdn/shop/files/havn_logo_w.png?v=1733730006&width=400" alt="" srcset="//havn.global/cdn/shop/files/havn_logo_w.png?v=1733730006&width=400 400w, //havn.global/cdn/shop/files/havn_logo_w.png?v=1733730006&width=400 400w" width="400" height="150" sizes="220px" class="header__logo-image header__logo-image--transparent"></a> </h1> <div class="header__secondary-nav"><div class="header__icon-list"><a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer"> <span class="sr-only">Open search</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22"> <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle> <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg></a><a href="/account/login" class="hidden tap-area sm:block"> <span class="sr-only">Open account page</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-account" viewBox="0 0 22 22"> <circle cx="11" cy="7" r="4" fill="none" stroke="currentColor"></circle> <path d="M3.5 19c1.421-2.974 4.247-5 7.5-5s6.079 2.026 7.5 5" fill="none" stroke="currentColor" stroke-linecap="round"></path> </svg></a><a href="/cart" data-no-instant class="relative tap-area" aria-controls="cart-drawer"> <span class="sr-only">Open cart</span><svg role="presentation" stroke-width="2" focusable="false" width="22" height="22" class="icon icon-cart" viewBox="0 0 22 22"> <path d="M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg><div class="header__cart-count"> <cart-count class="count-bubble opacity-0" aria-hidden="true">0</cart-count> </div> </a> </div> </div> </div> </store-header> </height-observer><navigation-drawer mobile-opening="bottom" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" > <button is="close-button" aria-label="Close"class="sm-max:hidden"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button><div class="panel-list__wrapper"> <div class="panel"> <div class="panel__wrapper" > <div class="panel__scroller v-stack gap-8"><ul class="v-stack gap-4"> <li class="h3 sm:h4"><a href="/collections/pc-cases" class="group block w-full"> <span><span class="reversed-link">Products</span></span> </a></li> <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0"> <span>About HAVN</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li> <li class="h3 sm:h4"><a href="/pages/retailers" class="group block w-full"> <span><span class="reversed-link">Where to Buy</span></span> </a></li> <li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1"> <span>Support</span> <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></span> </button></li></ul></div><div class="panel-footer v-stack gap-5"><ul class="social-media " role="list"><li> <a href="https://www.facebook.com/havn.global/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://twitter.com/HAVNGlobal" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24"> <path d="M16.94 4h2.715l-5.93 6.777L20.7 20h-5.462l-4.278-5.593L6.065 20H3.35l6.342-7.25L3 4h5.6l3.868 5.113L16.94 4Zm-.952 14.375h1.504L7.784 5.54H6.17l9.818 12.836Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.instagram.com/havnglobal/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.youtube.com/@HAVNGlobal" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/> </svg></a> </li></ul><div class="panel-footer__localization-wrapper h-stack gap-6 border-t md:hidden"><a href="/account" class="panel-footer__account-link bold text-sm">Account</a></div></div></div> </div><div class="panel gap-8"> <div class="panel__wrapper" hidden> <ul class="v-stack gap-4"> <li class="lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>About HAVN </button> </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/about-us"><span><span class="reversed-link">The HAVN Story</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/development-process"><span><span class="reversed-link">Development Process</span></span> </a></li></ul></div><div class="panel__wrapper" hidden> <ul class="v-stack gap-4"> <li class="lg:hidden"> <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10"> <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path> </svg>Support </button> </li><li class="h3 sm:h4"><a class="group block w-full" href="https://havnglobal.zendesk.com/hc/en-us/sections/18007298157981"><span><span class="reversed-link">FAQ</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="https://havnglobal.zendesk.com/hc/en-us/p/downloads"><span><span class="reversed-link">Downloads</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="https://havnglobal.zendesk.com/hc/en-us/requests/new"><span><span class="reversed-link">Submit a Request</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/warranty"><span><span class="reversed-link">Warranty</span></span> </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/extended-warranty"><span><span class="reversed-link">Extended Warranty</span></span> </a></li></ul></div> </div></div></navigation-drawer><script> document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--16256385712265__header').clientHeight) + 'px'); </script> </header>  <div id="shopify-section-sections--16256386760841__newsletter-popup" class="shopify-section shopify-section-group-overlay-group shopify-section--popup"><newsletter-popup id="newsletter-drawer" open-from="right" class="drawer newsletter-drawer" only-once apparition-delay="5" handle-section-events> <button is="close-button" aria-label="Close" class="sm-max:hidden"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button><div class="newsletter-drawer__content v-stack gap-4 text-center"> <div class="v-stack gap-6"><p class="h5">Signup for our newsletter</p><form method="post" action="/contact#newsletter-sections--16256386760841__newsletter-popup" id="newsletter-sections--16256386760841__newsletter-popup" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><div class="fieldset"> <input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-sections--16256386760841__newsletter-popup--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " autocomplete="email" required ><label for="input-sections--16256386760841__newsletter-popup--contactemail" class="floating-label">E-mail</label></div></div> <button type="submit" class="button button--xl" is="custom-button" > <div class="text-with-icon justify-center"><svg role="presentation" fill="none" focusable="false" stroke-width="2" width="18" height="18" class="icon icon-picto-envelope" viewBox="0 0 24 24"> <path d="M1.77 18.063a3.586 3.586 0 0 0 3.174 3.11c2.278.24 4.637.49 7.056.49 2.417 0 4.778-.252 7.056-.49a3.584 3.584 0 0 0 3.175-3.11c.243-1.96.483-3.987.483-6.063 0-2.074-.24-4.102-.483-6.063a3.586 3.586 0 0 0-3.175-3.112c-2.278-.236-4.639-.487-7.056-.487s-4.778.252-7.056.49a3.583 3.583 0 0 0-3.175 3.11c-.243 1.96-.483 3.988-.483 6.062 0 2.074.24 4.102.483 6.063Z" fill="currentColor" fill-opacity=".12" stroke="currentColor" stroke-linejoin="round"/> <path d="m1.817 5.493 8.06 6.356a3.428 3.428 0 0 0 4.245 0l8.06-6.356" stroke="currentColor" stroke-linejoin="round"/> </svg>Subscribe</div></button></form></div><p class="text-xs text-subdued">Stay ahead of the game. Sign up for exclusive updates.</p></div> </newsletter-popup></div><div id="shopify-section-sections--16256386760841__privacy-banner" class="shopify-section shopify-section-group-overlay-group shopify-section--privacy-banner"><privacy-bar class="privacy-bar" hidden> <div class="privacy-bar__inner"> <button type="button" class="privacy-bar__close" data-action="close"> <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="10" height="10" class="icon icon-delete" viewBox="0 0 10 10"> <path d="m.757.757 8.486 8.486m-8.486 0L9.243.757" stroke="currentColor"></path> </svg></button> <div class="v-stack gap-4"> <div class="v-stack gap-2"><p class="bold">Cookie policy</p><div class="prose text-xs"><p>We use cookies and similar technologies to provide the best experience on our website. Refer to our Privacy Policy for more information.</p></div></div> <div class="h-stack gap-2"> <button type="button" class="button button--sm" data-action="accept">Accept</button> <button type="button" class="button button--sm button--subdued" data-action="decline">Decline</button> </div> </div> </div> </privacy-bar> </div><div id="shopify-section-sections--16256386760841__cart-drawer" class="shopify-section shopify-section-group-overlay-group"><cart-drawer class="cart-drawer drawer drawer--lg" id="cart-drawer"><button is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> <div class="empty-state align-self-center"> <div class="empty-state__icon-wrapper"><svg role="presentation" stroke-width="1" focusable="false" width="32" height="32" class="icon icon-cart" viewBox="0 0 22 22"> <path d="M11 7H3.577A2 2 0 0 0 1.64 9.497l2.051 8A2 2 0 0 0 5.63 19H16.37a2 2 0 0 0 1.937-1.503l2.052-8A2 2 0 0 0 18.422 7H11Zm0 0V1" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path> </svg><span class="count-bubble count-bubble--lg">0</span> </div> <div class="prose"> <p class="h5">Your cart is empty</p> <a class="button button--xl" href="/collections/all" >Continue shopping</a></div> </div></cart-drawer> </div><div id="shopify-section-sections--16256386760841__search-drawer" class="shopify-section shopify-section-group-overlay-group"><search-drawer class="search-drawer drawer drawer--lg" id="search-drawer"> <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search"> <div class="search-input"> <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search"> <button type="reset" class="text-subdued">Clear</button> <button type="button" is="close-button"> <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24"> <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path> </svg></button> </div> <style> #shopify-section-sections--16256386760841__search-drawer { --predictive-search-column-count: 3; } </style> <input type="hidden" name="type" value="product"> <predictive-search class="predictive-search" section-id="sections--16256386760841__search-drawer"><div slot="results"></div> <div slot="loading"> <div class="v-stack gap-5 sm:gap-6 "> <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div> <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div><div class="h-stack align-center gap-5 sm:gap-6"> <span class="skeleton skeleton--thumbnail"></span> <div class="v-stack gap-3 w-full"> <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span> <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span> </div> </div></div> </div></div> </predictive-search> </form> </search-drawer> </div> <cart-notification-drawer open-from="bottom" class="quick-buy-drawer drawer"></cart-notification-drawer><main role="main" id="main" class="anchor"> <section id="shopify-section-template--16256389578889__slideshow" class="shopify-section shopify-section--slideshow"><style>#shopify-section-template--16256389578889__slideshow { --slideshow-background: linear-gradient(60deg, rgba(60, 65, 68, 1), rgba(23, 29, 33, 1) 98%); --slideshow-controls-background: ; --slideshow-controls-color: 255 255 255;margin-block-start: calc(-1 * var(--header-height) * var(--section-is-first));}#block-video_pXGAy3 {--slideshow-slide-background: linear-gradient(60deg, rgba(60, 65, 68, 1), rgba(23, 29, 33, 1) 98%); --slideshow-slide-controls-background: ; --slideshow-slide-controls-color: 255 255 255; }</style><x-slideshow class="slideshow " allow-transparent-header><slideshow-carousel id="slideshow-template--16256389578889__slideshow" class="slideshow__carousel" reveal-on-scroll="true" selector=".slideshow__slide" transition="fade_with_text" autoplay="6" role="region"><div id="block-video_pXGAy3" class="slideshow__slide is-selected" data-slide-type="video" role="group" ><div class="content-over-media content-over-media--auto " style="--content-over-media-content-max-width: 780px; --content-over-media-overlay: 0 0 0 / 0.0"><video-media style="--aspect-ratio: 1.775"><video playsinline="true" preload="metadata" muted="muted" loop="loop" poster="//havn.global/cdn/shop/files/preview_images/1f207c737e8545c6be859624cce4bcdc.thumbnail.0000000000_800x.jpg?v=1728909058"><source src="//havn.global/cdn/shop/videos/c/vp/1f207c737e8545c6be859624cce4bcdc/1f207c737e8545c6be859624cce4bcdc.HD-1080p-7.2Mbps-36266199.mp4?v=0" type="video/mp4"><img src="//havn.global/cdn/shop/files/preview_images/1f207c737e8545c6be859624cce4bcdc.thumbnail.0000000000_800x.jpg?v=1728909058"></video></video-media><div class="place-self-center text-center sm:place-self-center sm:text-center text-custom"style="--text-color: 255 255 255;"> <div class="prose"></div> </div> </div></div></slideshow-carousel> </x-slideshow> </section><section id="shopify-section-template--16256389578889__media_with_text_7mPjEd" class="shopify-section shopify-section--media-with-text"><style> #shopify-section-template--16256389578889__media_with_text_7mPjEd { --section-background-hash: 0; } #shopify-section-template--16256389578889__media_with_text_7mPjEd + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--16256389578889__media_with_text_7mPjEd { --media-with-text-gap: 0; --media-with-text-item-grid-template: "media" "content" / auto; } @media screen and (min-width: 1000px) { #shopify-section-template--16256389578889__media_with_text_7mPjEd { --media-with-text-gap: 0; } }#block-template--16256389578889__media_with_text_7mPjEd-image_TTichr { --media-with-text-item-icon-width: 48px; } @media screen and (min-width: 1000px) { #block-template--16256389578889__media_with_text_7mPjEd-image_TTichr { --media-with-text-item-grid-template: "media content" / minmax(0, 1.0fr) minmax(0, 1.0fr); } }#block-template--16256389578889__media_with_text_7mPjEd-image_WxKj6B { --media-with-text-item-icon-width: 48px; } @media screen and (min-width: 1000px) { #block-template--16256389578889__media_with_text_7mPjEd-image_WxKj6B { --media-with-text-item-grid-template: "content media" / minmax(0, 1.0fr) minmax(0, 1.0fr); } }</style><div class="section section-blends section-full"> <media-with-text class="media-with-text rounded"><div id="block-template--16256389578889__media_with_text_7mPjEd-image_TTichr" class="media-with-text__item" > <div class="media-with-text__media " reveal-on-scroll="true"> <img src="//havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=2000" alt="" srcset="//havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=300 300w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=400 400w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=500 500w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=600 600w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=700 700w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=800 800w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=1000 1000w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=1200 1200w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=1400 1400w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=1600 1600w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=1800 1800w, //havn.global/cdn/shop/files/havn_features_hs420_f4.jpg?v=1724056463&width=2000 2000w" width="2000" height="1300" loading="lazy" sizes="(max-width: 999px) 100vw, min(900px, 50vw)"></div><div class="media-with-text__content bg-custom text-custom"style="--background: 255 255 255; --text-color: 26 26 26;"> <div class="prose break-all place-self-center text-center" reveal-on-scroll="true"><h2>HS 420 PC Case</h2><p>The HS 420 is a masterpiece of functional beauty and user-centric innovation. Its elegant panoramic design, hybrid structure, optimized airflow, and unique cable management system make it the ideal home for your gaming setup. This mid-tower case seamlessly blends style and performance, calling you back to your gaming haven.</p> <a class="button button--xl" style="--button-background: 221 55 20 / var(--button-background-opacity, 1);--button-outline-color: 221 55 20;" href="/products/hs-420" >View more</a></div> </div> </div><div id="block-template--16256389578889__media_with_text_7mPjEd-image_WxKj6B" class="media-with-text__item" > <div class="media-with-text__media " reveal-on-scroll="true"> <img src="//havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=2000" alt="" srcset="//havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=300 300w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=400 400w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=500 500w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=600 600w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=700 700w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=800 800w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=1000 1000w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=1200 1200w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=1400 1400w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=1600 1600w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=1800 1800w, //havn.global/cdn/shop/files/havn_features_hs420_vgpu_f2.jpg?v=1724207118&width=2000 2000w" width="2000" height="1300" loading="lazy" sizes="(max-width: 999px) 100vw, min(900px, 50vw)"></div><div class="media-with-text__content bg-custom text-custom"style="--background: 255 255 255; --text-color: 26 26 26;"> <div class="prose break-all place-self-center text-center" reveal-on-scroll="true"><h2>HS 420 VGPU PC Case</h2><p>The HS 420 VGPU PC case is expertly crafted by the HAVN team to deliver best-in-class GPU airflow. This mid-tower case includes a VGPU Mount Kit and a PCI Express® 5.0 X16 riser cable, ensuring your high-performance build is optimized for peak performance and offers stunning visuals that are a sight to behold.</p> <a class="button button--xl" style="--button-background: 221 55 20 / var(--button-background-opacity, 1);--button-outline-color: 221 55 20;" href="/products/hs-420-vgpu" >View more</a></div> </div> </div></media-with-text> </div> <style> #shopify-section-template--16256389578889__media_with_text_7mPjEd .section-full {padding: 0; background-color: #fff;} #shopify-section-template--16256389578889__media_with_text_7mPjEd .rounded {border-radius: initial;} #shopify-section-template--16256389578889__media_with_text_7mPjEd .prose {padding: 0 10%;} </style></section><section id="shopify-section-template--16256389578889__image_with_text_overlay_7PNyrb" class="shopify-section shopify-section--image-with-text-overlay"><style> #shopify-section-template--16256389578889__image_with_text_overlay_7PNyrb {--section-outer-spacing-block: 0;--content-over-media-overlay: 0 0 0 / 0.5;} </style> <div class="section section-blends section-full text-custom"style="--text-color: 255 255 255;" ><image-banner reveal-on-scroll="true" parallax="0.3" class="content-over-media content-over-media--lg full-bleed text-custom"style="--text-color: 255 255 255;"><img src="//havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=3200" alt="" srcset="//havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=200 200w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=300 300w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=400 400w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=500 500w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=600 600w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=700 700w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=800 800w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=900 900w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=1000 1000w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=1200 1200w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=1400 1400w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=1600 1600w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=1800 1800w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=2000 2000w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=2200 2200w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=2400 2400w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=2600 2600w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=2800 2800w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=3000 3000w, //havn.global/cdn/shop/files/havn_index_banner-1.jpg?v=1720428975&width=3200 3200w" width="3200" height="1600" loading="lazy" sizes="100vw" class=""><div class="place-self-center text-center sm:place-self-center sm:text-center"> <div class="prose"><h2 reveal-on-scroll="true" >Explore Our Development Process</h2><div ><p>Our team's ultimate goal is to cultivate a profound connection of mutual respect between designer and builder, ensuring every creation is a true collaboration.</p></div> <a class="button" style="--button-background: 221 55 20 / var(--button-background-opacity, 1);--button-outline-color: 221 55 20;" href="/pages/development-process" >Learn more</a> </div> </div></image-banner> </div> </section><section id="shopify-section-template--16256389578889__multi_column_W7xx4K" class="shopify-section shopify-section--multi-column"><style> #shopify-section-template--16256389578889__multi_column_W7xx4K { --section-background-hash: 0; } #shopify-section-template--16256389578889__multi_column_W7xx4K + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--16256389578889__multi_column_W7xx4K { --multi-column-grid: auto / auto-flow 73vw; --multi-column-list-gap: var(--spacing-28); } </style> <div class="section section-blends section-full"> <div class="section-stack"><div class="multi-column scroll-area bleed md:unbleed"><div class="multi-column__item justify-center snap-start" style="--multi-column-item-column-count: span 4" ><img src="//havn.global/cdn/shop/files/havn_index_media_1_1ab76f66-aca1-4abc-9331-56245160a7dd.jpg?v=1720421813&width=500" alt="" srcset="//havn.global/cdn/shop/files/havn_index_media_1_1ab76f66-aca1-4abc-9331-56245160a7dd.jpg?v=1720421813&width=300 300w, //havn.global/cdn/shop/files/havn_index_media_1_1ab76f66-aca1-4abc-9331-56245160a7dd.jpg?v=1720421813&width=400 400w, //havn.global/cdn/shop/files/havn_index_media_1_1ab76f66-aca1-4abc-9331-56245160a7dd.jpg?v=1720421813&width=500 500w" width="500" height="170" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1800px, 100vw) / 3)" class="rounded"><div class="v-stack gap-4 text-center"><p class="h6">"HAVN's new Unisheet glass case is the totally panoramic PC you've been waiting for"</p><div class="prose"><p>pcgamer.com</p></div></div></div><div class="multi-column__item justify-center snap-start" style="--multi-column-item-column-count: span 4" ><img src="//havn.global/cdn/shop/files/havn_index_media_2_f5202ffc-9782-4e55-a3f6-4922430b21da.jpg?v=1720421813&width=500" alt="" srcset="//havn.global/cdn/shop/files/havn_index_media_2_f5202ffc-9782-4e55-a3f6-4922430b21da.jpg?v=1720421813&width=300 300w, //havn.global/cdn/shop/files/havn_index_media_2_f5202ffc-9782-4e55-a3f6-4922430b21da.jpg?v=1720421813&width=400 400w, //havn.global/cdn/shop/files/havn_index_media_2_f5202ffc-9782-4e55-a3f6-4922430b21da.jpg?v=1720421813&width=500 500w" width="500" height="170" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1800px, 100vw) / 3)" class="rounded"><div class="v-stack gap-4 text-center"><p class="h6">"HAVN is a new premium case brand and company's first case is impressive "</p><div class="prose"><p>tweaktown.com</p></div></div></div><div class="multi-column__item justify-center snap-start" style="--multi-column-item-column-count: span 4" ><img src="//havn.global/cdn/shop/files/havn_index_media_3_f525591e-dd32-484b-945e-8b61461b7ef5.jpg?v=1720421814&width=500" alt="" srcset="//havn.global/cdn/shop/files/havn_index_media_3_f525591e-dd32-484b-945e-8b61461b7ef5.jpg?v=1720421814&width=300 300w, //havn.global/cdn/shop/files/havn_index_media_3_f525591e-dd32-484b-945e-8b61461b7ef5.jpg?v=1720421814&width=400 400w, //havn.global/cdn/shop/files/havn_index_media_3_f525591e-dd32-484b-945e-8b61461b7ef5.jpg?v=1720421814&width=500 500w" width="500" height="170" loading="lazy" sizes="(max-width: 699px) calc(73vw - 40px), (max-width: 999px) calc(38vw - 64px), calc(min(1800px, 100vw) / 3)" class="rounded"><div class="v-stack gap-4 text-center"><p class="h6">"[...] the HAVN HS 420 is its first case, and it brings a couple of striking features with it."</p><div class="prose"><p>pcgamesn.com</p></div></div></div></div> </div> </div></section><section id="shopify-section-template--16256389578889__image_with_text_overlay_L3W7Nb" class="shopify-section shopify-section--image-with-text-overlay"><style> #shopify-section-template--16256389578889__image_with_text_overlay_L3W7Nb { --section-background-hash: 0; } #shopify-section-template--16256389578889__image_with_text_overlay_L3W7Nb + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--16256389578889__image_with_text_overlay_L3W7Nb {--content-over-media-overlay: 0 0 0 / 0.52;} </style> <div class="section section-blends section-full text-custom"style="--text-color: 240 240 240;" ><image-banner reveal-on-scroll="true" parallax="0.3" class="content-over-media content-over-media--sm shadow-block rounded-lg text-custom"style="--text-color: 240 240 240;"><img src="//havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=1500" alt="" srcset="//havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=200 200w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=300 300w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=400 400w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=500 500w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=600 600w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=700 700w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=800 800w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=900 900w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=1000 1000w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=1200 1200w, //havn.global/cdn/shop/files/havn_index_grid-1.jpg?v=1720423226&width=1400 1400w" width="1500" height="1500" loading="lazy" sizes="(max-width: 740px) calc(100vw - 40px), (max-width: 999px) calc(100vw - 64px), min(1800px, 100vw - 96px)" class=""><div class="place-self-center text-center sm:place-self-center sm:text-center"> <div class="prose"><h2 reveal-on-scroll="true" >Extend Your Warranty</h2><div ><p>Celebrate your new HAVN gear by sharing it on social media and enjoy the added benefit of an extended warranty. Learn how to unlock this extra protection!</p></div> <a class="button" style="--button-background: 221 55 20 / var(--button-background-opacity, 1);--button-outline-color: 221 55 20;" href="/pages/extended-warranty" >View details</a> </div> </div></image-banner> </div> </section><section id="shopify-section-template--16256389578889__1719497417dca4aac4" class="shopify-section shopify-section--apps"><style> #shopify-section-template--16256389578889__1719497417dca4aac4 { --section-background-hash: 0; } #shopify-section-template--16256389578889__1719497417dca4aac4 + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-template--16256389578889__1719497417dca4aac4 { } </style> <div class="section section-blends section-full"><div id="shopify-block-ASk1tYk9CaXVpTll4O__imageagram_instagram_feed_app_block_hR4Ebj" class="shopify-block shopify-app-block"><div class="imageagram-gallery-sections"></div> </div></div> </section>  <section id="shopify-section-sections--16256385646729__text-with-icons" class="shopify-section shopify-section-group-footer-group shopify-section--text-with-icons"><style> #shopify-section-sections--16256385646729__text-with-icons { --section-background-hash: 0; } #shopify-section-sections--16256385646729__text-with-icons + * { --previous-section-background-hash: 0; }</style><style> #shopify-section-sections--16256385646729__text-with-icons { --text-with-icons-template: auto-flow 100%; --text-with-icons-justify: center; --text-with-icons-text-align: center; --text-with-icons-gap: var(--spacing-6); }@media screen and (min-width: 1150px) { #shopify-section-sections--16256385646729__text-with-icons { --text-with-icons-gap: var(--spacing-6); } }@media screen and (min-width: 1000px) { #shopify-section-sections--16256385646729__text-with-icons { --text-with-icons-template: repeat(3, minmax(0, 630px)); --text-with-icons-justify: center; --text-with-icons-text-align: center; } }</style> <div class="section section-blends section-full"> <div class="section-stack"><div class="text-with-icons"> <scroll-carousel class="text-with-icons__list scroll-area full-bleed md:unbleed" id="carousel-sections--16256385646729__text-with-icons" role="region"><div id="block-sections--16256385646729__text-with-icons-customer-support" class="text-with-icons__item snap-center" role="group" aria-label="Item 1 of 3" ><div ><img src="//havn.global/cdn/shop/files/Customer_Support.svg?v=1726165384&width=1000" alt="" srcset="//havn.global/cdn/shop/files/Customer_Support.svg?v=1726165384&width=52 52w, //havn.global/cdn/shop/files/Customer_Support.svg?v=1726165384&width=104 104w" width="1000" height="958" loading="lazy" sizes="52px" style="--mobile-icon-max-width: 52px; --icon-max-width: 52px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p class="h6">Customer Support</p><p>Got questions? We've got answers. Our customer service team is here to help you every step of the way.</p></div> </div> </div><div id="block-sections--16256385646729__text-with-icons-discount" class="text-with-icons__item snap-center" role="group" aria-label="Item 2 of 3" ><div ><img src="//havn.global/cdn/shop/files/Warranty.svg?v=1726165384&width=1000" alt="" srcset="//havn.global/cdn/shop/files/Warranty.svg?v=1726165384&width=52 52w, //havn.global/cdn/shop/files/Warranty.svg?v=1726165384&width=104 104w" width="1000" height="1000" loading="lazy" sizes="52px" style="--mobile-icon-max-width: 52px; --icon-max-width: 52px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p class="h6">Extended Warranty</p><p>Show off your HAVN build and unlock an extended warranty – because your gear deserves extra love.</p></div> </div> </div><div id="block-sections--16256385646729__text-with-icons-payment" class="text-with-icons__item snap-center" role="group" aria-label="Item 3 of 3" ><div ><img src="//havn.global/cdn/shop/files/Secure_Payment.svg?v=1726165384&width=959" alt="" srcset="//havn.global/cdn/shop/files/Secure_Payment.svg?v=1726165384&width=52 52w, //havn.global/cdn/shop/files/Secure_Payment.svg?v=1726165384&width=104 104w" width="959" height="1000" loading="lazy" sizes="52px" style="--mobile-icon-max-width: 52px; --icon-max-width: 52px" class="image-icon"></div><div class="text-with-icons__text-wrapper"> <div class="prose"><p class="h6">Secure Payment</p><p>Shop with confidence. Your data is fully protected with our state-of-the-art secure checkout system.</p></div> </div> </div></scroll-carousel><page-dots aria-controls="carousel-sections--16256385646729__text-with-icons" class="page-dots peer-not-scrollable:hidden"><button type="button" class="tap-area" aria-current="true"> <span class="sr-only">Go to item 1</span> </button><button type="button" class="tap-area" aria-current="false"> <span class="sr-only">Go to item 2</span> </button><button type="button" class="tap-area" aria-current="false"> <span class="sr-only">Go to item 3</span> </button></page-dots></div> </div> </div></section><footer id="shopify-section-sections--16256385646729__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style> @media screen and (min-width: 1000px) { #shopify-section-sections--16256385646729__footer {--footer-block-list-gap: var(--spacing-10);--footer-block-list-justify-content: space-between; } } </style><div class="footer"> <div class="container"> <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--newsletter" ><div class="v-stack gap-6"><p class="h6">HAVN INSIDER</p><div class="prose text-subdued"><p>Stay ahead of the game. Sign up for exclusive updates.</p></div><form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="contact[tags]" value="newsletter"><div class="form-control" ><input id="input-sections--16256385646729__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " autocomplete="email" enterkeyhint="send" required ><label for="input-sections--16256385646729__footer--contactemail" class="floating-label">E-mail</label><div class="self-submit-button"> <button type="submit" class="circle-chevron hover:colors"> <span class="sr-only">Subscribe</span><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8"> <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path> </svg></button> </div></div></form></div> </div><div class="footer__block footer__block--menu" ><p class="bold">Shop</p><ul class="v-stack gap-3" role="list"><li> <a href="/pages/retailers" class="inline-block link-faded break-all">Where to Buy</a> </li><li> <a href="/pages/shipping-and-returns" class="inline-block link-faded break-all">Shipping and Returns</a> </li><li> <a href="/pages/privacy-policy" class="inline-block link-faded break-all">Privacy Policy</a> </li><li> <a href="/pages/terms-of-service" class="inline-block link-faded break-all">Terms of Service</a> </li><li> <a href="/pages/imprint" class="inline-block link-faded break-all">Imprint</a> </li></ul> </div><div class="footer__block footer__block--menu" ><p class="bold">Support</p><ul class="v-stack gap-3" role="list"><li> <a href="https://havnglobal.zendesk.com/hc/en-us/sections/18007298157981" class="inline-block link-faded break-all">FAQ</a> </li><li> <a href="https://havnglobal.zendesk.com/hc/en-us/p/downloads" class="inline-block link-faded break-all">Downloads</a> </li><li> <a href="https://havnglobal.zendesk.com/hc/en-us/requests/new" class="inline-block link-faded break-all">Submit a Request</a> </li><li> <a href="/pages/warranty" class="inline-block link-faded break-all">Warranty</a> </li><li> <a href="/pages/extended-warranty" class="inline-block link-faded break-all">Extended Warranty</a> </li></ul> </div><div class="footer__block footer__block--menu" ><p class="bold">About</p><ul class="v-stack gap-3" role="list"><li> <a href="/pages/about-us" class="inline-block link-faded break-all">About HAVN</a> </li><li> <a href="/pages/development-process" class="inline-block link-faded break-all">Research and Development</a> </li></ul> </div></div><div class="footer__aside empty:hidden"><div class="footer__aside-top"><ul class="social-media " role="list"><li> <a href="https://www.facebook.com/havn.global/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://twitter.com/HAVNGlobal" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Twitter"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-twitter" viewBox="0 0 24 24"> <path d="M16.94 4h2.715l-5.93 6.777L20.7 20h-5.462l-4.278-5.593L6.065 20H3.35l6.342-7.25L3 4h5.6l3.868 5.113L16.94 4Zm-.952 14.375h1.504L7.784 5.54H6.17l9.818 12.836Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.instagram.com/havnglobal/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/> </svg></a> </li><li> <a href="https://www.youtube.com/@HAVNGlobal" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on YouTube"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-youtube" viewBox="0 0 24 24"> <path fill-rule="evenodd" clip-rule="evenodd" d="M20.44 5.243c.929.244 1.66.963 1.909 1.876.451 1.654.451 5.106.451 5.106s0 3.452-.451 5.106a2.681 2.681 0 0 1-1.91 1.876c-1.684.443-8.439.443-8.439.443s-6.754 0-8.439-.443a2.682 2.682 0 0 1-1.91-1.876c-.45-1.654-.45-5.106-.45-5.106s0-3.452.45-5.106a2.681 2.681 0 0 1 1.91-1.876c1.685-.443 8.44-.443 8.44-.443s6.754 0 8.438.443Zm-5.004 6.982L9.792 15.36V9.091l5.646 3.134Z" fill="currentColor"/> </svg></a> </li></ul></div><div class="footer__aside-bottom"><p class="footer__copyright text-sm text-subdued">© 2024, HAVN. “HAVN” is a trademark of Pro Gamersware GmbH. All rights reserved.</p> </div> </div> </div> </div> </div> </footer> </main><style> </style> <div id="shopify-block-ARXd2VlZrdW8xdEo2Q__10156015050367950692" class="shopify-block shopify-app-block"> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/swiper.min.css"/> <script type="text/javascript" src="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/swiper.min.js" defer></script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/zuck.min.css"/> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/snapgram.min.css"/> <script type="text/javascript" src="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/zuck.min.js" defer></script> <link rel="stylesheet" href="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/imageagram.css" id="imageagram-css"/> <script type="text/javascript" src="https://cdn.shopify.com/extensions/34790169-e792-44b9-bb17-911bcaa01b60/imageagram-instagram-feed-10/assets/imageagram.js" defer></script> <div id="ig-main-html" style="display: none;"> <div class="ig-main"> <div class="ig-main-title"> <h2 class="ig-heading">Follow Us on Instagram</h2> </div> <div class="ig-main-wrap"> <div class="ig-inner"> <div class="ig-inner-wrap"> <div class="ig-img"> <div class="ig-img-wrap"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" class="ig-play-icon"> <path d="m26.17 12.37-17.17-9.92a3.23 3.23 0 0 0 -1.62-.45 3.38 3.38 0 0 0 -3.38 3.38v21.29a3.33 3.33 0 0 0 5.1 2.82l17.19-10.86a3.65 3.65 0 0 0 -.12-6.26z" fill="#000000"/> </svg> </div> </div> <div class="ig-content-wrap"> <div class="ig-content"> <button type="button" class="ig-content-btn"></button> <p class="ig-description"></p> <ul class="ig-content-cmt-like"> <li> <a href="javascript:void(0)" class="ig-content-comment"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> <path d="m255.998 451.959c-2.909 0-138.662 0-138.662 0-8.77 0-16.082-4.1-19.561-10.968-3.478-6.867-2.456-15.189 2.734-22.26l17.427-23.674c-36.951-36.697-57.895-86.634-57.895-139.057 0-108.052 87.906-195.959 195.957-195.959 108.054 0 195.961 87.907 195.961 195.959 0 108.053-87.907 195.959-195.961 195.959zm0-30c91.511 0 165.961-74.448 165.961-165.959 0-91.51-74.45-165.959-165.961-165.959-91.509 0-165.957 74.449-165.957 165.959 0 48.346 21.034 94.196 57.709 125.796l10.524 9.067-22.89 31.096z"/> <path d="m203.758 256c0 11.53-9.346 20.878-20.877 20.878-11.533 0-20.881-9.348-20.881-20.878 0-11.533 9.348-20.881 20.881-20.881 11.531 0 20.877 9.349 20.877 20.881z"/> <circle cx="256.008" cy="256" r="20.878"></circle> <circle cx="329.139" cy="256" r="20.879"></circle> </svg> <span></span> </a> </li> <li> <a href="javascript:void(0)" class="ig-content-like"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> <path d="m442.578 206.12c-10.701-13.604-26.939-21.095-45.725-21.095h-62.51c3.1-18.801 3.604-37.67 1.431-55.438-2.37-19.371-7.856-36.67-15.05-47.457-10.878-16.325-26.807-24.199-43.694-21.609-16.165 2.481-30 14.368-34.425 29.576-.738 2.536-1.478 5.686-2.413 9.675-9.887 42.157-25.294 85.253-64.609 85.253h-20.458-74.425c-13.358 0-24.226 10.867-24.226 24.225v218.49c0 13.357 10.868 24.225 24.226 24.225h74.423.001 168.534c41.576 0 61.72-20.16 71.298-37.072 26.448-46.705 44.844-93.521 57.892-147.334 5.78-23.851 2.133-45.671-10.27-61.439zm-356.104 8.905h53.65v206.939h-53.65zm282.378 185.084c-8.213 14.502-23.418 21.855-45.193 21.855h-153.534v-206.939h5.458c68.394 0 86.863-78.755 93.816-108.404.801-3.416 1.493-6.365 2.01-8.141 1.01-3.471 5.091-7.527 10.172-8.307 5.087-.778 9.858 2.11 14.181 8.596 7.241 10.858 18.131 48.977 5.572 97.497-2.443 9.403 4.963 18.759 14.614 18.759h80.906c9.525 0 17.183 3.334 22.145 9.643 6.499 8.261 8.209 21.318 4.694 35.822-12.375 51.035-29.801 95.4-54.841 139.619z"/> </svg> <span></span> </a> </li> </ul> </div> <div class="ig-share"> <ul> <li> <a href="javascript:void(0)" class="ig-share-facebook"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 512 512"> <path d="m512 256c0 127.78-93.62 233.69-216 252.89v-178.89h59.65l11.35-74h-71v-48.02c0-20.25 9.92-39.98 41.72-39.98h32.28v-63s-29.3-5-57.31-5c-58.47 0-96.69 35.44-96.69 99.6v56.4h-65v74h65v178.89c-122.38-19.2-216-125.11-216-252.89 0-141.38 114.62-256 256-256s256 114.62 256 256z" fill="#1877f2"/> <path d="m355.65 330 11.35-74h-71v-48.021c0-20.245 9.918-39.979 41.719-39.979h32.281v-63s-29.296-5-57.305-5c-58.476 0-96.695 35.44-96.695 99.6v56.4h-65v74h65v178.889c13.034 2.045 26.392 3.111 40 3.111s26.966-1.066 40-3.111v-178.889z" fill="#ffffff"/> </svg> </a> </li> <li> <a href="javascript:void(0)" class="ig-share-twitter"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 512 512"> <path d="m459.592 151.55c.307 4.505.307 9.032.307 13.578 0 138.813-105.677 298.885-298.885 298.885v-.082c-57.08.077-112.975-16.276-161.014-47.103 8.299.993 16.648 1.499 25.006 1.516 47.31.048 93.26-15.822 130.458-45.056-44.942-.844-84.379-30.158-98.14-72.95 15.741 3.032 31.967 2.415 47.432-1.802-49.014-9.901-84.262-52.97-84.275-102.973 0-.451 0-.901 0-1.331 14.608 8.143 30.96 12.653 47.678 13.148-46.164-30.827-60.405-92.23-32.524-140.228 53.34 65.625 132.033 105.518 216.494 109.753-8.467-36.48 3.108-74.711 30.389-100.367 42.302-39.782 108.844-37.74 148.626 4.562 23.524-4.639 46.083-13.262 66.703-25.498-7.841 24.326-24.254 44.974-46.182 58.102 20.825-2.461 41.162-8.032 60.334-16.527-14.102 21.091-31.849 39.503-52.407 54.373z" fill="#1d9bf0"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="ig-load-more"> <button>Load More</button> <div class="ig-loader"></div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> <div id="ig-popup-html"> <div class="ig-popup"> <div class="ig-popup-wrap"> <div class="ig-popup-arrow ig-arr-left"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 240.823 240.823"> <path id="Chevron_Right" d="M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179 l-99.707-99.671l99.695-99.671c4.752-4.74,4.752-12.439,0-17.191c-4.752-4.74-12.463-4.74-17.215,0L57.621,111.816 C52.942,116.507,52.942,124.327,57.633,129.007z" fill="#000000"/> </svg> </div> <div class="ig-popup-arrow ig-arr-right"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 240.823 240.823"> <path id="Chevron_Right" d="M57.633,129.007L165.93,237.268c4.752,4.74,12.451,4.74,17.215,0c4.752-4.74,4.752-12.439,0-17.179 l-99.707-99.671l99.695-99.671c4.752-4.74,4.752-12.439,0-17.191c-4.752-4.74-12.463-4.74-17.215,0L57.621,111.816 C52.942,116.507,52.942,124.327,57.633,129.007z" fill="#000000"/> </svg> </div> <div class="ig-popup-close"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 512 512"> <path d="m25 512a25 25 0 0 1 -17.68-42.68l462-462a25 25 0 0 1 35.36 35.36l-462 462a24.93 24.93 0 0 1 -17.68 7.32z" fill="#000000"/> <path d="m487 512a24.93 24.93 0 0 1 -17.68-7.32l-462-462a25 25 0 0 1 35.36-35.36l462 462a25 25 0 0 1 -17.68 42.68z" fill="#000000"/> </svg> </div> <div class="ig-popup-left"> <div class="ig-popup-left-wrap"></div> </div> <div class="ig-popup-right"> <div class="ig-popup-right-top"> <div class="ig-usr-title"> <div class="ig-usr-main"></div> <a href="javascript:void(0)" class="ig-pop-username" target="_blank"></a> </div> <div class="ig-scroll-data"> <div class="ig-pop-pro"> <div class="ig-pop-pro-wrap active"> <div class="ig-pop-pro-img"> <div class="ig-pop-pro-img-wrap"></div> </div> <div class="ig-pop-pro-content"> <h6></h6> <button class="ig-popup-shop"></button> </div> </div> </div> <p class="ig-pop-date"></p> <p class="ig-pop-description"></p> </div> </div> <div class="ig-popup-right-bottom"> <ul class="ig-post-links"> <li> <a href="javascript:void(0)" class="ig-post-links-icon"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"> <path d="m12.004 5.838c-3.403 0-6.158 2.758-6.158 6.158 0 3.403 2.758 6.158 6.158 6.158 3.403 0 6.158-2.758 6.158-6.158 0-3.403-2.758-6.158-6.158-6.158zm0 10.155c-2.209 0-3.997-1.789-3.997-3.997s1.789-3.997 3.997-3.997 3.997 1.789 3.997 3.997c.001 2.208-1.788 3.997-3.997 3.997z" fill="#000000"/> <path d="m16.948.076c-2.208-.103-7.677-.098-9.887 0-1.942.091-3.655.56-5.036 1.941-2.308 2.308-2.013 5.418-2.013 9.979 0 4.668-.26 7.706 2.013 9.979 2.317 2.316 5.472 2.013 9.979 2.013 4.624 0 6.22.003 7.855-.63 2.223-.863 3.901-2.85 4.065-6.419.104-2.209.098-7.677 0-9.887-.198-4.213-2.459-6.768-6.976-6.976zm3.495 20.372c-1.513 1.513-3.612 1.378-8.468 1.378-5 0-7.005.074-8.468-1.393-1.685-1.677-1.38-4.37-1.38-8.453 0-5.525-.567-9.504 4.978-9.788 1.274-.045 1.649-.06 4.856-.06l.045.03c5.329 0 9.51-.558 9.761 4.986.057 1.265.07 1.645.07 4.847-.001 4.942.093 6.959-1.394 8.453z" fill="#000000"/> <circle cx="18.406" cy="5.595" r="1.439" fill="#000000"></circle> </svg> </a> </li> <li class="likeNcomnt"> <a href="javascript:void(0)" class="ig-pop-comment"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> <path d="m255.998 451.959c-2.909 0-138.662 0-138.662 0-8.77 0-16.082-4.1-19.561-10.968-3.478-6.867-2.456-15.189 2.734-22.26l17.427-23.674c-36.951-36.697-57.895-86.634-57.895-139.057 0-108.052 87.906-195.959 195.957-195.959 108.054 0 195.961 87.907 195.961 195.959 0 108.053-87.907 195.959-195.961 195.959zm0-30c91.511 0 165.961-74.448 165.961-165.959 0-91.51-74.45-165.959-165.961-165.959-91.509 0-165.957 74.449-165.957 165.959 0 48.346 21.034 94.196 57.709 125.796l10.524 9.067-22.89 31.096z"></path> <path d="m203.758 256c0 11.53-9.346 20.878-20.877 20.878-11.533 0-20.881-9.348-20.881-20.878 0-11.533 9.348-20.881 20.881-20.881 11.531 0 20.877 9.349 20.877 20.881z"></path> <circle cx="256.008" cy="256" r="20.878"></circle> <circle cx="329.139" cy="256" r="20.879"></circle> </svg> <span></span> </a> </li> <li class="likeNcomnt"> <a href="javascript:void(0)" class="ig-pop-like"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="512" height="512" viewBox="0 0 512 512"> <path d="m442.578 206.12c-10.701-13.604-26.939-21.095-45.725-21.095h-62.51c3.1-18.801 3.604-37.67 1.431-55.438-2.37-19.371-7.856-36.67-15.05-47.457-10.878-16.325-26.807-24.199-43.694-21.609-16.165 2.481-30 14.368-34.425 29.576-.738 2.536-1.478 5.686-2.413 9.675-9.887 42.157-25.294 85.253-64.609 85.253h-20.458-74.425c-13.358 0-24.226 10.867-24.226 24.225v218.49c0 13.357 10.868 24.225 24.226 24.225h74.423.001 168.534c41.576 0 61.72-20.16 71.298-37.072 26.448-46.705 44.844-93.521 57.892-147.334 5.78-23.851 2.133-45.671-10.27-61.439zm-356.104 8.905h53.65v206.939h-53.65zm282.378 185.084c-8.213 14.502-23.418 21.855-45.193 21.855h-153.534v-206.939h5.458c68.394 0 86.863-78.755 93.816-108.404.801-3.416 1.493-6.365 2.01-8.141 1.01-3.471 5.091-7.527 10.172-8.307 5.087-.778 9.858 2.11 14.181 8.596 7.241 10.858 18.131 48.977 5.572 97.497-2.443 9.403 4.963 18.759 14.614 18.759h80.906c9.525 0 17.183 3.334 22.145 9.643 6.499 8.261 8.209 21.318 4.694 35.822-12.375 51.035-29.801 95.4-54.841 139.619z"></path> </svg> <span></span> </a> </li> </ul> <ul class="ig-post-links ig-post-share"> <li> <a href="javascript:void(0)" class="ig-pop-facebook"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 512 512"> <path d="m512 256c0 127.78-93.62 233.69-216 252.89v-178.89h59.65l11.35-74h-71v-48.02c0-20.25 9.92-39.98 41.72-39.98h32.28v-63s-29.3-5-57.31-5c-58.47 0-96.69 35.44-96.69 99.6v56.4h-65v74h65v178.89c-122.38-19.2-216-125.11-216-252.89 0-141.38 114.62-256 256-256s256 114.62 256 256z" fill="#1877f2"/> <path d="m355.65 330 11.35-74h-71v-48.021c0-20.245 9.918-39.979 41.719-39.979h32.281v-63s-29.296-5-57.305-5c-58.476 0-96.695 35.44-96.695 99.6v56.4h-65v74h65v178.889c13.034 2.045 26.392 3.111 40 3.111s26.966-1.066 40-3.111v-178.889z" fill="#ffffff"/> </svg> </a> </li> <li> <a href="javascript:void(0)" class="ig-pop-twitter"> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 512 512"> <path d="m459.592 151.55c.307 4.505.307 9.032.307 13.578 0 138.813-105.677 298.885-298.885 298.885v-.082c-57.08.077-112.975-16.276-161.014-47.103 8.299.993 16.648 1.499 25.006 1.516 47.31.048 93.26-15.822 130.458-45.056-44.942-.844-84.379-30.158-98.14-72.95 15.741 3.032 31.967 2.415 47.432-1.802-49.014-9.901-84.262-52.97-84.275-102.973 0-.451 0-.901 0-1.331 14.608 8.143 30.96 12.653 47.678 13.148-46.164-30.827-60.405-92.23-32.524-140.228 53.34 65.625 132.033 105.518 216.494 109.753-8.467-36.48 3.108-74.711 30.389-100.367 42.302-39.782 108.844-37.74 148.626 4.562 23.524-4.639 46.083-13.262 66.703-25.498-7.841 24.326-24.254 44.974-46.182 58.102 20.825-2.461 41.162-8.032 60.334-16.527-14.102 21.091-31.849 39.503-52.407 54.373z" fill="#1d9bf0"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <script> window.Imageagram = { pageType: 'index', siteUrl: 'https://shopiapps.in/imageagram/', hiddenImageIds: ''.split(',') }; window.Imageagram.shopDirUrl = `${window.Imageagram.siteUrl}insta_widget/settings/${Shopify.shop.replace('.myshopify.com', '')}/`; </script> </div></body> </html>