PageSourceSearch

https://happyhydrate.is/

html happyhydrate.is collected 2026-10-04 06:36:12 UTC 244,800 bytes, 5,998 lines download raw bytes

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 &ndash; 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                    &nbsp;
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.