1<!-- 2 Developed By: MalterTech LLC 3 Website: https://maltertech.com 4--> 5 6<!doctype html> 7 8<html lang="is"> 9 10 11<head>
vendor: 68 bytes, lines 11-12
11 12 <script async src="https://www.googletagmanager.com/gtag/js?id=
12AW-11191271653
vendor: 16 bytes, lines 12-13
12"></script> 13
13<script> 14
vendor: 177 bytes, lines 14-22
14window.dataLayer = window.dataLayer || []; 15 16 function gtag() { 17 dataLayer.push(arguments); 18 } 19 20 gtag('js', new Date()); 21 22 gtag('config', '
22AW-11191271653
vendor: 8 bytes, lines 22-23
22'); 23
23</script>
23 24 25 26 <!-- Redirect --> 27
27<script> 28 if (window.location.pathname === '/products/hydration-e' || window.location.pathname === '/en/products/hydration-xpress-xx') { 29 window.location.href = '/products/hydration-xpress'; 30 } 31 </script>
31 32 33 <!--Title & Meta--> 34 <title> 35 Happy Hydrate – Happy Hydrate IS</title> 36 37 <link rel="canonical" href="https://happyhydrate.is/"/> 38 <meta charset="UTF-8"> 39 <meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover"> 40 41 <!-- Social --> 42 <meta property="og:site_name" content="Happy Hydrate IS"> 43 <meta property="og:url" content="https://happyhydrate.is/"> 44 <meta property="og:title" content="Happy Hydrate"> 45 <meta property="og:type" content="website"> 46 <meta property="og:description" content="Happy Hydrate IS"><meta property="og:image" content="http://happyhydrate.is/cdn/shop/files/Untitled_design_-_2025-04-03T202156.689.png?v=1743711732"> 47 <meta property="og:image:secure_url" content="https://happyhydrate.is/cdn/shop/files/Untitled_design_-_2025-04-03T202156.689.png?v=1743711732"> 48 <meta property="og:image:width" content="1200"> 49 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 50 <meta name="twitter:title" content="Happy Hydrate"> 51 <meta name="twitter:description" content="Happy Hydrate IS"> 52 53 <!-- Favicon --> 54 <link rel="icon" href="//happyhydrate.is/cdn/shop/files/output-onlinepngtools-4_1.png?v=1682280342" type="image/png"> 55 56 <!--Fonts â consolidated into single request --> 57 <link rel="preconnect" href="https://fonts.googleapis.com"> 58 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 59 <link href="https://fonts.googleapis.com/css2?family=Dela+Gothic+One&family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> 60 61 <!-- Preconnect to third-party origins used later in the page --> 62 <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin> 63 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 64 <link rel="preconnect" href="https://tracking.happyhydrate.is" crossorigin> 65 <link rel="preconnect" href="https://static.klaviyo.com" crossorigin><!-- Swiper JS (deferred; section IIFEs wait for DOMContentLoaded before calling new Swiper) --> 66 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.4/swiper-bundle.min.css" 67 integrity="sha512-1CRCT9P70z3SktzqL7P8o8YvlmT1nXwFeXLBuVBa4mzQJ4fsvpmsObWooerRi4WzQT8QFrBVz/36mt/XGPYVzw==" 68 crossorigin="anonymous" referrerpolicy="no-referrer"/> 69
69<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/11.0.4/swiper-bundle.min.js" 70 integrity="sha512-/LKHQ9K9yatyOfEKXiysc9SPCpF6xkvfHQxtPkhdKS83GvfyIWDwKaOr3/LqVxbEX89Bqz+SbMHEPWm0AeRWnA==" 71 crossorigin="anonymous" referrerpolicy="no-referrer" defer></script>
71 72 73 <!-- Global CSS --> 74 <link href="//happyhydrate.is/cdn/shop/t/80/assets/theme-global.css?v=168208496876251550691788984151" rel="stylesheet"> 75 <link href="//happyhydrate.is/cdn/shop/t/80/assets/theme-header.css?v=75343060394666661351788984151" rel="stylesheet"> 76 <link href="//happyhydrate.is/cdn/shop/t/80/assets/theme-mini-cart.css?v=168934013703213604681788984151" rel="stylesheet"> 77 <link href="//happyhydrate.is/cdn/shop/t/80/assets/theme-footer.css?v=105633225076094538711788984151" rel="stylesheet"> 78 79 <!-- Global JS --> 80
80<script defer src="//happyhydrate.is/cdn/shop/t/80/assets/theme-polyfill-dialog.js?v=58480766684483630301788984151"></script>
80 81
81<script defer src="//happyhydrate.is/cdn/shop/t/80/assets/theme-global.js?v=116967996199473262951788984151"></script>
81 82
82<script defer src="//happyhydrate.is/cdn/shop/t/80/assets/theme-header.js?v=157719865413041685121788984151"></script>
82 83
83<script defer src="//happyhydrate.is/cdn/shop/t/80/assets/theme-mini-cart.js?v=85363150543070642981789043792"></script>
83 84 85 <!-- Global Cart --> 86
86<script> 87 let cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"ISK","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 88 const currency = "kr"; 89 </script>
89 90 91 <!-- Shop Variables --> 92
92<script> 93 let shopDomain = "happyhydrate.is"; 94 let shopCurrency = "ISK"; 95 </script>
95 96 97 <!-- Page Specific CSS/JS --> 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 <!-- JSON LD --> 115 116
117<script type="application/ld+json"> 118 { 119 "@context": "https://schema.org", 120 "@type": "Organization", 121 "url": "https://happyhydrate.is", 122 "name": "Happy Hydrate IS", 123 "description": "" 124 } 125</script>
125 126 127 128 129 130 131 <!-- Signals Gateway Pixel Code -->
132<script> 133!function(a,h,e,v,n,t,s) 134 {if(a.cbq)return;n=a.cbq=function(){n.callMethod? 135 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 136 if(!a._cbq)a._cbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 137 n.queue=[];t=h.createElement(e);t.async=!0; 138 t.src=v;s=h.getElementsByTagName(e)[0]; 139 s.parentNode.insertBefore(t,s)}(window, document,'script', 140 'https://tracking.happyhydrate.is/sdk/5892240884230489993/events.js'); 141 cbq('setHost', 'https://tracking.happyhydrate.is'); 142 cbq('init', '5892240884230489993'); 143 cbq('track', 'PageView'); 144</script>
144 145<!-- End Signals Gateway Pixel Code --> 146 <!-- Shopify --> 147
147<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
147<meta name="google-site-verification" content="eAbgHsspIO2HeCa-joR1vkK1Ib5pw7P_JP-FHK0aBMU"> 148<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/60930031754/digital_wallets/dialog"> 149<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" hreflang="x-default" href="https://happyhydrate.is/"> 150<link rel="alternate" hreflang="is" href="https://happyhydrate.is/"> 151<link rel="alternate" hreflang="en" href="https://happyhydrate.is/en">
152<script async="async" src="/checkouts/internal/preloads.js?locale=is-IS"></script>
vendor: 1 bytes, line 152
152
153<script id="shopify-features" type="application/json">{"accessToken":"b92c36cd3b53acdd838b31b5103aafb8","betas":["rich-media-storefront-analytics"],"domain":"happyhydrate.is","predictiveSearch":true,"shopId":60930031754,"locale":"en"}</script>
vendor: 1 bytes, line 153
153
154<script>var Shopify = Shopify || {}; 155Shopify.shop = "happyhydrate-1068.myshopify.com"; 156Shopify.locale = "is"; 157Shopify.currency = {"active":"ISK","rate":"1.0"}; 158Shopify.country = "IS"; 159Shopify.theme = {"name":"happy-hydrate-jonny-v6","id":158213013642,"schema_name":"MalterTech","schema_version":"1.0","theme_store_id":null,"role":"main"}; 160Shopify.theme.handle = "null"; 161Shopify.theme.style = {"id":null,"handle":null}; 162Shopify.cdnHost = "happyhydrate.is/cdn"; 163Shopify.routes = Shopify.routes || {}; 164Shopify.routes.root = "/"; 165Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 166Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 167Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 168Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 168
168
169<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 169
169
170<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 170
170
171<script> 172 window.Shopify = window.Shopify || {}; 173 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 174 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 175 window.Shopify.SignInWithShop.eligible = true; 176</script>
vendor: 1 bytes, line 176
176
177<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 177
177
178<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 178
178
179<script type="module"> 180 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 181 182 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 183 184</script>
vendor: 1 bytes, line 184
184
185<script> 186 window.Shopify = window.Shopify || {}; 187 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 188 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 189</script>
vendor: 1 bytes, line 189
189
190<script>(function() { 191 var isLoaded = false; 192 function asyncLoad() { 193 if (isLoaded) return; 194 isLoaded = true; 195 var urls = ["https:\/\/gdprcdn.b-cdn.net\/js\/gdpr_cookie_consent.min.js?shop=happyhydrate-1068.myshopify.com","https:\/\/cdn.tmnls.reputon.com\/assets\/widget.js?shop=happyhydrate-1068.myshopify.com","https:\/\/config.gorgias.chat\/bundle-loader\/01HQ4FXPQK3YCX7JRZN2B4PF5T?source=shopify1click\u0026shop=happyhydrate-1068.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=XBXeNE\u0026shop=happyhydrate-1068.myshopify.com","https:\/\/cdn.pushowl.com\/latest\/sdks\/pushowl-shopify.js?subdomain=happyhydrate-1068\u0026environment=production\u0026guid=1aba2137-42fe-4dc3-a772-bcc9b4903940\u0026shop=happyhydrate-1068.myshopify.com"]; 196 for (var i = 0; i < urls.length; i++) { 197 var s = document.createElement('script'); 198 s.type = 'text/javascript'; 199 s.async = true; 200 s.src = urls[i]; 201 var x = document.getElementsByTagName('script')[0]; 202 x.parentNode.insertBefore(s, x); 203 } 204 }; 205 if(window.attachEvent) { 206 window.attachEvent('onload', asyncLoad); 207 } else { 208 window.addEventListener('load', asyncLoad, false); 209 } 210})();</script>
vendor: 1 bytes, line 210
210
211<script id="__st">var __st={"a":60930031754,"offset":0,"reqid":"81b12931-be94-485c-a423-d0d36bac5bb9-1791095771","pageurl":"happyhydrate.is\/","u":"9f17d0c005c7","p":"home"};</script>
vendor: 1 bytes, line 211
211
212<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 212
212
213<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 213
213
214<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//happyhydrate.is/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 214
214
215<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//happyhydrate.is/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
215<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 215
215
216<script> 217 window.Shopify = window.Shopify || {}; 218 window.Shopify.MCP = window.Shopify.MCP || {}; 219 window.Shopify.MCP.enabled = true; 220 window.Shopify.MCP.shop = "happyhydrate-1068.myshopify.com"; 221 window.Shopify.MCP.mcpEndpoint = "https:\/\/happyhydrate.is\/api\/mcp"; 222 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 223</script>
vendor: 1 bytes, line 223
223
224<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/happyhydrate.is\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 225</script>
vendor: 1 bytes, line 225
225
226<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://happyhydrate.is/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 227</script>
vendor: 1 bytes, line 227
227
228<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 229 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 230</script>
vendor: 1 bytes, line 230
230
231<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 232</script>
232 233
234<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
234 235 236<!-- BEGIN app block: shopify://apps/consentmo-gdpr/blocks/gdpr_cookie_consent/4fbe573f-a377-4fea-9801-3ee0858cae41 --> 237<link rel="preconnect" href="https://app.consentmo.com" crossorigin data-csm-preconnect="app"> 238<link rel="dns-prefetch" href="https://workers.consentmo.com" data-csm-preconnect="workers"> 239<link rel="dns-prefetch" href="https://storage.consentmo.com" data-csm-preconnect="storage"> 240<link rel="preconnect" href="https://cdn.consentmo.com" crossorigin data-csm-preconnect="cdn"><link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="banner"> 241 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-dialog.consentmo.js" crossorigin data-csm-layout-prefetch="dialog"> 242 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-box.consentmo.js" crossorigin data-csm-layout-prefetch="box"> 243 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-cookie-smart-banner.consentmo.js" crossorigin data-csm-layout-prefetch="smart"> 244 <link rel="prefetch" href="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/layout-mobile-cookie-bar.consentmo.js" crossorigin data-csm-layout-prefetch="mobile">
244<script> 245(function () { 246 try { 247 document.documentElement.classList.add('csm-cookie-embed'); 248 } catch (e) {} 249})(); 250</script>
250<script data-consentmo-data-src-bootstrap> 251(function () { 252 'use strict'; 253 if (window.__consentmoDataSrcBootstrapInit) return; 254 window.__consentmoDataSrcBootstrapInit = true; 255 256 var DATA_SRC_SELECTOR = [ 257 'script[data-src*="consentmo_cookie_consent"]', 258 'script[data-src*="gdpr_cookie_consent.min"]', 259 'script[data-src*="gdrp_cookie_consent_unlimited"]' 260 ].join(','); 261 262 function activateConsentmoDataSrcScripts() { 263 if (!window.Shopify || !window.Shopify.shop) return; 264 document.querySelectorAll(DATA_SRC_SELECTOR).forEach(function (scriptEl) { 265 // getAttribute: src="" must not count as "already has src" (.src === page URL). 266 if (scriptEl.getAttribute('src')) return; 267 var url = scriptEl.getAttribute('data-src'); 268 if (!url) return; 269 if (scriptEl.getAttribute('type') === 'text/plain') { 270 scriptEl.removeAttribute('type'); 271 } 272 scriptEl.src = url; 273 }); 274 } 275 function scheduleActivation() { 276 activateConsentmoDataSrcScripts(); 277 // Retry on next task so other DCL handlers (lazy-loaders) can finish setting Shopify.shop / data-src first. 278 setTimeout(activateConsentmoDataSrcScripts, 0); 279 } 280 if (document.readyState === 'loading') { 281 document.addEventListener('DOMContentLoaded', scheduleActivation, { once: true }); 282 } else { 283 scheduleActivation(); 284 } 285})(); 286</script>
286 287 288 289<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 290 291 292 293 294 295 296 297 298 299 300 301 302
302<script async src="https://static.klaviyo.com/onsite/js/XBXeNE/klaviyo.js?company_id=XBXeNE"></script>
302 303
303<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
303 304 305 306 307 308 309 310
310<script> 311 window.klaviyoReviewsProductDesignMode = false 312 </script>
312 313 314 315 316 317 318 319 320 321 322<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
323<script type="text/javascript"> 324 (function (c, l, a, r, i, t, y) { 325 c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); }; 326 t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify"; 327 y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y); 328 329 c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => { 330 if (error) { 331 console.error("Error loading Shopify features:", error); 332 return; 333 } 334 335 c[a]('consentv2', { 336 ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied", 337 analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied", 338 source: 101, 339 }); 340 }); 341 342 l.addEventListener("visitorConsentCollected", function (e) { 343 c[a]('consentv2', { 344 ad_Storage: e.detail.marketingAllowed ? "granted" : "denied", 345 analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied", 346 source: 101, 347 }); 348 }); 349 })(window, document, "clarity", "script", "y8lbbd4w00"); 350</script>
350 351 352 353 354<!-- END app block -->
354<script src="https://cdn.shopify.com/extensions/01a0fcf5-9827-75b1-9d7e-ea3a10d70819/gdpr-backpack-903/assets/consentmo_cookie_consent.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 354
354
355<script src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-selleasy.js" type="text/javascript" defer="defer"></script>
355 356<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
357<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 60930031754,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 357
357
358<script> 359 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 360</script>
vendor: 1 bytes, line 360
360
361<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
361).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 60930031754,storefrontBaseUrl: "https://happyhydrate.is",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://happyhydrate.is/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2626191498","configuration":"{\"projectId\":\"y8lbbd4w00\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
361,"dataSharingState":"unrestricted"},{"id":"2584641674","configuration":"{\"storeID\":\"happyhydrate-1068\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1a4d90df85706164d4aa645b3700640b","type":"APP","apiClientId":408972623873,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1660158090","configuration":"{\"accountID\":\"happyhydrate-1068\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4f82d0323b06a4642fbff9b42c9979eb","type":"APP","apiClientId":12388204545,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"472744074","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\",\\\"GT-PZXWN79\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/vBuYCJWltL0bEOWBtdgp\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/Hv2pCKGltL0bEOWBtdgp\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-7Q4SDLLGW9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/pvI9CJ6ltL0bEOWBtdgp\\\",\\\"MC-X6BDS21HV1\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-7Q4SDLLGW9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/-o7gCJ-osr0bEOWBtdgp\\\",\\\"MC-X6BDS21HV1\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/JZsQCJultL0bEOWBtdgp\\\",\\\"MC-X6BDS21HV1\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-7Q4SDLLGW9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/phWeCKSltL0bEOWBtdgp\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-7Q4SDLLGW9\\\",\\\"AW-11191271653\\\/gyqRCJiltL0bEOWBtdgp\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-7Q4SDLLGW9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"250740874","configuration":"{\"subdomain\":\"happyhydrate-1068\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"42cd9b1f0fb7c1cae5cd21175cef6782","type":"APP","apiClientId":1615517,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"217874570","configuration":"{\"pixel_id\":\"893231098646527\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"86507658","configuration":"{\"accountID\":\"selleasy-metrics-track\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"50acfdcd7b118f50e52df83f64624d06","type":"APP","apiClientId":5519923,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data"],"dataSharingControls":["share_all_events"]}
361,"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Happy Hydrate IS","paymentSettings":{"currencyCode":"ISK"},"myshopifyDomain":"happyhydrate-1068.myshopify.com","countryCode":"IS","storefrontUrl":"https:\/\/happyhydrate.is"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"8569638617226","handle":"creatine-xpress-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46311578140810","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8033136181386","handle":"hydration-xpress","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50050860712074","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7907478503562","handle":"hydration-e","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44310716579978","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8569636520074","handle":"creatine-xpress","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46311574896778","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8636625027210","handle":"energy-xpress-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46556640444554","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8636619554954","handle":"energy-xpress","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46556624093322","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8685285671050","handle":"hydration-kids-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47133961388170","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8685285179530","handle":"hydration-kids-halli","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47133950771338","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8700106866826","handle":"fritt-stoff","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47189689401482","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8236183552138","handle":"happy-ken","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"45252494262410","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8236184240266","handle":"happy-ring","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46569397518474","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"7727088271498","handle":"happy-hydrate-brusi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"44095624052874","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8470537994378","handle":"happy-hydrate-glerbrusi","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"4602348
3611819274","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8236185092234","handle":"happy-peysa","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46569346957450","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8472789024906","handle":"happy-whisker-1","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"46027651055754","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8715739889802","handle":"hydration-kids-green-apple-kiwi-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47249238917258","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8715730878602","handle":"hydration-kids-mixed-berries-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47249167646858","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8715729961098","handle":"creatine-xpress-lemon-lime-bundle","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47249165811850","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"8715718197386","handle":"creatine-xpress-mixed-berries","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"47249122754698","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://happyhydrate.is/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"158213013642","themePublished":"true","eventMetadataId":"dad28239-c932-4ea6-8041-564972f7ff5e","pageType":"home","shopId":"60930031754","storefrontBaseUrl":"https:\/\/happyhydrate.is","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
361<script> 362 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 363 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 364 window.ShopifyAnalytics.meta.currency = 'ISK'; 365 var meta = {"page":{"pageType":"home","requestId":"81b12931-be94-485c-a423-d0d36bac5bb9-1791095771"}}; 366 for (var attr in meta) { 367 window.ShopifyAnalytics.meta[attr] = meta[attr]; 368 } 369</script>
vendor: 1 bytes, line 369
369
370<script class="analytics"> 371 (function () { 372 var customDocumentWrite = function(content) { 373 var jquery = null; 374 375 if (window.jQuery) { 376 jquery = window.jQuery; 377 } else if (window.Checkout && window.Checkout.$) { 378 jquery = window.Checkout.$; 379 } 380 381 if (jquery) { 382 jquery('body').append(content); 383 } 384 }; 385 386 var hasLoggedConversion = function(token) { 387 if (token) { 388 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 389 } 390 return false; 391 } 392 393 var setCookieIfConversion = function(token) { 394 if (token) { 395 var twoMonthsFromNow = new Date(Date.now()); 396 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 397 398 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 399 } 400 } 401 402 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 403 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 404 if (trekkie.integrations) { 405 return; 406 } 407 trekkie.methods = [ 408 'identify', 409 'page', 410 'ready', 411 'track', 412 'trackForm', 413 'trackLink' 414 ]; 415 trekkie.factory = function(method) { 416 return function() { 417 var args = Array.prototype.slice.call(arguments); 418 args.unshift(method); 419 trekkie.push(args); 420 if (method == 'track' || method == 'page') { 421 var pageUrl; 422 try { 423 pageUrl = window.location.href; 424 } catch (e) {} 425 var pageReferrer; 426 try { 427 pageReferrer = document.referrer; 428 } catch (e) {} 429 try { 430 if (window.__TREKKIE_SHIM_QUEUE == null) { 431 window.__TREKKIE_SHIM_QUEUE = []; 432 } 433 window.__TREKKIE_SHIM_QUEUE.push({ 434 from: 'trekkie-stub', 435 method: method, 436 args: args.slice(1), 437 pageContext: { 438 url: pageUrl, 439 referrer: pageReferrer 440 } 441 }); 442 } catch (e) { 443 // no-op 444 } 445 } 446 return trekkie; 447 }; 448 }; 449 for (var i = 0; i < trekkie.methods.length; i++) { 450 var key = trekkie.methods[i]; 451 trekkie[key] = trekkie.factory(key); 452 } 453 trekkie.load = function(config) { 454 trekkie.config = config || {}; 455 trekkie.config.initialDocumentCookie = document.cookie; 456 var first = document.getElementsByTagName('script')[0]; 457var script = document.createElement('script'); 458script.type = 'text/javascript'; 459script.onerror = function(e) { 460 var scriptFallback = document.createElement('script'); 461 scriptFallback.type = 'text/javascript'; 462 scriptFallback.onerror = function(error) { 463 var Monorail = { 464 produce: function produce(monorailDomain, schemaId, payload) { 465 var currentMs = new Date().getTime(); 466 var event = { 467 schema_id: schemaId, 468 payload: payload, 469 metadata: { 470 event_created_at_ms: currentMs, 471 event_sent_at_ms: currentMs 472 } 473 }; 474 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 475 }, 476 sendRequest: function sendRequest(endpointUrl, payload) { 477 // Try the sendBeacon API 478 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 479 var blobData = new window.Blob([payload], { 480 type: 'text/plain' 481 }); 482 483 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 484 return true; 485 } // sendBeacon was not successful 486 487 } // XHR beacon 488 489 var xhr = new XMLHttpRequest(); 490 491 try { 492 xhr.open('POST', endpointUrl); 493 xhr.setRequestHeader('Content-Type', 'text/plain'); 494 xhr.send(payload); 495 } catch (e) { 496 console.log(e); 497 } 498 499 return false; 500 }, 501 isIos12: function isIos12() { 502 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 503 } 504 }; 505 Monorail.produce('monorail-edge.shopifysvc.com', 506 'trekkie_storefront_load_errors/1.1', 507 {shop_id: 60930031754, 508 theme_id: 158213013642, 509 app_name: "storefront", 510 context_url: window.location.href, 511 source_url: "//happyhydrate.is/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 512 513 }; 514 scriptFallback.async = true; 515 scriptFallback.src = '//happyhydrate.is/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 516 first.parentNode.insertBefore(scriptFallback, first); 517}; 518script.async = true; 519script.src = '//happyhydrate.is/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 520first.parentNode.insertBefore(script, first); 521 522 }; 523 trekkie.load( 524 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":60930031754,"isMerchantRequest":null,"themeId":158213013642,"themeCityHash":"17119591427388462464","contentLanguage":"is","currency":"ISK","eventMetadataId":"dad28239-c932-4ea6-8041-564972f7ff5e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 525 ); 526 527 var loaded = false;
528 trekkie.ready(function() { 529 if (loaded) return; 530 loaded = true; 531 532 window.ShopifyAnalytics.lib = window.trekkie; 533 534 var originalDocumentWrite = document.write; 535 document.write = customDocumentWrite; 536 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 537 document.write = originalDocumentWrite; 538 539 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 540 var token = match? match[1]: undefined; 541 if (!hasLoggedConversion(token)) { 542 setCookieIfConversion(token); 543 544 } 545 }); 546 547 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"81b12931-be94-485c-a423-d0d36bac5bb9-1791095771","shopifyEmitted":true}); 548 549 var eventsListenerScript = document.createElement('script'); 550 eventsListenerScript.async = true; 551 eventsListenerScript.src = "//happyhydrate.is/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 552 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 553})();</script>
vendor: 1 bytes, line 553
553
554<script 555 defer 556 src="https://happyhydrate.is/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 557 data-application="storefront-renderer" 558 data-shop-id="60930031754" 559 data-render-region="gcp-us-central1" 560 data-page-type="index" 561 data-theme-instance-id="158213013642" 562 data-theme-name="MalterTech" 563 data-theme-version="1.0" 564 data-monorail-region="shop_domain" 565 data-resource-timing-sampling-rate="10" 566 data-shs="true" 567 data-shs-beacon="true" 568 data-shs-export-with-fetch="true" 569 data-shs-logs-sample-rate="1" 570 data-shs-beacon-endpoint="https://happyhydrate.is/api/collect" 571></script>
571 572<meta name="shopify-y" content="df61616d-741d-48ba-a6db-e8e9abf94b8f" data-expiration="1822653371000"><meta name="shopify-s" content="1217cf0c-9eb9-479d-9dcb-aa2560082ffc" data-expiration="1791097571000"><meta name="new-cookie-storage-activated" content="t"> 573</head> 574 575<body> 576 577 578 579<!-- Header --> 580<div id="shopify-section-theme-announcement" class="shopify-section"><style> 581 #announcement { 582 color: #000000; 583 text-align: center; 584 padding: 9px 5px; 585 font-size: 16px; 586 font-weight: 400; 587 display: flex; 588 justify-content: center; 589 align-items: center; 590 background-color: #def7c8; 591 font-family: "DM Sans", sans-serif; 592 } 593 594 #announcement span { 595 margin-left: 4px; 596 font-weight: 600; 597 } 598 599 @media (max-width: 1024px) { 600 #announcement { 601 font-size: 14px; 602 } 603 } 604 605</style> 606 607 608 <div id="announcement">Verslaðu yfir 11.900 kr og þú færð - 609 <span>FRÃA SENDINGU</span> 610 </div> 611 612 613</div> 614<div id="shopify-section-theme-header" class="shopify-section"> 615 616 617 618 619 620 621 622<style> 623 #headerPanel .vmedia.is-render > img { padding: 12%; box-sizing: border-box; object-fit: contain; } 624 #headerPanel .vbadge-soldout{ z-index:3; position:absolute; top:12px; left:12px; padding:6px 10px; border-radius:4px; font-size:12px; background-color:#FDE2E2; color:#B02D28; font-family:"DM Sans", system-ui, sans-serif; font-weight:600; width:max-content; } 625 #headerPanel .sliderNav--simple{ background:transparent; padding:4px 0 24px; margin:0; } 626 #headerPanel .sliderNav--simple .sliderNavLink{ font-size:22px; padding:18px 0; margin:0; border-bottom:1px solid #EAEAEA; } 627 #headerPanel .sliderNav--simple .sliderNavDropdown{ padding:18px 0; width:100%; border-bottom:1px solid #EAEAEA; } 628 #headerPanel .sliderNav--simple .sliderNavDropdownToggle{ width:100%; font-size:22px; font-weight:600; font-family:"Inter", sans-serif; color:#1F1F1F; background:none; border:0; padding:0; cursor:pointer; -webkit-appearance:none; appearance:none; } 629 #headerPanel .sliderNav--simple .sliderNavDropdownLinksWrapContent{ padding:16px 0 4px 16px; row-gap:14px; } 630 #headerPanel .sliderNav--simple .sliderNavDropdownLinksWrapContentLink{ font-size:17px; font-weight:500; color:#1F1F1F; } 631</style><header id="header" 632 > 633 <a id="headerLogo" href="/" title="homepage"> 634 <svg width="150" height="76" viewBox="0 0 150 76" fill="none" xmlns="http://www.w3.org/2000/svg"> 635 <path d="M41.4184 8.22781C41.977 8.22781 42.5195 8.3663 43.0295 8.65142C43.5476 8.93655 43.9524 9.33572 44.2439 9.86523C44.5353 10.3947 44.6892 10.9405 44.6892 11.5189C44.6892 12.0973 44.5434 12.635 44.252 13.1564C43.9605 13.6777 43.5638 14.085 43.0457 14.3702C42.5276 14.6634 41.9851 14.8101 41.4184 14.8101C40.8517 14.8101 40.3093 14.6634 39.7912 14.3702C39.273 14.0769 38.8682 13.6777 38.5849 13.1564C38.2934 12.635 38.1477 12.0892 38.1477 11.5189C38.1477 10.9487 38.2934 10.3947 38.593 9.86523C38.8925 9.33572 39.2892 8.93655 39.8074 8.65142C40.3255 8.3663 40.8598 8.22781 41.4184 8.22781ZM41.4265 8.87138C40.9732 8.87138 40.5441 8.98542 40.1312 9.21352C39.7183 9.44162 39.3945 9.76747 39.1516 10.1911C38.9168 10.6147 38.7954 11.0627 38.7954 11.5271C38.7954 11.9914 38.9087 12.4313 39.1435 12.8468C39.3783 13.2623 39.7021 13.5881 40.115 13.8244C40.5279 14.0606 40.9651 14.1747 41.4184 14.1747C41.8718 14.1747 42.309 14.0606 42.73 13.8244C43.1428 13.5881 43.4667 13.2623 43.7015 12.8468C43.9362 12.4313 44.0496 11.9914 44.0496 11.5271C44.0496 11.0627 43.9281 10.6228 43.6934 10.1911C43.4586 9.76747 43.1267 9.44162 42.7138 9.21352C42.3009 8.98542 41.8637 8.87138 41.4184 8.87138H41.4265ZM39.945 13.2786V9.78377H40.6493C41.3132 9.78377 41.6775 9.78377 41.7585 9.79191C41.9932 9.80821 42.1713 9.85708 42.3009 9.9304C42.4304 10.0037 42.5357 10.1178 42.6247 10.2644C42.7138 10.411 42.7542 10.5821 42.7542 10.7613C42.7542 10.9405 42.6733 11.2257 42.5114 11.4049C42.3495 11.5841 42.1147 11.6982 41.8232 11.7389C41.9285 11.7796 42.0094 11.8204 42.0661 11.8692C42.1228 11.9181 42.2037 12.0077 42.3009 12.1381C42.3252 12.1706 42.4142 12.3173 42.5599 12.5617L42.9728 13.2704H42.0985L41.807 12.7002C41.6127 12.3173 41.4508 12.081 41.3213 11.9833C41.1917 11.8855 41.0298 11.8366 40.8355 11.8366H40.6493V13.2704H39.945V13.2786ZM40.6493 11.2908H40.9327C41.3375 11.2908 41.5884 11.2745 41.6937 11.242C41.7908 11.2094 41.8718 11.1524 41.9285 11.079C41.9851 10.9976 42.0175 10.9
63508 42.0175 10.8102C42.0175 10.7125 41.9932 10.6228 41.9366 10.5495C41.8799 10.4762 41.7989 10.4192 41.7018 10.3866C41.5965 10.354 41.3456 10.3377 40.9489 10.3377H40.6655V11.2908H40.6493Z" fill="white"/> 636 <path d="M130.683 21.5308V19.0706H129.769V18.5574H132.165V19.0706H131.274V21.5308H130.675H130.683ZM132.529 21.5308V18.5574H133.46L133.995 20.6021L134.537 18.5574H135.468V21.5308H134.901V19.1602L134.262 21.5308H133.719L133.088 19.1602V21.5308H132.529Z" fill="white"/> 637 <path d="M4.28258 42.638C5.18122 42.638 5.95033 41.9944 6.12844 41.0983C6.5899 38.7115 7.32662 36.2187 8.33861 33.6281C9.86063 29.7586 11.9898 25.7017 14.6696 21.5634C16.8312 18.2397 19.0008 15.3885 20.7253 13.2948C21.0815 12.8631 21.7372 12.8631 22.0935 13.2948C23.8098 15.3966 25.9876 18.2397 28.1492 21.5634C30.837 25.7017 32.9662 29.7586 34.4801 33.6281C35.4921 36.2105 36.2288 38.7115 36.6903 41.0983C36.8603 41.9944 37.6294 42.638 38.5361 42.638C39.7019 42.638 40.6006 41.5708 40.382 40.4222C37.5889 25.7913 26.1252 12.0322 22.5063 7.99156C21.9154 7.33171 20.8953 7.33171 20.3124 7.99156C16.7016 12.0322 5.2298 25.7913 2.43673 40.4222C2.21814 41.579 3.11678 42.638 4.28258 42.638Z" fill="white"/> 638 <path d="M37.0061 49.4321C36.4313 52.7639 34.8203 55.8269 32.3267 58.2138C29.3717 61.0488 25.4695 62.6129 21.3892 62.6129C17.1632 62.6129 13.1881 60.951 10.2008 57.945C7.86916 55.5988 6.36333 52.658 5.80472 49.4646C5.65089 48.5604 4.88179 47.9005 3.97505 47.9005H3.94267C2.79306 47.9005 1.91061 48.9433 2.11301 50.0838C3.71599 59.3462 11.7471 66.3846 21.4054 66.3846C31.0638 66.3846 39.0949 59.338 40.6978 50.0756C40.8922 48.9351 40.0178 47.8924 38.8682 47.8924H38.8358C37.9372 47.8924 37.16 48.536 37.0061 49.4239V49.4321Z" fill="white"/> 639 <path d="M73.0164 18.924C72.9274 21.1072 72.8788 23.4534 72.8788 25.9624C72.8788 28.4715 72.9193 30.8177 73.0164 33.0009H68.4908V27.7302H61.3989V33.0009H56.8733C56.9785 30.4918 57.0271 28.1457 57.0271 25.9624C57.0271 23.7792 56.9785 21.4331 56.8733 18.924H61.3989V24.1947H68.4908V18.924H73.0164Z" fill="white"/> 640 <path d="M86.9008 29.7831C86.9008 30.223 86.9494 30.5325 87.0547 30.7118C87.1599 30.891 87.3623 31.0213 87.6699 31.1028L87.5971 32.9276C87.1842 32.9927 86.828 33.0416 86.5284 33.0661C86.2289 33.0905 85.8241 33.1068 85.3221 33.1068C84.213 33.1068 83.4844 32.8624 83.1282 32.3573C82.7719 31.8604 82.5857 31.225 82.5857 30.4511V29.9623C82.2133 31.0213 81.6709 31.8115 80.9585 32.3247C80.246 32.8461 79.3393 33.0986 78.2302 33.0986C77.121 33.0986 75.9795 32.838 75.3319 32.3247C74.6842 31.8115 74.3604 31.0376 74.3604 30.0193C74.3604 29.001 74.6356 28.5204 75.1861 28.0398C75.7366 27.5591 76.5948 27.2333 77.7525 27.0541C76.7729 26.3535 75.8014 25.7506 74.8218 25.2293C75.5909 24.2517 76.4734 23.5022 77.4611 22.989C78.4488 22.4758 79.6469 22.2233 81.0637 22.2233C82.4805 22.2233 84.5125 22.655 85.4679 23.5104C86.4232 24.3658 86.9008 25.6936 86.9008 27.4777V29.7831ZM79.736 25.9624C79.2341 26.1824 78.7888 26.5164 78.384 26.9482C79.1531 26.8585 80.1165 26.8097 81.2742 26.8097C82.4319 26.8097 82.0838 26.7526 82.2781 26.6386C82.4724 26.5245 82.5695 26.3779 82.5695 26.1905C82.5695 26.0032 82.4724 25.9054 82.2781 25.7914C82.0838 25.6773 81.8166 25.
6406284 81.4685 25.6284C80.8127 25.6284 80.2379 25.7425 79.736 25.9543V25.9624ZM81.3957 29.5224C82.5938 28.9766 82.5938 27.9257 82.5938 27.9257C82.2862 28.0805 81.9462 28.2027 81.5738 28.2842C81.2013 28.3656 80.748 28.4471 80.2218 28.5285L79.5255 28.6426C78.805 28.7892 78.4488 29.0336 78.4488 29.3758C78.4488 29.7179 78.7807 29.9379 79.4526 29.9379C80.1246 29.9379 80.8127 29.7831 81.3957 29.5224Z" fill="white"/> 641 <path d="M99.5061 22.9401C100.17 23.4208 100.696 24.0643 101.069 24.8871C101.441 25.7099 101.627 26.606 101.627 27.5917C101.627 28.5774 101.441 29.4735 101.069 30.337C100.696 31.2005 100.17 31.8848 99.498 32.4144C98.826 32.9357 98.0569 33.1964 97.1988 33.1964C96.3406 33.1964 95.3367 32.9846 94.6243 32.5691C93.9118 32.1537 93.3856 31.502 93.0375 30.6222C93.0375 31.3553 93.0618 32.5447 93.1103 34.1658C93.1589 35.7462 93.1832 36.8541 93.1832 37.4977H88.8276C88.9005 35.0945 88.941 32.5773 88.941 29.9542C88.941 27.331 88.9005 24.8138 88.8276 22.4106H92.5274L93.0861 24.8301C93.4423 23.9259 93.9847 23.266 94.7052 22.8424C95.4258 22.4269 96.2677 22.2151 97.2473 22.2151C98.2269 22.2151 98.8341 22.4514 99.498 22.932L99.5061 22.9401ZM96.6401 29.1477C97.0287 28.7811 97.2311 28.3004 97.2311 27.7058C97.2311 27.1111 97.053 26.5082 96.6887 26.0928C96.3325 25.6773 95.8386 25.4737 95.2234 25.4737C94.6081 25.4737 93.9847 25.6447 93.6204 25.9869C93.2642 26.329 93.078 26.8993 93.078 27.7058C93.078 28.5122 93.1913 28.5367 93.4261 28.8381C93.6609 29.1395 93.9361 29.3595 94.2519 29.498C94.5757 29.6364 94.8833 29.7016 95.1748 29.7016C95.7496 29.7016 96.2353 29.5142 96.632 29.1477H96.6401Z" fill="white"/> 642 <path d="M113.641 22.9401C114.305 23.4208 114.831 24.0643 115.204 24.8871C115.576 25.7099 115.762 26.606 115.762 27.5917C115.762 28.5774 115.576 29.4735 115.204 30.337C114.831 31.2005 114.305 31.8848 113.633 32.4144C112.961 32.9357 112.192 33.1964 111.334 33.1964C110.476 33.1964 109.472 32.9846 108.76 32.5691C108.047 32.1537 107.521 31.502 107.173 30.6222C107.173 31.3553 107.197 32.5447 107.246 34.1658C107.294 35.7462 107.318 36.8541 107.318 37.4977H102.963C103.036 35.0945 103.076 32.5773 103.076 29.9542C103.076 27.331 103.036 24.8138 102.963 22.4106H106.663L107.221 24.8301C107.578 23.9259 108.12 23.266 108.84 22.8424C109.561 22.4269 110.403 22.2151 111.383 22.2151C112.362 22.2151 112.969 22.4514 113.633 22.932L113.641 22.9401ZM110.783 29.1477C111.172 28.7811 111.374 28.3004 111.374 27.7058C111.374 27.1111 111.196 26.5082 110.832 26.0928C110.476 25.6773 109.982 25.4737 109.367 25.4737C108.751 25.4737 108.128 25.6447 107.764 25.9869C107.408 26.329 107.221 26.8993 107.221 27.7058C107.221 28.5122 107.335 28.5367 107.569 28.8381C107.804 29.1395 108.079 29.3595 108.395 29.498C108.719 29.6364 109.027 29.7016 109.318 29.7016C109.893 29.7016 110.379 29.5142 110.775 29.1477H110.783Z" fill="white"/> 643 <path d="M128.635 22.4188L128.19 23.543C126.967 26.8096 125.688 29.9704 124.36 33.0009C123.664 34.5487 122.668 35.7951 121.357 36.7319C120.045 37.6687 118.402 38.1168 116.426 38.0761C116.183 37.0007 115.981 36.1698 115.819 35.567C115.657 34.9641 115.447 34.3613 115.196 33.7585C115.9 33.9296 116.564 34.011 117.179 34.011C118.183 34.011 118.97
6437 33.7992 119.568 33.3675C119.106 31.9826 118.564 30.4999 117.932 28.9114C117.301 27.3229 116.394 25.1559 115.196 22.4188H119.762C119.916 23.0623 120.126 23.8118 120.393 24.6672C120.66 25.5225 120.936 26.3372 121.203 27.1274C121.276 27.3717 121.405 27.7465 121.575 28.2434C121.745 28.7403 121.883 29.1558 121.988 29.4979L122.49 27.9664C123.454 25.1641 124.02 23.3149 124.206 22.4188H128.635Z" fill="white"/> 644 <path d="M73.0164 37.7421C72.9274 39.9253 72.8788 42.2714 72.8788 44.7805C72.8788 47.2896 72.9193 49.6357 73.0164 51.819H68.4908V46.5483H61.3989V51.819H56.8733C56.9785 49.3099 57.0271 46.9637 57.0271 44.7805C57.0271 42.5973 56.9785 40.2511 56.8733 37.7421H61.3989V43.0128H68.4908V37.7421H73.0164Z" fill="white"/> 645 <path d="M87.2328 41.2287L86.7875 42.3529C85.5651 45.6196 84.2859 48.7722 82.9582 51.8108C82.262 53.3586 81.2662 54.605 79.9546 55.5418C78.6431 56.4787 76.9997 56.9267 75.0243 56.886C74.7814 55.8107 74.579 54.9797 74.4171 54.3769C74.2552 53.7741 74.0447 53.1712 73.7937 52.5684C74.498 52.7395 75.1619 52.821 75.7772 52.821C76.7811 52.821 77.5745 52.6091 78.1655 52.1855C77.704 50.8007 77.1535 49.318 76.5301 47.7295C75.8986 46.141 74.9919 43.974 73.7937 41.2368H78.3598C78.5136 41.8804 78.7241 42.6299 78.9912 43.4852C79.2584 44.3406 79.5337 45.1552 79.8008 45.9454C79.8818 46.1898 80.0032 46.5646 80.1732 47.0615C80.3432 47.5584 80.4809 47.9739 80.5861 48.3079L81.0881 46.7764C82.0515 43.974 82.6263 42.1248 82.8044 41.2287H87.2328Z" fill="white"/> 646 <path d="M99.5224 44.2754C99.5224 46.8741 99.5628 49.3913 99.6357 51.8189H95.2801L95.3368 49.4972C94.9644 50.3608 94.422 50.9962 93.7176 51.4035C93.0133 51.8108 92.1794 52.0145 91.216 52.0145C90.2526 52.0145 89.6292 51.7782 88.9654 51.2976C88.3015 50.8169 87.7753 50.1734 87.4029 49.3506C87.0304 48.5278 86.8442 47.6317 86.8442 46.646C86.8442 45.6603 87.0304 44.7642 87.4029 43.9007C87.7753 43.0372 88.3015 42.3529 88.9735 41.8234C89.6454 41.302 90.4145 41.0413 91.2727 41.0413C92.1308 41.0413 93.1347 41.2531 93.8472 41.6686C94.5596 42.0922 95.0858 42.7358 95.4339 43.6156C95.4339 42.8824 95.4097 41.693 95.3611 40.0719C95.3125 38.4915 95.2882 37.3836 95.2882 36.7401H99.6438C99.5709 39.1432 99.5304 41.6604 99.5304 44.2836L99.5224 44.2754ZM94.7863 48.2183C95.183 47.8598 95.3854 47.2977 95.3854 46.5238C95.3854 45.7499 95.183 45.3345 94.7863 45.0086C94.3896 44.6827 93.8876 44.5198 93.2804 44.5198C92.6733 44.5198 92.2199 44.7072 91.8232 45.0738C91.4265 45.4404 91.2322 45.921 91.2322 46.5157C91.2322 47.1104 91.4103 47.7132 91.7746 48.1287C92.1308 48.5441 92.6247 48.7478 93.24 48.7478C93.8552 48.7478 94.3815 48.5686 94.7782 48.2183H94.7863Z" fill="white"/> 647 <path d="M105.651 44.0962C106.193 42.1411 107.529 41.1717 109.674 41.1717C111.82 41.1717 110.403 41.1961 110.751 41.2531L110.136 45.5951C109.213 45.2448 108.452 45.0738 107.861 45.0738C107.27 45.0738 106.59 45.2937 106.242 45.7336C105.894 46.1735 105.724 46.7601 105.724 47.5014V47.4851L105.708 48.7641C105.708 49.6846 105.732 50.7029 105.78 51.8271H101.174C101.279 49.9697 101.328 48.2101 101.328 46.5564C101.328 44.9027 101.279 43.1349 101.174 41.245C102.024 41.2857 102.672 41.302 103.117 41.302C103.562 41.302 104.242 41.2857 105.06 41.245L105.635 44.1125L105.651 44.0962Z" fill="white"/> 648 <path d="M123.486 48.593C123.486 49.0329 123.535 49.3425 123.64 49.5217C123.745 49.7009 123.948 49.8312 124.255 49.9127L124.182 51.7375C123.769 51.8027 123.413 51.8434 123.114 51.876C122.814 51.9004 122.409 51.9167 121.907 51.9167C120.798 51.9167 120.07 51.6723 119.713 51.1672C119.357 50.6703 119.171 50.0349 119.171 49.261V48.7722C118.799 49.8312 118.256 50.6214 117.544 51.1347C116.831 51.6479 115.925 51.9086 114.815 51.9086C113.706 51.9086 112.565 51.6479 111.917 51.1347C111.269 50.6214 110.946 49.8475 110.946 48.8292C110.946 47.8109 111.221 47.3303 111.771 46.8497C112.322 46.369 113.18 46.0432 114.338 45.864C113.358 45.1634 112.387 44.5605 111.407 44.0392C112.176 43.0616 113.059 42.3121 114.046 41.7989C115.034 41.2857 116.24 41.0332 117.649 41.0332C119.058 41.0332 121.098 41.4649 122.053 42.3203C123.008 43.1757 123.486 44.5035 123.486 46.2876V48.593ZM116.321 44.7805C115.819 45.0004 115.374 45.3344 114.969 45.7662C115.738 45.6766 116.702 45.6277 117.859 45.6277C119.017 45.6277 118.669 45.5707 118.8
64863 45.4566C119.058 45.3426 119.155 45.196 119.155 45.0086C119.155 44.8212 119.058 44.7235 118.863 44.6094C118.669 44.4954 118.402 44.4465 118.054 44.4465C117.398 44.4465 116.823 44.5524 116.321 44.7723V44.7805ZM117.981 48.3323C119.074 47.8109 119.179 46.7356 119.179 46.7356C118.871 46.8904 118.531 47.0126 118.159 47.0941C117.787 47.1755 117.333 47.257 116.807 47.3384L116.111 47.4525C115.39 47.5991 115.034 47.8435 115.034 48.1857C115.034 48.5278 115.366 48.7478 116.038 48.7478C116.71 48.7478 117.406 48.6093 117.981 48.3323Z" fill="white"/> 649 <path d="M134.14 44.6991C132.958 44.6176 131.881 44.5606 130.902 44.528L130.886 46.5809C130.886 47.2814 131.04 47.8273 131.339 48.2183C131.639 48.6093 132.173 48.813 132.95 48.813C133.727 48.813 133.525 48.7885 133.8 48.7315C133.752 49.2121 133.727 49.6928 133.727 50.1815C133.727 50.6703 133.744 50.9473 133.768 51.7701C133.201 51.876 132.732 51.9412 132.343 51.9656C131.954 51.99 131.461 52.0063 130.837 52.0063C129.331 52.0063 128.271 51.6397 127.647 50.9066C127.024 50.1734 126.716 49.1551 126.716 47.8517L126.733 44.5769C126.125 44.6013 125.502 44.642 124.846 44.6909V41.2613C125.51 41.2613 126.077 41.0495 126.538 40.6177C127 40.1941 127.275 39.6809 127.364 39.0862H132.602C131.946 39.9905 131.218 40.7155 130.424 41.2531H134.14V44.6828V44.6991Z" fill="white"/> 650 <path d="M145.49 46.9719H139.208C139.313 47.5421 139.564 48.0064 139.969 48.3567C140.374 48.707 140.949 48.8863 141.694 48.8863C142.438 48.8863 142.738 48.7804 143.216 48.5686C143.693 48.3567 144.074 48.0553 144.349 47.6643C145.207 48.0879 146.357 48.5523 147.782 49.041C147.385 49.9453 146.664 50.6703 145.612 51.1998C144.568 51.7375 143.199 52.0063 141.515 52.0063C139.831 52.0063 137.718 51.5012 136.674 50.4829C135.63 49.4646 135.104 48.1368 135.104 46.4831C135.104 44.8294 135.622 43.5585 136.666 42.5484C137.702 41.5382 139.321 41.0332 141.524 41.0332C143.726 41.0332 143.968 41.2531 144.932 41.693C145.895 42.1329 146.632 42.7439 147.15 43.526C147.66 44.308 147.919 45.2041 147.919 46.2143C147.919 47.2244 147.903 46.8008 147.879 46.9719H145.49ZM140.406 44.1695C139.208 44.9027 139.208 45.7662 139.208 45.7662C139.516 45.6114 139.856 45.4892 140.228 45.4078C140.601 45.3263 141.054 45.2448 141.58 45.1634L142.276 45.0493C142.997 44.9027 143.353 44.6583 143.353 44.3162C143.353 43.974 143.021 43.7541 142.349 43.7541C141.677 43.7541 140.949 43.8355 140.406 44.1695Z" fill="white"/> 651</svg> 652 653 </a> 654 655 <nav id="headerNav"> 656 657 <div class="headerNavLink"> 658 <div class="headerNavLinkContent"> 659 <a class="headerNavLinkContentTitle " 660 href="/collections/shop-all"> 661 Versla 662 </a> 663 664 665 <img class="headerNavLinkContentArrow" src="//happyhydrate.is/cdn/shop/t/80/assets/icon-down-arrow.svg?v=20821147324244546361788984151" 666 alt="" width="12" height="12" loading="lazy" decoding="async" aria-hidden="true"> 667 <div class="headerNavLinkContentExpanded"> 668 <div class="headerNavLinkContentExpandedBody"> 669 <div class="headerNavLinkContentExpandedBodyLinks"> 670 671 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/collections/shop-all"> 672 Allt 673 </a> 674 675 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/products/hydration-xpress?variant=50050860744842"> 676 Hydrate 677 </a> 678 679 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/products/creatine-xpress-bundle"> 680 KreatÃn 681 </a> 682 683 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/products/energy-xpress-bundle"> 684 Energy 685 </a> 686 687 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/products/hydration-kids-1"> 688 Kids 689 </a> 690 691 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/collections/fatnadur"> 692 Fatnaður 693 </a> 694 695 <a class="headerNavLinkContentExpandedBodyLinksItem" href="/collections/brusar"> 696 Brúsar 697 </a> 698 699 </div> 700 </div> 701 </div> 702 703 </div> 704 </div> 705 706 <div class="headerNavLink"> 707 <div class="headerNavLinkContent"> 708 <a class="headerNavLinkContentTitle soloLink" 709 href="/pages/askrift-box"> 710 Ãskrift 711 </a> 712 713 714 </div> 715 </div> 716 717 </nav> 718 719 720 721 <div id="headerIcons"> 722 723 724 <a id="headerIconsAccount" title="Ãskriftin mÃn" href="/pages/askriftin-min"> 725 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 726 <g clip-path="url(#clip0_701_2720)"> 727 <path d="M12.0033 13.5848C14.1928 13.5848 15.9676 11.8099 15.9676 9.62054C15.9676 7.43112 14.1928 5.65625 12.0033 5.65625C9.81394 5.65625 8.03906 7.43112 8.03906 9.62054C8.03906 11.8099 9.81394 13.5848 12.0033 13.5848Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 728 <path d="M5.23438 19.7645C5.94198 18.603 6.9365 17.643 8.12229 16.977C9.30809 16.3108 10.6453 15.9609 12.0054 15.9609C13.3655 15.9
728609 14.7027 16.3108 15.8885 16.977C17.0743 17.643 18.0687 18.603 18.7764 19.7645" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 729 <path d="M12.0025 22.3018C17.695 22.3018 22.3096 17.6872 22.3096 11.9946C22.3096 6.30217 17.695 1.6875 12.0025 1.6875C6.30998 1.6875 1.69531 6.30217 1.69531 11.9946C1.69531 17.6872 6.30998 22.3018 12.0025 22.3018Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 730 </g> 731 <defs> 732 <clipPath id="clip0_701_2720"> 733 <rect width="24" height="24" fill="white"/> 734 </clipPath> 735 </defs> 736 </svg> 737 </a> 738 739 <button id="headerIconsCart" class="openCart" data-count="0" title="cart"> 740 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 741 <path d="M20.2131 12.7879H7.24196L5.65625 4.85938H21.5133C21.6294 4.8598 21.7438 4.88565 21.8487 4.93512C21.9535 4.98458 22.0463 5.05646 22.1204 5.14568C22.1946 5.23487 22.2482 5.33926 22.2775 5.45143C22.3068 5.56362 22.3113 5.68087 22.2903 5.79495L20.9901 12.1378C20.9598 12.3212 20.8646 12.4876 20.7221 12.6069C20.5795 12.7262 20.3989 12.7904 20.2131 12.7879Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 742 <path d="M5.65959 4.85893L4.99359 2.32179C4.95704 2.1427 4.85973 1.98175 4.71814 1.86616C4.57655 1.75058 4.39938 1.68746 4.21659 1.6875H1.69531" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 743 <path d="M7.25 12.7891L7.916 16.1191C7.95257 16.2982 8.04987 16.4591 8.19145 16.5747C8.33304 16.6903 8.51023 16.7533 8.693 16.7533H18.3501" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 744 <path d="M17.5585 22.3045C17.1205 22.3045 16.7656 21.9494 16.7656 21.5116C16.7656 21.0738 17.1205 20.7188 17.5585 20.7188C17.9963 20.7188 18.3513 21.0738 18.3513 21.5116C18.3513 21.9494 17.9963 22.3045 17.5585 22.3045Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 745 <path d="M9.62098 22.3045C9.1831 22.3045 8.82812 21.9494 8.82812 21.5116C8.82812 21.0738 9.1831 20.7188 9.62098 20.7188C10.0589 20.7188 10.4138 21.0738 10.4138 21.5116C10.4138 21.9494 10.0589 22.3045 9.62098 22.3045Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 746 </svg> 747 </button> 748 749 <div id="headerMenu" class="openNav" aria-expanded="false"> 750 <svg class="burger" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"> 751 <!-- both bars are the same line at y=12; we offset with CSS --> 752 <g class="line line--1"><line x1="2" y1="12" x2="22" y2="12"/></g> 753 <g class="line line--2"><line x1="2" y1="12" x2="22" y2="12"/></g> 754 </svg> 755 </div> 756 757 </div> 758 759 760 <div id="headerPanel" aria-hidden="true"><nav id="sliderNav" class="sliderNav--simple"> 761 762 763 <div class="sliderNavDropdown"> 764 <button class="sliderNavDropdownToggle active" type="button" aria-expanded="true">Versla</button> 765 <div class="sliderNavDropdownLinks"> 766 <div class="sliderNavDropdownLinksWrap"> 767 <div class="sliderNavDropdownLinksWrapContent"> 768 769 <a class="sliderNavDropdownLinksWrapContentLink" href="/collections/shop-all">Allt</a> 770 771 <a class="sliderNavDropdownLinksWrapContentLink" href="/products/hydration-xpress?variant=50050860744842">Hydrate</a> 772 773 <a class="sliderNavDropdownLinksWrapContentLink" href="/products/creatine-xpress-bundle">KreatÃn</a> 774 775 <a class="sliderNavDropdownLinksWrapContentLink" href="/products/energy-xpress-bundle">Energy</a> 776 777 <a class="sliderNavDropdownLinksWrapContentLink" href="/products/hydration-kids-1">Kids</a> 778 779 <a class="sliderNavDropdownLinksWrapContentLink" href="/collections/fatnadur">Fatnaður</a> 780 781 <a class="sliderNavDropdownLinksWrapContentLink" href="/collections/brusar">Brúsar</a> 782 783 </div> 784 </div> 785 </div> 786 </div> 787 788 789 790 <a class="sliderNavLink" href="/pages/askrift-box">Ãskrift</a> 791 792 793 794 <a class="sliderNavLink" href="/pages/contact">Hafa samband</a> 795 796 797 </nav></div> 798 799 800</header> 801 802 803 804
805<script> 806(() => { 807 const header = document.getElementById('header'); 808 const trigger = document.getElementById('headerMenu'); 809 const panel = document.getElementById('headerPanel'); 810 const body = document.body; 811 812 // header height -> CSS var (used to size panel) 813 function syncHeaderH() { 814 const h = header ? header.offsetHeight : 0; 815 document.documentElement.style.setProperty('--header-h', h + 'px'); 816 } 817 syncHeaderH(); 818 window.addEventListener('resize', syncHeaderH); 819 820 // open / close + scroll lock 821 function openPanel(){ 822 const y = window.scrollY || window.pageYOffset; 823 body.dataset.scrollY = y; 824 body.style.top = `-${y}px`; 825 body.classList.add('scroll-lock'); 826 827 header.classList.add('is-open'); 828 trigger?.setAttribute('aria-expanded','true'); 829 panel?.setAttribute('aria-hidden','false'); 830 } 831 832 function closePanel(){ 833 header.classList.remove('is-open'); 834 trigger?.setAttribute('aria-expanded','false'); 835 panel?.setAttribute('aria-hidden','true'); 836 837 const y = parseInt(body.dataset.scrollY || '0', 10); 838 body.classList.remove('scroll-lock'); 839 body.style.top = ''; 840 window.scrollTo(0, y); 841 } 842 843 trigger?.addEventListener('click', () => { 844 header.classList.contains('is-open') ? closePanel() : openPanel(); 845 }); 846 847 // close when clicking any link inside the panel 848 panel?.addEventListener('click', (e) => { 849 if (e.target.closest('a')) closePanel(); 850 }); 851 852 // ===== Tabs: switch panels ===== 853 const panelRoot = panel; 854 if (panelRoot) { 855 panelRoot.addEventListener('click', (e) => { 856 const btn = e.target.closest('button.mp-tab'); 857 if (!btn || !panelRoot.contains(btn)) return; 858 859 e.preventDefault(); 860 861 const key = btn.dataset.tab; // "menu" or "c-<id>" 862 const targetId = 'panel-' + key; // "panel-menu" or "panel-c-<id>" 863 864 // activate button 865 panelRoot.querySelectorAll('.mp-tab') 866 .forEach(b => b.classList.toggle('is-active', b === btn)); 867 868 // show corresponding panel 869 panelRoot.querySelectorAll('.mp-panel') 870 .forEach(p => p.classList.toggle('is-active', p.id === targetId)); 871 }); 872 } 873 874 875 876(function () { 877 const links = document.querySelectorAll('#headerNav a.soloLink'); 878 879 const normalizePath = (p) => 880 p 881 .replace(/^\/[a-z]{2}(?:-[A-Z]{2})?\//, "/") // drop /en/, /is/, /en-GB/, ... 882 .replace(/\/$/, ""); // drop trailing slash 883 884 // current page (pathname only) 885 const current = normalizePath(location.pathname); 886 887 links.forEach((a) => { 888 const href = a.getAttribute("href"); 889 if (!href) return; 890 891 // Parse href and take ONLY pathname (ignores ?variant=...) 892 const targetPathname = new URL(href, location.origin).pathname; 893 const target = normalizePath(targetPathname); 894 895 if (current === target || current.startsWith(target)) { 896 const item = a.closest(".headerNavLink"); 897 if (item) item.classList.add("is-active"); 898 a.classList.remove("is-active"); // if you were using the anchor class before 899 } 900 }); 901})(); 902 903})(); 904</script>
904 905 906 907 908 909 910</div> 911<div id="shopify-section-theme-mini-cart" class="shopify-section"><dialog id="miniCart"> 912 <div id="miniCartExit" class="closeCart"> 913 </div> 914 <div id="miniCartContent"> 915 916 917 <div id="miniCartEmpty"> 918 <div id="miniCartEmptyClose" class="closeCart"> 919 <svg width="91" height="91" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg"> 920 <line x1="4.45275" y1="86.4889" x2="86.4771" y2="4.4645" stroke="#212121" stroke-width="10"/> 921 <line y1="-5" x2="116" y2="-5" 922 transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 82.0234 90.0366)" 923 stroke="#212121" stroke-width="10"/> 924 </svg> 925 </div> 926 927 <div id="miniCartEmptyTitle"> 928 Karfan þÃn er tóm 929 </div> 930 931 <button id="miniCartFooterClose" class="button closeCart custom-mb-12"> 932 Halda áfram að versla 933 </button> 934 </div> 935 936 937 <div id="miniCartHeader"> 938 <div id="miniCartHeaderTitleWrapper"> 939 <div style="display: flex; gap: 16px;"> 940 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"> 941 <path d="M20.2131 12.7879H7.24196L5.65625 4.85938H21.5133C21.6294 4.8598 21.7438 4.88565 21.8487 4.93512C21.9535 4.98458 22.0463 5.05646 22.1204 5.14568C22.1946 5.23487 22.2482 5.33926 22.2775 5.45143C22.3068 5.56362 22.3113 5.68087 22.2903 5.79495L20.9901 12.1378C20.9598 12.3212 20.8646 12.4876 20.7221 12.6069C20.5795 12.7262 20.3989 12.7904 20.2131 12.7879Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 942 <path d="M5.65959 4.85893L4.99359 2.32179C4.95704 2.1427 4.85973 1.98175 4.71814 1.86616C4.57655 1.75058 4.39938 1.68746 4.21659 1.6875H1.69531" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 943 <path d="M7.25 12.7891L7.916 16.1191C7.95257 16.2982 8.04987 16.4591 8.19145 16.5747C8.33304 16.6903 8.51023 16.7533 8.693 16.7533H18.3501" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 944 <path d="M17.5585 22.3045C17.1205 22.3045 16.7656 21.9494 16.7656 21.5116C16.7656 21.0738 17.1205 20.7188 17.5585 20.7188C17.9963 20.7188 18.3513 21.0738 18.3513 21.5116C18.3513 21.9494 17.9963 22.3045 17.5585 22.3045Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 945 <path d="M9.62098 22.3045C9.1831 22.3045 8.82812 21.9494 8.82812 21.5116C8.82812 21.0738 9.1831 20.7188 9.62098 20.7188C10.0589 20.7188 10.4138 21.0738 10.4138 21.5116C10.4138 21.9494 10.0589 22.3045 9.62098 22.3045Z" stroke="#1F1F1F" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 946 </svg> 947 <div id="miniCartHeaderTitle">Karfan þÃn <span 948 id="miniCartHeaderTitleCount">(0)</span></div> 949 </div> 950 <div id="miniCartContentExit" class="closeCart"> 951 <svg width="91" height="91" viewBox="0 0 91 91" fill="none" xmlns="http://www.w3.org/2000/svg"> 952 <line x1="4.45275" y1="86.4889" x2="86.4771" y2="4.4645" stroke="#212121" stroke-width="10"/> 953 <line y1="-5" x2="116" y2="-5" 954 transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 82.0234 90.0366)" 955 stroke="#212121" stroke-width="10"/> 956 </svg> 957 </div> 958 </div> 959 </div> 960 961 <div id="miniCartProgressBody"> 962 963 <div style="display: flex; gap: 12px; margin-bottom: 24px; align-items: center;"> 964 <svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none"> 965 <path d="M15.1699 2.37012L13.4717 6.61567V13.6917H24.7183V6.61567L23.0201 2.37012H15.1699Z" stroke="black" stroke-width="1.5"/> 966 <path d="M13.4717 6.61572H24.7183" stroke="black" stroke-width="1.5"/> 967 <path d="M19.0947 2.37012V6.61567" stroke="black" stroke-width="1.5"/> 968 <path d="M2.37012 25.6304H13.4717L23.516 22.4585V22.0439C23.516 20.5211 22.2815 19.2866 20.7586 19.2866C20.4838 19.2866 20.2105 19.3278 19.9478 19.4085L13.6541 21.3451C13.5331 21.3823 13.4074 21.4012 13.2809 21.4012H8.18522" stroke="black" stroke-width="1.5"/> 969 <path d="M13.4717 21.4012V18.2293L6.82058 17.206C4.89745 16.9102 3.16309 18.3981 3.16309 20.3439" stroke="black" stroke-width="1.5"/> 970 </svg> 971 972 <div id="miniCartHeaderBarText"> 973 Ãig vantar 974 <div id="miniCartHeaderBarTextAmount"></div> 975 fyrir frÃa heimsendingu 976 </div> 977 </div> 978 <div id="miniCartHeaderBar"> 979 <div id="miniCartHeaderBarInner"></div> 980 </div> 981 982 983 </div> 984 985 986 <div id="miniCartBody" class="active"></div> 987 988 989 <div id="miniCartUpsell"> 990 <h2 id="miniCartUpsellTitle"></h2> 991 <div id="miniCartUpsellSwiper" class="swiper"> 992 <div class="swiper-wrapper"> 993 994 </div> 995 <div id="miniCartUpsellSwiperActions"> 996 <div class="swiper-button-prev"></div> 997 <div class="swiper-button-next"></div> 998 </div> 999 </div> 1000 </div> 1001 1002 1003 <div id="miniCartFooter"> 1004 1005 1006 <div id="miniCartFooterTotal">
1007 Heildarverð <span 1008 id="miniCartFooterTotalPrice">0 kr</span> 1009 </div> 1010 1011 <div class="footerButtonDiv"> 1012 <button id="miniCartFooterClose" class="button closeCart"> 1013 Halda áfram að versla 1014 </button> 1015 1016 <button id="miniCartFooterCheckout" class="button"> 1017 Klára kaup 1018 </button> 1019 </div> 1020 1021 <div id="miniCartFooterText">Sending er reiknuð við greiðslu</div> 1022 </div> 1023 1024 </div> 1025</dialog>
1025<script> 1026 // Ãvinguð "uppselt"-staða, tilbúin fyrir mini-cart JS-ið. 1027 // Snið: kommu-vafðir listar á lágstöfum, t.d. ",mixed berries," (tómt = ekkert þvingað) 1028 window.HH_FORCED_SOLD_OUT = { 1029 "hydration": ",mixed berries,", 1030 "creatine": "", 1031 "energy": "", 1032 "kids": "", 1033 "skus": ",HAP-1002," 1034 }; 1035</script>
1035 1036 1037<!-- Extra Product Data For Cart -->
1038<script> 1039 // general product data 1040 const variantIDToSellingPlanID = {}; 1041 const variantIDToSellingPlanName = {}; 1042 const variantIDToCompareAtPrice = {}; 1043 1044 1045 variantIDToSellingPlanID[`46556624093322`] = null; 1046 variantIDToSellingPlanName[`46556624093322`] = null; 1047 variantIDToCompareAtPrice[`46556624093322`] = null; 1048 1049 1050 1051 variantIDToSellingPlanID[`46556640444554`] = null; 1052 variantIDToSellingPlanName[`46556640444554`] = null; 1053 variantIDToCompareAtPrice[`46556640444554`] = null; 1054 1055 variantIDToSellingPlanID[`46556640477322`] = null; 1056 variantIDToSellingPlanName[`46556640477322`] = null; 1057 variantIDToCompareAtPrice[`46556640477322`] = null; 1058 1059 variantIDToSellingPlanID[`46556640510090`] = null; 1060 variantIDToSellingPlanName[`46556640510090`] = null; 1061 variantIDToCompareAtPrice[`46556640510090`] = null; 1062 1063 variantIDToSellingPlanID[`46556640542858`] = null; 1064 variantIDToSellingPlanName[`46556640542858`] = null; 1065 variantIDToCompareAtPrice[`46556640542858`] = null; 1066 1067 1068 1069 variantIDToSellingPlanID[`47189689401482`] = null; 1070 variantIDToSellingPlanName[`47189689401482`] = null; 1071 variantIDToCompareAtPrice[`47189689401482`] = null; 1072 1073 1074 1075 variantIDToSellingPlanID[`45252494262410`] = null; 1076 variantIDToSellingPlanName[`45252494262410`] = null; 1077 variantIDToCompareAtPrice[`45252494262410`] = null; 1078 1079 variantIDToSellingPlanID[`46570914316426`] = null; 1080 variantIDToSellingPlanName[`46570914316426`] = null; 1081 variantIDToCompareAtPrice[`46570914316426`] = null; 1082 1083 variantIDToSellingPlanID[`46570914349194`] = null; 1084 variantIDToSellingPlanName[`46570914349194`] = null; 1085 variantIDToCompareAtPrice[`46570914349194`] = null; 1086 1087 variantIDToSellingPlanID[`46570914381962`] = null; 1088 variantIDToSellingPlanName[`46570914381962`] = null; 1089 variantIDToCompareAtPrice[`46570914381962`] = null; 1090 1091 variantIDToSellingPlanID[`46570914414730`] = null; 1092 variantIDToSellingPlanName[`46570914414730`] = null; 1093 variantIDToCompareAtPrice[`46570914414730`] = null; 1094 1095 1096 1097 variantIDToSellingPlanID[`46569397518474`] = null; 1098 variantIDToSellingPlanName[`46569397518474`] = null; 1099 variantIDToCompareAtPrice[`46569397518474`] = null; 1100 1101 variantIDToSellingPlanID[`46569835757706`] = null; 1102 variantIDToSellingPlanName[`46569835757706`] = null; 1103 variantIDToCompareAtPrice[`46569835757706`] = null; 1104 1105 variantIDToSellingPlanID[`46569835790474`] = null; 1106 variantIDToSellingPlanName[`46569835790474`] = null; 1107 variantIDToCompareAtPrice[`46569835790474`] = null; 1108 1109 variantIDToSellingPlanID[`46569835823242`] = null; 1110 variantIDToSellingPlanName[`46569835823242`] = null; 1111 variantIDToCompareAtPrice[`46569835823242`] = null; 1112 1113 variantIDToSellingPlanID[`46569397551242`] = null; 1114 variantIDToSellingPlanName[`46569397551242`] = null; 1115 variantIDToCompareAtPrice[`46569397551242`] = null; 1116 1117 variantIDToSellingPlanID[`46569835856010`] = null; 1118 variantIDToSellingPlanName[`46569835856010`] = null; 1119 variantIDToCompareAtPrice[`46569835856010`] = null; 1120 1121 variantIDToSellingPlanID[`46569835888778`] = null; 1122 variantIDToSellingPlanName[`46569835888778`] = null; 1123 variantIDToCompareAtPrice[`46569835888778`] = null; 1124 1125 variantIDToSellingPlanID[`46569835921546`] = null; 1126 variantIDToSellingPlanName[`46569835921546`] = null; 1127 variantIDToCompareAtPrice[`46569835921546`] = null; 1128 1129 1130 1131 variantIDToSellingPlanID[`44095624052874`] = null; 1132 variantIDToSellingPlanName[`44095624052874`] = null; 1133 variantIDToCompareAtPrice[`44095624052874`] = null; 1134 1135 variantIDToSellingPlanID[`44095624085642`] = null; 1136 variantIDToSellingPlanName[`44095624085642`] = null; 1137 variantIDToCompareAtPrice[`44095624085642`] = null; 1138 1139 variantIDToSellingPlanID[`45194891559050`] = null; 1140 variantIDToSellingPlanName[`45194891559050`] = null; 1141 variantIDToCompareAtPrice[`45194891559050`] = null; 1142 1143 variantIDToSellingPlanID[`46577607639178`] = null; 1144 variantIDToSellingPlanName[`46577607639178`] = null; 1145 variantIDToCompareAtPrice[`46577607639178`] = null; 1146 1147 1148
1149 variantIDToSellingPlanID[`46023481819274`] = null; 1150 variantIDToSellingPlanName[`46023481819274`] = null; 1151 variantIDToCompareAtPrice[`46023481819274`] = 299500; 1152 1153 1154 1155 variantIDToSellingPlanID[`46569346957450`] = null; 1156 variantIDToSellingPlanName[`46569346957450`] = null; 1157 variantIDToCompareAtPrice[`46569346957450`] = null; 1158 1159 variantIDToSellingPlanID[`46569405055114`] = null; 1160 variantIDToSellingPlanName[`46569405055114`] = null; 1161 variantIDToCompareAtPrice[`46569405055114`] = null; 1162 1163 variantIDToSellingPlanID[`46569405087882`] = null; 1164 variantIDToSellingPlanName[`46569405087882`] = null; 1165 variantIDToCompareAtPrice[`46569405087882`] = null; 1166 1167 variantIDToSellingPlanID[`46569405120650`] = null; 1168 variantIDToSellingPlanName[`46569405120650`] = null; 1169 variantIDToCompareAtPrice[`46569405120650`] = null; 1170 1171 variantIDToSellingPlanID[`46569405153418`] = null; 1172 variantIDToSellingPlanName[`46569405153418`] = null; 1173 variantIDToCompareAtPrice[`46569405153418`] = null; 1174 1175 variantIDToSellingPlanID[`46569346990218`] = null; 1176 variantIDToSellingPlanName[`46569346990218`] = null; 1177 variantIDToCompareAtPrice[`46569346990218`] = null; 1178 1179 variantIDToSellingPlanID[`46569405186186`] = null; 1180 variantIDToSellingPlanName[`46569405186186`] = null; 1181 variantIDToCompareAtPrice[`46569405186186`] = null; 1182 1183 variantIDToSellingPlanID[`46569405218954`] = null; 1184 variantIDToSellingPlanName[`46569405218954`] = null; 1185 variantIDToCompareAtPrice[`46569405218954`] = null; 1186 1187 variantIDToSellingPlanID[`46569405251722`] = null; 1188 variantIDToSellingPlanName[`46569405251722`] = null; 1189 variantIDToCompareAtPrice[`46569405251722`] = null; 1190 1191 variantIDToSellingPlanID[`46569405284490`] = null; 1192 variantIDToSellingPlanName[`46569405284490`] = null; 1193 variantIDToCompareAtPrice[`46569405284490`] = null; 1194 1195 variantIDToSellingPlanID[`46569347022986`] = null; 1196 variantIDToSellingPlanName[`46569347022986`] = null; 1197 variantIDToCompareAtPrice[`46569347022986`] = null; 1198 1199 variantIDToSellingPlanID[`46569405317258`] = null; 1200 variantIDToSellingPlanName[`46569405317258`] = null; 1201 variantIDToCompareAtPrice[`46569405317258`] = null; 1202 1203 variantIDToSellingPlanID[`46569405350026`] = null; 1204 variantIDToSellingPlanName[`46569405350026`] = null; 1205 variantIDToCompareAtPrice[`46569405350026`] = null; 1206 1207 variantIDToSellingPlanID[`46569405382794`] = null; 1208 variantIDToSellingPlanName[`46569405382794`] = null; 1209 variantIDToCompareAtPrice[`46569405382794`] = null; 1210 1211 variantIDToSellingPlanID[`46569405415562`] = null; 1212 variantIDToSellingPlanName[`46569405415562`] = null; 1213 variantIDToCompareAtPrice[`46569405415562`] = null; 1214 1215 variantIDToSellingPlanID[`46569393324170`] = null; 1216 variantIDToSellingPlanName[`46569393324170`] = null; 1217 variantIDToCompareAtPrice[`46569393324170`] = null; 1218 1219 variantIDToSellingPlanID[`46569405448330`] = null; 1220 variantIDToSellingPlanName[`46569405448330`] = null; 1221 variantIDToCompareAtPrice[`46569405448330`] = null; 1222 1223 variantIDToSellingPlanID[`46569405481098`] = null; 1224 variantIDToSellingPlanName[`46569405481098`] = null; 1225 variantIDToCompareAtPrice[`46569405481098`] = null; 1226 1227 variantIDToSellingPlanID[`46569405513866`] = null; 1228 variantIDToSellingPlanName[`46569405513866`] = null; 1229 variantIDToCompareAtPrice[`46569405513866`] = null; 1230 1231 variantIDToSellingPlanID[`46569405546634`] = null; 1232 variantIDToSellingPlanName[`46569405546634`] = null; 1233 variantIDToCompareAtPrice[`46569405546634`] = null; 1234 1235 1236 1237 variantIDToSellingPlanID[`46027651055754`] = null; 1238 variantIDToSellingPlanName[`46027651055754`] = null; 1239 variantIDToCompareAtPrice[`46027651055754`] = 197500; 1240 1241 1242 1243 variantIDToSellingPlanID[`47133950771338`] = null; 1244 variantIDToSellingPlanName[`47133950771338`] = null; 1245 variantIDToCompareAtPrice[`47133950771338`] = null; 1246 1247 variantIDToSellingPlanID[`47133950804106`] = null; 1248 variantIDToSellingPlanName[`47133950804106`] = null; 1249 variantIDToCompareAtPrice[`47133950804106`] = null; 1250 1251 1252 1253 variantIDToSellingPlanID[`47133961388170`] = null; 1254 variantIDToSellingPlanName[`47133961388170`] = null; 1255 variantIDToCompareAtPrice[`47133961388170`] = null; 1256 1257 variantIDToSellingPlanID[`47133961420938`] = null; 1258 variantIDToSellingPlanName[`47133961420938`] = null; 1259 variantIDToCompareAtPrice[`47133961420938`] = null; 1260 1261 variantIDToSellingPlanID[`47133961453706`] = null; 1262 variantIDToSellingPlanName[`47133961453706`] = null; 1263 variantIDToCompareAtPrice[`47133961453706`] = null; 1264 1265 variantIDToSellingPlanID[`47133961486474`] = null; 1266 variantIDToSellingPlanName[`47133961486474`] = null; 1267 variantIDToCompareAtPrice[`47133961486474`] = null; 1268 1269 variantIDToSellingPlanID[`47133961519242`] = null; 1270 variantIDToSellingPlanName[`47133961519242`] = null; 1271 variantIDToCompareAtPrice[`47133961519242`] = null; 1272 1273 variantIDToSellingPlanID[`47133961552010`] = null; 1274 variantIDToSellingPlanName[`47133961552010`] = null; 1275 variantIDToCompareAtPrice[`47133961552010`] = null; 1276 1277 variantIDToSellingPlanID[`47133961584778`] = null; 1278 variantIDToSellingPlanName[`47133961584778`] = null; 1279 variantIDToCompareAtPrice[`47133961584778`] = null; 1280 1281 variantIDToSellingPlanID[`47133961617546`] = null; 1282 variantIDToSellingPlanName[`47133961617546`] = null; 1283 variantIDToCompareAtPrice[`47133961617546`] = null; 1284 1285 1286 1287 variantIDToSellingPlanID[`47249238917258`] = null; 1288 variantIDToSellingPlanName[`47249238917258`] = null; 1289 variantIDToCompareAtPrice[`47249238917258`] = 159500; 1290 1291 variantIDToSellingPlanID[`47249239179402`] = null; 1292 variantIDToSellingPlanName[`47249239179402`] = null; 1293 variantIDToCompareAtPrice[`47249239179402`] = 478500; 1294 1295 variantIDToSellingPlanID[`47249239212170`] = null; 1296 variantIDToSellingPlanName[`47249239212170`] = null; 1297 variantIDToCompareAtPrice[`47249239212170`] = 957000; 1298 1299 variantIDToSellingPlanID[`47249239244938`] = null; 1300 variantIDToSellingPlanName[`47249239244938`] = null; 1301 variantIDToCompareAtPrice[`47249239244938`] = 1435500; 1302 1303 1304 1305 variantIDToSellingPlanID[`47249167646858`] = null; 1306 variantIDToSellingPlanName[`47249167646858`] = null; 1307 variantIDToCompareAtPrice[`47249167646858`] = 159500; 1308 1309 variantIDToSellingPlanID[`47249238720650`] = null; 1310 variantIDToSellingPlanName[`47249238720650`] = null; 1311 variantIDToCompareAtPrice[`47249238720650`] = 478500; 1312 1313 variantIDToSellingPlanID[`47249238753418`] = null; 1314 variantIDToSellingPlanName[`47249238753418`] = null; 1315 variantIDToCompareAtPrice[`47249238753418`] = 957000; 1316 1317 variantIDToSellingPlanID[`47249238786186`] = null; 1318 variantIDToSellingPlanName[`47249238786186`] = null; 1319 variantIDToCompareAtPrice[`47249238786186`] = 1435500; 1320 1321 1322 1323 variantIDToSellingPlanID[`50050860712074`] = null; 1324 variantIDToSellingPlanName[`50050860712074`] = null; 1325 variantIDToCompareAtPrice[`50050860712074`] = null; 1326 1327 variantIDToSellingPlanID[`50050860744842`] = null; 1328 variantIDToSellingPlanName[`50050860744842`] = null; 1329 variantIDToCompareAtPrice[`50050860744842`] = null; 1330 1331 variantIDToSellingPlanID[`50050860777610`] = null; 1332 variantIDToSellingPlanName[`50050860777610`] = null; 1333 variantIDToCompareAtPrice[`50050860777610`] = null; 1334 1335 variantIDToSellingPlanID[`50050860810378`] = null; 1336 variantIDToSellingPlanName[`50050860810378`] = null; 1337 variantIDToCompareAtPrice[`50050860810378`] = null; 1338 1339 variantIDToSellingPlanID[`44751436906634`] = null; 1340 variantIDToSellingPlanName[`44751436906634`] = null; 1341 variantIDToCompareAtPrice[`44751436906634`] = null; 1342 1343 variantIDToSellingPlanID[`44751436939402`] = null; 1344 variantIDToSellingPlanName[`44751436939402`] = null; 1345 variantIDToCompareAtPrice[`44751436939402`] = 598500; 1346 1347 variantIDToSellingPlanID[`44751436972170`] = null; 1348 variantIDToSellingPlanName[`44751436972170`] = null; 1349 variantIDToCompareAtPrice[`44751436972170`] = null; 1350 1351 variantIDToSellingPlanID[`44751437004938`] = null; 1352 variantIDToSellingPlanName[`44751437004938`] = null; 1353 variantIDToCompareAtPrice[`44751437004938`] = null; 1354 1355 variantIDToSellingPlanID[`44751437037706`] = null; 1356 variantIDToSellingPlanName[`44751437037706`] = null; 1357 variantIDToCompareAtPrice[`44751437037706`] = null; 1358 1359 variantIDToSellingPlanID[`44751437070474`] = null; 1360 variantIDToSellingPlanName[`44751437070474`] = null; 1361 variantIDToCompareAtPrice[`44751437070474`] = null; 1362 1363 variantIDToSellingPlanID[`44751437103242`] = null; 1364 variantIDToSellingPlanName[`44751437103242`] = null; 1365 variantIDToCompareAtPrice[`44751437103242`] = null; 1366 1367 variantIDToSellingPlanID[`44751437136010`] = null; 1368 variantIDToSellingPlanName[`44751437136010`] = null; 1369 variantIDToCompareAtPrice[`44751437136010`] = 1795500; 1370 1371 variantIDToSellingPlanID[`44751437168778`] = null; 1372 variantIDToSellingPlanName[`44751437168778`] = null; 1373 variantIDToCompareAtPrice[`44751437168778`] = null; 1374 1375 variantIDToSellingPlanID[`44751437201546`] = null; 1376 variantIDToSellingPlanName[`44751437201546`] = null; 1377 variantIDToCompareAtPrice[`44751437201546`] = null; 1378 1379 variantIDToSellingPlanID[`44751437234314`] = null; 1380 variantIDToSellingPlanName[`44751437234314`] = null; 1381 variantIDToCompareAtPrice[`44751437234314`] = null; 1382 1383 variantIDToSellingPlanID[`44751437267082`] = null; 1384 variantIDToSellingPlanName[`44751437267082`] = null; 1385 variantIDToCompareAtPrice[`44751437267082`] = null; 1386 1387 variantIDToSellingPlanID[`45773488324746`] = null; 1388 variantIDToSellingPlanName[`45773488324746`] = null; 1389 variantIDToCompareAtPrice[`45773488324746`] = null; 1390 1391 variantIDToSellingPlanID[`45773488357514`] = null; 1392 variantIDToSellingPlanName[`45773488357514`] = null; 1393 variantIDToCompareAtPrice[`45773488357514`] = null; 1394 1395 variantIDToSellingPlanID[`45773488390282`] = null; 1396 variantIDToSellingPlanName[`45773488390282`] = null; 1397 variantIDToCompareAtPrice[`45773488390282`] = null; 1398 1399 variantIDToSellingPlanID[`45773488423050`] = null; 1400 variantIDToSellingPlanName[`45773488423050`] = null; 1401 variantIDToCompareAtPrice[`45773488423050`] = null; 1402
1403 variantIDToSellingPlanID[`47230751473802`] = null; 1404 variantIDToSellingPlanName[`47230751473802`] = null; 1405 variantIDToCompareAtPrice[`47230751473802`] = null; 1406 1407 variantIDToSellingPlanID[`47230751506570`] = null; 1408 variantIDToSellingPlanName[`47230751506570`] = null; 1409 variantIDToCompareAtPrice[`47230751506570`] = null; 1410 1411 variantIDToSellingPlanID[`47230751539338`] = null; 1412 variantIDToSellingPlanName[`47230751539338`] = null; 1413 variantIDToCompareAtPrice[`47230751539338`] = null; 1414 1415 variantIDToSellingPlanID[`47230751572106`] = null; 1416 variantIDToSellingPlanName[`47230751572106`] = null; 1417 variantIDToCompareAtPrice[`47230751572106`] = null; 1418 1419 1420 1421 variantIDToSellingPlanID[`44310716579978`] = null; 1422 variantIDToSellingPlanName[`44310716579978`] = null; 1423 variantIDToCompareAtPrice[`44310716579978`] = null; 1424 1425 variantIDToSellingPlanID[`44310716612746`] = null; 1426 variantIDToSellingPlanName[`44310716612746`] = null; 1427 variantIDToCompareAtPrice[`44310716612746`] = null; 1428 1429 variantIDToSellingPlanID[`44740682743946`] = null; 1430 variantIDToSellingPlanName[`44740682743946`] = null; 1431 variantIDToCompareAtPrice[`44740682743946`] = null; 1432 1433 variantIDToSellingPlanID[`45773486915722`] = null; 1434 variantIDToSellingPlanName[`45773486915722`] = null; 1435 variantIDToCompareAtPrice[`45773486915722`] = null; 1436 1437 variantIDToSellingPlanID[`46431195070602`] = null; 1438 variantIDToSellingPlanName[`46431195070602`] = null; 1439 variantIDToCompareAtPrice[`46431195070602`] = null; 1440 1441 variantIDToSellingPlanID[`50007879516298`] = null; 1442 variantIDToSellingPlanName[`50007879516298`] = null; 1443 variantIDToCompareAtPrice[`50007879516298`] = null; 1444 1445 1446 1447 variantIDToSellingPlanID[`46311574896778`] = null; 1448 variantIDToSellingPlanName[`46311574896778`] = null; 1449 variantIDToCompareAtPrice[`46311574896778`] = null; 1450 1451 variantIDToSellingPlanID[`46311574929546`] = null; 1452 variantIDToSellingPlanName[`46311574929546`] = null; 1453 variantIDToCompareAtPrice[`46311574929546`] = null; 1454 1455 variantIDToSellingPlanID[`47698783469706`] = null; 1456 variantIDToSellingPlanName[`47698783469706`] = null; 1457 variantIDToCompareAtPrice[`47698783469706`] = null; 1458 1459 1460 1461 variantIDToSellingPlanID[`46311578140810`] = null; 1462 variantIDToSellingPlanName[`46311578140810`] = null; 1463 variantIDToCompareAtPrice[`46311578140810`] = null; 1464 1465 variantIDToSellingPlanID[`46322328043658`] = null; 1466 variantIDToSellingPlanName[`46322328043658`] = null; 1467 variantIDToCompareAtPrice[`46322328043658`] = null; 1468 1469 variantIDToSellingPlanID[`46322328076426`] = null; 1470 variantIDToSellingPlanName[`46322328076426`] = null; 1471 variantIDToCompareAtPrice[`46322328076426`] = null; 1472 1473 variantIDToSellingPlanID[`46322328109194`] = null; 1474 variantIDToSellingPlanName[`46322328109194`] = null; 1475 variantIDToCompareAtPrice[`46322328109194`] = null; 1476 1477 variantIDToSellingPlanID[`46311578271882`] = null; 1478 variantIDToSellingPlanName[`46311578271882`] = null; 1479 variantIDToCompareAtPrice[`46311578271882`] = null; 1480 1481 variantIDToSellingPlanID[`46322328141962`] = null; 1482 variantIDToSellingPlanName[`46322328141962`] = null; 1483 variantIDToCompareAtPrice[`46322328141962`] = null; 1484 1485 variantIDToSellingPlanID[`46322328174730`] = null; 1486 variantIDToSellingPlanName[`46322328174730`] = null; 1487 variantIDToCompareAtPrice[`46322328174730`] = null; 1488 1489 variantIDToSellingPlanID[`46322328207498`] = null; 1490 variantIDToSellingPlanName[`46322328207498`] = null; 1491 variantIDToCompareAtPrice[`46322328207498`] = null; 1492 1493 variantIDToSellingPlanID[`47698783699082`] = null; 1494 variantIDToSellingPlanName[`47698783699082`] = null; 1495 variantIDToCompareAtPrice[`47698783699082`] = null; 1496 1497 variantIDToSellingPlanID[`47698783731850`] = null; 1498 variantIDToSellingPlanName[`47698783731850`] = null; 1499 variantIDToCompareAtPrice[`47698783731850`] = null; 1500 1501 variantIDToSellingPlanID[`47698783764618`] = null; 1502 variantIDToSellingPlanName[`47698783764618`] = null; 1503 variantIDToCompareAtPrice[`47698783764618`] = null; 1504 1505 variantIDToSellingPlanID[`47698783797386`] = null; 1506 variantIDToSellingPlanName[`47698783797386`] = null; 1507 variantIDToCompareAtPrice[`47698783797386`] = null; 1508 1509 1510 1511 variantIDToSellingPlanID[`47249165811850`] = null; 1512 variantIDToSellingPlanName[`47249165811850`] = null; 1513 variantIDToCompareAtPrice[`47249165811850`] = 289000; 1514 1515 variantIDToSellingPlanID[`47249165877386`] = null; 1516 variantIDToSellingPlanName[`47249165877386`] = null; 1517 variantIDToCompareAtPrice[`47249165877386`] = 867000; 1518
1519 variantIDToSellingPlanID[`47249165910154`] = null; 1520 variantIDToSellingPlanName[`47249165910154`] = null; 1521 variantIDToCompareAtPrice[`47249165910154`] = 1734000; 1522 1523 variantIDToSellingPlanID[`47249165942922`] = null; 1524 variantIDToSellingPlanName[`47249165942922`] = null; 1525 variantIDToCompareAtPrice[`47249165942922`] = 2601000; 1526 1527 1528 1529 variantIDToSellingPlanID[`47249122754698`] = null; 1530 variantIDToSellingPlanName[`47249122754698`] = null; 1531 variantIDToCompareAtPrice[`47249122754698`] = 289000; 1532 1533 variantIDToSellingPlanID[`47249122787466`] = null; 1534 variantIDToSellingPlanName[`47249122787466`] = null; 1535 variantIDToCompareAtPrice[`47249122787466`] = 867000; 1536 1537 variantIDToSellingPlanID[`47249122820234`] = null; 1538 variantIDToSellingPlanName[`47249122820234`] = null; 1539 variantIDToCompareAtPrice[`47249122820234`] = 1734000; 1540 1541 variantIDToSellingPlanID[`47249122853002`] = null; 1542 variantIDToSellingPlanName[`47249122853002`] = null; 1543 variantIDToCompareAtPrice[`47249122853002`] = 2601000; 1544 1545 1546 1547 // cart settings 1548 const cartSettings = {"enable_free_shipping_bar":true,"free_shipping_threshold":1340000,"upsells_title":"","upsells_description":"","upsells":[],"protection_upsell":""}; 1549 cartSettings.protection_upsell = null; 1550 1551 const cartTranslations = { 1552 "until_free_shipping": "Verslaðu fyrir aðeins {amount} til að fá", 1553 "free_shipping": "FRÃA SENDINGU", 1554 "free_shipping_unlocked": "Til hamingju! Ãú færð" 1555 }; 1556</script>
1556 1557 1558 1559</div> 1560<div id="shopify-section-heilsudagar-popup" class="shopify-section"> 1561</div> 1562 1563<main> 1564 <div id="shopify-section-template--22413710164106__video_reel_f8a9qz" class="shopify-section"><style> 1565 [id="template--22413710164106__video_reel_f8a9qz"]{ 1566 padding: 16px 24px 16px 24px; background:transparent; color:#fff; font-family:"DM Sans", system-ui, sans-serif; 1567 } 1568 .vr-shell{ 1569 position:relative; overflow:hidden; border-radius:12px; background:#000; 1570 } 1571 /* aspect / height */ 1572 .vr-stage{ 1573 position:relative; width:100%; 1574 1575 aspect-ratio: 16 / 9; 1576 1577 } 1578 .vr-slide{ position:absolute; inset:0; opacity:0; pointer-events:none; transition:opacity .3s ease; } 1579 .vr-slide[data-active="true"]{ opacity:1; pointer-events:auto; } 1580 .vr-video{ width:100%; height:100%; object-fit:cover; display:block; background:#000; } 1581 1582 /* bottom overlay (title + CTA optional) */ 1583 .vr-overlay{ 1584 position:absolute; inset:auto 0 0 0; padding:24px; display:flex; justify-content:space-between; align-items:flex-end; 1585 background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%); 1586 } 1587 .vr-left{ max-width: 500px; margin-bottom: 32px; } 1588 .vr-title{ font:500 56px/1.1 'Dela Gothic One', system-ui, sans-serif; margin:0 0 24px 0; } 1589 .vr-cta{ 1590 display:inline-flex; 1591 align-items:center; 1592 gap:8px; 1593 padding: 16px 24px; 1594 border-radius:9999px; 1595 background:#fff; 1596 color:#262626; 1597 font-weight:600; 1598 text-decoration:none; 1599 font-family:"Inter", system-ui, sans-serif; 1600 } 1601 1602 .vr-proof { 1603 display: flex; 1604 align-items: center; 1605 gap: 8px; 1606 font-family: "Inter", sans-serif; 1607 font-size: 13px; 1608 color: rgba(255,255,255,0.75); 1609 margin-bottom: 16px; 1610 } 1611 .vr-proof__stars { 1612 color: #44d62c; 1613 font-size: 15px; 1614 letter-spacing: 2px; 1615 } 1616 .vr-ctas { 1617 display: flex; 1618 gap: 10px; 1619 } 1620 .vr-cta--secondary { 1621 background: transparent; 1622 border: 1.5px solid rgba(255,255,255,0.3); 1623 color: #fff; 1624 } 1625 .vr-cta--secondary:hover { 1626 border-color: rgba(255,255,255,0.6); 1627 } 1628 1629 /* progress + controls row */ 1630 .vr-controls{ 1631 position:absolute; left:24px; right:24px; bottom:16px; display:none; align-items:center; gap:16px; 1632 } 1633 .vr-progress{ 1634 flex:1; display:flex; gap:8px; align-items:center; 1635 } 1636 .vr-seg{ 1637 position:relative; flex:1; height:4px; background:rgba(255,255,255,.25); border-radius:9999px; overflow:hidden; cursor:pointer; 1638 } 1639 .vr-seg-fill{ 1640 position:absolute; left:0; top:0; bottom:0; width:0%; 1641 background: #ffffff; transition:width .08s linear; 1642 } 1643 .vr-arrows{ display:flex; gap:8px; } 1644 .vr-btn{ 1645 width:34px; 1646 height:34px; 1647 display:grid; 1648 place-items:center; 1649 border-radius:9999px; 1650 } 1651 1652 1653 /* small screens tweaks */ 1654 @media (max-width: 1000px){ 1655 [id="template--22413710164106__video_reel_f8a9qz"]{ 1656 padding: 16px 16px 0px 16px; background:transparent; color:#fff; font-family:"DM Sans", system-ui, sans-serif; 1657 } 1658 1659 .vr-stage{ 1660 height: auto; 1661 aspect-ratio: 4 / 5; 1662 } 1663 1664 .vr-overlay { 1665 padding: 20px 16px; 1666 inset: auto 0 0 0; 1667 display: flex; 1668 flex-direction: column; 1669 justify-content: flex-end; 1670 align-items: center; 1671 text-align: center; 1672 background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.55) 100%); 1673 } 1674 1675 .vr-title { 1676 font: 500 28px / 1.1 'Dela Gothic One', system-ui, sans-serif; 1677 margin: 0 0 12px 0; 1678 } 1679 1680 .vr-cta { 1681 padding: 12px 18px; 1682 font-size: 13px; 1683 } 1684 1685 .vr-left { 1686 max-width: 300px; 1687 margin-bottom: 0; 1688 } 1689 1690 .vr-proof { 1691 font-size: 11px; 1692 margin-bottom: 12px; 1693 justify-content: center; 1694 width: 100%; 1695 } 1696 1697 .vr-ctas { 1698 gap: 8px; 1699 } 1700 1701 .vr-cta--secondary { 1702 padding: 12px 18px; 1703 font-size: 13px; 1704 } 1705 } 1706</style> 1707 1708<section id="template--22413710164106__video_reel_f8a9qz"> 1709 <div class="vr-shell hydration-hero__box" style="border-radius: 6px;"> 1710 <div class="vr-stage"><div class="vr-slide" data-idx="0" data-active="true" > 1711 1712 1713<video class="vr-video" 1714 data-deferred-src="//happyhydrate.is/cdn/shop/videos/c/vp/07f4ee5006654dd6be62fd43b8a99214/07f4ee5006654dd6be62fd43b8a99214.HD-1080p-7.2Mbps-59122885.mp4?v=0" 1715 data-deferred-type="video/mp4" 1716 autoplay loop muted playsinline 1717 preload="none" 1718 poster="//happyhydrate.is/cdn/shop/files/preview_images/07f4ee5006654dd6be62fd43b8a99214.thumbnail.0000000000.jpg?v=1759938850&width=1600" 1719 width="1920" 1720 height="1080"></video> 1721 1722 </div><!-- bottom overlay (optional heading/cta) --> 1723 <div class="vr-overlay" aria-hidden="true"> 1724 <div class="vr-left"> 1725 <h2 class="vr-title">VERTU HAPPY!</h2> 1726 <div style="opacity:.9; max-width:60ch; margin-bottom:12px">Orka | Ãthald | Jafnvægi</div> 1727 1728 <div class="vr-proof">
1729 <span class="vr-proof__stars">â â â â â </span> 1730 <span>Yfir 8 milljón stikur seldar</span> 1731 </div> 1732 1733 <div class="vr-ctas"> 1734 1735 <a class="vr-cta" href="/products/hydration-xpress"> 1736 Versla HYDRATION 1737 </a> 1738 1739 1740 <a class="vr-cta vr-cta--secondary" href="/products/creatine-xpress-bundle"> 1741 Versla KREATÃN 1742 </a> 1743 1744 </div> 1745 </div> 1746 1747 <div class="vr-controls"> 1748 <div class="vr-progress" data-vr-progress> 1749 1750 1751 <div class="vr-seg" data-vr-seg="0"><div class="vr-seg-fill"></div></div> 1752 1753 </div> 1754 <div class="vr-arrows"> 1755 <button class="vr-btn" type="button" data-vr-prev aria-label="Previous"> 1756 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> 1757 <g clip-path="url(#clip0_908_2590)"> 1758 <path d="M13.4165 7H1.1665" stroke="white" stroke-width="2"/> 1759 <path d="M7.2915 0.875L1.1665 7L7.2915 13.125" stroke="white" stroke-width="2"/> 1760 </g> 1761 <defs> 1762 <clipPath id="clip0_908_2590"> 1763 <rect width="14" height="14" fill="white" transform="matrix(-1 0 0 -1 14 14)"/> 1764 </clipPath> 1765 </defs> 1766 </svg> 1767 </button> 1768 <button class="vr-btn" type="button" data-vr-next aria-label="Next"> 1769 <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none" aria-hidden="true"> 1770 <path d="M0.5835 7H12.8335" stroke="white" stroke-width="2"/> 1771 <path d="M6.7085 0.875L12.8335 7L6.7085 13.125" stroke="white" stroke-width="2"/> 1772 </svg> 1773 </button> 1774 1775 </div> 1776 </div> 1777 </div> 1778 </div> 1779 </div> 1780</section> 1781
1782<script> 1783 (function(){ 1784 const root = document.getElementById("template--22413710164106__video_reel_f8a9qz"); 1785 if(!root) return; 1786 1787 /* Lazy-mount video sources: <video> tags rendered without <source> children 1788 to keep initial page load tiny (poster image is the LCP). Inject the 1789 <source> after page is interactive so video can autoplay smoothly. */ 1790 function mountDeferredSources(){ 1791 root.querySelectorAll('video.vr-video[data-deferred-src]').forEach(v => { 1792 const s = document.createElement('source'); 1793 s.src = v.dataset.deferredSrc; 1794 s.type = v.dataset.deferredType || 'video/mp4'; 1795 v.appendChild(s); 1796 v.removeAttribute('data-deferred-src'); 1797 v.removeAttribute('data-deferred-type'); 1798 try { v.load(); v.play().catch(()=>{}); } catch(e){} 1799 }); 1800 } 1801 if (document.readyState === 'complete') { 1802 mountDeferredSources(); 1803 } else { 1804 window.addEventListener('load', () => { 1805 if ('requestIdleCallback' in window) requestIdleCallback(mountDeferredSources, {timeout: 1500}); 1806 else setTimeout(mountDeferredSources, 200); 1807 }, {once: true}); 1808 } 1809 1810 const slides = Array.from(root.querySelectorAll('.vr-slide')); 1811 const videos = slides.map(s => s.querySelector('video, video-media, .vr-video')); // theme video_tag outputs <video> 1812 const segs = Array.from(root.querySelectorAll('[data-vr-seg]')); 1813 const btnPrev = root.querySelector('[data-vr-prev]'); 1814 const btnNext = root.querySelector('[data-vr-next]'); 1815 const autoplay = true; 1816 const loopAll = true; 1817 const resumeOnTab = true; 1818 1819 let idx = 0; 1820 let rafId = null; 1821 1822 function setActive(newIdx){ 1823 if (newIdx < 0) newIdx = 0; 1824 if (newIdx > slides.length - 1) newIdx = slides.length - 1; 1825 1826 // pause all 1827 videos.forEach(v => { try { v.pause && v.pause(); } catch(e){} }); 1828 1829 // update active 1830 slides.forEach((s,i)=> s.dataset.active = (i===newIdx) ? 'true':'false'); 1831 idx = newIdx; 1832 1833 // update segs (complete ones filled) 1834 segs.forEach((seg,i)=>{ 1835 const fill = seg.querySelector('.vr-seg-fill'); 1836 if (i < idx) fill.style.width = '100%'; 1837 if (i > idx) fill.style.width = '0%'; 1838 if (i === idx) fill.style.width = '0%'; 1839 }); 1840 1841 playCurrent(); 1842 } 1843 1844 function playCurrent(){ 1845 const v = videos[idx]; 1846 if (!v) return; 1847 1848 // Some themes wrap <video> via Shopify's component; ensure we target actual HTMLVideoElement 1849 const videoEl = (v.tagName && v.tagName.toLowerCase() === 'video') ? v : v.querySelector?.('video') || v; 1850 1851 // autoplay safely 1852 if (autoplay) { 1853 try { videoEl.muted = true; videoEl.playsInline = true; videoEl.play().catch(()=>{}); } catch(e){} 1854 } 1855 1856 cancelAnimationFrame(rafId); 1857 const segFill = segs[idx]?.querySelector('.vr-seg-fill'); 1858 1859 function tick(){ 1860 if (videoEl && segFill && videoEl.duration && !isNaN(videoEl.duration)) { 1861 const p = Math.min(1, videoEl.currentTime / videoEl.duration); 1862 segFill.style.width = (p * 100) + '%'; 1863 if (p >= 1) { 1864 next(); 1865 return; 1866 } 1867 } 1868 rafId = requestAnimationFrame(tick); 1869 } 1870 rafId = requestAnimationFrame(tick); 1871 1872 // when metadata loads late, restart update 1873 videoEl.addEventListener('loadedmetadata', ()=>{ /* restart to pick duration */ }, { once:true }); 1874 videoEl.addEventListener('ended', ()=> next(), { once:false }); 1875 } 1876 1877 function next(){ 1878 const last = slides.length - 1; 1879 if (idx < last) setActive(idx + 1); 1880 else if (loopAll) setActive(0); 1881 } 1882 function prev(){ 1883 if (idx > 0) setActive(idx - 1); 1884 else if (loopAll) setActive(slides.length - 1); 1885 } 1886 1887 // controls 1888 btnNext?.addEventListener('click', next); 1889 btnPrev?.addEventListener('click', prev); 1890 segs.forEach(seg=>{ 1891 seg.addEventListener('click', ()=> { 1892 const i = parseInt(seg.getAttribute('data-vr-seg'), 10); 1893 if (!isNaN(i)) setActive(i); 1894 }); 1895 }); 1896 1897 // Pause on tab hidden (optional) 1898 document.addEventListener('visibilitychange', ()=>{ 1899 const v = videos[idx]; 1900 if (!v) return; 1901 const el = (v.tagName?.toLowerCase() === 'video') ? v : v.querySelector?.('video') || v; 1902 if (document.hidden) { try { el.pause(); } catch(e){} } 1903 else if (resumeOnTab && autoplay) { try { el.play().catch(()=>{}); } catch(e){} } 1904 }); 1905 1906 // init 1907 setActive(0); 1908 })(); 1909</script>
1909 1910 1911 1912</div><div id="shopify-section-template--22413710164106__section_manual_cards_slider_ABC123" class="shopify-section"><style> 1913 [id="template--22413710164106__section_manual_cards_slider_ABC123"] { padding:32px 32px 16px; background:#fff; } 1914 .mcSwiper { margin:0 auto; } 1915 .mcSwiper .swiper-slide { height:auto; display:flex; } 1916 .mcCard { border-radius:6px; width:100%; display:flex; flex-direction:column; } 1917 1918 .mcMedia { display:flex; border-radius:6px; overflow:hidden; background:#f0eff2; height: 450px; justify-content: center; } 1919 1920 .mcMedia img { width:100%; height:auto; display:block; object-fit: cover; } 1921 .mcMedia--scaled { align-items:center; } 1922 .mcMedia--scaled img { height: var(--mc-scale, 100%); width:auto; max-width:none; object-fit: contain; } 1923 .mcMeta { margin-top:8px; } 1924 1925 .mcTitle { font-family:"DM Sans", sans-serif; font-size:16px; color:#262626; line-height:1.2; font-weight:500; } 1926 1927 .mcFlavor { font-family:"Dela Gothic One", sans-serif; font-size:24px; color:#262626; line-height:1.1; margin-top:8px; font-weight:200; } 1928 1929 1930 1931 .badgeNew, 1932 .badgeDiscount { 1933 position: absolute; 1934 top: 12px; 1935 right: 12px; 1936 background: #FFF716; 1937 color: #323232; 1938 font-weight: 100; 1939 font-size: 12px; 1940 letter-spacing: .02em; 1941 padding: 4px 10px; 1942 border-radius: 6px; 1943 font-family: "Dela Gothic One"; 1944 } 1945 1946 .badgeDiscount { 1947 background: #B02D28; 1948 color: #FFFFFF; 1949 } 1950 1951 /* When both badges exist, push the second one down */ 1952 .badgeNew + .badgeDiscount { 1953 top: 44px; /* or adjust to your spacing needs */ 1954 } 1955 1956 .badgeSoldOut{ position:absolute; top:12px; left:12px; background:#FDE2E2; color:#B02D28; font-weight:600; font-size:12px; letter-spacing:.02em; padding:4px 10px; border-radius:6px; font-family:"DM Sans", system-ui, sans-serif; } 1957 .badgeSale{ position:absolute; top:12px; left:12px; z-index:2; background:#DDF4E0; color:#1B7A3A; font-weight:600; font-size:12px; letter-spacing:.02em; padding:4px 10px; border-radius:6px; font-family:"DM Sans", system-ui, sans-serif; } 1958 1959 .mcHeader { display:flex; align-items:center; margin-bottom:12px; } 1960 .mcHeading { color:#262626; font-size:32px; font-family:"Dela Gothic One", sans-serif; font-weight:300; } 1961 .mcControls { margin-left:auto; display:flex; align-items:center; gap:12px; } 1962 .mcControls .control-prev, .mcControls .control-next { 1963 width:56px; height:56px; border-radius:9999px; background:#f3f4f6; display:grid; place-items:center; 1964 box-shadow:0 1px 2px rgba(0,0,0,.06); transition:background .2s, transform .1s, box-shadow .2s; cursor:pointer; color:#111; 1965 } 1966 1967 @media (max-width:1000px){ 1968 1969 [id="template--22413710164106__section_manual_cards_slider_ABC123"] { padding:32px 16px 16px; background:#fff; } 1970 .mcSwiper .swiper-wrapper{ 1971 display:flex; 1972 gap:16px; 1973 overflow-x:auto; 1974 scroll-snap-type:x mandatory; 1975 padding-bottom:0; 1976 1977 /* hide scrollbar */ 1978 scrollbar-width:none; /* Firefox */ 1979 -ms-overflow-style:none; /* IE/Edge old */ 1980 } 1981 .mcSwiper .swiper-wrapper::-webkit-scrollbar{ display:none; width:0; height:0; } 1982 1983 .mcSwiper .swiper-slide{ 1984 flex:0 0 auto; 1985 min-width:60%; 1986 max-width:60%; 1987 scroll-snap-align:start; 1988 } 1989 1990 .mcControls .control-prev, .mcControls .control-next { 1991 width:36px; height:36px; 1992 } 1993 1994 .mcMedia { height: 300px; } 1995 .mcMedia--scaled img { width: 100%; max-width: 100%; height: auto; } 1996 1997 .mcHeading { 1998 font-size: 18px; 1999 2000 } 2001 2002 2003 2004 } 2005</style><section id="template--22413710164106__section_manual_cards_slider_ABC123"> 2006 <div class="mcHeader"> 2007 2008 <div class="mcHeading"><p>Vinsælustu vörurnar</p></div> 2009 2010 <div class="mcControls"> 2011 <div class="control-prev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2012 <g clip-path="url(#clip0_1176_3422)"> 2013 <path d="M15.3281 8H1.32812" stroke="black" stroke-width="2"/> 2014 <path d="M8.32812 15L1.32812 8L8.32812 1" stroke="black" stroke-width="2"/> 2015 </g> 2016 <defs> 2017 <clipPath id="clip0_1176_3422"> 2018 <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"/> 2019 </clipPath> 2020 </defs> 2021</svg> 2022 </div> 2023 <div class="control-next">
2023<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2024 <g clip-path="url(#clip0_1176_3427)"> 2025 <path d="M0.671875 8H14.6719" stroke="black" stroke-width="2"/> 2026 <path d="M7.67188 15L14.6719 8L7.67188 1" stroke="black" stroke-width="2"/> 2027 </g> 2028 <defs> 2029 <clipPath id="clip0_1176_3427"> 2030 <rect width="16" height="16" fill="white"/> 2031 </clipPath> 2032 </defs> 2033</svg> 2034</div> 2035 </div> 2036 </div> 2037 2038 <div class="mcSwiper swiper"> 2039 <div class="swiper-wrapper"> 2040 2041 2042 2043 2044 2045 2046<div class="swiper-slide" > 2047 <a class="mcCard" href="/products/hydration-xpress?variant=50050860744842" > 2048 <span class="mcMedia mcMedia--scaled" style="--mc-scale: 82%"> 2049 2050 <img 2051 src="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=800" 2052 srcset="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=400 400w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=800 800w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1200 1200w" 2053 sizes="(min-width: 1024px) 25vw, 66vw" 2054 alt="Hydration Xpress Strawberry Lemonade" 2055 width="1240" 2056 height="1240" 2057 loading="lazy" 2058 decoding="async"> 2059 2060 </span> 2061 <span class="mcMeta"> 2062 <div class="mcTitle"> 2063 Hydration Xpress 2064 <span class="badgeNew">NÃTT</span> 2065 2066 2067 2068 </div> 2069 <div class="mcFlavor">Strawberry Lemonade</div> 2070 </span> 2071 </a> 2072 </div> 2073 2074 2075 2076 2077 2078 2079<div class="swiper-slide" > 2080 <a class="mcCard" href="/products/hydration-xpress?variant=45773488324746" > 2081 <span class="mcMedia mcMedia--scaled" style="--mc-scale: 82%"> 2082 2083 <img 2084 src="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=800" 2085 srcset="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=400 400w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=800 800w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=1200 1200w" 2086 sizes="(min-width: 1024px) 25vw, 66vw" 2087 alt="Hydration Xpress Peach Crush" 2088 width="1240" 2089 height="1240" 2090 loading="lazy" 2091 decoding="async"> 2092 2093 </span> 2094 <span class="mcMeta"> 2095 <div class="mcTitle"> 2096 Hydration Xpress 2097 2098 2099 2100 2101 </div> 2102 <div class="mcFlavor">Peach Crush</div> 2103 </span> 2104 </a> 2105 </div> 2106 2107 2108 2109 2110 2111 2112<div class="swiper-slide" > 2113 <a class="mcCard" href="/products/creatine-xpress-bundle?variant=46311578271882" > 2114 <span class="mcMedia"> 2115 2116 <img 2117 src="//happyhydrate.is/cdn/shop/files/Box_Mixed_Berries_Creatine.png?v=1758881439&width=800" 2118 srcset="//happyhydrate.is/cdn/shop/files/Box_Mixed_Berries_Creatine.png?v=1758881439&width=400 400w, //happyhydrate.is/cdn/shop/files/Box_Mixed_Berries_Creatine.png?v=1758881439&width=800 800w, //happyhydrate.is/cdn/shop/files/Box_Mixed_Berries_Creatine.png?v=1758881439&width=1200 1200w" 2119 sizes="(min-width: 1024px) 25vw, 66vw" 2120 alt="" 2121 width="1080" 2122 height="1080" 2123 loading="lazy" 2124 decoding="async"> 2125 2126 </span>
2127 <span class="mcMeta"> 2128 <div class="mcTitle"> 2129 KreatÃn 2130 2131 2132 2133 2134 </div> 2135 <div class="mcFlavor">Mixed Berries</div> 2136 </span> 2137 </a> 2138 </div> 2139 2140 2141 2142 2143 2144 2145<div class="swiper-slide" > 2146 <a class="mcCard" href="/products/creatine-xpress-bundle?variant=46311578140810" > 2147 <span class="mcMedia"> 2148 2149 <img 2150 src="//happyhydrate.is/cdn/shop/files/Box_Lemon_Lime_Creatine.png?v=1758881177&width=800" 2151 srcset="//happyhydrate.is/cdn/shop/files/Box_Lemon_Lime_Creatine.png?v=1758881177&width=400 400w, //happyhydrate.is/cdn/shop/files/Box_Lemon_Lime_Creatine.png?v=1758881177&width=800 800w, //happyhydrate.is/cdn/shop/files/Box_Lemon_Lime_Creatine.png?v=1758881177&width=1200 1200w" 2152 sizes="(min-width: 1024px) 25vw, 66vw" 2153 alt="" 2154 width="1080" 2155 height="1080" 2156 loading="lazy" 2157 decoding="async"> 2158 2159 </span> 2160 <span class="mcMeta"> 2161 <div class="mcTitle"> 2162 KreatÃn 2163 2164 2165 2166 2167 </div> 2168 <div class="mcFlavor">Lemon & lime</div> 2169 </span> 2170 </a> 2171 </div> 2172 2173 2174 2175 2176 2177 2178<div class="swiper-slide" > 2179 <a class="mcCard" href="/products/hydration-xpress?variant=44751436939402" > 2180 <span class="mcMedia mcMedia--scaled" style="--mc-scale: 82%"> 2181 2182 <img 2183 src="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=800" 2184 srcset="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=400 400w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=800 800w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=1200 1200w" 2185 sizes="(min-width: 1024px) 25vw, 66vw" 2186 alt="Hydration Xpress Pina Colada" 2187 width="1240" 2188 height="1240" 2189 loading="lazy" 2190 decoding="async"> 2191 2192 </span> 2193 <span class="mcMeta"> 2194 <div class="mcTitle"> 2195 Hydration Xpress 2196 2197 <span class="badgeSoldOut">Uppselt</span> 2198 2199 2200 </div> 2201 <div class="mcFlavor">Pina Colada</div> 2202 </span> 2203 </a> 2204 </div> 2205 2206 </div> 2207 </div> 2208</section> 2209
2210<script> 2211document.addEventListener('DOMContentLoaded', function () { 2212(() => { 2213 const section = document.querySelector(`[id="template--22413710164106__section_manual_cards_slider_ABC123"]`); 2214 const container = section.querySelector('.mcSwiper'); 2215 const wrapper = section.querySelector('.swiper-wrapper'); 2216 const prevBtn = section.querySelector('.control-prev'); 2217 const nextBtn = section.querySelector('.control-next'); 2218 2219 let swiper = null; 2220 let navHandlers = null; 2221 const mq = window.matchMedia('(max-width:1000px)'); 2222 2223 function attachMobileNav(){ 2224 if (navHandlers) return; 2225 2226 // measure one "step" = slide width + gap 2227 const firstSlide = wrapper.querySelector('.swiper-slide'); 2228 const styles = getComputedStyle(wrapper); 2229 const gapPx = parseFloat(styles.columnGap || styles.gap || '0') || 0; 2230 2231 function step() { 2232 // re-measure on each click in case of resize 2233 return (firstSlide?.getBoundingClientRect().width || 0) + gapPx; 2234 } 2235 function clamp(x, min, max){ return Math.max(min, Math.min(max, x)); } 2236 function nextSnapLeft(dir){ // dir: +1 (next) or -1 (prev) 2237 const s = step(); 2238 const maxLeft = wrapper.scrollWidth - wrapper.clientWidth; 2239 if (s <= 0) return wrapper.scrollLeft; 2240 2241 const i = wrapper.scrollLeft / s; 2242 const targetIdx = dir > 0 ? Math.floor(i + 1) : Math.ceil(i - 1); 2243 const target = targetIdx * s; 2244 return clamp(Math.round(target), 0, maxLeft); 2245 } 2246 2247 const onPrev = () => wrapper.scrollTo({ left: nextSnapLeft(-1), behavior: 'smooth' }); 2248 const onNext = () => wrapper.scrollTo({ left: nextSnapLeft(+1), behavior: 'smooth' }); 2249 2250 prevBtn?.addEventListener('click', onPrev); 2251 nextBtn?.addEventListener('click', onNext); 2252 navHandlers = { onPrev, onNext }; 2253 } 2254 function detachMobileNav(){ 2255 if (!navHandlers) return; 2256 prevBtn?.removeEventListener('click', navHandlers.onPrev); 2257 nextBtn?.removeEventListener('click', navHandlers.onNext); 2258 navHandlers = null; 2259 } 2260 2261 function toMobile(){ 2262 if (swiper){ swiper.destroy(true,true); swiper = null; } 2263 // clear Swiper transforms so native scroll works 2264 wrapper.style.transform = ''; 2265 container.classList.remove('swiper-initialized','swiper-horizontal'); 2266 attachMobileNav(); 2267 } 2268 2269 function toDesktop(){ 2270 detachMobileNav(); 2271 swiper = new Swiper(container, { 2272 slidesPerView: 4, 2273 centeredSlides: false, 2274 spaceBetween: 32, 2275 loop: true, 2276 navigation: { 2277 nextEl: nextBtn, 2278 prevEl: prevBtn, 2279 }, 2280 breakpoints: { 2281 0: { slidesPerView: 1.5, centeredSlides: true, spaceBetween: 20 }, 2282 1024: { slidesPerView: 4, centeredSlides: false, spaceBetween: 32 } 2283 } 2284 }); 2285 } 2286 2287 function applyMode(){ mq.matches ? toMobile() : toDesktop(); } 2288 mq.addEventListener('change', applyMode); 2289 applyMode(); 2290})(); 2291}); 2292</script>
2292 2293 2294 2295</div><div id="shopify-section-template--22413710164106__flavor_hero_zH64fp" class="shopify-section"><style> 2296 [id="template--22413710164106__flavor_hero_zH64fp"]{ 2297 padding: 0px 32px 48px; 2298 font-family:"DM Sans", system-ui, sans-serif; 2299 } 2300 .fh-shell{ 2301 position: relative; 2302 overflow: hidden; 2303 border-radius: 6px; 2304 background: #000; 2305 } 2306 .fh-stage{ 2307 position: relative; 2308 width: 100%; 2309 2310 aspect-ratio: 16 / 9; 2311 2312 } 2313 .fh-media, 2314 .fh-media img{ 2315 position:absolute; inset:0; 2316 width:100%; height:100%; object-fit:cover; display:block; 2317 opacity: 0.9; 2318 2319 } 2320 .fh-overlay{ 2321 position:absolute; left:32px; bottom:32px; 2322 color:#fff; 2323 display:flex; flex-direction:column; gap:12px; 2324 padding-top: 20%; 2325 border-bottom-left-radius: 6px; 2326 border-bottom-right-radius: 6px; 2327 } 2328 .fh-flavor{ 2329 align-self:flex-start; 2330 background: rgba(255,255,255,.15); 2331 color:#fff; 2332 font-weight:600; font-size:12px; line-height:1; 2333 padding:8px 12px; border-radius: 6px; 2334 backdrop-filter:saturate(150%) blur(2px); 2335 font-family:"DM Sans", system-ui, sans-serif; 2336 } 2337 .fh-title{ 2338 font: 500 48px / 1.1 'Dela Gothic One', system-ui, sans-serif; 2339 margin: 0 0 24px 0; 2340 } 2341 .fh-cta{ 2342 display:inline-flex; 2343 align-items:center; 2344 gap:8px; 2345 padding: 16px 24px; 2346 border-radius:9999px; 2347 background:#fff; 2348 color:#262626; 2349 font-weight:600; 2350 text-decoration:none; 2351 font-family:"Inter", system-ui, sans-serif; 2352 width: max-content; 2353 } 2354 2355 2356 /* Mobile */ 2357 @media (max-width: 1000px){ 2358 [id="template--22413710164106__flavor_hero_zH64fp"]{ padding: 0 16px 32px; } 2359 .fh-overlay{ left:16px; right:16px; bottom:24px; gap:10px; padding-top: 28%; } 2360 2361 .fh-stage{ 2362 height: 400px; 2363 } 2364 .fh-title{ 2365 font-size: 32px; 2366 line-height:1.05; 2367 margin: 0 0 12px 0; 2368 } 2369 .fh-cta { 2370 padding: 12px 18px; 2371 font-size: 13px; 2372 } 2373 } 2374</style> 2375 2376<section id="template--22413710164106__flavor_hero_zH64fp" aria-label="STRAWBERRY LEMONADE"> 2377 <div class="fh-shell"> 2378 <div class="fh-stage"> 2379 <div class="fh-media" aria-hidden="true"> 2380 2381 <img 2382 src="//happyhydrate.is/cdn/shop/files/hero_strawberry_lemonade.png?v=1788376564&width=1600" 2383 srcset=" 2384 //happyhydrate.is/cdn/shop/files/hero_strawberry_lemonade.png?v=1788376564&width=800 800w, 2385 //happyhydrate.is/cdn/shop/files/hero_strawberry_lemonade.png?v=1788376564&width=1200 1200w, 2386 //happyhydrate.is/cdn/shop/files/hero_strawberry_lemonade.png?v=1788376564&width=1600 1600w, 2387 //happyhydrate.is/cdn/shop/files/hero_strawberry_lemonade.png?v=1788376564&width=2000 2000w 2388 " 2389 sizes="(max-width: 1000px) 100vw, 1200px" 2390 alt="Happy Hydrate Strawberry Lemonade" 2391 width="1920" 2392 height="1080" 2393 loading="lazy" 2394 decoding="async" 2395 > 2396 2397 </div> 2398 2399 <div class="fh-overlay"> 2400 2401 <span class="fh-flavor">NÃTT HYDRATION</span> 2402 2403 2404 2405 <h2 class="fh-title">STRAWBERRY LEMONADE</h2> 2406 2407 2408 2409 <a class="fh-cta" href="/products/hydration-xpress"> 2410 Smakka núna! 2411 </a> 2412 2413 </div> 2414 </div> 2415 </div> 2416</section> 2417 2418 2419</div><div id="shopify-section-template--22413710164106__flavor_trio_cards_pEKFpi" class="shopify-section"><style> 2420 [id="template--22413710164106__flavor_trio_cards_pEKFpi"]{ padding:48px 24px; font-family:"DM Sans", system-ui, sans-serif; } 2421 .ftc-head{ 2422 display:none; align-items:center; justify-content:space-between; margin:0 0 16px; 2423 } 2424 .ftc-title{ color:#262626; font-size:22px; font-family:"Dela Gothic One", sans-serif; font-weight:300; } 2425 2426 /* OUTER SCROLLER (mobile 1.5 cards) */ 2427 .ftc-track{ 2428 display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; padding-bottom:8px; 2429 } 2430 .ftc-card{ scroll-snap-align:start; background:#EDEDED; border-radius:4px; padding:20px; min-width: 85%; max-width: 85%; flex:0 0 auto; } 2431 @media (min-width: 900px){ 2432 .ftc-track{ overflow:visible; display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:24px; } 2433 .ftc-card{ min-width:auto; max-width:none; } 2434 } 2435 2436 /* CARD */ 2437 .ftc-hero{ 2438 position:relative; background:#F0F0F0; overflow:hidden; 2439 user-select:none; 2440 aspect-ratio: 1 / 1; 2441 } 2442 .ftc-hero img{ width:100%; height:100%; object-fit:contain; object-position:center; display:block; background:transparent; border-radius:4px; } 2443 .ftc-hero img.is-render{ padding:9%; box-sizing:border-box; } 2444 2445 /* mini dots */ 2446 .ftc-dots{ position:absolute; left:50%; bottom:20px; transform:translateX(-50%); display:flex; gap:10px; } 2447 .ftc-dot{ width:28px; height:4px; border-radius:9999px; background:#cfcfcf; } 2448 .ftc-dot[aria-current="true"]{ background:#111; } 2449 2450 .ftc-body{ padding:12px 8px 8px; } 2451 .ftc-name{ font:500 32px/1.1 "Dela Gothic One", system-ui, sans-serif; color:#1F1F1F; margin:6px 0 10px; } 2452 2453 /* flavor chips row */ 2454 .ftc-chips{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:18px; } 2455 .ftc-chip{ 2456 display:inline-flex; align-items:center; justify-content:center; 2457 border-radius:9999px; background:#fff; border:2px solid transparent; cursor:pointer; 2458 padding: 4px; 2459 width: max-content; 2460 } 2461 .ftc-chip img{ width:32px; height:32px; border-radius:9999px; display:block; } 2462 .ftc-chip[aria-selected="true"]{ background-color:#FFFFFF; } 2463 2464 /* HANDVIRKT UPPSELT (2026-09-10): thvingad-uppselt bragd er synt en ovirkt. */ 2465 .ftc-chip.is-soldout{ 2466 cursor:not-allowed; position:relative; background:#F1F1F1; 2467 } 2468 .ftc-chip.is-soldout img, 2469 .ftc-chip.is-soldout span{ filter:grayscale(1); opacity:.4; } 2470 .ftc-chip.is-soldout::after{ 2471 content:""; position:absolute; left:50%; top:50%; 2472 width:34px; height:2px; border-radius:2px; background:#B02D28; 2473 transform:translate(-50%,-50%) rotate(-45deg); pointer-events:none; 2474 } 2475 .ftc-dot.is-soldout{ opacity:.35; } 2476 2477 .ftc-cta{ 2478 display:inline-flex;
2479 align-items:center; 2480 gap:8px; 2481 padding: 16px 24px; 2482 border-radius:9999px; 2483 background:#262626; 2484 color:#FFFFFF; 2485 font-weight:500; 2486 text-decoration:none; 2487 font-family:"Inter", system-ui, sans-serif; 2488 width: max-content; 2489 } 2490 .ftc-cta svg{ width:12px; height:12px; } 2491 2492 /* mobile arrows for outer track */ 2493 .ftc-nav{ display:flex; gap:12px; } 2494 2495 .ftc-cta .label-mobile { display: none; } 2496 .ftc-cta .label-desktop { display: inline; } 2497 2498 @media (max-width:1000px){ 2499 2500 [id="template--22413710164106__flavor_trio_cards_pEKFpi"]{ padding:48px 16px; font-family:"DM Sans", system-ui, sans-serif; } 2501 2502 .ftc-head { 2503 display: flex; 2504 2505 } 2506 .ftc-hero{ 2507 position:relative; background:#F0F0F0; overflow:hidden; 2508 user-select:none; 2509 height: 320px; 2510 } 2511 2512 .ftc-name { 2513 font: 500 24px / 1.1 "Dela Gothic One", system-ui, sans-serif; 2514 color: #1F1F1F; 2515 margin: 6px 0 18px; 2516 } 2517 2518 .ftc-chip img { 2519 width: 28px; 2520 height: 28px; 2521 border-radius: 9999px; 2522 display: block; 2523 } 2524 2525 .ftc-chip { 2526 padding: 2px; 2527 } 2528 2529 .ftc-card { 2530 padding: 16px; 2531 } 2532 2533 .ftc-chips-cta-container { 2534 display: flex; 2535 justify-content: space-between; 2536 align-items: center; 2537 } 2538 .ftc-cta { 2539 padding: 12px; 2540 font-size: 12px; 2541 } 2542 2543 .ftc-chips { 2544 margin: 0px; 2545 gap: 6px; 2546 } 2547 2548 .ftc-cta .label-desktop { display: none; } 2549 .ftc-cta .label-mobile { display: inline; } 2550 } 2551 2552 .ftc-nav .control-prev, .ftc-nav .control-next { 2553 width:36px; height:36px; border-radius:9999px; background:#f3f4f6; display:grid; place-items:center; 2554 box-shadow:0 1px 2px rgba(0,0,0,.06); transition:background .2s, transform .1s, box-shadow .2s; cursor:pointer; color:#111; 2555 } 2556</style> 2557 2558<section id="template--22413710164106__flavor_trio_cards_pEKFpi"> 2559 <div class="ftc-head"> 2560 <h2 class="ftc-title">Vörurnar okkar</h2> 2561 <div class="ftc-nav"> 2562 <button class="ftc-btn" type="button" data-ftc-prev aria-label="Fyrri"> 2563 <div class="control-prev"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2564 <g clip-path="url(#clip0_1176_3422)"> 2565 <path d="M15.3281 8H1.32812" stroke="black" stroke-width="2"/> 2566 <path d="M8.32812 15L1.32812 8L8.32812 1" stroke="black" stroke-width="2"/> 2567 </g> 2568 <defs> 2569 <clipPath id="clip0_1176_3422"> 2570 <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"/> 2571 </clipPath> 2572 </defs> 2573</svg> 2574 </div> 2575 </button> 2576 <button class="ftc-btn" type="button" data-ftc-next aria-label="Næsta"> 2577 <div class="control-next"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 2578 <g clip-path="url(#clip0_1176_3427)"> 2579 <path d="M0.671875 8H14.6719" stroke="black" stroke-width="2"/> 2580 <path d="M7.67188 15L14.6719 8L7.67188 1" stroke="black" stroke-width="2"/> 2581 </g> 2582 <defs> 2583 <clipPath id="clip0_1176_3427"> 2584 <rect width="16" height="16" fill="white"/> 2585 </clipPath> 2586 </defs> 2587</svg> 2588</div> 2589 </button> 2590 </div> 2591 </div> 2592 2593<div class="ftc-track" data-ftc-track> 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 <article class="ftc-card" data-ftc-card> 2635 <div class="ftc-hero" data-ftc-hero> 2636 2637 <img 2638 2639 src="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1000" 2640 srcset="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=700 700w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1000 1000w, //happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1400 1400w" 2641 width="1240" 2642 height="1240" 2643 2644 sizes="(min-width:900px) 30vw, 85vw" 2645 alt="Hydration Xpress Strawberry Lemonade" 2646 class="is-render" 2647 decoding="async" 2648 loading="eager" fetchpriority="high" 2649 data-ftc-img> 2650 2651 <div class="ftc-dots" data-ftc-dots> 2652 2653 2654<span class="ftc-dot" aria-current="true"></span> 2655 2656<span class="ftc-dot" aria-current="false"></span> 2657 2658<span class="ftc-dot is-soldout" aria-current="false"></span> 2659 2660<span class="ftc-dot" aria-current="false"></span> 2661 2662<span class="ftc-dot" aria-current="false"></span> 2663 2664<span class="ftc-dot" aria-current="false"></span> 2665 2666 2667 </div> 2668 2669 </div> 2670 2671 <div class="ftc-body"> 2672 <div class="ftc-name">Hydration<br>Xpress</div> 2673 2674 <div class=ftc-chips-cta-container> 2675 2676<div class="ftc-chips" data-ftc-chips> 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689<button 2690 class="ftc-chip" 2691 type="button" 2692 2693 aria-selected="true" 2694 title="Strawberry Lemonade" 2695 data-variant-id="50050860712074"
2696 data-variant-url="/products/hydration-xpress?variant=50050860712074" 2697 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=700" 2698 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1000" 2699 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1400"> 2700 2701 <img src="//happyhydrate.is/cdn/shop/files/StrawberryLemonade_icon_7cb3db60-9ff0-4f24-b37d-2b10985879ea.png?v=1787073402&width=80" alt="Strawberry Lemonade" width="40" height="40" loading="lazy" decoding="async"> 2702 2703 </button> 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736<button 2737 class="ftc-chip" 2738 type="button" 2739 2740 aria-selected="false" 2741 title="Pina Colada" 2742 data-variant-id="44751436906634" 2743 data-variant-url="/products/hydration-xpress?variant=44751436906634" 2744 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=700" 2745 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=1000" 2746 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=1400"> 2747 2748 <img src="//happyhydrate.is/cdn/shop/files/Pina_Colada_22_09_25.png?v=1758564999&width=80" alt="Pina Colada" width="40" height="40" loading="lazy" decoding="async"> 2749 2750 </button> 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803<button 2804 class="ftc-chip is-soldout" 2805 type="button" 2806 disabled aria-disabled="true" data-soldout="1" 2807 aria-selected="false" 2808 title="Mixed Berries (Uppselt)" 2809 data-variant-id="44751437037706" 2810 data-variant-url="/products/hydration-xpress?variant=44751437037706" 2811 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=700" 2812 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=1000" 2813 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=1400"> 2814 2815 <img src="//happyhydrate.is/cdn/shop/files/Mixed_berries_09_25.png?v=1758565442&width=80" alt="Mixed Berries" width="40" height="40" loading="lazy" decoding="async"> 2816 2817 </button> 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890<button 2891 class="ftc-chip" 2892 type="button" 2893 2894 aria-selected="false" 2895 title="Lemon/Lime" 2896 data-variant-id="44751437168778" 2897 data-variant-url="/products/hydration-xpress?variant=44751437168778" 2898 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=700" 2899 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=1000" 2900 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=1400"> 2901 2902 <img src="//happyhydrate.is/cdn/shop/files/Lemon_Lime.png?v=1757622519&width=80" alt="Lemon/Lime" width="40" height="40" loading="lazy" decoding="async"> 2903 2904 </button> 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997<button 2998 class="ftc-chip" 2999 type="button" 3000 3001 aria-selected="false" 3002 title="Peach Crush" 3003 data-variant-id="45773488324746" 3004 data-variant-url="/products/hydration-xpress?variant=45773488324746" 3005 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=700" 3006 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=1000" 3007 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=1400"> 3008 3009 <img src="//happyhydrate.is/cdn/shop/files/Peach_09_25.png?v=1758565399&width=80" alt="Peach Crush" width="40" height="40" loading="lazy" decoding="async"> 3010 3011 </button> 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124<button 3125 class="ftc-chip" 3126 type="button" 3127 3128 aria-selected="false" 3129 title="Peru"
3130 data-variant-id="47230751473802" 3131 data-variant-url="/products/hydration-xpress?variant=47230751473802" 3132 data-img-700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=700" 3133 data-img-1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=1000" 3134 data-img-1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=1400"> 3135 3136 <img src="//happyhydrate.is/cdn/shop/files/Pear_09_25.png?v=1758565346&width=80" alt="Peru" width="40" height="40" loading="lazy" decoding="async"> 3137 3138 </button> 3139 3140</div> 3141 3142 3143 3144 <a class="ftc-cta" data-ftc-cta href="/products/hydration-xpress"> 3145 <span class="label-desktop">Skoða úrval</span> 3146 <span class="label-mobile">Skoða</span> 3147 3148 </a> 3149 </div> 3150 </div> 3151 </article> 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 <article class="ftc-card" data-ftc-card> 3191 <div class="ftc-hero" data-ftc-hero> 3192 3193 <img 3194 3195 src="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1000" 3196 srcset="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=700 700w, //happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1000 1000w, //happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1400 1400w" 3197 width="3176" 3198 height="3132" 3199 3200 sizes="(min-width:900px) 30vw, 85vw" 3201 alt="KreatÃn Bundle" 3202 class="" 3203 decoding="async" 3204 loading="lazy" 3205 data-ftc-img> 3206 3207 <div class="ftc-dots" data-ftc-dots> 3208 3209 3210<span class="ftc-dot" aria-current="true"></span> 3211 3212<span class="ftc-dot" aria-current="false"></span> 3213 3214<span class="ftc-dot" aria-current="false"></span> 3215 3216 3217 </div> 3218 3219 </div> 3220 3221 <div class="ftc-body"> 3222 <div class="ftc-name">KreatÃn </div> 3223 3224 <div class=ftc-chips-cta-container> 3225 3226<div class="ftc-chips" data-ftc-chips> 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239<button 3240 class="ftc-chip" 3241 type="button" 3242 3243 aria-selected="true" 3244 title="Lemon Lime" 3245 data-variant-id="46311578140810" 3246 data-variant-url="/products/creatine-xpress-bundle?variant=46311578140810" 3247 data-img-700="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=700" 3248 data-img-1000="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1000" 3249 data-img-1400="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1400"> 3250 3251 <img src="//happyhydrate.is/cdn/shop/files/Lemon_Lime.png?v=1757622519&width=80" alt="Lemon Lime" width="40" height="40" loading="lazy" decoding="async"> 3252 3253 </button> 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286<button 3287 class="ftc-chip" 3288 type="button" 3289 3290 aria-selected="false" 3291 title="Mixed Berries" 3292 data-variant-id="46311578271882" 3293 data-variant-url="/products/creatine-xpress-bundle?variant=46311578271882" 3294 data-img-700="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=700" 3295 data-img-1000="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=1000" 3296 data-img-1400="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=1400"> 3297 3298 <img src="//happyhydrate.is/cdn/shop/files/Mixed_berries_09_25.png?v=1758565442&width=80" alt="Mixed Berries" width="40" height="40" loading="lazy" decoding="async"> 3299 3300 </button> 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353<button 3354 class="ftc-chip" 3355 type="button" 3356 3357 aria-selected="false" 3358 title="Peach Crush" 3359 data-variant-id="47698783699082" 3360 data-variant-url="/products/creatine-xpress-bundle?variant=47698783699082" 3361 data-img-700="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=700" 3362 data-img-1000="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=1000" 3363 data-img-1400="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=1400"> 3364 3365 <img src="//happyhydrate.is/cdn/shop/files/Peach_09_25.png?v=1758565399&width=80" alt="Peach Crush" width="40" height="40" loading="lazy" decoding="async"> 3366 3367 </button> 3368 3369</div> 3370 3371 3372 3373 <a class="ftc-cta" data-ftc-cta href="/products/creatine-xpress-bundle">
3374 <span class="label-desktop">Skoða úrval</span> 3375 <span class="label-mobile">Skoða</span> 3376 3377 </a> 3378 </div> 3379 </div> 3380 </article> 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 <article class="ftc-card" data-ftc-card> 3438 <div class="ftc-hero" data-ftc-hero> 3439 3440 <img 3441 3442 src="//happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=1000" 3443 srcset="//happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=700 700w, //happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=1000 1000w, //happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=1400 1400w" 3444 width="1566" 3445 height="1284" 3446 3447 sizes="(min-width:900px) 30vw, 85vw" 3448 alt="Energy Xpress Bundle" 3449 class="" 3450 decoding="async" 3451 loading="lazy" 3452 data-ftc-img> 3453 3454 <div class="ftc-dots" data-ftc-dots> 3455 3456 3457<span class="ftc-dot" aria-current="true"></span> 3458 3459 3460 </div> 3461 3462 </div> 3463 3464 <div class="ftc-body"> 3465 <div class="ftc-name">Energy<br>Xpress </div> 3466 3467 <div class=ftc-chips-cta-container> 3468 3469<div class="ftc-chips" data-ftc-chips> 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499<button 3500 class="ftc-chip" 3501 type="button" 3502 3503 aria-selected="true" 3504 title="Epli & Kiwi" 3505 data-variant-id="46556640444554" 3506 data-variant-url="/products/energy-xpress-bundle?variant=46556640444554" 3507 data-img-700="//happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=700" 3508 data-img-1000="//happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=1000" 3509 data-img-1400="//happyhydrate.is/cdn/shop/files/energy-xpress-cropped-final.png?v=1755698272&width=1400"> 3510 3511 <img src="//happyhydrate.is/cdn/shop/files/Epla_kivi_09_25.png?v=1758565524&width=80" alt="Epli & Kiwi" width="40" height="40" loading="lazy" decoding="async"> 3512 3513 </button> 3514 3515</div> 3516 3517 3518 3519 <a class="ftc-cta" data-ftc-cta href="/products/energy-xpress-bundle"> 3520 <span class="label-desktop">Skoða úrval</span> 3521 <span class="label-mobile">Skoða</span> 3522 3523 </a> 3524 </div> 3525 </div> 3526 </article> 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 <article class="ftc-card" data-ftc-card> 3566 <div class="ftc-hero" data-ftc-hero> 3567 3568 <img 3569 3570 src="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=1000" 3571 srcset="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=700 700w, //happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=1000 1000w, //happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=1400 1400w" 3572 width="1600" 3573 height="1578" 3574 3575 sizes="(min-width:900px) 30vw, 85vw" 3576 alt="Hydration KIDS Bundle" 3577 class="" 3578 decoding="async" 3579 loading="lazy" 3580 data-ftc-img> 3581 3582 <div class="ftc-dots" data-ftc-dots> 3583 3584 3585<span class="ftc-dot" aria-current="true"></span> 3586 3587<span class="ftc-dot" aria-current="false"></span> 3588 3589 3590 </div> 3591 3592 </div> 3593 3594 <div class="ftc-body"> 3595 <div class="ftc-name">Hydration<br>KIDS </div> 3596 3597 <div class=ftc-chips-cta-container> 3598 3599<div class="ftc-chips" data-ftc-chips> 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612<button 3613 class="ftc-chip" 3614 type="button" 3615 3616 aria-selected="true" 3617 title="Green Apple & Kiwi" 3618 data-variant-id="47133961388170" 3619 data-variant-url="/products/hydration-kids-1?variant=47133961388170" 3620 data-img-700="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=700" 3621 data-img-1000="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=1000" 3622 data-img-1400="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_kiwiapple_2.1.png?v=1758891053&width=1400"> 3623 3624 <img src="//happyhydrate.is/cdn/shop/files/Epla_kivi_09_25.png?v=1758565524&width=80" alt="Green Apple & Kiwi" width="40" height="40" loading="lazy" decoding="async"> 3625 3626 </button> 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659<button 3660 class="ftc-chip" 3661 type="button" 3662 3663 aria-selected="false" 3664 title="Mixed Berries" 3665 data-variant-id="47133961519242" 3666 data-variant-url="/products/hydration-kids-1?variant=47133961519242" 3667 data-img-700="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_mixedberries_2.1.png?v=1758891105&width=700" 3668 data-img-1000="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_mixedberries_2.1.png?v=1758891105&width=1000" 3669 data-img-1400="//happyhydrate.is/cdn/shop/files/Comp_-_Kids_-_mixedberries_2.1.png?v=1758891105&width=1400"> 3670 3671 <img src="//happyhydrate.is/cdn/shop/files/Mixed_berries_09_25.png?v=1758565442&width=80" alt="Mixed Berries" width="40" height="40" loading="lazy" decoding="async"> 3672 3673 </button> 3674 3675</div> 3676 3677 3678 3679 <a class="ftc-cta" data-ftc-cta href="/products/hydration-kids-1">
3680 <span class="label-desktop">Skoða úrval</span> 3681 <span class="label-mobile">Skoða</span> 3682 3683 </a> 3684 </div> 3685 </div> 3686 </article> 3687 3688 3689</div> 3690 3691 3692 3693</section> 3694
3695<script> 3696(function(){ 3697 const root = document.getElementById("template--22413710164106__flavor_trio_cards_pEKFpi"); 3698 if(!root) return; 3699 3700 // Outer mobile track arrows 3701 const track = root.querySelector('[data-ftc-track]'); 3702 root.querySelector('[data-ftc-prev]')?.addEventListener('click', ()=> { 3703 track.scrollBy({ left: -track.clientWidth * 0.85, behavior:'smooth' }); 3704 }); 3705 root.querySelector('[data-ftc-next]')?.addEventListener('click', ()=> { 3706 track.scrollBy({ left: track.clientWidth * 0.85, behavior:'smooth' }); 3707 }); 3708 3709 // Each card: wire chips to hero + CTA + dots; swipe left/right on hero 3710 root.querySelectorAll('[data-ftc-card]').forEach(card => { 3711 const img = card.querySelector('[data-ftc-img]'); 3712 const cta = card.querySelector('[data-ftc-cta]'); 3713 const chips = Array.from(card.querySelectorAll('.ftc-chip')); 3714 const dots = Array.from(card.querySelectorAll('.ftc-dot')); 3715 3716 // Thvingad uppselt bragd er ovirkt: ekki haegt ad velja thad, hvorki med smelli, 3717 // punkti ne strjuki. Fail-open: an data-soldout hegdar allt ser eins og adur. 3718 const isSoldOut = (ch) => !!ch && ch.getAttribute('data-soldout') === '1'; 3719 function nextAvailable(from, dir){ 3720 for (let j = from; j >= 0 && j < chips.length; j += dir){ 3721 if (!isSoldOut(chips[j])) return j; 3722 } 3723 return -1; 3724 } 3725 3726 function activate(i){ 3727 const chip = chips[i]; 3728 if (!chip || isSoldOut(chip)) return; 3729 chips.forEach((ch,idx)=> ch.setAttribute('aria-selected', idx===i ? 'true':'false')); 3730 dots.forEach((d,idx)=> d.setAttribute('aria-current', idx===i ? 'true':'false')); 3731 3732 const s700 = chip.getAttribute('data-img-700'); 3733 const s1000 = chip.getAttribute('data-img-1000'); 3734 const s1400 = chip.getAttribute('data-img-1400'); 3735 const href = chip.getAttribute('data-variant-url'); 3736 3737 if (s1400) img.src = s1400; 3738 if (s700 && s1000 && s1400){ 3739 img.srcset = `${s700} 700w, ${s1000} 1000w, ${s1400} 1400w`; 3740 } 3741 if (href) cta.href = href; 3742 current = i; 3743 } 3744 3745 chips.forEach((ch,idx)=> ch.addEventListener('click', ()=> activate(idx))); 3746 dots.forEach((d,idx)=> d.addEventListener('click', ()=> activate(idx))); 3747 3748 // Basic swipe on hero (touch) 3749 const hero = card.querySelector('[data-ftc-hero]'); 3750 let startX = 0, current = chips.findIndex(c => c.getAttribute('aria-selected')==='true'); 3751 function onStart(e){ startX = (e.touches? e.touches[0].clientX : e.clientX); } 3752 function onEnd(e){ 3753 const endX = (e.changedTouches? e.changedTouches[0].clientX : e.clientX); 3754 const dx = endX - startX; 3755 if (Math.abs(dx) > 30){ 3756 if (dx < 0){ const n = nextAvailable(current+1, 1); if (n > -1) activate(n); } 3757 if (dx > 0){ const p = nextAvailable(current-1, -1); if (p > -1) activate(p); } 3758 } 3759 } 3760 hero.addEventListener('touchstart', onStart, {passive:true}); 3761 hero.addEventListener('touchend', onEnd); 3762 hero.addEventListener('mousedown', onStart); 3763 hero.addEventListener('mouseup', onEnd); 3764 3765 // init -> first chip that is not forced sold out 3766 if (current < 0 || isSoldOut(chips[current])) current = nextAvailable(0, 1); 3767 activate(Math.max(0, current)); 3768 }); 3769})(); 3770 3771// Preload flavor images when the card first becomes visible 3772(function preloadWhenVisible(){ 3773 const toPreload = chips 3774 .map(ch => ch.getAttribute('data-img-1400')) 3775 .filter(Boolean); 3776 3777 const doPreload = () => { 3778 toPreload.forEach(u => { const im = new Image(); im.decoding = 'async'; im.src = u; }); 3779 }; 3780 3781 if ('IntersectionObserver' in window) { 3782 const io = new IntersectionObserver((entries) => { 3783 if (entries.some(e => e.isIntersecting)) { doPreload(); io.disconnect(); } 3784 }, { rootMargin: '200px' }); 3785 io.observe(card); 3786 } else { 3787 // fallback 3788 doPreload(); 3789 } 3790})(); 3791 3792</script>
3792 3793 3794 3795</div><div id="shopify-section-template--22413710164106__alt_tiles_LPr6g4" class="shopify-section"><style> 3796 [id="template--22413710164106__alt_tiles_LPr6g4"]{ 3797 padding: 64px 24px 64px; 3798 font-family: "DM Sans", system-ui, sans-serif; 3799 } 3800 3801 .at-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } 3802 3803 .at-grid{ 3804 display:grid; gap:32px; 3805 } 3806 3807 .at-tile{ 3808 position:relative; overflow:hidden; border-radius:6px; 3809 background:#f5f5f5; 3810 } 3811 .at-media{ position:relative; width:100%; } 3812 .at-media, 3813 .at-media img{ 3814 display:block; 3815 width:100%; 3816 height: 650px; 3817 object-fit:cover; 3818 } 3819 3820 /* overlay */ 3821 .at-overlay{ 3822 position:absolute; color:#fff; 3823 max-width: min(520px, 85%); 3824 display:flex; flex-direction:column; gap:14px; 3825 padding: 24px; 3826 } 3827 /* odd = bottom-left, even = top-left */ 3828 .at-tile--odd .at-overlay{ 3829 left:16px; bottom:16px; 3830 3831 } 3832 .at-tile--even .at-overlay{ 3833 left:16px; top:16px; 3834 } 3835 3836 .at-heading{ 3837 font: 500 48px / 1.1 'Dela Gothic One', system-ui, sans-serif; 3838 margin: 0 0 12px 0; 3839 } 3840 3841 .at-tile--even .at-heading{ 3842 color:#262626; 3843 margin: 0px; 3844 } 3845 3846 .at-sub{ f 3847 font-size:16px; 3848 line-height:1.45; 3849 opacity:.9; 3850 max-width:60ch; 3851 font-family:"Inter", system-ui, sans-serif; 3852} 3853 3854 .at-tile--even .at-sub{ 3855 color:#333333; 3856 } 3857 3858 .at-cta{ 3859 display:inline-flex; 3860 align-items:center; 3861 gap:8px; 3862 padding: 16px 24px; 3863 border-radius:9999px; 3864 background:#fff; 3865 color:#262626; 3866 font-weight:600; 3867 text-decoration:none; 3868 font-family:"Inter", system-ui, sans-serif; 3869 width: max-content; 3870 } 3871 3872 /* checklist */ 3873 .at-checks{ margin:6px 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:8px; } 3874 .at-checks li{ display:flex; align-items:flex-start; gap:8px; font-size:16px; align-items: center; font-family:"Inter", system-ui, sans-serif; } 3875 3876 /* make the icon inherit color (white on odd, dark on even) */ 3877 .at-tile--odd .at-checks { color:#fff; } 3878 .at-tile--even .at-checks { color:#262626; } 3879 .at-checks svg{ flex:0 0 auto; margin-top:2px; width:15px; height:12px; } 3880 3881 3882 3883 /* mobile tweaks */ 3884 @media (max-width: 1000px){ 3885 [id="template--22413710164106__alt_tiles_LPr6g4"]{ padding: 32px 16px 48px; } 3886 .at-heading{ font-size: 28px; margin-bottom: 12px; } 3887 .at-tile--odd .at-overlay{ left:8px; right:8px; bottom:16px; } 3888 .at-tile--even .at-overlay{ left:8px; right:8px; top:16px; } 3889 3890 .at-cta { 3891 padding: 12px 18px; 3892 font-size: 13px; 3893 } 3894 3895 .at-grid{ grid-template-columns: 1fr; } 3896 3897 .at-media, 3898 .at-media img{ 3899 display:block; 3900 width:100%; 3901 height: 400px; 3902 object-fit:cover; 3903 } 3904 3905 .at-overlay{ 3906 padding: 12px; 3907 } 3908 3909 .at-checks li{ font-size:13px; } 3910 } 3911 3912 3913</style> 3914 3915<section id="template--22413710164106__alt_tiles_LPr6g4"> 3916 <div class="at-grid"> 3917 3918 3919 3920 3921 <article class="at-tile at-tile--odd" > 3922 <div class="at-media"> 3923 3924 <img 3925 src="//happyhydrate.is/cdn/shop/files/man_bottle_m.jpg?v=1717524334&width=1200" 3926 srcset=" 3927 //happyhydrate.is/cdn/shop/files/man_bottle_m.jpg?v=1717524334&width=800 800w, 3928 //happyhydrate.is/cdn/shop/files/man_bottle_m.jpg?v=1717524334&width=1200 1200w, 3929 //happyhydrate.is/cdn/shop/files/man_bottle_m.jpg?v=1717524334&width=1600 1600w, 3930 //happyhydrate.is/cdn/shop/files/man_bottle_m.jpg?v=1717524334&width=1800 1800w" 3931 sizes="(max-width: 991px) 100vw, 50vw" 3932 alt="" 3933 width="860" 3934 height="782" 3935 loading="lazy" 3936 decoding="async"> 3937 3938 </div> 3939 3940 <div class="at-overlay"> 3941 3942 <h3 class="at-heading">Aukahlutir</h3> 3943 3944 3945 3946 3947 3948 3949 <a class="at-cta" href="/collections/shop-all"> 3950 Sjá allar vörur 3951 </a> 3952 3953 </div> 3954 </article> 3955 3956 3957 3958 3959 <article class="at-tile at-tile--even" > 3960 <div class="at-media"> 3961 3962 <img 3963 src="//happyhydrate.is/cdn/shop/files/image_191.png?v=1759585142&width=1200" 3964 srcset=" 3965 //happyhydrate.is/cdn/shop/files/image_191.png?v=1759585142&width=800 800w, 3966 //happyhydrate.is/cdn/shop/files/image_191.png?v=1759585142&width=1200 1200w, 3967 //happyhydrate.is/cdn/shop/files/image_191.png?v=1759585142&width=1600 1600w, 3968 //happyhydrate.is/cdn/shop/files/image_191.png?v=1759585142&width=1800 1800w"
3969 sizes="(max-width: 991px) 100vw, 50vw" 3970 alt="" 3971 width="823" 3972 height="858" 3973 loading="lazy" 3974 decoding="async"> 3975 3976 </div> 3977 3978 <div class="at-overlay"> 3979 3980 <h3 class="at-heading">Ãskrift</h3> 3981 3982 3983 3984 3985 <ul class="at-checks" role="list"> 3986 3987 3988 3989 <li> 3990 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="12" viewBox="0 0 15 12" aria-hidden="true"> 3991 <path d="M1.167 6.469L5.698 10.382 13.466 1.997" stroke="currentColor" stroke-width="2" fill="none"/> 3992 </svg> 3993 <span>FrÃr glerbrúsi</span> 3994 </li> 3995 3996 3997 3998 3999 <li> 4000 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="12" viewBox="0 0 15 12" aria-hidden="true"> 4001 <path d="M1.167 6.469L5.698 10.382 13.466 1.997" stroke="currentColor" stroke-width="2" fill="none"/> 4002 </svg> 4003 <span>Alltaf 20% afsláttur</span> 4004 </li> 4005 4006 4007 </ul> 4008 4009 4010 4011 4012 4013 <a class="at-cta" href="/pages/askrift-box"> 4014 Skrá mig à áskrift 4015 </a> 4016 4017 </div> 4018 </article> 4019 4020 </div> 4021</section> 4022 4023 4024</div><div id="shopify-section-template--22413710164106__featured_trio_zHBNhm" class="shopify-section"> 4025 4026<style> 4027/* -------------------- DESKTOP FIRST -------------------- */ 4028[id="template--22413710164106__featured_trio_zHBNhm"]{ padding:32px 32px; } 4029 4030 4031 .section-trio { 4032 padding:64px 96px 64px 96px; 4033 background:#F7F7F8; 4034 font-family:"DM Sans", system-ui, sans-serif; 4035 } 4036 4037 4038 /* TOP NAV (tabs full width) */ 4039 .ft-nav{ 4040 display: flex; 4041 margin-bottom: 32px; 4042 align-items: center; 4043 justify-content: center; 4044 } 4045 .ft-tabs{ 4046 position: relative; 4047 display:flex; 4048 gap:10px; 4049 padding: 16px; 4050 width: max-content; 4051 border-radius:9999px; 4052 background-color: white; 4053 font-family:"DM Sans", system-ui, sans-serif; 4054 font-size: 14px; 4055 overflow-x: hidden; 4056 } 4057 .ft-tab{ 4058 position: relative; 4059 z-index: 1; /* above the ink */ 4060 padding:8px 16px; border-radius:9999px; 4061 background:transparent; 4062 font-weight:700; cursor:pointer; user-select:none; 4063 white-space:nowrap; color:#1F1F1F; 4064 } 4065 .ft-tab[aria-selected="true"]{ color:#FFFFFF; } 4066 .ft-badge-pill{ 4067 margin-left:8px; font-size:10px; background:#FFFA66; color:#000; padding:2px 6px; border-radius:9999px; font-weight:700; 4068 } 4069 4070 .ft-ink{ 4071 position:absolute; inset:0 auto 0 0; /* we'll size/position via JS */ 4072 height: 32px; /* equals line-height of buttons */ 4073 border-radius:9999px; background:#141414; 4074 transform: translateX(0); 4075 width: 0; 4076 top: 50%; 4077 z-index: 0; 4078 transition: 4079 transform .28s cubic-bezier(.2,.7,.2,1), 4080 width .28s cubic-bezier(.2,.7,.2,1); 4081} 4082 4083.cs-wrap{ 4084 margin:0 auto; 4085 background:var(--cs-bg); border-radius:6px; padding:0px 96px; 4086 color:#e8e8e8; font-family:"DM Sans", system-ui, sans-serif; 4087} 4088.cs-grid{ 4089 display:grid; grid-template-columns: 1.1fr 1fr; gap:42px; align-items:start; 4090} 4091.cs-left { 4092 padding: 24px; 4093 display: flex; 4094 flex-direction: column; 4095 justify-content: space-between; 4096 height: 100%; 4097} 4098 4099/* LEFT: tabs + text + CTA */ 4100 .ft-left h2{ 4101 margin:0 0 12px 0; font:400 40px 'Dela Gothic One', system-ui, sans-serif; 4102 color: #1F1F1F; 4103 } 4104 .ft-accordion{ border-radius:12px; overflow:hidden; } 4105 .ft-acc-item{ border-top:1px solid #E0E0E0; } 4106 .ft-acc-item.ft-first-visible{ border-top:0; } 4107 .ft-acc-btn{ 4108 width:100%; text-align:left; background:none; border:0; padding:24px 0px; 4109 font-weight:500; cursor:pointer; display:flex; justify-content:space-between; align-items:center; 4110 color: #1F1F1F; 4111 font-family:"Inter", system-ui, sans-serif; 4112 font-size:20px; 4113 4114 } 4115 4116 .ft-acc-btn .ft-plus{ 4117 font-weight: 100; 4118 font-size:36px; 4119 transition:transform .2s ease; 4120 } 4121 4122 .ft-acc-btn[aria-expanded="true"] .ft-plus{ transform:rotate(45deg); } 4123 .ft-acc-panel{ 4124 display:none; 4125 padding:0 0px 24px 0px; 4126 color:#3A3A3A; 4127 font-family:"Inter", system-ui, sans-serif; 4128 line-height: 1.6; 4129 } 4130 .ft-acc-panel[data-open="true"]{ display:block; } 4131 4132/* RIGHT: stage */ 4133.cs-stage{ 4134 position:relative; border-radius:6px; background:var(--cs-bg, #FF5037); 4135 transition: background-color .25s ease; 4136} 4137.cs-badge{ 4138 position:absolute; top:12px; right:12px; 4139 background:#E3E3E3; color:#1F1F1F; font-weight:800; font-size:12px; 4140 padding:6px 10px; border-radius:6px; 4141 font-family:"DM Sans", system-ui, sans-serif; 4142}
4143.cs-img{ border-radius:6px; overflow:hidden; } 4144.cs-stage.is-photo{ background:#F0F0F2; } 4145.cs-stage.is-photo .cs-thumb{ background:#F0F0F2; } 4146.cs-img img{ width:100%; height: clamp(320px, 34vw, 540px); object-fit:cover; display:block; } 4147.cs-img img.is-render{ object-fit:contain; object-position:center; padding:20px 20px 10px; box-sizing:border-box; } 4148 4149.cs-card{ background:#fff; color:#111; border-radius:10px; padding:14px; } 4150 4151.cs-card-top{ display:grid; grid-template-columns: 1fr auto; align-items:center; gap:12px; } 4152.cs-title{ font-weight:700; } 4153.cs-card-cta{ 4154 display:inline-grid; place-items:center; width:44px; height:44px; border-radius:9999px; background:#111; color:#fff; text-decoration:none; 4155} 4156 4157/* chips */ 4158.cs-chips{ display:flex; gap:10px; flex-wrap:wrap; } 4159.cs-chip{ 4160 display:inline-flex; align-items:center; justify-content:center; 4161 border-radius:9999px; background:#f3f3f3; border:2px solid transparent; cursor:pointer; 4162 padding:4px; width:max-content; 4163} 4164.cs-chip[aria-selected="true"]{ background:#fff; } 4165.cs-chip img{ width:24px; height:24px; border-radius:9999px; display:block; } 4166 4167 4168 4169/* card header: thumb + name + CTA */ 4170.cs-card-top{ display:grid; grid-template-columns:auto 1fr auto; gap:12px; align-items:center; } 4171.cs-thumb{ 4172 width:72px; height:72px; border-radius:4px; overflow:hidden; flex:none; background: var(--cs-bg, #FF5037); 4173} 4174.cs-thumb img{ width:100%; height:100%; object-fit:cover; display:block; } 4175.cs-title{ font-weight:600; color: #1F1F1F; font-family:"Inter", system-ui, sans-serif; font-size: 16px; margin-bottom: 6px; } 4176 4177@media (max-width:1000px){ 4178 .cs-thumb{ width:48px; height:48px;} 4179 4180} 4181 4182.cs-card-btn { 4183 font-size: 13px; 4184 appearance:none; 4185 border:0; 4186 background:#1E1E1E; 4187 color:#fff; 4188 border-radius:9999px; 4189 padding:16px 24px; 4190 font-weight:700; 4191 text-decoration:none; 4192 white-space:nowrap; 4193 font-family:"DM Sans", system-ui, sans-serif; 4194 display: flex; 4195 align-items: center; 4196} 4197 4198 .ft-mobile-head { display:none; } 4199 4200/* -------------------- MOBILE -------------------- */ 4201@media (max-width: 1000px){ 4202 [id="template--22413710164106__featured_trio_zHBNhm"]{ padding:24px 16px; } 4203 4204 .section-trio { 4205 padding: 16px; 4206 } 4207 4208 4209 .ft-left h2 { 4210 display: none; 4211 } 4212 4213 4214 .ft-mobile-head { display:flex; justify-content: space-between; margin-bottom: 16px; } 4215 4216 .ft-mobile-title { 4217 color: #1F1F1F; 4218 font-size: 24px; 4219 font-family:"Dela Gothic One", system-ui, sans-serif; 4220 font-weight: 500; 4221 } 4222 4223 .ft-mobile-cta { 4224 font-size: 12px; 4225 appearance:none; 4226 border:0; 4227 background:#fff; 4228 color:#262626; 4229 border-radius:9999px; 4230 padding:12px 16px; 4231 font-weight:700; 4232 text-decoration:none; 4233 white-space:nowrap; 4234 font-family:"DM Sans", system-ui, sans-serif; 4235 } 4236 4237 .cs-right { 4238 display: none 4239 } 4240 4241 4242 .cs-wrap{ padding:0px; } 4243 .cs-grid{ grid-template-columns: 1fr; gap:22px; } 4244 4245 .cs-img img{ height: 400px; } 4246 .cs-img img.is-render{ padding:16px 16px 6px; } 4247 .cs-tabs{ margin-top:6px; margin-bottom:40px; } 4248 .cs-lead{ margin: 0 0 16px; } 4249 4250 4251 .cs-right{ order:1; } 4252 .cs-left{ order:2; padding: 0px 20px; } 4253 4254 .cs-lead-title { 4255 display: none; 4256 } 4257 4258 .cs-lead { 4259 display: none; 4260 } 4261 4262 /* hide the thumbnail */ 4263 .cs-thumb{ display:none; } 4264 4265 /* arrow-only CTA (no pill, no label) */ 4266 .cs-card-btn{ 4267 background:transparent !important; /* kill the black pill */ 4268 color:#111; /* arrow color */ 4269 padding:0 !important; 4270 width:44px; height:44px; 4271 border-radius:50%; 4272 display:grid; place-items:center; 4273 box-shadow:none !important; 4274 border:0; 4275 } 4276 .cs-card-btn .label{ display:none !important; } 4277 4278 /* make sure the icon is a stroked arrow, not a filled blob */ 4279 .cs-card-btn svg{ 4280 width:20px; height:20px; display:block; 4281 } 4282 .cs-card-btn svg, 4283 .cs-card-btn svg *{ 4284 fill:none !important; 4285 stroke:currentColor !important; 4286 stroke-width:2; 4287 stroke-linecap:round; 4288 stroke-linejoin:round; 4289 color: #000000; 4290 } 4291 4292 /* header reflow when thumb is hidden */ 4293 .cs-card-top{ 4294 grid-template-columns: 1fr auto; 4295 gap:10px; 4296 } 4297
4298 .ft-acc-btn{ 4299 4300 font-size:16px; 4301 4302 } 4303 4304 .ft-acc-panel[data-open="true"] { 4305 display: block; 4306 font-size: 14px; 4307 } 4308} 4309</style> 4310 4311<section id="template--22413710164106__featured_trio_zHBNhm"> 4312 <div class="section-trio"> 4313 4314 4315 <div class="ft-nav"> 4316 <nav class="ft-tabs" role="tablist"> 4317 <span class="ft-ink" aria-hidden="true"></span> 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 <button 4333 id="template--22413710164106__featured_trio_zHBNhm-tab-hydration" 4334 class="ft-tab" 4335 role="tab" 4336 data-ft-tab="template--22413710164106__featured_trio_zHBNhm-hydration" 4337 aria-selected="true" 4338 aria-controls="template--22413710164106__featured_trio_zHBNhm-panel-hydration" 4339 data-ft-heading="Af hverju Hydration?" 4340 data-prod-title="Hydration Xpress" 4341 data-prod-url="/products/hydration-xpress" 4342 > 4343 Hydration 4344 </button> 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 <button 4358 id="template--22413710164106__featured_trio_zHBNhm-tab-creatine" 4359 class="ft-tab" 4360 role="tab" 4361 data-ft-tab="template--22413710164106__featured_trio_zHBNhm-creatine" 4362 aria-selected="false" 4363 aria-controls="template--22413710164106__featured_trio_zHBNhm-panel-creatine" 4364 data-ft-heading="Af hverju KreatÃn?" 4365 data-prod-title="KreatÃn Bundle" 4366 data-prod-url="/products/creatine-xpress-bundle" 4367 > 4368 KreatÃn 4369 </button> 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 </nav> 4382 </div> 4383 <div class="cs-wrap"> 4384 <div class="cs-grid"> 4385 <!-- LEFT --> 4386 <div class="ft-left"> 4387 <h2>Af hverju Hydration?</h2> 4388 4389 <div class="ft-mobile-head" aria-live="polite"> 4390 <div class="ft-mobile-title"></div> 4391 <a class="ft-mobile-cta" href="#" title="Versla">Versla</a> 4392 </div> 4393 <div class="ft-accordion"> 4394 4395 4396 <div class="ft-acc-item" data-acc-tab="hydration" > 4397 <button class="ft-acc-btn" type="button" aria-expanded="false"> 4398 <span>Af hverju eru steinefni mikilvæg?</span><span class="ft-plus">+</span> 4399 </button> 4400 <div class="ft-acc-panel" data-open="false"><p>Steinefni eins og natrÃum, kalÃum og magnesÃum halda lÃkamanum à jafnvægi. Ãau stjórna vökva à frumunum, styðja við vöðvastarfsemi og hjálpa taugaboðum að berast rétt. Ãegar við æfum, svitnum, erum à miklum hita eða að jafna okkur á veikindum tapar lÃkaminn þessum efnum og þá er mikilvægt að bæta þau upp.</p></div> 4401 </div> 4402 4403 4404 4405 <div class="ft-acc-item" data-acc-tab="hydration" > 4406 <button class="ft-acc-btn" type="button" aria-expanded="false"> 4407 <span>Stuðlar að eðlilegu vökvajafnvægi</span><span class="ft-plus">+</span> 4408 </button> 4409 <div class="ft-acc-panel" data-open="false"><p>Happy Hydrate inniheldur um fjórfalt meira af steinefnum en hefðbundnir Ãþróttadrykkir. NatrÃum, kalÃum og magnesÃum stuðla að eðlilegu vökvajafnvægi og vöðvastarfsemi, hvort sem þú ert á æfingu, à vinnu eða að jafna þig eftir langan dag.</p></div> 4410 </div> 4411 4412 4413 4414 <div class="ft-acc-item" data-acc-tab="hydration" > 4415 <button class="ft-acc-btn" type="button" aria-expanded="false"> 4416 <span>Kostir Happy Hydrate</span><span class="ft-plus">+</span> 4417 </button> 4418 <div class="ft-acc-panel" data-open="false"><ul><li>Enginn gervisykur</li><li>Ãægilegar stikur sem blandast auðveldlega à vatn</li><li>Vegan, glútenlaust og framleitt með sjálfbærni à huga</li></ul></div> 4419 </div> 4420 4421 4422 4423 <div class="ft-acc-item" data-acc-tab="creatine" > 4424 <button class="ft-acc-btn" type="button" aria-expanded="false">
4425 <span>Af hverju KreatÃn?</span><span class="ft-plus">+</span> 4426 </button> 4427 <div class="ft-acc-panel" data-open="false"><p>KreatÃn er eitt mest rannsakaða fæðubótarefni à heimi. KreatÃn getur stuðlað að auknum styrk og hraðari endurheimt, viðhaldið vöðvamassa og bættri heilastarfsemi.</p></div> 4428 </div> 4429 4430 4431 4432 <div class="ft-acc-item" data-acc-tab="creatine" > 4433 <button class="ft-acc-btn" type="button" aria-expanded="false"> 4434 <span>Kostir Happy Hydrate KreatÃn</span><span class="ft-plus">+</span> 4435 </button> 4436 <div class="ft-acc-panel" data-open="false"><ul><li>5 g Creapure® kreatÃn mónóhýdrat à hverri stiku</li><li>Bragðgóð og þægileg leið til að taka kreatÃn â engar töflur eða skeiðar</li><li>Blandast auðveldlega à vatn</li><li>Ãrjú brögð: Lemon Lime, Mixed Berries og Peach Crush</li></ul></div> 4437 </div> 4438 4439 4440 4441 <div class="ft-acc-item" data-acc-tab="creatine" > 4442 <button class="ft-acc-btn" type="button" aria-expanded="false"> 4443 <span>Hvenær á ég að taka kreatÃn?</span><span class="ft-plus">+</span> 4444 </button> 4445 <div class="ft-acc-panel" data-open="false"><p>Aðalatriðið er samfellan â taktu kreatÃn daglega, á þeim tÃma sem hentar þér best. Dagleg inntaka heldur kreatÃnbirgðum vöðvanna à hámarki, hvort sem er á æfingadegi eða hvÃldardegi.</p></div> 4446 </div> 4447 4448 4449 </div> 4450 </div> 4451 4452 <!-- RIGHT --> 4453 4454 <div class="cs-right"> 4455 <div class="cs-stage"> 4456 <span class="cs-badge" data-badge></span> 4457 <div class="cs-img"> 4458 <img data-stage-img alt="" loading="lazy" decoding="async" sizes="(max-width: 768px) 100vw, 50vw"> 4459 </div> 4460 4461 <div style="padding: 0px 18px 18px;"> 4462 <div class="cs-card"> 4463 <div class="cs-card-top"> 4464 <div class="cs-thumb"><img data-stage-thumb alt="" loading="lazy" decoding="async" width="80" height="80"></div> 4465 4466 <!-- title + inline chips --> 4467 <div class="cs-meta"> 4468 <div class="cs-title" data-stage-title></div> 4469 <div class="cs-chips" data-chips></div> 4470 </div> 4471 4472 <!-- pill button with text --> 4473 <a class="cs-card-btn" data-card-cta href="#"> 4474 <span class="label">Skoða úrvalið</span> 4475 4476 <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"> 4477 <path d="M5 12h14M13 5l7 7-7 7"/> 4478 </svg> 4479 </a> 4480 </div> 4481 </div> 4482 4483 </div> 4484 </div> 4485 </div> 4486 </div><div id="cs-data-template--22413710164106__featured_trio_zHBNhm" style="display:none;"> 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 <div 4527 data-key="hydration" 4528 data-title="Hydration Xpress" 4529 data-url="/products/hydration-xpress?variant=50050860712074" 4530 data-img="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1400" 4531 data-flavor-count="6" 4532 data-bg="#f6b9d2"> 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 <div 4546 data-chip 4547 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=700" 4548 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1000" 4549 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-StrawberryLemonade.png?v=1788381496&width=1400" 4550 data-url="/products/hydration-xpress?variant=500
455050860712074" 4551 data-label="Strawberry Lemonade" 4552 data-icon="//happyhydrate.is/cdn/shop/files/StrawberryLemonade_icon_7cb3db60-9ff0-4f24-b37d-2b10985879ea.png?v=1787073402&width=80" 4553 data-bg="#f6b9d2"> 4554 </div> 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 <div 4589 data-chip 4590 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=700" 4591 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=1000" 4592 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PinaColada.png?v=1788381496&width=1400" 4593 data-url="/products/hydration-xpress?variant=44751436906634" 4594 data-label="Pina Colada" 4595 data-icon="//happyhydrate.is/cdn/shop/files/Pina_Colada_22_09_25.png?v=1758564999&width=80" 4596 data-bg="#f9ff45"> 4597 </div> 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 <div 4652 data-chip 4653 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=700" 4654 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=1000" 4655 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-MixedBerries.png?v=1788381496&width=1400" 4656 data-url="/products/hydration-xpress?variant=44751437037706" 4657 data-label="Mixed Berries" 4658 data-icon="//happyhydrate.is/cdn/shop/files/Mixed_berries_09_25.png?v=1758565442&width=80" 4659 data-bg="#ff3eb5"> 4660 </div> 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 <div 4735 data-chip 4736 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=700" 4737 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=1000" 4738 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Lime.png?v=1788381496&width=1400" 4739 data-url="/products/hydration-xpress?variant=44751437168778" 4740 data-label="Lemon/Lime" 4741 data-icon="//happyhydrate.is/cdn/shop/files/Lemon_Lime.png?v=1757622519&width=80" 4742 data-bg="#44d62c"> 4743 </div> 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 <div 4838 data-chip 4839 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=700" 4840 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=1000" 4841 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-PeachCrush.png?v=1788381496&width=1400" 4842 data-url="/products/hydration-xpress?variant=45773488324746" 4843 data-label="Peach Crush" 4844 data-icon="//happyhydrate.is/cdn/shop/files/Peach_09_25.png?v=1758565399&width=80" 4845 data-bg="#ff5037"> 4846 </div> 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 <div 4961 data-chip 4962 data-img700="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=700" 4963 data-img1000="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=1000" 4964 data-img1400="//happyhydrate.is/cdn/shop/files/HappyHydrate-Vorumynd-vef-Pear.png?v=1788381496&width=1400" 4965 data-url="/products/hydration-xpress?variant=472307514738
496502" 4966 data-label="Peru" 4967 data-icon="//happyhydrate.is/cdn/shop/files/Pear_09_25.png?v=1758565346&width=80" 4968 data-bg="#c0e60a"> 4969 </div> 4970 4971 </div> 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 5007 5008 5009 5010 5011 <div 5012 data-key="creatine" 5013 data-title="KreatÃn " 5014 data-url="/products/creatine-xpress-bundle?variant=46311578140810" 5015 data-img="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1400" 5016 data-flavor-count="3" 5017 data-bg="#44d62c"> 5018 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 <div 5031 data-chip 5032 data-img700="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=700" 5033 data-img1000="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1000" 5034 data-img1400="//happyhydrate.is/cdn/shop/files/creating_lemonlime_1_1_b6a8a999-694c-4855-9c9f-4786764acf7f.png?v=1747412308&width=1400" 5035 data-url="/products/creatine-xpress-bundle?variant=46311578140810" 5036 data-label="Lemon Lime" 5037 data-icon="//happyhydrate.is/cdn/shop/files/Lemon_Lime.png?v=1757622519&width=80" 5038 data-bg="#44d62c"> 5039 </div> 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 <div 5074 data-chip 5075 data-img700="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=700" 5076 data-img1000="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=1000" 5077 data-img1400="//happyhydrate.is/cdn/shop/files/creative_mixedberry_3_1_25f461bb-0604-4061-a5dd-f540e73cf5d1.png?v=1747412320&width=1400" 5078 data-url="/products/creatine-xpress-bundle?variant=46311578271882" 5079 data-label="Mixed Berries" 5080 data-icon="//happyhydrate.is/cdn/shop/files/Mixed_berries_09_25.png?v=1758565442&width=80" 5081 data-bg="#ff37f1"> 5082 </div> 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 <div 5137 data-chip 5138 data-img700="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=700" 5139 data-img1000="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=1000" 5140 data-img1400="//happyhydrate.is/cdn/shop/files/Creatine_photots_1.png?v=1771259119&width=1400" 5141 data-url="/products/creatine-xpress-bundle?variant=47698783699082" 5142 data-label="Peach Crush" 5143 data-icon="//happyhydrate.is/cdn/shop/files/Peach_09_25.png?v=1758565399&width=80" 5144 data-bg="#ff7276"> 5145 </div> 5146 5147 </div> 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 </div> 5163 </div>
5164 </div> 5165</section> 5166
5167<script> 5168(() => { 5169 const root = document.getElementById("template--22413710164106__featured_trio_zHBNhm"); 5170 if(!root) return; 5171 5172 const stageEl = root.querySelector('.cs-stage'); 5173 5174 /* -------------------- DATA HARVEST -------------------- */ 5175 const ds = {}; 5176 root.querySelectorAll('#cs-data-template--22413710164106__featured_trio_zHBNhm > [data-key]').forEach(cat => { 5177 const chips = Array.from(cat.querySelectorAll('[data-chip]')).map(n => ({ 5178 img700: n.dataset.img700 || '', 5179 img1000: n.dataset.img1000 || '', 5180 img1400: n.dataset.img1400 || '', 5181 url: n.dataset.url || '', 5182 label: n.dataset.label || '', 5183 icon: n.dataset.icon || '', 5184 bg: n.dataset.bg || '' 5185 })); 5186 ds[cat.dataset.key] = { 5187 title: cat.dataset.title, 5188 url: cat.dataset.url, 5189 img: cat.dataset.img, 5190 flavorCount: parseInt(cat.dataset.flavorCount || '0', 10), 5191 chips, 5192 bg: cat.dataset.bg || '' 5193 }; 5194 }); 5195 5196 /* -------------------- DOM HOOKS -------------------- */ 5197 const navWrap = root.querySelector('.ft-tabs'); 5198 const ink = navWrap?.querySelector('.ft-ink'); 5199 const tabs = Array.from(root.querySelectorAll('.ft-tab[role="tab"]')); // <-- FIXED 5200 const stageImg = root.querySelector('[data-stage-img]'); 5201 const markStage = (u) => { const r = /Vorumynd-vef/i.test(u || ''); stageImg.classList.toggle('is-render', r); const st = stageImg.closest('.cs-stage'); if (st) st.classList.toggle('is-photo', !r); }; 5202 const stageTitle = root.querySelector('[data-stage-title]'); 5203 const cardCta = root.querySelector('[data-card-cta]'); 5204 const leadCta = root.querySelector('[data-lead-cta]'); 5205 const badge = root.querySelector('[data-badge]'); 5206 const chipsWrap = root.querySelector('[data-chips]'); 5207 const thumbImg = root.querySelector('[data-stage-thumb]'); 5208 const mobTitleEl = root.querySelector('.ft-mobile-title'); 5209 const mobCtaEl = root.querySelector('.ft-mobile-cta'); 5210 const leftTitle = root.querySelector('.ft-left h2'); 5211 5212 /* -------------------- HELPERS -------------------- */ 5213 // data-ft-tab is like "template--22413710164106__featured_trio_zHBNhm-hydration" -> take last segment 5214 const keyFromTab = (tab) => (tab?.dataset.ftTab || '').split('-').pop(); 5215 5216 const syncMobileHeader = (tab) => { 5217 if (!tab || !mobTitleEl || !mobCtaEl) return; 5218 let title = tab.getAttribute('data-prod-title') || ''; 5219 title = title.replace(/Bundle/i, '').trim(); 5220 const url = tab.getAttribute('data-prod-url') || '#'; 5221 mobTitleEl.textContent = title; 5222 mobCtaEl.setAttribute('href', url); 5223 }; 5224 5225 // Show only accordion items belonging to the active tab (or shared) 5226 function filterAccordions(activeKey){ 5227 const items = Array.from(root.querySelectorAll('.ft-acc-item')); 5228 let first = true; 5229 items.forEach(item => { 5230 const tab = (item.getAttribute('data-acc-tab') || 'shared').toLowerCase(); 5231 const show = tab === 'shared' || tab === activeKey; 5232 item.style.display = show ? '' : 'none'; 5233 item.classList.remove('ft-first-visible'); 5234 if (show && first) { item.classList.add('ft-first-visible'); first = false; } 5235 }); 5236 } 5237 5238 // Move the sliding black bg under the active button 5239 function moveInk(toTab){ 5240 if (!ink || !navWrap || !toTab) return; 5241 const wrapRect = navWrap.getBoundingClientRect(); 5242 const tabRect = toTab.getBoundingClientRect(); 5243 const left = tabRect.left - wrapRect.left; 5244 const width = tabRect.width; 5245 5246 ink.style.transform = `translateX(${left}px) translateY(-50%)`; 5247 ink.style.width = `${width}px`; 5248 // Match pill height to button but keep at least 32px 5249 const h = Math.max(32, Math.round(tabRect.height)); 5250 ink.style.height = `${h}px`; 5251 } 5252 5253 function renderChips(chips){ 5254 chipsWrap.innerHTML = ''; 5255 chips.forEach((c, i) => { 5256 const btn = document.createElement('button'); 5257 btn.type = 'button'; 5258 btn.className = 'cs-chip'; 5259 btn.setAttribute('aria-selected', i===0 ? 'true':'false'); 5260 btn.title = c.label; 5261 btn.innerHTML = c.icon 5262 ? `<img src="${c.icon}" alt="${c.label}">` 5263 : `<span style="padding:0 8px; font-size:12px;">${c.label}</span>`;
5264 btn.addEventListener('click', () => activateChip(i, chips)); 5265 chipsWrap.appendChild(btn); 5266 }); 5267 } 5268 5269 function activateChip(i, chips){ 5270 Array.from(chipsWrap.children).forEach((el, idx) => el.setAttribute('aria-selected', idx===i ? 'true':'false')); 5271 const c = chips[i]; 5272 if (!c) return; 5273 5274 if (c.img1400) stageImg.src = c.img1400; markStage(c.img1400); 5275 if (thumbImg) thumbImg.src = c.img700 || c.img1400; 5276 if (c.img700 && c.img1000 && c.img1400){ 5277 stageImg.srcset = `${c.img700} 700w, ${c.img1000} 1000w, ${c.img1400} 1400w`; 5278 } else { 5279 stageImg.removeAttribute('srcset'); 5280 } 5281 5282 if (c.url){ 5283 cardCta.href = c.url; 5284 if (leadCta) leadCta.href = c.url; 5285 if (mobCtaEl) mobCtaEl.href = c.url; 5286 } 5287 5288 if (stageEl) { 5289 const bg = (c.bg || '').trim(); 5290 stageEl.style.setProperty('--cs-bg', bg || null); 5291 } 5292 } 5293 5294 function show(key){ 5295 const d = ds[key]; 5296 if(!d) return; 5297 5298 if (stageEl) { 5299 const bg = (d.bg || '').trim(); 5300 stageEl.style.setProperty('--cs-bg', bg || null); 5301 } 5302 5303 5304 // stage base 5305 if (d.img) { 5306 stageImg.src = d.img; markStage(d.img); 5307 if (thumbImg) thumbImg.src = d.img; 5308 } else { 5309 stageImg.removeAttribute('src'); // defensive 5310 if (thumbImg) thumbImg.removeAttribute('src'); 5311 } 5312 5313 stageTitle.textContent = d.title || ''; 5314 if (d.url){ 5315 cardCta.href = d.url; 5316 if (leadCta) leadCta.href = d.url; 5317 if (mobCtaEl) mobCtaEl.href = d.url; 5318 } 5319 5320 if (badge) { 5321 const count = (d.flavorCount > 0 ? d.flavorCount : d.chips.length); 5322 badge.textContent = (count || 0) + ' BRÃGÃ'; 5323 } 5324 5325 renderChips(d.chips); 5326 activateChip(0, d.chips); 5327 } 5328 5329 function selectTab(tab){ 5330 if (!tab) return; 5331 const key = keyFromTab(tab);
5332 tabs.forEach(t => t.setAttribute('aria-selected', t === tab ? 'true' : 'false')); 5333 if (leftTitle && tab.dataset.ftHeading) leftTitle.textContent = tab.dataset.ftHeading; 5334 filterAccordions(key); 5335 show(key); 5336 moveInk(tab); 5337 syncMobileHeader(tab); 5338 } 5339 5340 // Wire clicks 5341 tabs.forEach(t => t.addEventListener('click', () => selectTab(t))); 5342 5343 // Initial tab = first enabled with data 5344 const initialTab = tabs.find(t => !t.disabled && ds[keyFromTab(t)]); 5345 if (initialTab){ 5346 // ensure ink is placed before first paint 5347 requestAnimationFrame(() => { 5348 selectTab(initialTab); 5349 // re-position ink on window resize (responsive) 5350 window.addEventListener('resize', () => moveInk(initialTab.getAttribute('aria-selected') === 'true' 5351 ? initialTab 5352 : tabs.find(x => x.getAttribute('aria-selected') === 'true'))); 5353 }); 5354 } 5355 5356 /* -------------------- ACCORDION (unchanged) -------------------- */ 5357 root.querySelectorAll('.ft-acc-item').forEach(item => { 5358 const btn = item.querySelector('.ft-acc-btn'); 5359 const panel = item.querySelector('.ft-acc-panel'); 5360 const startOpen = panel.getAttribute('data-open') === 'true'; 5361 btn.setAttribute('aria-expanded', startOpen ? 'true' : 'false'); 5362 panel.setAttribute('data-open', startOpen ? 'true' : 'false'); 5363 btn.addEventListener('click', () => { 5364 const open = btn.getAttribute('aria-expanded') === 'true'; 5365 btn.setAttribute('aria-expanded', open ? 'false' : 'true'); 5366 panel.setAttribute('data-open', open ? 'false' : 'true'); 5367 }); 5368 }); 5369})(); 5370</script>
5370 5371 5372 5373 5374</div><div id="shopify-section-template--22413710164106__section_video_slider_NAxnFx" class="shopify-section"><style> 5375 [id="template--22413710164106__section_video_slider_NAxnFx"] { 5376 padding: 16px 32px; 5377 background: #FFFFFF; 5378 } 5379 5380 .videoSwiper { 5381 5382 margin: 0 auto; 5383 } 5384 5385 .videoSwiper .swiper-slide { 5386 height: auto; 5387 display: flex; 5388 } 5389 5390 .videoSliderWrapper { 5391 position: relative; 5392 cursor: pointer; 5393 height: 100%; 5394 } 5395 5396 .videoSliderVideoPlays { 5397 position: absolute; 5398 bottom: 20px; 5399 left: 20px; 5400 display: flex; 5401 align-items: center; 5402 gap: 10px; 5403 font-weight: bold; 5404 color: #FFFFFF; 5405 pointer-events: none; 5406 } 5407 5408 .videoSliderVideo { 5409 object-fit: cover; 5410 border-radius: 8px; 5411 height: 100%; 5412 } 5413 5414 5415 .video-header { 5416 display: flex; 5417 margin-bottom: 16px; 5418 } 5419 5420 .video-heading { 5421 color: #262626; 5422 font-size: 32px; 5423 font-family: "Dela Gothic One", sans-serif; 5424 font-weight: 300; 5425 } 5426 5427 .video-carousel-controls { 5428 margin-left: auto; 5429 display: flex; 5430 align-items: center; 5431 gap: 12px; 5432 } 5433 5434 .video-carousel-controls .control-prev, 5435 .video-carousel-controls .control-next { 5436 width: 56px; 5437 height: 56px; 5438 border-radius: 9999px; 5439 background: #f3f4f6; 5440 display: grid; 5441 place-items: center; 5442 box-shadow: 0 1px 2px rgba(0,0,0,.06); 5443 transition: background .2s ease, transform .1s ease, box-shadow .2s ease; 5444 cursor: pointer; 5445 color: #111; 5446 } 5447 5448 5449 5450@media (max-width:1000px){ 5451 5452 [id="template--22413710164106__section_video_slider_NAxnFx"] { 5453 padding: 16px 16px; 5454 background: #FFFFFF; 5455 } 5456 5457 5458 .videoSwiper .swiper-wrapper{ 5459 display:flex; 5460 gap:16px; 5461 overflow-x:auto; 5462 scroll-snap-type:x mandatory; 5463 padding-bottom:8px; /* room for iOS scrollbar */ 5464 transform:none !important; /* kill leftover Swiper transforms */ 5465 } 5466 .videoSwiper .swiper-slide{ 5467 flex:0 0 auto; 5468 min-width:60%; 5469 max-width:60%; 5470 scroll-snap-align:start; 5471 } 5472 5473 /* optional: match trio card visual scale */ 5474 .videoSliderWrapper{ height:auto; } 5475 .videoSliderVideo{ 5476 width:100%; 5477 object-fit:cover; 5478 border-radius:8px; 5479 } 5480 5481 .video-heading { 5482 font-size: 24px; 5483 5484 } 5485 5486 .video-carousel-controls .control-prev, 5487 .video-carousel-controls .control-next { 5488 width: 36px; 5489 height: 36px; 5490 } 5491 5492 .videoSwiper .swiper-wrapper{ 5493 overflow-x: auto; 5494 /* hide scrollbar (all browsers) */ 5495 scrollbar-width: none; /* Firefox */ 5496 -ms-overflow-style: none; /* IE/Edge legacy */ 5497 padding-bottom: 0; /* remove space reserved for scrollbar */ 5498 } 5499 .videoSwiper .swiper-wrapper::-webkit-scrollbar{ 5500 display: none; /* Chrome/Safari */ 5501 height: 0; width: 0; 5502 background: transparent; 5503 } 5504 5505} 5506</style> 5507 5508<section id="template--22413710164106__section_video_slider_NAxnFx"> 5509 <div class="video-header"> 5510 <div class="video-heading"> 5511 <p>Fylgdu okkur á miðlunum</p> 5512 </div> 5513 <div class="video-carousel-controls"> 5514 <div class="control-prev"> 5515 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5516 <g clip-path="url(#clip0_1176_3422)"> 5517 <path d="M15.3281 8H1.32812" stroke="black" stroke-width="2"/> 5518 <path d="M8.32812 15L1.32812 8L8.32812 1" stroke="black" stroke-width="2"/> 5519 </g> 5520 <defs> 5521 <clipPath id="clip0_1176_3422"> 5522 <rect width="16" height="16" fill="white" transform="matrix(-1 0 0 1 16 0)"/> 5523 </clipPath> 5524 </defs> 5525</svg> 5526 5527 </div> 5528 <div class="control-next"> 5529 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 5530 <g clip-path="url(#clip0_1176_3427)"> 5531 <path d="M0.671875 8H14.6719" stroke="black" stroke-width="2"/> 5532 <path d="M7.67188 15L14.6719 8L7.67188 1" stroke="black" stroke-width="2"/> 5533 </g>
5534 <defs> 5535 <clipPath id="clip0_1176_3427"> 5536 <rect width="16" height="16" fill="white"/> 5537 </clipPath> 5538 </defs> 5539</svg> 5540 5541 </div> 5542 </div> 5543 </div> 5544 5545 <div class="videoSwiper swiper"> 5546 <div class="swiper-wrapper"> 5547 5548 <div class="swiper-slide"> 5549 <div class="videoSliderWrapper"> 5550 5551 <video class="videoSliderVideo" autoplay muted playsinline loop poster="//happyhydrate.is/cdn/shop/files/preview_images/ce96cd07c517403586df6de89782b963.thumbnail.0000000000.jpg?v=1754480351&width=400" data-src="//happyhydrate.is/cdn/shop/videos/c/vp/ce96cd07c517403586df6de89782b963/ce96cd07c517403586df6de89782b963.HD-1080p-7.2Mbps-54399699.mp4?v=0"></video> 5552 </div> 5553 </div> 5554 5555 <div class="swiper-slide"> 5556 <div class="videoSliderWrapper"> 5557 5558 <video class="videoSliderVideo" autoplay muted playsinline loop poster="//happyhydrate.is/cdn/shop/files/preview_images/a6928f806eda4b369a9b3b213cbbe35f.thumbnail.0000000000.jpg?v=1749739167&width=400" data-src="//happyhydrate.is/cdn/shop/videos/c/vp/a6928f806eda4b369a9b3b213cbbe35f/a6928f806eda4b369a9b3b213cbbe35f.HD-1080p-7.2Mbps-49279785.mp4?v=0"></video> 5559 </div> 5560 </div> 5561 5562 <div class="swiper-slide"> 5563 <div class="videoSliderWrapper"> 5564 5565 <video class="videoSliderVideo" autoplay muted playsinline loop poster="//happyhydrate.is/cdn/shop/files/preview_images/3342e59cc32448d4b47e47edc0a09652.thumbnail.0000000000.jpg?v=1741781708&width=400" data-src="//happyhydrate.is/cdn/shop/videos/c/vp/3342e59cc32448d4b47e47edc0a09652/3342e59cc32448d4b47e47edc0a09652.HD-1080p-7.2Mbps-44038649.mp4?v=0"></video> 5566 </div> 5567 </div> 5568 5569 <div class="swiper-slide"> 5570 <div class="videoSliderWrapper"> 5571 5572 <video class="videoSliderVideo" autoplay muted playsinline loop poster="//happyhydrate.is/cdn/shop/files/preview_images/047A4882_1.jpg?v=1741718502&width=400" data-src="//happyhydrate.is/cdn/shop/videos/c/vp/03d25817680e421f940426440bea17bb/03d25817680e421f940426440bea17bb.HD-1080p-7.2Mbps-43995506.mp4?v=0"></video> 5573 </div> 5574 </div> 5575 5576 <div class="swiper-slide"> 5577 <div class="videoSliderWrapper"> 5578 5579 <video class="videoSliderVideo" autoplay muted playsinline loop poster="//happyhydrate.is/cdn/shop/files/preview_images/Untitled_design_-_2025-03-03T124405.498.png?v=1741718254&width=400" data-src="//happyhydrate.is/cdn/shop/videos/c/vp/74566f612e9a41bea6da2610f8862853/74566f612e9a41bea6da2610f8862853.HD-1080p-7.2Mbps-43995163.mp4?v=0"></video> 5580 </div> 5581 </div> 5582 5583 </div> 5584 </div> 5585</section> 5586 5587 5588
5589<script> 5590document.addEventListener('DOMContentLoaded', function () { 5591(function () { 5592 const section = document.querySelector(`[id="template--22413710164106__section_video_slider_NAxnFx"]`); 5593 const prevBtn = section.querySelector('.control-prev'); 5594 const nextBtn = section.querySelector('.control-next'); 5595 const wrapper = section.querySelector('.swiper-wrapper'); 5596 5597 /* click-to-play/pause + lazy load (unchanged) */ 5598 section.querySelectorAll(".videoSliderVideo").forEach(video => { 5599 video.addEventListener("click", () => { 5600 if (video.paused) { 5601 video.play(); 5602 section.querySelectorAll(".videoSliderVideo").forEach(other => { if (other!==video) other.pause(); }); 5603 } else { 5604 video.pause(); 5605 } 5606 }); 5607 }); 5608 5609 const observer = new IntersectionObserver((entries) => { 5610 entries.forEach(v => { 5611 if (v.isIntersecting) { 5612 v.target.src = v.target.dataset.src; 5613 v.target.load(); 5614 observer.unobserve(v.target); 5615 } 5616 }); 5617 }, {}); 5618 section.querySelectorAll(".videoSliderVideo").forEach(v => observer.observe(v)); 5619 5620 /* ---- Responsive slider: native on mobile, Swiper on desktop ---- */ 5621 let swiper = null; 5622 let navHandlers = null; 5623 const mq = window.matchMedia('(max-width:1000px)'); 5624 5625 function attachMobileNav(){ 5626 if (navHandlers) return; 5627 5628 const styles = getComputedStyle(wrapper); 5629 const gapPx = parseFloat(styles.columnGap || styles.gap || '0') || 0; 5630 5631 function step(){ 5632 const firstSlide = wrapper.querySelector('.swiper-slide'); 5633 return (firstSlide ? firstSlide.getBoundingClientRect().width : 0) + gapPx; 5634 } 5635 function clamp(x, min, max){ return Math.max(min, Math.min(max, x)); } 5636 5637 // compute the next snap left so the next card starts at the container edge 5638 function nextSnapLeft(dir){ // dir: +1 next, -1 prev 5639 const s = step(); 5640 const maxLeft = wrapper.scrollWidth - wrapper.clientWidth; 5641 if (s <= 0) return wrapper.scrollLeft; 5642 5643 const i = wrapper.scrollLeft / s; 5644 const targetIdx = dir > 0 ? Math.floor(i + 1) : Math.ceil(i - 1); 5645 const target = targetIdx * s; 5646 return clamp(Math.round(target), 0, maxLeft); 5647 } 5648 5649 const onPrev = () => wrapper.scrollTo({ left: nextSnapLeft(-1), behavior:'smooth' }); 5650 const onNext = () => wrapper.scrollTo({ left: nextSnapLeft(+1), behavior:'smooth' }); 5651 5652 prevBtn?.addEventListener('click', onPrev); 5653 nextBtn?.addEventListener('click', onNext); 5654 navHandlers = { onPrev, onNext }; 5655 } 5656 5657 function detachMobileNav(){ 5658 if (!navHandlers) return; 5659 prevBtn?.removeEventListener('click', navHandlers.onPrev); 5660 nextBtn?.removeEventListener('click', navHandlers.onNext); 5661 navHandlers = null; 5662 } 5663 5664 function toMobile(){ 5665 if (swiper){ swiper.destroy(true,true); swiper = null; } 5666 // clear Swiper inline transforms so scroll works 5667 wrapper.style.transform = ''; 5668 attachMobileNav(); 5669 } 5670 5671 function toDesktop(){ 5672 detachMobileNav(); 5673 swiper = new Swiper(section.querySelector('.swiper'), { 5674 slidesPerView: 4, 5675 centeredSlides: false, 5676 spaceBetween: 32, 5677 loop: true, 5678 navigation: { 5679 nextEl: section.querySelector('.control-next'), 5680 prevEl: section.querySelector('.control-prev'), 5681 }, 5682 // still okay if someone resizes up from mobile 5683 breakpoints: { 5684 0: { slidesPerView: 1.5, centeredSlides: true, spaceBetween: 20 }, 5685 1024: { slidesPerView: 4, centeredSlides: false, spaceBetween: 32 } 5686 } 5687 }); 5688 } 5689 5690 function applyMode(){ mq.matches ? toMobile() : toDesktop(); } 5691 mq.addEventListener('change', applyMode); 5692 applyMode(); 5693}()); 5694}); 5695</script>
5695 5696 5697 5698</div> 5699</main> 5700 5701<!-- Footer --> 5702<div id="shopify-section-theme-footer" class="shopify-section"> 5703 5704 5705 5706 5707 5708<footer id="footer" 5709 > 5710 <div id="footerWrapper" class="container"> 5711 5712 5713 5714 5715 <div id="footerContent"> 5716 5717 <div style="flex: 1;"> 5718 <div style="max-width: 360px; gap: 8px; display: flex; flex-direction: column;"> 5719 <h1 class="footerHeading">Hafðu samband</h1> 5720 <p class="footerText">Endilega hafðu samband við okkur og við munum svara þér innan 24 tÃma. Mánudaga - Föstudaga 08.00 - 21.00</p> 5721 5722 <div style="margin-top: 12px; display: flex; gap: 8px; flex-direction: column;"> 5723 5724 <button class="footerButton" type="button" onclick="window.location.href='/pages/contact'"> 5725 <span>Hafa samband</span> 5726 5727 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5728 <g clip-path="url(#clip0_1176_2947)"> 5729 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5730 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5731 </g> 5732 <defs> 5733 <clipPath id="clip0_1176_2947"> 5734 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5735 </clipPath> 5736 </defs> 5737 </svg> 5738 </button> 5739 5740 5741 </div> 5742 </div> 5743 5744 5745 </div> 5746 5747 <div id="midlar-vorur-container"> 5748 <div> 5749 <p class="midlar-vorur-footerText">Vörunar okkar</p> 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 <div class="footerNavGroup"> 5764 <div class="footerNavGroupLinks"> 5765 <div class="footerNavGroupLinksWrapper"> 5766 5767 <a class="footerNavItem" href="/collections/shop-all">Allar vörur</a> 5768 5769 <a class="footerNavItem" href="/products/hydration-xpress?variant=50050860744842">Hydrate</a> 5770 5771 <a class="footerNavItem" href="/products/energy-xpress-bundle">Energy</a> 5772 5773 <a class="footerNavItem" href="/products/creatine-xpress-bundle">KreatÃn</a> 5774 5775 <a class="footerNavItem" href="/pages/um-happy-hydrate">Um okkur</a> 5776 5777 <a class="footerNavItem" href="/pages/faq">Algengar spurningar</a> 5778 5779 </div> 5780 </div> 5781 </div> 5782 5783 5784 </div> 5785 5786 <div> 5787 <p class="midlar-vorur-footerText">Miðlarnir okkar</p> 5788 5789 <div id="social-links-footer-container"> 5790 5791 5792 <a href="https://www.facebook.com/happyhydrate" target="_blank" class="footerSocialLink"> 5793 <img src="//happyhydrate.is/cdn/shop/files/icon_fb_09_25.svg?v=1758471700&width=64" alt="" class="footerSocialLinkImg" width="32" height="32" loading="lazy" decoding="async">
5794 <span>Facebook</span> 5795 <div> 5796 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5797 <g clip-path="url(#clip0_1176_2947)"> 5798 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5799 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5800 </g> 5801 <defs> 5802 <clipPath id="clip0_1176_2947"> 5803 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5804 </clipPath> 5805 </defs> 5806 </svg> 5807 5808 </div> 5809 </a> 5810 5811 5812 5813 <a href="https://www.instagram.com/happyhydrate.is/" target="_blank" class="footerSocialLink"> 5814 <img src="//happyhydrate.is/cdn/shop/files/icon_ig_09_25.svg?v=1758471677&width=64" alt="" class="footerSocialLinkImg" width="32" height="32" loading="lazy" decoding="async"> 5815 <span>Instagram</span> 5816 <div> 5817 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5818 <g clip-path="url(#clip0_1176_2947)"> 5819 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5820 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5821 </g> 5822 <defs> 5823 <clipPath id="clip0_1176_2947"> 5824 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5825 </clipPath> 5826 </defs> 5827 </svg> 5828 5829 </div> 5830 </a> 5831 5832 5833 5834 <a href="https://www.tiktok.com/@happyhydrate" target="_blank" class="footerSocialLink"> 5835 <img src="//happyhydrate.is/cdn/shop/files/icon_tt_09_25.svg?v=1758471727&width=64" alt="" class="footerSocialLinkImg" width="32" height="32" loading="lazy" decoding="async"> 5836 <span>Tik Tok</span> 5837 <div> 5838 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5839 <g clip-path="url(#clip0_1176_2947)"> 5840 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5841 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5842 </g> 5843 <defs> 5844 <clipPath id="clip0_1176_2947"> 5845 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5846 </clipPath> 5847 </defs> 5848 </svg> 5849 5850 </div> 5851 </a> 5852 5853 5854 5855 <a href="https://www.youtube.com/@HappyHydrate" target="_blank" class="footerSocialLink"> 5856 <img src="//happyhydrate.is/cdn/shop/files/icon_yt_09_25.svg?v=1758471743&width=64" alt="" class="footerSocialLinkImg" width="32" height="32" loading="lazy" decoding="async">
5857 <span>Youtube</span> 5858 <div> 5859 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5860 <g clip-path="url(#clip0_1176_2947)"> 5861 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5862 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5863 </g> 5864 <defs> 5865 <clipPath id="clip0_1176_2947"> 5866 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5867 </clipPath> 5868 </defs> 5869 </svg> 5870 5871 </div> 5872 </a> 5873 5874 5875 5876 <a href="https://www.linkedin.com/company/happy-hydrate/" target="_blank" class="footerSocialLink"> 5877 <img src="//happyhydrate.is/cdn/shop/files/icon_li_09_25.svg?v=1758471735&width=64" alt="" class="footerSocialLinkImg" width="32" height="32" loading="lazy" decoding="async"> 5878 <span>LinkedIn</span> 5879 <div> 5880 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5881 <g clip-path="url(#clip0_1176_2947)"> 5882 <path d="M1.46875 11.4981L10.5313 2.43555" stroke="white" stroke-width="1.5"/> 5883 <path d="M3.73438 2.43555H10.5312V9.23242" stroke="white" stroke-width="1.5"/> 5884 </g> 5885 <defs> 5886 <clipPath id="clip0_1176_2947"> 5887 <rect width="12" height="12" fill="white" transform="translate(0 0.964844)"/> 5888 </clipPath> 5889 </defs> 5890 </svg> 5891 5892 </div> 5893 </a> 5894 5895 5896 5897 5898 </div> 5899 </div> 5900 5901 </div> 5902 5903 5904 </div> 5905 5906 <div> 5907 5908 <div id="footerDisclaimerEfstButton"> 5909 <div id="footerDisclaimer"> 5910 *VÃtamÃn eru ekki ætluð til þess að lækna sjúkdóma eða koma à veg fyrir þá og fæðubótarefni eiga ekki að koma à stað hollrar og fjölbreyttrar fæðu. 5911 </div> 5912 5913 <button id="efstButton" type="button" onclick="window.scrollTo({ top: 0, behavior: 'smooth' })"> 5914 <span>Efst á sÃðu</span> 5915 5916 <svg xmlns="http://www.w3.org/2000/svg" width="12" height="13" viewBox="0 0 12 13" fill="none"> 5917 <g clip-path="url(#clip0_1324_12069)"> 5918 <path d="M6 11.7246L6 1.66211" stroke="white" stroke-width="1.5"/> 5919 <path d="M0.96875 6.69336L6 1.66211L11.0312 6.69336" stroke="white" stroke-width="1.5"/> 5920 </g> 5921 <defs> 5922 <clipPath id="clip0_1324_12069"> 5923 <rect width="12" height="12" fill="white" transform="translate(12 12.4512) rotate(-180)"/> 5924 </clipPath> 5925 </defs> 5926 </svg> 5927 </button> 5928 </div> 5929 5930 5931 <div id="footerLegal"> 5932 <span id="footerLegalCompany">© 2026 Dro2026 (490726-0120)</span> 5933 <div id="footerLegalLinks"> 5934 5935 <a class="footerLegalItem" href="/policies/refund-policy">Skilafrestur</a> 5936 5937 <a class="footerLegalItem" href="/policies/terms-of-service">Skilmálar</a> 5938 5939 </div> 5940 </div> 5941 5942 5943 5944 5945 <img src="//happyhydrate.is/cdn/shop/t/80/assets/happy-hydrate.svg?v=29729460305610930331788984151" alt="Happy Hydrate" width="200" height="40" loading="lazy" decoding="async"> 5946 </div> 5947 5948 </div> 5949</footer> 5950 5951 5952</div> 5953 5954<div id="shopify-block-AQjZGMFhGOWxrSGM2c__15996750675595739762" class="shopify-block shopify-app-block">
5954<script 5955 src="https://cdn.shopify.com/extensions/01a0cee4-af97-7e31-82d6-68dbb541e24e/orvono-happy-hydrate-5/assets/orvono-popup.js" 5956 data-shop="happyhydrate-1068.myshopify.com" 5957 defer 5958></script>
5958 5959 5960 5961</div><div id="shopify-block-AM05QbkZpaG5MWU93V__18228966181090706294" class="shopify-block shopify-app-block"> 5962 5963 5964
5964<script type="module" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell.js" defer="defer"></script>
5964 5965
5965<script type="module" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell-components.esm.js" defer="defer"></script>
5965 5966 5967 5968
5969<script> 5970 5971 5972 5973</script>
5973 5974
5975<script> 5976 5977 window.lbInitMode = "immediate"; 5978 5979 window.lbComponentSrc = "https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-upsell-components.esm.js";</script>
5979 5980
5981<script type="text/javascript" src="https://cdn.shopify.com/extensions/01a0ec21-7369-78a6-b9c0-c07227d664ec/lb-upsell-451/assets/lb-utils.js" defer="defer"></script>
5981 5982 5983</div><div id="shopify-block-AYU1uNGdwRjVma1l1U__16017602894386113438" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: junip-store-key --><span 5984 class="junip-store-key" 5985 data-supports-theme-extensions="true" 5986 data-shopify-preview-mode="true" 5987 data-store-key="RkhQRF5dNtyZAWD1C6TXkhA8" 5988 data-onsite-enabled="true" 5989 data-review-count-enabled="true" 5990 data-star-color="#44d62c" 5991 data-star-template-url="https://api.juniphq.com/images/star_options/1/template"> 5992</span> 5993<!-- END app snippet -->
5994<script src="https://widgets.juniphq.com/v1/junip_shopify.js" async></script>
5994 5995</div>
5995<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5995 5996</body> 5997 5998</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.