PageSourceSearch

https://www.ozmosis.com.au/account/login

html ozmosis.com.au collected 2026-10-06 18:03:21 UTC 303,844 bytes, 4,116 lines download raw bytes

1<!doctype html>
2
3<html lang="en" dir="ltr">
4  <head><style>
5  /* Lift OneTrust above sticky announcement bar (z-index: 20) */
6  #onetrust-banner-sdk,
7  #onetrust-pc-sdk,
8  #ot-sdk-container,
9  .onetrust-pc-dark-filter {
10    z-index: 2147483647 !important;
11  }
12
13  /* Hide sticky announcement bar while OneTrust banner or preference centre is open */
14  body.ot-overlay-open .shopify-section--announcement-bar {
15    display: none !important;
16  }
17</style>
18
19<script>
20  (function () {
21    function readGroups() {
22      return (window.OnetrustActiveGroups || '').split(',').filter(Boolean);
23    }
24
25    function setConsent(consent) {
26      if (typeof Shopify === 'undefined' || !Shopify.loadFeatures) return;
27      Shopify.loadFeatures([{ name: 'consent-tracking-api', version: '0.1' }], function (err) {
28        if (err) return;
29        Shopify.customerPrivacy.setTrackingConsent(consent, function () {});
30      });
31    }
32
33    if (navigator.globalPrivacyControl) {
34      setConsent({
35        analytics: false,
36        marketing: false,
37        preferences: false,
38        sale_of_data: false,
39      });
40    }
41
42    function applyShopifyConsent() {
43      var groups = readGroups();
44      if (!groups.length) return;
45      setConsent({
46        analytics: groups.indexOf('C0002') !== -1,
47        marketing: groups.indexOf('C0004') !== -1,
48        preferences: groups.indexOf('C0003') !== -1,
49        sale_of_data: groups.indexOf('C0004') !== -1,
50      });
51    }
52
53    function syncFromShopify() {
54      if (typeof OneTrust === 'undefined' || typeof OneTrust.UpdateConsent !== 'function') return;
55      if (!window.Shopify || !Shopify.customerPrivacy) return;
56      var cp = Shopify.customerPrivacy;
57      var groups = readGroups();
58      var otMarketing = groups.indexOf('C0004') !== -1;
59      var otAnalytics = groups.indexOf('C0002') !== -1;
60      var otPreferences = groups.indexOf('C0003') !== -1;
61      var spMarketing = typeof cp.marketingAllowed === 'function' ? cp.marketingAllowed() : otMarketing;
62      var spAnalytics =
63        typeof cp.analyticsProcessingAllowed === 'function' ? cp.analyticsProcessingAllowed() : otAnalytics;
64      var spPreferences =
65        typeof cp.preferencesProcessingAllowed === 'function' ? cp.preferencesProcessingAllowed() : otPreferences;
66      if (spMarketing !== otMarketing) OneTrust.UpdateConsent('Category', 'C0004:' + (spMarketing ? 1 : 0));
67      if (spAnalytics !== otAnalytics) OneTrust.UpdateConsent('Category', 'C0002:' + (spAnalytics ? 1 : 0));
68      if (spPreferences !== otPreferences) OneTrust.UpdateConsent('Category', 'C0003:' + (spPreferences ? 1 : 0));
69    }
70
71    // Swym's app embed renders its bootstrap scripts with a mangled consent tag:
72    //   
72<script type="text/plain" class=""optanon-category-C0003"" id="wishlist-embed-init">
73    // The category was saved in the Swym admin wrapped in quote characters, so the parser
74    // reads class="" plus a junk attribute. OneTrust matches blocked scripts on
75    // .optanon-category-*, so it never sees these, never releases them, and #swym-snippet
76    // stays inert (type="text") — the wishlist button renders but nothing binds to it.
77    //
78    // Put the class back so OneTrust can manage the scripts normally, and release any that
79    // are still blocked once OneTrust reports an active group covering them. Swym re-checks
80    // Shopify's consent API before loading its SDK, so this restores the tag only; it does
81    // not grant consent on the shopper's behalf.
82    //
83    // Remove once Swym corrects the category value in their admin (task #101).
84    var CONSENT_CLASS_PREFIX = 'optanon-category-';
85    var repairedScripts = [];
86
87    // A mangled tag leaves the class empty and the category stranded as an attribute name,
88    // e.g. `optanon-category-c0003""`. Returns that attribute and its category, or null for
89    // scripts OneTrust can already see.
90    function mangledConsentTag(script) {
91      if (script.className) return null;
92      var names = script.getAttributeNames();
93      for (var i = 0; i < names.length; i++) {
94        if (names[i].indexOf(CONSENT_CLASS_PREFIX) !== 0) continue;
95        var category = names[i].slice(CONSENT_CLASS_PREFIX.length).replace(/[^a-z0-9]/gi, '');
96        if (category) return { attribute: names[i], category: category.toUpperCase() };
97      }
98      return null;
99    }
100
101    function repairConsentTags() {
102      var scripts = document.querySelectorAll('script[type="text/plain"]');
103      for (var i = 0; i < scripts.length; i++) {
104        var tag = mangledConsentTag(scripts[i]);
105        if (!tag) continue;
106        scripts[i].removeAttribute(tag.attribute);
107        scripts[i].className = CONSENT_CLASS_PREFIX + tag.category;
108        repairedScripts.push({ script: scripts[i], category: tag.category });
109      }
110    }
111
112    // Covers the case where OneTrust ran its sweep before the scripts were repaired. Only
113    // touches scripts this snippet repaired, and only for categories the shopper allowed.
114    function releaseConsentTags() {
115      var groups = readGroups();
116      if (!groups.length) return;
117      for (var i = 0; i < repairedScripts.length; i++) {
118        var entry = repairedScripts[i];
119        var script = entry.script;
120        if (script.type !== 'text/plain' || !script.parentNode) continue;
121        if (groups.indexOf(entry.category) === -1) continue;
122        var activated = document.createElement('script');
123        activated.type = 'text/javascript';
124        activated.textContent = script.textContent;
125        if (script.id) activated.id = script.id;
126        script.parentNode.replaceChild(activated, script);
127        entry.script = activated;
128      }
129    }
130
131    window.OptanonWrapper = function OptanonWrapper() {
132      applyShopifyConsent();
133      releaseConsentTags();
134    };
135
136    document.addEventListener('OptanonConsentChanged', function () {
137      applyShopifyConsent();
138      releaseConsentTags();
139    });
140    document.addEventListener('visitorConsentCollected', syncFromShopify);
141
142    // Toggle body class while OneTrust banner or preference centre is visible so theme CSS
143    // can hide the sticky announcement bar that overlaps OneTrust toggles.
144    function isVisible(el) {
145      if (!el) return false;
146      var style = getComputedStyle(el);
147      if (style.display === 'none' || style.visibility === 'hidden') return false;
148      var rect = el.getBoundingClientRect();
149      return rect.width > 0 && rect.height > 0;
150    }
151
152    function updateOverlayState() {
153      var banner = document.getElementById('onetrust-banner-sdk');
154      var pc = document.getElementById('onetrust-pc-sdk');
155      var open = isVisible(banner) || isVisible(pc);
156      document.body.classList.toggle('ot-overlay-open', open);
157    }
158
159    var overlayObserver = new MutationObserver(updateOverlayState);
160    function onDomReady() {
161      repairConsentTags();
162      releaseConsentTags();
163      startObserver();
164    }
165
166    function startObserver() {
167      overlayObserver.observe(document.body, {
168        childList: true,
169        subtree: true,
170        attributes: true,
171        attributeFilter: ['style', 'class'],
172      });
173      updateOverlayState();
174    }
175
176    if (document.readyState === 'loading') {
177      document.addEventListener('DOMContentLoaded', onDomReady);
178    } else {
179      onDomReady();
180    }
181  })();
182</script>
182
183<!-- Google Tag Manager -->
184    
184<script>
vendor: 455 bytes, lines 184-194
184
185      (function (w, d, s, l, i) {
186        w[l] = w[l] || [];
187        w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
188        var f = d.getElementsByTagName(s)[0],
189          j = d.createElement(s),
190          dl = l != 'dataLayer' ? '&l=' + l : '';
191        j.async = true;
192        j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
193        f.parentNode.insertBefore(j, f);
194      })(window, document, 'script', 'dataLayer', '
194GTM-N5FM2QDZ
vendor: 8 bytes, lines 194-195
194');
195    
195</script>
195
196    <!-- End Google Tag Manager -->
197
198    <meta charset="utf-8">
199    <meta
200      name="viewport"
201      content="width=device-width, initial-scale=1.0, height=device-height, minimum-scale=1.0, maximum-scale=1.0"
202    >
203    <meta name="theme-color" content="#f2f2f2">
204
205    <title>
206      Account
207    </title><link rel="canonical" href="https://www.ozmosis.com.au/account/login"><link rel="shortcut icon" href="//www.ozmosis.com.au/cdn/shop/files/Ozmosis_Favicon.png?v=1742877799&width=96">
208      <link rel="apple-touch-icon" href="//www.ozmosis.com.au/cdn/shop/files/Ozmosis_Favicon.png?v=1742877799&width=180"><link rel="preconnect" href="https://cdn.shopify.com">
209    <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin>
210    <link rel="dns-prefetch" href="https://productreviews.shopifycdn.com"><link rel="preload" href="//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2" as="font" type="font/woff2" crossorigin><meta property="og:type" content="website">
211  <meta property="og:title" content="Account"><meta property="og:image" content="http://www.ozmosis.com.au/cdn/shop/files/ozmosis-share.jpg?v=1743466725&width=2048">
212  <meta property="og:image:secure_url" content="https://www.ozmosis.com.au/cdn/shop/files/ozmosis-share.jpg?v=1743466725&width=2048">
213  <meta property="og:image:width" content="1200">
214  <meta property="og:image:height" content="628"><meta property="og:url" content="https://www.ozmosis.com.au/account/login">
215<meta property="og:site_name" content="Ozmosis"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Account">
216  <meta name="twitter:description" content="Account"><meta name="twitter:image" content="https://www.ozmosis.com.au/cdn/shop/files/ozmosis-share.jpg?crop=center&height=1200&v=1743466725&width=1200">
217  <meta name="twitter:image:alt" content="">
217<script type="application/ld+json">
218  {
219    "@context": "https://schema.org",
220    "@type": "BreadcrumbList",
221    "itemListElement": [{
222        "@type": "ListItem",
223        "position": 1,
224        "name": "Home",
225        "item": "https://www.ozmosis.com.au"
226      }]
227  }
228</script>
228<style>/* Typography (heading) */
229  @font-face {
230  font-family: Roboto;
231  font-weight: 700;
232  font-style: normal;
233  font-display: fallback;
234  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
235       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
236}
237
238@font-face {
239  font-family: Roboto;
240  font-weight: 700;
241  font-style: italic;
242  font-display: fallback;
243  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
244       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
245}
246
247/* Typography (body) */
248  @font-face {
249  font-family: Roboto;
250  font-weight: 400;
251  font-style: normal;
252  font-display: fallback;
253  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n4.2019d890f07b1852f56ce63ba45b2db45d852cba.woff2") format("woff2"),
254       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n4.238690e0007583582327135619c5f7971652fa9d.woff") format("woff");
255}
256
257@font-face {
258  font-family: Roboto;
259  font-weight: 400;
260  font-style: italic;
261  font-display: fallback;
262  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i4.57ce898ccda22ee84f49e6b57ae302250655e2d4.woff2") format("woff2"),
263       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i4.b21f3bd061cbcb83b824ae8c7671a82587b264bf.woff") format("woff");
264}
265
266@font-face {
267  font-family: Roboto;
268  font-weight: 700;
269  font-style: normal;
270  font-display: fallback;
271  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n7.f38007a10afbbde8976c4056bfe890710d51dec2.woff2") format("woff2"),
272       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_n7.94bfdd3e80c7be00e128703d245c207769d763f9.woff") format("woff");
273}
274
275@font-face {
276  font-family: Roboto;
277  font-weight: 700;
278  font-style: italic;
279  font-display: fallback;
280  src: url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i7.7ccaf9410746f2c53340607c42c43f90a9005937.woff2") format("woff2"),
281       url("//www.ozmosis.com.au/cdn/fonts/roboto/roboto_i7.49ec21cdd7148292bffea74c62c0df6e93551516.woff") format("woff");
282}
283
284:root {
285    /**
286     * ---------------------------------------------------------------------
287     * SPACING VARIABLES
288     *
289     * We are using a spacing inspired from frameworks like Tailwind CSS.
290     * ---------------------------------------------------------------------
291     */
292    --spacing-0-5: 0.125rem; /* 2px */
293    --spacing-1: 0.25rem; /* 4px */
294    --spacing-1-5: 0.375rem; /* 6px */
295    --spacing-2: 0.5rem; /* 8px */
296    --spacing-2-5: 0.625rem; /* 10px */
297    --spacing-3: 0.75rem; /* 12px */
298    --spacing-3-5: 0.875rem; /* 14px */
299    --spacing-4: 1rem; /* 16px */
300    --spacing-4-5: 1.125rem; /* 18px */
301    --spacing-5: 1.25rem; /* 20px */
302    --spacing-5-5: 1.375rem; /* 22px */
303    --spacing-6: 1.5rem; /* 24px */
304    --spacing-6-5: 1.625rem; /* 26px */
305    --spacing-7: 1.75rem; /* 28px */
306    --spacing-7-5: 1.875rem; /* 30px */
307    --spacing-8: 2rem; /* 32px */
308    --spacing-8-5: 2.125rem; /* 34px */
309    --spacing-9: 2.25rem; /* 36px */
310    --spacing-9-5: 2.375rem; /* 38px */
311    --spacing-10: 2.5rem; /* 40px */
312    --spacing-11: 2.75rem; /* 44px */
313    --spacing-12: 3rem; /* 48px */
314    --spacing-14: 3.5rem; /* 56px */
315    --spacing-16: 4rem; /* 64px */
316    --spacing-18: 4.5rem; /* 72px */
317    --spacing-20: 5rem; /* 80px */
318    --spacing-24: 6rem; /* 96px */
319    --spacing-28: 7rem; /* 112px */
320    --spacing-32: 8rem; /* 128px */
321    --spacing-36: 9rem; /* 144px */
322    --spacing-40: 10rem; /* 160px */
323    --spacing-44: 11rem; /* 176px */
324    --spacing-48: 12rem; /* 192px */
325    --spacing-52: 13rem; /* 208px */
326    --spacing-56: 14rem; /* 224px */
327    --spacing-60: 15rem; /* 240px */
328    --spacing-64: 16rem; /* 256px */
329    --spacing-72: 18rem; /* 288px */
330    --spacing-80: 20rem; /* 320px */
331    --spacing-96: 24rem; /* 384px */
332
333    /* Container */
334    --container-max-width: 1620px;
335    --container-narrow-max-width: 1370px;
336    --container-gutter: var(--spacing-5);
337    --section-outer-spacing-block: var(--spacing-8);
338    --section-inner-max-spacing-block: var(--spacing-8);
339    --section-inner-spacing-inline: var(--container-gutter);
340    --section-stack-spacing-block: var(--spacing-8);
341
342    /* Grid gutter */
343    --grid-gutter: var(--spacing-5);
344
345    /* Product list settings */
346    --product-list-row-gap: var(--spacing-8);
347    --product-list-column-gap: var(--grid-gutter);
348
349    /* Form settings */
350    --input-gap: var(--spacing-2);
351    --input-height: 2.625rem;
352    --input-padding-inline: var(--spacing-4);
353
354    /* Other sizes */
355    --sticky-area-height: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px) + var(--sticky-header-enabled, 0) * var(--header-height, 0px));
356
357    /* RTL support */
358    --transform-logical-flip: 1;
359    --transform-origin-start: left;
360    --transform-origin-end: right;
361
362    /**
363     * ---------------------------------------------------------------------
364     * TYPOGRAPHY
365     * ---------------------------------------------------------------------
366     */
367
368    /* Font properties */
369    --heading-font-family: Roboto, sans-serif;
370    --heading-font-weight: 700;
371    --heading-font-style: normal;
372    --heading-text-transform: normal;
373    --heading-letter-spacing: -0.01em;
374    --text-font-family: Roboto, sans-serif;
375    --text-font-weight: 400;
376    --text-font-style: normal;
377    --text-letter-spacing: 0.0em;
378
379    /* Font sizes */
380    --text-h0: 2.5rem;
381    --text-h1: 1.75rem;
382    --text-h2: 1.5rem;
383    --text-h3: 1.375rem;
384    --text-h4: 1.125rem;
385    --text-h5: 1.125rem;
386    --text-h6: 1rem;
387    --text-xs: 0.6875rem;
388    --text-sm: 0.75rem;
389    --text-base: 0.875rem;
390    --text-lg: 1.125rem;
391
392    /**
393     * ---------------------------------------------------------------------
394     * COLORS
395     * ---------------------------------------------------------------------
396     */
397
398    /* Color settings */--accent: 26 26 26;
399    --text-primary: 26 26 26;
400    --background-primary: 242 242 242;
401    --dialog-background: 255 255 255;
402    --border-color: var(--text-color, var(--text-primary)) / 0.12;
403
404    /* Button colors */
405    --button-background-primary: 26 26 26;
406    --button-text-primary: 255 255 255;
407    --button-background-secondary: 26 26 26;
408    --button-text-secondary: 255 255 255;
409
410    /* Status colors */
411    --success-background: 238 241 235;
412    --success-text: 112 138 92;
413    --warning-background: 252 240 227;
414    --warning-text: 227 126 22;
415    --error-background: 245 229 229;
416    --error-text: 170 40 38;
417
418    /* Product colors */
419    --on-sale-text: 227 79 79;
420    --on-sale-badge-background: 227 79 79;
421    --on-sale-badge-text: 255 255 255;
422    --sold-out-badge-background: 190 189 185;
423    --sold-out-badge-text: 0 0 0;
424    --primary-badge-background: 128 60 238;
425    --primary-badge-text: 255 255 255;
426    --star-color: 128 60 238;
427    --product-card-background: 255 255 255;
428    --product-card-text: 26 26 26;
429
430    /* Header colors */
431    --header-background: 242 242 242;
432    --header-text: 26 26 26;
433
434    /* Footer colors */
435    --footer-background: 242 242 242;
436    --footer-text: 26 26 26;
437
438    /* Rounded variables (used for border radius) */
439    --rounded-xs: 0.25rem;
440    --rounded-sm: 0.375rem;
441    --rounded: 0.75rem;
442    --rounded-lg: 1.5rem;
443    --rounded-full: 9999px;
444
445    --rounded-button: 3.75rem;
446    --rounded-input: 0.5rem;
447
448    /* Box shadow */
449    --shadow-sm: 0 2px 8px rgb(var(--text-primary) / 0.1);
450    --shadow: 0 5px 15px rgb(var(--text-primary) / 0.1);
451    --shadow-md: 0 5px 30px rgb(var(--text-primary) / 0.1);
452    --shadow-block: 0px 18px 50px rgb(var(--text-primary) / 0.1);
453
454    /**
455     * ---------------------------------------------------------------------
456     * OTHER
457     * ---------------------------------------------------------------------
458     */
459
460    --stagger-products-reveal-opacity: 0;
461    --cursor-close-svg-url: url(//www.ozmosis.com.au/cdn/shop/t/9/assets/cursor-close.svg?v=147174565022153725511742268641);
462    --cursor-zoom-in-svg-url: url(//www.ozmosis.com.au/cdn/shop/t/9/assets/cursor-zoom-in.svg?v=154953035094101115921742268642);
463    --cursor-zoom-out-svg-url: url(//www.ozmosis.com.au/cdn/shop/t/9/assets/cursor-zoom-out.svg?v=16155520337305705181742268638);
464    --checkmark-svg-url: url(//www.ozmosis.com.au/cdn/shop/t/9/assets/checkmark.svg?v=77552481021870063511742268637);
465  }
466
467  [dir="rtl"]:root {
468    /* RTL support */
469    --transform-logical-flip: -1;
470    --transform-origin-start: right;
471    --transform-origin-end: left;
472  }
473
474  @media screen and (min-width: 700px) {
475    :root {
476      /* Typography (font size) */
477      --text-h0: 3.25rem;
478      --text-h1: 2.25rem;
479      --text-h2: 1.75rem;
480      --text-h3: 1.625rem;
481      --text-h4: 1.25rem;
482      --text-h5: 1.25rem;
483      --text-h6: 1.125rem;
484
485      --text-xs: 0.75rem;
486      --text-sm: 0.875rem;
487      --text-base: 1.0rem;
488      --text-lg: 1.25rem;
489
490      /* Spacing */
491      --container-gutter: 2rem;
492      --section-outer-spacing-block: var(--spacing-12);
493      --section-inner-max-spacing-block: var(--spacing-10);
494      --section-inner-spacing-inline: var(--spacing-10);
495      --section-stack-spacing-block: var(--spacing-10);
496
497      /* Grid gutter */
498      --grid-gutter: var(--spacing-6);
499
500      /* Product list settings */
501      --product-list-row-gap: var(--spacing-12);
502
503      /* Form settings */
504      --input-gap: 1rem;
505      --input-height: 3.125rem;
506      --input-padding-inline: var(--spacing-5);
507    }
508  }
509
510  @media screen and (min-width: 1000px) {
511    :root {
512      /* Spacing settings */
513      --container-gutter: var(--spacing-12);
514      --section-outer-spacing-block: var(--spacing-14);
515      --section-inner-max-spacing-block: var(--spacing-12);
516      --section-inner-spacing-inline: var(--spacing-14);
517      --section-stack-spacing-block: var(--spacing-10);
518    }
519  }
520
521  @media screen and (min-width: 1150px) {
522    :root {
523      /* Spacing settings */
524      --container-gutter: var(--spacing-12);
525      --section-outer-spacing-block: var(--spacing-14);
526      --section-inner-max-spacing-block: var(--spacing-12);
527      --section-inner-spacing-inline: var(--spacing-14);
528      --section-stack-spacing-block: var(--spacing-12);
529    }
530  }
531
532  @media screen and (min-width: 1400px) {
533    :root {
534      /* Typography (font size) */
535      --text-h0: 4rem;
536      --text-h1: 3rem;
537      --text-h2: 2.5rem;
538      --text-h3: 1.75rem;
539      --text-h4: 1.5rem;
540      --text-h5: 1.25rem;
541      --text-h6: 1.25rem;
542
543      --section-outer-spacing-block: var(--spacing-16);
544      --section-inner-max-spacing-block: var(--spacing-14);
545      --section-inner-spacing-inline: var(--spacing-16);
546    }
547  }
548
549  @media screen and (min-width: 1600px) {
550    :root {
551      --section-outer-spacing-block: var(--spacing-16);
552      --section-inner-max-spacing-block: var(--spacing-16);
553      --section-inner-spacing-inline: var(--spacing-18);
554    }
555  }
556
557  /**
558   * ---------------------------------------------------------------------
559   * LIQUID DEPENDANT CSS
560   *
561   * Our main CSS is Liquid free, but some very specific features depend on
562   * theme settings, so we have them here
563   * ---------------------------------------------------------------------
564   */@media screen and (pointer: fine) {
565        /* The !important are for the Shopify Payment button to ensure we override the default from Shopify styles */
566        .button:not([disabled]):not(.button--outline):hover, .btn:not
566([disabled]):hover, .shopify-payment-button__button--unbranded:not([disabled]):hover {
567          background-color: transparent !important;
568          color: rgb(var(--button-outline-color) / var(--button-background-opacity, 1)) !important;
569          box-shadow: inset 0 0 0 2px currentColor !important;
570        }
571
572        .button--outline:not([disabled]):hover {
573          background: rgb(var(--button-background));
574          color: rgb(var(--button-text-color));
575          box-shadow: inset 0 0 0 2px rgb(var(--button-background));
576        }
577      }</style>
577<script>
578  // This allows to expose several variables to the global scope, to be used in scripts
579  window.themeVariables = {
580    settings: {
581      showPageTransition: null,
582      staggerProductsApparition: true,
583      reduceDrawerAnimation: false,
584      reduceMenuAnimation: false,
585      headingApparition: "none",
586      pageType: "customers\/login",
587      moneyFormat: "${{amount}}",
588      moneyWithCurrencyFormat: "${{amount}} AUD",
589      currencyCodeEnabled: true,
590      cartType: "drawer",
591      showDiscount: true,
592      discountMode: "saving",
593      pageBackground: "#f2f2f2",
594      textColor: "#1a1a1a"
595    },
596
597    strings: {
598      accessibilityClose: "Close",
599      accessibilityNext: "Next",
600      accessibilityPrevious: "Previous",
601      closeGallery: "Close gallery",
602      zoomGallery: "Zoom",
603      errorGallery: "Image cannot be loaded",
604      searchNoResults: "No results could be found.",
605      addOrderNote: "Add order note",
606      editOrderNote: "Edit order note",
607      shippingEstimatorNoResults: "Sorry, we do not ship to your address.",
608      shippingEstimatorOneResult: "There is one shipping rate for your address:",
609      shippingEstimatorMultipleResults: "There are several shipping rates for your address:",
610      shippingEstimatorError: "One or more error occurred while retrieving shipping rates:"
611    },
612
613    breakpoints: {
614      'sm': 'screen and (min-width: 700px)',
615      'md': 'screen and (min-width: 1000px)',
616      'lg': 'screen and (min-width: 1150px)',
617      'xl': 'screen and (min-width: 1400px)',
618
619      'sm-max': 'screen and (max-width: 699px)',
620      'md-max': 'screen and (max-width: 999px)',
621      'lg-max': 'screen and (max-width: 1149px)',
622      'xl-max': 'screen and (max-width: 1399px)'
623    }
624  };
625
626  // For detecting native share
627  document.documentElement.classList.add(`native-share--${navigator.share ? 'enabled' : 'disabled'}`);</script>
627<script>
628      if (!(HTMLScriptElement.supports && HTMLScriptElement.supports('importmap'))) {
629        const importMapPolyfill = document.createElement('script');
630        importMapPolyfill.async = true;
631        importMapPolyfill.src = "//www.ozmosis.com.au/cdn/shop/t/9/assets/es-module-shims.min.js?v=54064861605372301331742268639";
632
633        document.head.appendChild(importMapPolyfill);
634      }
635    </script>
635
636
637    
637<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 637
637
638<script type="importmap">{
639        "imports": {
640          "vendor": "//www.ozmosis.com.au/cdn/shop/t/9/assets/vendor.min.js?v=57795131039271286711742268641",
641          "theme": "//www.ozmosis.com.au/cdn/shop/t/9/assets/theme.js?v=87810017479167747301787011553",
642          "photoswipe": "//www.ozmosis.com.au/cdn/shop/t/9/assets/photoswipe.min.js?v=13374349288281597431742268639"
643        }
644      }
645    </script>
645
646
647    
647<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/vendor.min.js?v=57795131039271286711742268641"></script>
647
648    
648<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/theme.js?v=87810017479167747301787011553"></script>
648
649    
649<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/custom.js?v=125669368939972387561744165878"></script>
649
650    
650<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/customer-account.js?v=42248747327262477991744165878"></script>
650
651    
651<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/theme.js?v=87810017479167747301787011553"></script>
651
652    
652<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/wishlist.js?v=59144788441162655541788999317"></script>
652
653
654    
655      
655<script type="module" src="//www.ozmosis.com.au/cdn/shop/t/9/assets/account-details.js?v=60100726203186808611777440367"></script>
655
656    
657
658    
658<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
658<meta name="google-site-verification" content="urJyyyHvCVpiycmEQI5tuobRjp4cWtVNq1PnA6G9MEM">
659<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/91798241574/digital_wallets/dialog">
660<meta id="in-context-paypal-metadata" data-shop-id="91798241574" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="AUD">
661<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
661<script async="async" src="/checkouts/internal/preloads.js?locale=en-AU&default_configuration_id=5395775782"></script>
661
662<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
663<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-AU&default_configuration_id=5395775782&shop_id=91798241574" crossorigin="anonymous"></script>
vendor: 1 bytes, line 663
663
664<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":91798241574,"countryCode":"AU","currencyCode":"AUD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/91798241574","merchantName":"Ozmosis","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"Ozmosis","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 664
664
665<script id="shopify-features" type="application/json">{"accessToken":"0de4d68288c1d5de5dd5b167315efc70","betas":["rich-media-storefront-analytics"],"domain":"www.ozmosis.com.au","predictiveSearch":true,"shopId":91798241574,"locale":"en"}</script>
vendor: 1 bytes, line 665
665
666<script>var Shopify = Shopify || {};
667Shopify.shop = "ozmosis-hq.myshopify.com";
668Shopify.locale = "en";
669Shopify.currency = {"active":"AUD","rate":"1.0"};
670Shopify.country = "AU";
671Shopify.theme = {"name":"OZMOSIS E-STORE","id":177917690150,"schema_name":"Impact","schema_version":"6.6.0","theme_store_id":null,"role":"main"};
672Shopify.theme.handle = "null";
673Shopify.theme.style = {"id":null,"handle":null};
674Shopify.cdnHost = "www.ozmosis.com.au/cdn";
675Shopify.routes = Shopify.routes || {};
676Shopify.routes.root = "/";
677Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
678Shopify.SignInWithShop = Shopify.SignInWithShop || {};
679Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
680Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 680
680
681<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 681
681
682<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 682
682
683<script>
684  window.ShopifyPay = window.ShopifyPay || {};
685  window.ShopifyPay.apiHost = "shop.app\/pay";
686  window.ShopifyPay.redirectState = null;
687</script>
vendor: 1 bytes, line 687
687
688<script>
689  window.Shopify = window.Shopify || {};
690  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
691  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
692  window.Shopify.SignInWithShop.eligible = true;
693</script>
vendor: 1 bytes, line 693
693
694<script id="shop-js-analytics" type="application/json">{"pageType":"customers/login"}</script>
vendor: 1 bytes, line 694
694
695<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js"></script>
vendor: 1 bytes, line 695
695
696<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"></script>
vendor: 1 bytes, line 696
696
697<script type="module">
698  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts.en.esm.js");
699await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-customer-accounts-sign-up.en.esm.js");
700
701  window.Shopify.SignInWithShop?.initCustomerAccounts?.(true, {"fedCMEnabled":true,"windoidEnabled":true});
702window.Shopify.SignInWithShop?.initCustomerAccountsSignUp?.({"fedCMEnabled":true,"windoidEnabled":true});
703
704</script>
vendor: 1 bytes, line 704
704
705<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 705
705
706<script type="module">
707  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
708
709  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
710
711</script>
vendor: 1 bytes, line 711
711
712<script>
713  window.Shopify = window.Shopify || {};
714  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
715  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"]};
716</script>
vendor: 1 bytes, line 716
716
717<script>(function() {
718  var isLoaded = false;
719  function asyncLoad() {
720    if (isLoaded) return;
721    isLoaded = true;
722    var urls = ["https:\/\/t.cfjump.com\/tag\/69702?shop=ozmosis-hq.myshopify.com"];
723    for (var i = 0; i < urls.length; i++) {
724      var s = document.createElement('script');
725      s.type = 'text/javascript';
726      s.async = true;
727      s.src = urls[i];
728      var x = document.getElementsByTagName('script')[0];
729      x.parentNode.insertBefore(s, x);
730    }
731  };
732  if(window.attachEvent) {
733    window.attachEvent('onload', asyncLoad);
734  } else {
735    window.addEventListener('load', asyncLoad, false);
736  }
737})();</script>
vendor: 1 bytes, line 737
737
738<script id="__st">var __st={"a":91798241574,"offset":39600,"reqid":"cde09a05-6538-4caa-8f77-c4248d41f2bf-1791309801","pageurl":"www.ozmosis.com.au\/account\/login","u":"16bd22eb499e"};</script>
vendor: 1 bytes, line 738
738
739<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 739
739
740<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 740
740
741<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.ozmosis.com.au/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 741
741
742<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 = "//www.ozmosis.com.au/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>
742<script crossorigin="anonymous" defer="defer" src="//www.ozmosis.com.au/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 742
742
743<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 743
743
744<script>
745  window.Shopify = window.Shopify || {};
746  window.Shopify.MCP = window.Shopify.MCP || {};
747  window.Shopify.MCP.enabled = true;
748  window.Shopify.MCP.shop = "ozmosis-hq.myshopify.com";
749  window.Shopify.MCP.mcpEndpoint = "https:\/\/www.ozmosis.com.au\/api\/mcp";
750  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question — e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}];
751</script>
vendor: 1 bytes, line 751
751
752<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("\/\/www.ozmosis.com.au\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
753</script>
vendor: 1 bytes, line 753
753
754<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://www.ozmosis.com.au/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
755</script>
vendor: 1 bytes, line 755
755
756<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
757  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);
758</script>
vendor: 1 bytes, line 758
758
759<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})}}));
760</script>
760
761<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.ozmosis.com.au/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
762<style id="shopify-accelerated-checkout-cart">
763        #shopify-buyer-consent {
764  margin-top: 1em;
765  display: inline-block;
766  width: 100%;
767}
768
769#shopify-buyer-consent.hidden {
770  display: none;
771}
772
773#shopify-subscription-policy-button {
774  background: none;
775  border: none;
776  padding: 0;
777  text-decoration: underline;
778  font-size: inherit;
779  cursor: pointer;
780}
781
782#shopify-subscription-policy-button::before {
783  box-shadow: none;
784}
785
786      </style>
787
788<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
788
789<link href="//www.ozmosis.com.au/cdn/shop/t/9/assets/theme.css?v=90405652966757669291747268329" rel="stylesheet" type="text/css" media="all" /><!-- BEGIN app block: shopify://apps/onetrust-consent-management/blocks/consent_management/a0f47f36-e440-438e-946e-6f1b3963b606 -->
790<script src="https://cdn.shopify.com/extensions/01a061ba-09b8-7f28-a51f-be55b3ced758/onetrust-consent-management-67/assets/storefront-consent.js"></script>
vendor: 1 bytes, line 790
790
791<script id="onetrust-script" src="https://cdn-au.onetrust.com/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="d4e45a44-6af5-4c55-a1d9-cfd76cb68733" data-shopify-consent-mapping={"analytics":["C0002"],"marketing":["C0004"],"preferences":["C0003"],"sale_of_data":["C0004"]}></script>
791<!-- END app block --><!-- BEGIN app block: shopify://apps/flair/blocks/init/51d5ae10-f90f-4540-9ec6-f09f14107bf4 --><!-- BEGIN app snippet: data_gen3 -->
791<script type="application/json" id="_flair_data_gen3">{"current":{"collection_id":"",  "country":"AU",  "currency":"AUD","money_format":"${{amount}}",  "page_type":"customers\/login",  "product_id":"",  "shopify_domain":"ozmosis-hq.myshopify.com",  "storefront_token":"40946ff82427d3a155de45c8cdd57bc4",  "_":1}}</script>
791
792<!-- END app snippet --><!-- BEGIN app snippet: init_gen3 -->
792<script>  (function() {    var script = document.createElement("script");    script.src = "https://cdn.shopify.com/extensions/01a0b223-a138-7d86-9b33-fed23dc48c20/flair-56/assets/flair_gen3.js";    script.async = true;    document.head.appendChild(script);  })()</script>
792<!-- END app snippet --><!-- generated: 2026-10-07 05:03:21 +1100 -->
793
794<!-- END app block --><!-- BEGIN app block: shopify://apps/instafeed/blocks/head-block/c447db20-095d-4a10-9725-b5977662c9d5 --><!-- BEGIN app snippet: storefront-script -->
795
796
797  
798    
798<script src="https://cdn.nfcube.com/instafeed-ffe3d616fbe6faf091e8779407aa466f.js" defer></script>
798
799  
800
801<!-- END app snippet -->
802
803
804
805
806<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
807<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: 91798241574,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "customers/login"};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 807
807
808<script>
809  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
810</script>
vendor: 1 bytes, line 810
810
811<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}
811).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: 91798241574,storefrontBaseUrl: "https://www.ozmosis.com.au",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.ozmosis.com.au/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b"],webPixelsConfigList: [{"id":"2022932774","configuration":"{\"accountID\":\"UMRLv9\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]}
811,{"id":"1315373350","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\",\\\"GT-NMDQD4JV\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/4o_WCOP53LgaEKmam48D\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/EqRyCN353LgaEKmam48D\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-DPY7VZ7R1S\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/idR6CIr03LgaEKmam48D\\\",\\\"MC-N8XP9QMC64\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-DPY7VZ7R1S\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/wD02CIT03LgaEKmam48D\\\",\\\"MC-N8XP9QMC64\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/hzpuCIf03LgaEKmam48D\\\",\\\"MC-N8XP9QMC64\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-DPY7VZ7R1S\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/9FnxCOb53LgaEKmam48D\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-DPY7VZ7R1S\\\",\\\"AW-837209385\\\/xatoCOD53LgaEKmam48D\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-DPY7VZ7R1S\\\"}],\\\"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":"1315340582","configuration":"{\"pixel_id\":\"1916856288554618\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","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":"1315176742","configuration":"{\"merchantId\":\"69702\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"39141b7c17b603b9a41d62198a740fae","type":"APP","apiClientId":4581575,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1280934182","configuration":"{\"swymApiEndpoint\":\"https:\/\/swymstore-v3pro-01.swymrelay.com\",\"swymTier\":\"v3pro-01\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"5b6f6917e306bc7f24523662663331c0","type":"APP","apiClientId":1350849,"privacyPurposes":["ANALYTICS","MARKETING","PREFERENCES"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"190808358","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":[],"name":"Instant"},{"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":"Ozmosis","paymentSettings":{"currencyCode":"AUD"},"myshopifyDomain":"ozmosis-hq.myshopify.com","countryCode":"AU","storefrontUrl":"https:\/\/www.ozmosis.com.au"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://www.ozmosis.com.au/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"177917690150","themePublished":"true","eventMetadataId":"b8b6745b-8488-4408-8ba9-09bfa199debb","shopId":"91798241574","storefrontBaseUrl":"https:\/\/www.ozmosis.com.au","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
811<script>
812  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
813  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
814  window.ShopifyAnalytics.meta.currency = 'AUD';
815  var meta = {"page":{"requestId":"cde09a05-6538-4caa-8f77-c4248d41f2bf-1791309801"}};
816  for (var attr in meta) {
817    window.ShopifyAnalytics.meta[attr] = meta[attr];
818  }
819</script>
vendor: 1 bytes, line 819
819
820<script class="analytics">
821  (function () {
822    var customDocumentWrite = function(content) {
823      var jquery = null;
824
825      if (window.jQuery) {
826        jquery = window.jQuery;
827      } else if (window.Checkout && window.Checkout.$) {
828        jquery = window.Checkout.$;
829      }
830
831      if (jquery) {
832        jquery('body').append(content);
833      }
834    };
835
836    var hasLoggedConversion = function(token) {
837      if (token) {
838        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
839      }
840      return false;
841    }
842
843    var setCookieIfConversion = function(token) {
844      if (token) {
845        var twoMonthsFromNow = new Date(Date.now());
846        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
847
848        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
849      }
850    }
851
852    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
853    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
854    if (trekkie.integrations) {
855      return;
856    }
857    trekkie.methods = [
858      'identify',
859      'page',
860      'ready',
861      'track',
862      'trackForm',
863      'trackLink'
864    ];
865    trekkie.factory = function(method) {
866      return function() {
867        var args = Array.prototype.slice.call(arguments);
868        args.unshift(method);
869        trekkie.push(args);
870        if (method == 'track' || method == 'page') {
871          var pageUrl;
872          try {
873            pageUrl = window.location.href;
874          } catch (e) {}
875          var pageReferrer;
876          try {
877            pageReferrer = document.referrer;
878          } catch (e) {}
879          try {
880            if (window.__TREKKIE_SHIM_QUEUE == null) {
881              window.__TREKKIE_SHIM_QUEUE = [];
882            }
883            window.__TREKKIE_SHIM_QUEUE.push({
884              from: 'trekkie-stub',
885              method: method,
886              args: args.slice(1),
887              pageContext: {
888                url: pageUrl,
889                referrer: pageReferrer
890              }
891            });
892          } catch (e) {
893            // no-op
894          }
895        }
896        return trekkie;
897      };
898    };
899    for (var i = 0; i < trekkie.methods.length; i++) {
900      var key = trekkie.methods[i];
901      trekkie[key] = trekkie.factory(key);
902    }
903    trekkie.load = function(config) {
904      trekkie.config = config || {};
905      trekkie.config.initialDocumentCookie = document.cookie;
906      var first = document.getElementsByTagName('script')[0];
907var script = document.createElement('script');
908script.type = 'text/javascript';
909script.onerror = function(e) {
910  var scriptFallback = document.createElement('script');
911  scriptFallback.type = 'text/javascript';
912  scriptFallback.onerror = function(error) {
913          var Monorail = {
914      produce: function produce(monorailDomain, schemaId, payload) {
915        var currentMs = new Date().getTime();
916        var event = {
917          schema_id: schemaId,
918          payload: payload,
919          metadata: {
920            event_created_at_ms: currentMs,
921            event_sent_at_ms: currentMs
922          }
923        };
924        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
925      },
926      sendRequest: function sendRequest(endpointUrl, payload) {
927        // Try the sendBeacon API
928        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
929          var blobData = new window.Blob([payload], {
930            type: 'text/plain'
931          });
932
933          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
934            return true;
935          } // sendBeacon was not successful
936
937        } // XHR beacon
938
939        var xhr = new XMLHttpRequest();
940
941        try {
942          xhr.open('POST', endpointUrl);
943          xhr.setRequestHeader('Content-Type', 'text/plain');
944          xhr.send(payload);
945        } catch (e) {
946          console.log(e);
947        }
948
949        return false;
950      },
951      isIos12: function isIos12() {
952        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
953      }
954    };
955    Monorail.produce('monorail-edge.shopifysvc.com',
956      'trekkie_storefront_load_errors/1.1',
957      {shop_id: 91798241574,
958      theme_id: 177917690150,
959      app_name: "storefront",
960      context_url: window.location.href,
961      source_url: "//www.ozmosis.com.au/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
962
963  };
964  scriptFallback.async = true;
965  scriptFallback.src = '//www.ozmosis.com.au/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
966  first.parentNode.insertBefore(scriptFallback, first);
967};
968script.async = true;
969script.src = '//www.ozmosis.com.au/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
970first.parentNode.insertBefore(script, first);
971
972    };
973    trekkie.load(
974      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":91798241574,"isMerchantRequest":null,"themeId":177917690150,"themeCityHash":"12081930806337541493","contentLanguage":"en","currency":"AUD","eventMetadataId":"b8b6745b-8488-4408-8ba9-09bfa199debb"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
975    );
976
977    var loaded = false;
978    trekkie.ready(function() {
979      if (loaded) return;
980      loaded = true;
981
982      window.ShopifyAnalytics.lib = window.trekkie;
983
984      var originalDocumentWrite = document.write;
985      document.write = customDocumentWrite;
986      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
987      document.write = originalDocumentWrite;
988
989      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
990      var token = match? match[1]: undefined;
991      if (!hasLoggedConversion(token)) {
992        setCookieIfConversion(token);
993        
994      }
995    });
996
997    window.ShopifyAnalytics.lib.page(null,{"requestId":"cde09a05-6538-4caa-8f77-c4248d41f2bf-1791309801","shopifyEmitted":true});
998
999    var eventsListenerScript = document.createElement('script');
1000    eventsListenerScript.async = true;
1001    eventsListenerScript.src = "//www.ozmosis.com.au/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1002    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1003})();</script>
vendor: 1 bytes, line 1003
1003
1004<script
1005  defer
1006  src="https://www.ozmosis.com.au/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.6.min.js"
1007  data-application="storefront-renderer"
1008  data-shop-id="91798241574"
1009  data-render-region="gcp-us-east1"
1010  data-page-type="customers/login"
1011  data-theme-instance-id="177917690150"
1012  data-theme-name="Impact"
1013  data-theme-version="6.6.0"
1014  data-monorail-region="shop_domain"
1015  data-resource-timing-sampling-rate="10"
1016  data-shs="true"
1017  data-shs-beacon="true"
1018  data-shs-export-with-fetch="true"
1019  data-shs-logs-sample-rate="1"
1020  data-shs-beacon-endpoint="https://www.ozmosis.com.au/api/collect"
1021></script>
1021
1022<meta name="shopify-y" content="46d2b35a-ad99-45f5-a7ab-303795f37e9c" data-expiration="1822867401000"><meta name="shopify-s" content="41ec1ce9-a656-4a73-a37e-ac4ba0ac8d35" data-expiration="1791311601000"><meta name="new-cookie-storage-activated" content="t">
1023</head>
1024
1025  <body class=""><!-- DRAWER -->
1026<template id="drawer-default-template">
1027  <style>
1028    [hidden] {
1029      display: none !important;
1030    }
1031  </style>
1032
1033  <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
1034        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
1035      </svg></button>
1036
1037  <div part="overlay"></div>
1038
1039  <div part="content">
1040    <header part="header">
1041      <slot name="header"></slot>
1042
1043      <button part="close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
1044        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
1045      </svg></button>
1046    </header>
1047
1048    <div part="body">
1049      <slot></slot>
1050    </div>
1051
1052    <footer part="footer">
1053      <slot name="footer"></slot>
1054    </footer>
1055  </div>
1056</template>
1057
1058<!-- POPOVER -->
1059<template id="popover-default-template">
1060  <button part="outside-close-button" is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
1061        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
1062      </svg></button>
1063
1064  <div part="overlay"></div>
1065
1066  <div part="content">
1067    <header part="title">
1068      <slot name="title"></slot>
1069    </header>
1070
1071    <div part="body">
1072      <slot></slot>
1073    </div>
1074  </div>
1075</template><a href="#main" class="skip-to-content sr-only">Skip to content</a><!-- BEGIN sections: header-group -->
1076<aside id="shopify-section-sections--24585422504230__announcement-bar" class="shopify-section shopify-section-group-header-group shopify-section--announcement-bar"><style>
1077    :root {
1078      --sticky-announcement-bar-enabled:0;
1079    }</style><height-observer variable="announcement-bar">
1080    <div class="announcement-bar bg-custom text-custom"style="--background: 26 26 26; --text-color: 255 255 255;"><div class="container">
1081          <div class="announcement-bar__wrapper justify-between"><button class="tap-area" is="prev-button" aria-controls="announcement-bar" aria-label="Previous"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
1082        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
1083      </svg></button><announcement-bar swipeable  id="announcement-bar" class="announcement-bar__static-list"><p class="bold text-xs " >FREE STANDARD SHIPPING OVER $90
1084</p><p class="bold text-xs reveal-invisible" >AFTERPAY AVAILABLE
1085</p><p class="bold text-xs reveal-invisible" >FREE 30 DAY RETURNS
1086</p></announcement-bar><button class="tap-area" is="next-button" aria-controls="announcement-bar" aria-label="Next"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-right reverse-icon" viewBox="0 0 7 10">
1087        <path d="m1 9 4-4-4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1088      </svg></button></div>
1089        </div></div>
1090  </height-observer>
1091
1092  
1092<script>
1093    document.documentElement.style.setProperty('--announcement-bar-height', Math.round(document.getElementById('shopify-section-sections--24585422504230__announcement-bar').clientHeight) + 'px');
1094  </script>
1094<style> #shopify-section-sections--24585422504230__announcement-bar .checkbox ~ label {text-transform: capitalize;} </style></aside><header id="shopify-section-sections--24585422504230__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><style>
1095  :root {
1096    --sticky-header-enabled:1;
1097  }
1098
1099  #shopify-section-sections--24585422504230__header {
1100    --header-grid-template: "main-nav logo secondary-nav" / minmax(0, 1fr) auto minmax(0, 1fr);
1101    --header-padding-block: var(--spacing-3);
1102    --header-background-opacity: 1.0;
1103    --header-background-blur-radius: 0px;
1104    --header-transparent-text-color: 255 255 255;--header-logo-width: 100px;
1105      --header-logo-height: 12px;position: sticky;
1106    top: 0;
1107    z-index: 10;
1108  }.shopify-section--announcement-bar ~ #shopify-section-sections--24585422504230__header {
1109      top: calc(var(--sticky-announcement-bar-enabled, 0) * var(--announcement-bar-height, 0px));
1110    }@media screen and (max-width: 699px) {
1111      .navigation-drawer {
1112        --drawer-content-max-height: calc(100vh - (var(--spacing-2) * 2));
1113      }
1114    }@media screen and (min-width: 700px) {
1115    #shopify-section-sections--24585422504230__header {--header-logo-width: 225px;
1116        --header-logo-height: 27px;--header-padding-block: var(--spacing-6);
1117    }
1118  }@media screen and (min-width: 1150px) {#shopify-section-sections--24585422504230__header {
1119        --header-grid-template: "logo main-nav secondary-nav" / auto minmax(0, 1fr) minmax(0, max-content);
1120      }
1121    }</style>
1122
1123<height-observer variable="header">
1124  <store-header class="header" hide-on-scroll="100" sticky>
1125    <div class="header__wrapper"><div class="header__main-nav">
1126        <div class="header__icon-list">
1127          <button type="button" class="tap-area lg:hidden" aria-controls="header-sidebar-menu">
1128            <span class="sr-only">Menu</span><svg role="presentation" stroke-width="1.6" focusable="false" width="22" height="22" class="icon icon-hamburger" viewBox="0 0 22 22">
1129        <path d="M1 5h20M1 11h20M1 17h20" stroke="currentColor" stroke-linecap="round"></path>
1130      </svg></button>
1131
1132          <a href="/search" class="tap-area sm:hidden" aria-controls="search-drawer">
1133            <span class="sr-only">Search</span><svg role="presentation" stroke-width="1.6" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
1134        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
1135        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
1136      </svg></a><nav class="header__link-list  wrap" role="navigation">
1137              <ul class="contents" role="list">
1138
1139                  <li><details is="mega-menu-disclosure" trigger="click" >
1140                            <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/mens">Mens<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1141        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1142      </svg></summary><style>
1143    @media screen and (min-width: 1150px) {
1144      #mega-menu-mega_menu_UkyPqi {
1145        --mega-menu-nav-column-max-width: 160px;
1146        --mega-menu-justify-content: center;
1147        --mega-menu-nav-gap: var(--spacing-8);
1148
1149        
1150          --column-list-max-width: 75%;
1151        
1152      }
1153    }
1154
1155    @media screen and (min-width: 1400px) {
1156      #mega-menu-mega_menu_UkyPqi {
1157        --mega-menu-nav-column-max-width: 180px;
1158        --mega-menu-nav-gap: var(--spacing-12);
1159
1160        
1161          --column-list-max-width: max-content;
1162        
1163      }
1164    }
1165
1166    @media screen and (min-width: 1600px) {
1167      #mega-menu-mega_menu_UkyPqi {
1168        --mega-menu-nav-gap: var(--spacing-16);
1169      }
1170    }
1171
1172    @media screen and (min-width: 1800px) {
1173      #mega-menu-mega_menu_UkyPqi {
1174        --mega-menu-nav-gap: var(--spacing-20);
1175      }
1176    }
1177  </style><div id="mega-menu-mega_menu_UkyPqi" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1178          <a href="/collections/mens" class="h5" >
1179            <span class="reversed-link hover:show">Featured</span>
1180          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1181                  <a href="/collections/mens-new-arrivals" class="link-faded">
1182                    <span >New Arrivals</span>
1183                  </a>
1184                </li><li>
1185                  <a href="/collections/mens-best-sellers" class="link-faded">
1186                    <span >Best Sellers</span>
1187                  </a>
1188                </li><li>
1189                  <a href="/collections/mens-gift-ideas" class="link-faded">
1190                    <span >Gifts for Him</span>
1191                  </a>
1192                </li><li>
1193                  <a href="/collections/mens-surf-edit" class="link-faded">
1194                    <span >Surf Edit</span>
1195                  </a>
1196                </li><li>
1197                  <a href="/collections/mens-tee-offers" class="link-faded">
1198                    <span >2 For $70 Tees</span>
1199                  </a>
1200                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1201          <a href="/collections/mens-clothing" class="h5" >
1202            <span class="reversed-link hover:show">Clothing</span>
1203          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1204                  <a href="/collections/mens-clothing" class="link-faded">
1205                    <span >All Clothing</span>
1206                  </a>
1207                </li><li>
1208                  <a href="/collections/mens-hoodies-jumpers" class="link-faded">
1209                    <span >Hoodies + Jumpers</span>
1210                  </a>
1211                </li><li>
1212                  <a href="/collections/mens-jackets-coats-vests" class="link-faded">
1213                    <span >Jackets + Vests</span>
1214                  </a>
1215                </li><li>
1216                  <a href="/collections/mens-knitwear-jumpers" class="link-faded">
1217                    <span >Knitwear</span>
1218                  </a>
1219                </li><li>
1220                  <a href="/collections/mens-pants-trousers" class="link-faded">
1221                    <span >Jeans + Pants</span>
1222                  </a>
1223                </li><li>
1224                  <a href="/collections/mens-casual-shirts" class="link-faded">
1225                    <span >Shirts + Polos</span>
1226                  </a>
1227                </li><li>
1228                  <a href="/collections/mens-shorts" class="link-faded">
1229                    <span >Shorts</span>
1230                  </a>
1231                </li><li>
1232                  <a href="/collections/mens-boardshorts" class="link-faded">
1233                    <span >Swimwear</span>
1234                  </a>
1235                </li><li>
1236                  <a href="/collections/mens-t-shirts-polos" class="link-faded">
1237                    <span >T-Shirts + Singlets</span>
1238                  </a>
1239                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1240          <a href="/collections/mens-shoes" class="h5" >
1241            <span class="reversed-link hover:show">Shoes</span>
1242          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1243                  <a href="/collections/mens-sandals-thongs" class="link-faded">
1244                    <span >Sandals + Thongs</span>
1245                  </a>
1246                </li><li>
1247                  <a href="/collections/mens-boots-sneakers" class="link-faded">
1248                    <span >Boots + Sneakers</span>
1249                  </a>
1250                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1251          <a href="/collections/mens-accessories" class="h5" >
1252            <span class="reversed-link hover:show">Accessories</span>
1253          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1254                  <a href="/collections/mens-backpacks" class="link-faded">
1255                    <span >Bags + Luggage</span>
1256                  </a>
1257                </li><li>
1258                  <a href="/collections/mens-belts" class="link-faded">
1259                    <span >Belts</span>
1260                  </a>
1261                </li><li>
1262                  <a href="/collections/mens-hats-caps" class="link-faded">
1263                    <span >Hats + Caps</span>
1264                  </a>
1265                </li><li>
1266                  <a href="/collections/mens-beanies" class="link-faded">
1267                    <span >Beanies</span>
1268                  </a>
1269                </li><li>
1270                  <a href="/collections/mens-socks" class="link-faded">
1271                    <span >Socks</span>
1272                  </a>
1273                </li><li>
1274                  <a href="/collections/mens-sunglasses" class="link-faded">
1275                    <span >Sunglasses</span>
1276                  </a>
1277                </li><li>
1278                  <a href="/collections/mens-watches" class="link-faded">
1279                    <span >Watches</span>
1280                  </a>
1281                </li><li>
1282                  <a href="/collections/mens-towels" class="link-faded">
1283                    <span >Towels</span>
1284                  </a>
1285                </li><li>
1286                  <a href="/collections/mens-wallets" class="link-faded">
1287                    <span >Wallets</span>
1288                  </a>
1289                </li></ul></li></ul>
1290
1291
1292
1293
1294
1295<style>
1296  #navigation-promo-mega_menu_UkyPqi-4-2xl {
1297    --navigation-promo-grid: 
1298  
1299    auto / auto
1300
1301  
1302;
1303    --mega-menu-promo-grid-image-max-width: 300px;
1304    --mega-menu-promo-grid-image-min-width: 172px;
1305    --promo-heading-font-size: var(--text-h3);
1306    --content-over-media-row-gap: var(--spacing-4);
1307    --content-over-media-column-gap: var(--spacing-5);--promo-heading-line-height: 1.2;}
1308
1309  #navigation-promo-mega_menu_UkyPqi-4-2xl .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
1310
1311  @media screen and (min-width:700px) {
1312    #navigation-promo-mega_menu_UkyPqi-4-2xl {--mega-menu-promo-grid-image-min-width: 192px;
1313      --content-over-media-row-gap: var(--spacing-5);
1314      --content-over-media-column-gap: var(--spacing-6);
1315    }
1316  }@media screen and (min-width: 1150px) {
1317      #navigation-promo-mega_menu_UkyPqi-4-2xl {
1318        --promo-heading-font-size: var(--text-h4);
1319        --promo-heading-line-height: 1.3;
1320        --navigation-promo-gap: var(--spacing-4);
1321        --mega-menu-promo-grid-image-min-width: 220px;
1322
1323        
1324          max-width: 360px;
1325        
1326
1327        
1328      }
1329
1330      
1331        #navigation-promo-mega_menu_UkyPqi-4-2xl {
1332          --content-over-media-row-gap: var(--spacing-6);
1333          --content-over-media-column-gap: var(--spacing-8);
1334        }
1335      
1336    }
1337
1338    @media screen and (min-width: 1400px) {
1339      #navigation-promo-mega_menu_UkyPqi-4-2xl {
1340        --mega-menu-promo-grid-image-max-width: 360px;
1341
1342        
1343      }
1344
1345      
1346    }</style><div class="navigation-promo__wrapper 2xl:hidden " id="navigation-promo-mega_menu_UkyPqi-4-2xl"><div class="relative"><mega-menu-promo-carousel id="promo-carousel-mega_menu_UkyPqi-4-2xl" class="navigation-promo navigation-promo--carousel" role="region" style="--navigation-promo-gap: 0">
1347        <a href="/collections/mens-new-arrivals"
1348         class="content-over-media rounded-sm group "
1349         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1350" class="zoom-image"><div class="place-self-end-start text-custom">
1351            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
1352          </div></a><a href="/collections/mens-best-sellers"
1353         class="content-over-media rounded-sm group reveal-invisible"
1354         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1355" class="zoom-image"><div class="place-self-end-start text-custom">
1356            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
1357          </div></a><a href="/collections/volcom"
1358         class="content-over-media rounded-sm group reveal-invisible"
1359         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=500 500w" width="500" height="625" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1360" class="zoom-image"><div class="place-self-end-start text-custom">
1361            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">VOLCOM</p>
1362          </div></a>
1363      </mega-menu-promo-carousel>
1363<div class="navigation-promo__carousel-controls">
1364          <button is="prev-button" aria-controls="promo-carousel-mega_menu_UkyPqi-4-2xl">
1365            <span class="sr-only">Previous</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-left-clipped reverse-icon" viewBox="0 0 24 24">
1366        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm1.53-14.47L11.06 12l2.47 2.47-1.06 1.06-3-3-.53-.53.53-.53 3-3 1.06 1.06Z" fill="currentColor"></path>
1367      </svg></button>
1368
1369          <button is="next-button" aria-controls="promo-carousel-mega_menu_UkyPqi-4-2xl">
1370            <span class="sr-only">Next</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-right-clipped reverse-icon" viewBox="0 0 24 24">
1371        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
1372      </svg></button>
1373        </div></div></div>
1374
1375
1376
1377<style>
1378  #navigation-promo-mega_menu_UkyPqi-4- {
1379    --navigation-promo-grid: 
1380  
1381    "promo-1 promo-1 promo-2" 1fr "promo-1 promo-1 promo-3" 1fr / minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width))
1382
1383  
1384;
1385    --mega-menu-promo-grid-image-max-width: 192px;
1386    --mega-menu-promo-grid-image-min-width: 172px;
1387    --promo-heading-font-size: var(--text-h5);
1388    --content-over-media-row-gap: ;
1389    --content-over-media-column-gap: ;}
1390
1391  #navigation-promo-mega_menu_UkyPqi-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
1392
1393  @media screen and (min-width:700px) {
1394    #navigation-promo-mega_menu_UkyPqi-4- {--mega-menu-promo-grid-image-min-width: 192px;
1395      --content-over-media-row-gap: ;
1396      --content-over-media-column-gap: ;
1397    }
1398  }@media screen and (min-width: 1150px) {
1399      #navigation-promo-mega_menu_UkyPqi-4- {
1400        --promo-heading-font-size: var(--text-h4);
1401        --promo-heading-line-height: 1.3;
1402        --navigation-promo-gap: var(--spacing-4);
1403        --mega-menu-promo-grid-image-min-width: 220px;
1404
1405        
1406
1407        
1408      }
1409
1410      
1411        #navigation-promo-mega_menu_UkyPqi-4- .content-over-media:not(:first-child) {
1412          --promo-heading-font-size: var(--text-h6);
1413          --promo-heading-line-height: 1.4;
1414          --content-over-media-row-gap: var(--spacing-4);
1415          --content-over-media-column-gap: var(--spacing-5);
1416        }
1417
1418        #navigation-promo-mega_menu_UkyPqi-4- .content-over-media:first-child {
1419          --content-over-media-row-gap: var(--spacing-8);
1420          --content-over-media-column-gap: var(--spacing-10);
1421        }
1422
1423      
1424    }
1425
1426    @media screen and (min-width: 1400px) {
1427      #navigation-promo-mega_menu_UkyPqi-4- {
1428        --mega-menu-promo-grid-image-max-width: 360px;
1429
1430        
1431      }
1432
1433      
1434    }</style><div class="navigation-promo__wrapper  2xl-max:hidden" id="navigation-promo-mega_menu_UkyPqi-4-"><div class="navigation-promo navigation-promo--collage ">
1435      <a href="/collections/mens-new-arrivals"
1436         class="content-over-media rounded-sm group "
1437         style="--text-color: 255 255 255; grid-area: promo-1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="minmax(350px, 650px)" class="zoom-image"><div class="place-self-end-start text-custom">
1438            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
1439          </div></a><a href="/collections/mens-best-sellers"
1440         class="content-over-media rounded-sm group "
1441         style="--text-color: 255 255 255; grid-area: promo-2;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
1442            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
1443          </div></a><a href="/collections/volcom"
1444         class="content-over-media rounded-sm group "
1445         style="--text-color: 255 255 255; grid-area: promo-3;"><img src="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=500 500w" width="500" height="625" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
1446            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">VOLCOM</p>
1447          </div></a>
1448    </div></div></div></details></li>
1449
1450                  <li>
1450<details is="mega-menu-disclosure" trigger="click" >
1451                            <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/womens">Womens<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1452        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1453      </svg></summary><style>
1454    @media screen and (min-width: 1150px) {
1455      #mega-menu-mega_menu_qKffw3 {
1456        --mega-menu-nav-column-max-width: 160px;
1457        --mega-menu-justify-content: center;
1458        --mega-menu-nav-gap: var(--spacing-8);
1459
1460        
1461          --column-list-max-width: 75%;
1462        
1463      }
1464    }
1465
1466    @media screen and (min-width: 1400px) {
1467      #mega-menu-mega_menu_qKffw3 {
1468        --mega-menu-nav-column-max-width: 180px;
1469        --mega-menu-nav-gap: var(--spacing-12);
1470
1471        
1472          --column-list-max-width: max-content;
1473        
1474      }
1475    }
1476
1477    @media screen and (min-width: 1600px) {
1478      #mega-menu-mega_menu_qKffw3 {
1479        --mega-menu-nav-gap: var(--spacing-16);
1480      }
1481    }
1482
1483    @media screen and (min-width: 1800px) {
1484      #mega-menu-mega_menu_qKffw3 {
1485        --mega-menu-nav-gap: var(--spacing-20);
1486      }
1487    }
1488  </style><div id="mega-menu-mega_menu_qKffw3" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1489          <a href="/collections/womens" class="h5" >
1490            <span class="reversed-link hover:show">Featured</span>
1491          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1492                  <a href="/collections/womens-new-arrivals" class="link-faded">
1493                    <span >New Arrivals</span>
1494                  </a>
1495                </li><li>
1496                  <a href="/collections/womens-best-sellers" class="link-faded">
1497                    <span >Best Sellers</span>
1498                  </a>
1499                </li><li>
1500                  <a href="/collections/womens-gift-ideas" class="link-faded">
1501                    <span >Gifts for Her</span>
1502                  </a>
1503                </li><li>
1504                  <a href="/collections/womens-surf-edit" class="link-faded">
1505                    <span >Surf Edit</span>
1506                  </a>
1507                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1508          <a href="/collections/womens-clothing" class="h5" >
1509            <span class="reversed-link hover:show">Clothing</span>
1510          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1511                  <a href="/collections/womens-clothing" class="link-faded">
1512                    <span >All Clothing</span>
1513                  </a>
1514                </li><li>
1515                  <a href="/collections/womens-dresses" class="link-faded">
1516                    <span >Dresses</span>
1517                  </a>
1518                </li><li>
1519                  <a href="/collections/womens-hoodies-jumpers" class="link-faded">
1520                    <span >Hoodies + Jumpers</span>
1521                  </a>
1522                </li><li>
1523                  <a href="/collections/womens-jackets-coats-vests" class="link-faded">
1524                    <span >Jackets + Vests</span>
1525                  </a>
1526                </li><li>
1527                  <a href="/collections/womens-knitwear" class="link-faded">
1528                    <span >Knitwear</span>
1529                  </a>
1530                </li><li>
1531                  <a href="/collections/womens-pants-trousers" class="link-faded">
1532                    <span >Jeans + Pants</span>
1533                  </a>
1534                </li><li>
1535                  <a href="/collections/womens-shorts" class="link-faded">
1536                    <span >Shorts</span>
1537                  </a>
1538                </li><li>
1539                  <a href="/collections/womens-skirts" class="link-faded">
1540                    <span >Skirts</span>
1541                  </a>
1542                </li><li>
1543                  <a href="/collections/womens-swimwear" class="link-faded">
1544                    <span >Swimwear</span>
1545                  </a>
1546                </li><li>
1547                  <a href="/collections/womens-singlets" class="link-faded">
1548                    <span >T-Shirts + Singlets</span>
1549                  </a>
1550                </li><li>
1551                  <a href="/collections/womens-tops-t-shirts" class="link-faded">
1552                    <span >Tops + Shirts</span>
1553                  </a>
1554                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1555          <a href="/collections/womens-shoes" class="h5" >
1556            <span class="reversed-link hover:show">Shoes</span>
1557          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1558                  <a href="/collections/womens-boots-sneakers" class="link-faded">
1559                    <span >Boots + Sneakers</span>
1560                  </a>
1561                </li><li>
1562                  <a href="/collections/womens-sandals-thongs" class="link-faded">
1563                    <span >Sandals + Thongs</span>
1564                  </a>
1565                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1566          <a href="/collections/womens-accessories" class="h5" >
1567            <span class="reversed-link hover:show">Accessories</span>
1568          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1569                  <a href="/collections/womens-bags" class="link-faded">
1570                    <span >Bags + Luggage</span>
1571                  </a>
1572                </li><li>
1573                  <a href="/collections/womens-hats-caps" class="link-faded">
1574                    <span >Hats + Caps</span>
1575                  </a>
1576                </li><li>
1577                  <a href="/collections/womens-sunglasses" class="link-faded">
1578                    <span >Sunglasses</span>
1579                  </a>
1580                </li><li>
1581                  <a href="/collections/womens-watches" class="link-faded">
1582                    <span >Watches</span>
1583                  </a>
1584                </li><li>
1585                  <a href="/collections/womens-towels" class="link-faded">
1586                    <span >Towels</span>
1587                  </a>
1588                </li></ul></li></ul>
1589
1590
1591
1592
1593
1594<style>
1595  #navigation-promo-mega_menu_qKffw3-4-2xl {
1596    --navigation-promo-grid: 
1597  
1598    auto / auto
1599
1600  
1601;
1602    --mega-menu-promo-grid-image-max-width: 300px;
1603    --mega-menu-promo-grid-image-min-width: 172px;
1604    --promo-heading-font-size: var(--text-h3);
1605    --content-over-media-row-gap: var(--spacing-4);
1606    --content-over-media-column-gap: var(--spacing-5);--promo-heading-line-height: 1.2;}
1607
1608  #navigation-promo-mega_menu_qKffw3-4-2xl .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
1609
1610  @media screen and (min-width:700px) {
1611    #navigation-promo-mega_menu_qKffw3-4-2xl {--mega-menu-promo-grid-image-min-width: 192px;
1612      --content-over-media-row-gap: var(--spacing-5);
1613      --content-over-media-column-gap: var(--spacing-6);
1614    }
1615  }@media screen and (min-width: 1150px) {
1616      #navigation-promo-mega_menu_qKffw3-4-2xl {
1617        --promo-heading-font-size: var(--text-h4);
1618        --promo-heading-line-height: 1.3;
1619        --navigation-promo-gap: var(--spacing-4);
1620        --mega-menu-promo-grid-image-min-width: 220px;
1621
1622        
1623          max-width: 360px;
1624        
1625
1626        
1627      }
1628
1629      
1630        #navigation-promo-mega_menu_qKffw3-4-2xl {
1631          --content-over-media-row-gap: var(--spacing-6);
1632          --content-over-media-column-gap: var(--spacing-8);
1633        }
1634      
1635    }
1636
1637    @media screen and (min-width: 1400px) {
1638      #navigation-promo-mega_menu_qKffw3-4-2xl {
1639        --mega-menu-promo-grid-image-max-width: 360px;
1640
1641        
1642      }
1643
1644      
1645    }</style><div class="navigation-promo__wrapper 2xl:hidden " id="navigation-promo-mega_menu_qKffw3-4-2xl"><div class="relative"><mega-menu-promo-carousel id="promo-carousel-mega_menu_qKffw3-4-2xl" class="navigation-promo navigation-promo--carousel" role="region" style="--navigation-promo-gap: 0">
1646        <a href="/collections/baku"
1647         class="content-over-media rounded-sm group "
1648         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1649" class="zoom-image"><div class="place-self-end-start text-custom">
1650            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">
1650BAKU SWIMWEAR</p>
1651          </div></a><a href="/collections/womens-best-sellers"
1652         class="content-over-media rounded-sm group reveal-invisible"
1653         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=1000 1000w" width="1462" height="2047" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1654" class="zoom-image"><div class="place-self-end-start text-custom">
1655            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
1656          </div></a><a href="/collections/rip-curl"
1657         class="content-over-media rounded-sm group reveal-invisible"
1658         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=1000 1000w" width="1200" height="1200" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1659" class="zoom-image"><div class="place-self-end-start text-custom">
1660            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RIP CURL</p>
1661          </div></a>
1662      </mega-menu-promo-carousel><div class="navigation-promo__carousel-controls">
1663          <button is="prev-button" aria-controls="promo-carousel-mega_menu_qKffw3-4-2xl">
1664            <span class="sr-only">Previous</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-left-clipped reverse-icon" viewBox="0 0 24 24">
1665        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm1.53-14.47L11.06 12l2.47 2.47-1.06 1.06-3-3-.53-.53.53-.53 3-3 1.06 1.06Z" fill="currentColor"></path>
1666      </svg></button>
1667
1668          <button is="next-button" aria-controls="promo-carousel-mega_menu_qKffw3-4-2xl">
1669            <span class="sr-only">Next</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-right-clipped reverse-icon" viewBox="0 0 24 24">
1670        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
1671      </svg></button>
1672        </div></div></div>
1673
1674
1675
1676<style>
1677  #navigation-promo-mega_menu_qKffw3-4- {
1678    --navigation-promo-grid: 
1679  
1680    "promo-1 promo-1 promo-2" 1fr "promo-1 promo-1 promo-3" 1fr / minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width))
1681
1682  
1683;
1684    --mega-menu-promo-grid-image-max-width: 192px;
1685    --mega-menu-promo-grid-image-min-width: 172px;
1686    --promo-heading-font-size: var(--text-h5);
1687    --content-over-media-row-gap: ;
1688    --content-over-media-column-gap: ;}
1689
1690  #navigation-promo-mega_menu_qKffw3-4- .navigation-promo__carousel-control
1690s {inset-block-end: var(--content-over-media-column-gap);}
1691
1692  @media screen and (min-width:700px) {
1693    #navigation-promo-mega_menu_qKffw3-4- {--mega-menu-promo-grid-image-min-width: 192px;
1694      --content-over-media-row-gap: ;
1695      --content-over-media-column-gap: ;
1696    }
1697  }@media screen and (min-width: 1150px) {
1698      #navigation-promo-mega_menu_qKffw3-4- {
1699        --promo-heading-font-size: var(--text-h4);
1700        --promo-heading-line-height: 1.3;
1701        --navigation-promo-gap: var(--spacing-4);
1702        --mega-menu-promo-grid-image-min-width: 220px;
1703
1704        
1705
1706        
1707      }
1708
1709      
1710        #navigation-promo-mega_menu_qKffw3-4- .content-over-media:not(:first-child) {
1711          --promo-heading-font-size: var(--text-h6);
1712          --promo-heading-line-height: 1.4;
1713          --content-over-media-row-gap: var(--spacing-4);
1714          --content-over-media-column-gap: var(--spacing-5);
1715        }
1716
1717        #navigation-promo-mega_menu_qKffw3-4- .content-over-media:first-child {
1718          --content-over-media-row-gap: var(--spacing-8);
1719          --content-over-media-column-gap: var(--spacing-10);
1720        }
1721
1722      
1723    }
1724
1725    @media screen and (min-width: 1400px) {
1726      #navigation-promo-mega_menu_qKffw3-4- {
1727        --mega-menu-promo-grid-image-max-width: 360px;
1728
1729        
1730      }
1731
1732      
1733    }</style><div class="navigation-promo__wrapper  2xl-max:hidden" id="navigation-promo-mega_menu_qKffw3-4-"><div class="navigation-promo navigation-promo--collage ">
1734      <a href="/collections/baku"
1735         class="content-over-media rounded-sm group "
1736         style="--text-color: 255 255 255; grid-area: promo-1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="minmax(350px, 650px)" class="zoom-image"><div class="place-self-end-start text-custom">
1737            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BAKU SWIMWEAR</p>
1738          </div></a><a href="/collections/womens-best-sellers"
1739         class="content-over-media rounded-sm group "
1740         style="--text-color: 255 255 255; grid-area: promo-2;"><img src="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=1000 1000w" width="1462" height="2047" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
1741            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
1742          </div></a><a href="/collections/rip-curl"
1743         class="content-over-media rounded-sm group "
1744         style="--text-color: 255 255 255; grid-area: promo-3;"><img src="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=1000 1000w" width="1200" height="1200" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
1745            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RIP CURL</p>
1746          </div></a>
1747    </div></div></div></details></li>
1748
1749                  <li>
1749<details is="mega-menu-disclosure" trigger="click" >
1750                            <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/kids">Kids<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
1751        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
1752      </svg></summary><style>
1753    @media screen and (min-width: 1150px) {
1754      #mega-menu-mega_menu_3EDdwN {
1755        --mega-menu-nav-column-max-width: 160px;
1756        --mega-menu-justify-content: center;
1757        --mega-menu-nav-gap: var(--spacing-8);
1758
1759        
1760          --column-list-max-width: 75%;
1761        
1762      }
1763    }
1764
1765    @media screen and (min-width: 1400px) {
1766      #mega-menu-mega_menu_3EDdwN {
1767        --mega-menu-nav-column-max-width: 180px;
1768        --mega-menu-nav-gap: var(--spacing-12);
1769
1770        
1771          --column-list-max-width: max-content;
1772        
1773      }
1774    }
1775
1776    @media screen and (min-width: 1600px) {
1777      #mega-menu-mega_menu_3EDdwN {
1778        --mega-menu-nav-gap: var(--spacing-16);
1779      }
1780    }
1781
1782    @media screen and (min-width: 1800px) {
1783      #mega-menu-mega_menu_3EDdwN {
1784        --mega-menu-nav-gap: var(--spacing-20);
1785      }
1786    }
1787  </style><div id="mega-menu-mega_menu_3EDdwN" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
1788          <a href="/collections/kids" class="h5" >
1789            <span class="reversed-link hover:show">Featured</span>
1790          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1791                  <a href="/collections/kids-new-arrivals" class="link-faded">
1792                    <span >New Arrivals</span>
1793                  </a>
1794                </li><li>
1795                  <a href="/collections/kids-best-sellers" class="link-faded">
1796                    <span >Best Sellers</span>
1797                  </a>
1798                </li><li>
1799                  <a href="/collections/back-to-school" class="link-faded">
1800                    <span >School Edit</span>
1801                  </a>
1802                </li><li>
1803                  <a href="/collections/kids-gift-ideas" class="link-faded">
1804                    <span >Gifts For Kids</span>
1805                  </a>
1806                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1807          <a href="/collections/kids-boys" class="h5" >
1808            <span class="reversed-link hover:show">Boys</span>
1809          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1810                  <a href="/collections/kids-boys" class="link-faded">
1811                    <span >All Clothing</span>
1812                  </a>
1813                </li><li>
1814                  <a href="/collections/boys-accessories" class="link-faded">
1815                    <span >Accessories</span>
1816                  </a>
1817                </li><li>
1818                  <a href="/collections/boys-shoes" class="link-faded">
1819                    <span >Shoes</span>
1820                  </a>
1821                </li><li>
1822                  <a href="/collections/boys-jumpers-hoodies" class="link-faded">
1823                    <span >Hoodies + Jumpers</span>
1824                  </a>
1825                </li><li>
1826                  <a href="/collections/boys-jackets" class="link-faded">
1827                    <span >Jackets</span>
1828                  </a>
1829                </li><li>
1830                  <a href="/collections/boys-pants" class="link-faded">
1831                    <span >Pants</span>
1832                  </a>
1833                </li><li>
1834                  <a href="/collections/boys-shorts" class="link-faded">
1835                    <span >Shorts</span>
1836                  </a>
1837                </li><li>
1838                  <a href="/collections/boys-rashies-wetsuits" class="link-faded">
1839                    <span >Swimwear</span>
1840                  </a>
1841                </li><li>
1842                  <a href="/collections/boys-tops" class="link-faded">
1843                    <span >Tees + Singlets</span>
1844                  </a>
1845                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1846          <a href="/collections/kids-girls" class="h5" >
1847            <span class="reversed-link hover:show">Girls</span>
1848          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1849                  <a href="/collections/kids-girls" class="link-faded">
1850                    <span >All Clothing</span>
1851                  </a>
1852                </li><li>
1853                  <a href="/collections/girls-accessories" class="link-faded">
1854                    <span >Accessories</span>
1855                  </a>
1856                </li><li>
1857                  <a href="/collections/girls-shoes" class="link-faded">
1858                    <span >Shoes</span>
1859                  </a>
1860                </li><li>
1861                  <a href="/collections/girls-jumpers-hoodies" class="link-faded">
1862                    <span >Hoodies + Jumpers</span>
1863                  </a>
1864                </li><li>
1865                  <a href="/collections/girls-pants" class="link-faded">
1866                    <span >Pants</span>
1867                  </a>
1868                </li><li>
1869                  <a href="/collections/girls-shorts" class="link-faded">
1870                    <span >Shorts</span>
1871                  </a>
1872                </li><li>
1873                  <a href="/collections/girls-swimsuits" class="link-faded">
1874                    <span >Swimwear</span>
1875                  </a>
1876                </li><li>
1877                  <a href="/collections/girls-tops" class="link-faded">
1878                    <span >Tees + Singlets</span>
1879                  </a>
1880                </li></ul></li><li class="v-stack gap-4 justify-items-start">
1881          <a href="/collections/kids-toddlers" class="h5" >
1882            <span class="reversed-link hover:show">Toddlers</span>
1883          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
1884                  <a href="/collections/kids-toddlers" class="link-faded">
1885                    <span >Shop All</span>
1886                  </a>
1887                </li></ul></li></ul>
1888
1889
1890
1891
1892
1893<style>
1894  #navigation-promo-mega_menu_3EDdwN-4-2xl {
1895    --navigation-promo-grid: 
1896  
1897    auto / auto
1898
1899  
1900;
1901    --mega-menu-promo-grid-image-max-width: 300px;
1902    --mega-menu-promo-grid-image-min-width: 172px;
1903    --promo-heading-font-size: var(--text-h3);
1904    --content-over-media-row-gap: var(--spacing-4);
1905    --content-over-media-column-gap: var(--spacing-5);--promo-heading-line-height: 1.2;}
1906
1907  #navigation-promo-mega_menu_3EDdwN-4-2xl .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
1908
1909  @media screen and (min-width:700px) {
1910    #navigation-promo-mega_menu_3EDdwN-4-2xl {--mega-menu-promo-grid-image-min-width: 192px;
1911      --content-over-media-row-gap: var(--spacing-5);
1912      --content-over-media-column-gap: var(--spacing-6);
1913    }
1914  }@media screen and (min-width: 1150px) {
1915      #navigation-promo-mega_menu_3EDdwN-4-2xl {
1916        --promo-heading-font-size: var(--text-h4);
1917        --promo-heading-line-height: 1.3;
1918        --navigation-promo-gap: var(--spacing-4);
1919        --mega-menu-promo-grid-image-min-width: 220px;
1920
1921        
1922          max-width: 360px;
1923        
1924
1925        
1926      }
1927
1928      
1929        #navigation-promo-mega_menu_3EDdwN-4-2xl {
1930          --content-over-media-row-gap: var(--spacing-6);
1931          --content-over-media-column-gap: var(--spacing-8);
1932        }
1933      
1934    }
1935
1936    @media screen and (min-width: 1400px) {
1937      #navigation-promo-mega_menu_3EDdwN-4-2xl {
1938        --mega-menu-promo-grid-image-max-width: 360px;
1939
1940        
1941      }
1942
1943      
1944    }</style><div class="navigation-promo__wrapper 2xl:hidden " id="navigation-promo-mega_menu_3EDdwN-4-2xl"><div class="relative"><mega-menu-promo-carousel id="promo-carousel-mega_menu_3EDdwN-4-2xl" class="navigation-promo navigation-promo--carousel" role="region" style="--navigation-promo-gap: 0">
1945        <a href="/collections/kids-new-arrivals"
1946         class="content-over-media rounded-sm group "
1947         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=1000 1000w" width="2952" height="2952" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1948" class="zoom-image"><div class="place-self-end-start text-custom">
1949            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
1950          </div></a><a href="/collections/kids-best-sellers"
1951         class="content-over-media rounded-sm group reveal-invisible"
1952         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=1000 1000w" width="1860" height="2300" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1953" class="zoom-image"><div class="place-self-end-start text-custom">
1954            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
1955          </div></a><a href="/collections/back-to-school"
1956         class="content-over-media rounded-sm group reveal-invisible"
1957         style="--text-color: 255 255 255; grid-area: 1 / -1;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 100vw, (max-width: 1150px) 316px, 360px
1958" class="zoom-image"><div class="place-self-end-start text-custom">
1959            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SCHOOL EDIT</p>
1960          </div></a>
1961      </mega-menu-promo-carousel>
1961<div class="navigation-promo__carousel-controls">
1962          <button is="prev-button" aria-controls="promo-carousel-mega_menu_3EDdwN-4-2xl">
1963            <span class="sr-only">Previous</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-left-clipped reverse-icon" viewBox="0 0 24 24">
1964        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Zm1.53-14.47L11.06 12l2.47 2.47-1.06 1.06-3-3-.53-.53.53-.53 3-3 1.06 1.06Z" fill="currentColor"></path>
1965      </svg></button>
1966
1967          <button is="next-button" aria-controls="promo-carousel-mega_menu_3EDdwN-4-2xl">
1968            <span class="sr-only">Next</span><svg role="presentation" focusable="false" width="26" height="26" class="icon icon-circle-button-right-clipped reverse-icon" viewBox="0 0 24 24">
1969        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12ZM10.47 9.53 12.94 12l-2.47 2.47 1.06 1.06 3-3 .53-.53-.53-.53-3-3-1.06 1.06Z" fill="currentColor"></path>
1970      </svg></button>
1971        </div></div></div>
1972
1973
1974
1975<style>
1976  #navigation-promo-mega_menu_3EDdwN-4- {
1977    --navigation-promo-grid: 
1978  
1979    "promo-1 promo-1 promo-2" 1fr "promo-1 promo-1 promo-3" 1fr / minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width)) minmax(172px, var(--mega-menu-promo-grid-image-max-width))
1980
1981  
1982;
1983    --mega-menu-promo-grid-image-max-width: 192px;
1984    --mega-menu-promo-grid-image-min-width: 172px;
1985    --promo-heading-font-size: var(--text-h5);
1986    --content-over-media-row-gap: ;
1987    --content-over-media-column-gap: ;}
1988
1989  #navigation-promo-mega_menu_3EDdwN-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
1990
1991  @media screen and (min-width:700px) {
1992    #navigation-promo-mega_menu_3EDdwN-4- {--mega-menu-promo-grid-image-min-width: 192px;
1993      --content-over-media-row-gap: ;
1994      --content-over-media-column-gap: ;
1995    }
1996  }@media screen and (min-width: 1150px) {
1997      #navigation-promo-mega_menu_3EDdwN-4- {
1998        --promo-heading-font-size: var(--text-h4);
1999        --promo-heading-line-height: 1.3;
2000        --navigation-promo-gap: var(--spacing-4);
2001        --mega-menu-promo-grid-image-min-width: 220px;
2002
2003        
2004
2005        
2006      }
2007
2008      
2009        #navigation-promo-mega_menu_3EDdwN-4- .content-over-media:not(:first-child) {
2010          --promo-heading-font-size: var(--text-h6);
2011          --promo-heading-line-height: 1.4;
2012          --content-over-media-row-gap: var(--spacing-4);
2013          --content-over-media-column-gap: var(--spacing-5);
2014        }
2015
2016        #navigation-promo-mega_menu_3EDdwN-4- .content-over-media:first-child {
2017          --content-over-media-row-gap: var(--spacing-8);
2018          --content-over-media-column-gap: var(--spacing-10);
2019        }
2020
2021      
2022    }
2023
2024    @media screen and (min-width: 1400px) {
2025      #navigation-promo-mega_menu_3EDdwN-4- {
2026        --mega-menu-promo-grid-image-max-width: 360px;
2027
2028        
2029      }
2030
2031      
2032    }</style><div class="navigation-promo__wrapper  2xl-max:hidden" id="navigation-promo-mega_menu_3EDdwN-4-"><div class="navigation-promo navigation-promo--collage ">
2033      <a href="/collections/kids-new-arrivals"
2034         class="content-over-media rounded-sm group "
2035         style="--text-color: 255 255 255; grid-area: promo-1;"><img src="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=1000 1000w" width="2952" height="2952" loading="lazy" sizes="minmax(350px, 650px)" class="zoom-image"><div class="place-self-end-start text-custom">
2036            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
2037          </div></a><a href="/collections/kids-best-sellers"
2038         class="content-over-media rounded-sm group "
2039         style="--text-color: 255 255 255; grid-area: promo-2;"><img src="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=1000 1000w" width="1860" height="2300" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
2040            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
2041          </div></a><a href="/collections/back-to-school"
2042         class="content-over-media rounded-sm group "
2043         style="--text-color: 255 255 255; grid-area: promo-3;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="minmax(192px, 350px)" class="zoom-image"><div class="place-self-end-start text-custom">
2044            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SCHOOL EDIT</p>
2045          </div></a>
2046    </div></div></div></details></li>
2047
2048                  <li>
2048<details is="mega-menu-disclosure" trigger="click" >
2049                            <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/pages/brands">Brands<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
2050        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
2051      </svg></summary><style>
2052    @media screen and (min-width: 1150px) {
2053      #mega-menu-mega_menu_gYGy4t {
2054        --mega-menu-nav-column-max-width: 180px;
2055        --mega-menu-justify-content: center;
2056        --mega-menu-nav-gap: var(--spacing-8);
2057
2058        
2059      }
2060    }
2061
2062    @media screen and (min-width: 1400px) {
2063      #mega-menu-mega_menu_gYGy4t {
2064        --mega-menu-nav-column-max-width: 200px;
2065        --mega-menu-nav-gap: var(--spacing-12);
2066
2067        
2068          --column-list-max-width: max-content;
2069        
2070      }
2071    }
2072
2073    @media screen and (min-width: 1600px) {
2074      #mega-menu-mega_menu_gYGy4t {
2075        --mega-menu-nav-gap: var(--spacing-16);
2076      }
2077    }
2078
2079    @media screen and (min-width: 1800px) {
2080      #mega-menu-mega_menu_gYGy4t {
2081        --mega-menu-nav-gap: var(--spacing-20);
2082      }
2083    }
2084  </style><div id="mega-menu-mega_menu_gYGy4t" class="mega-menu "><ul class="mega-menu__nav" role="list"><li class="v-stack gap-4 justify-items-start">
2085          <a href="/pages/brands" class="h5" >
2086            <span class="reversed-link hover:show">Shop All Brands</span>
2087          </a></li><li class="v-stack gap-4 justify-items-start">
2088          <a href="/pages/brands" class="h5" >
2089            <span class="reversed-link hover:show">Featured Brands</span>
2090          </a><ul class="v-stack gap-2 justify-items-start" role="list"><li>
2091                  <a href="/collections/adidas" class="link-faded">
2092                    <span >Adidas</span>
2093                  </a>
2094                </li><li>
2095                  <a href="/collections/billabong" class="link-faded">
2096                    <span >Billabong</span>
2097                  </a>
2098                </li><li>
2099                  <a href="/collections/birkenstock" class="link-faded">
2100                    <span >Birkenstock</span>
2101                  </a>
2102                </li><li>
2103                  <a href="/collections/havaianas" class="link-faded">
2104                    <span >Havaianas</span>
2105                  </a>
2106                </li><li>
2107                  <a href="/collections/nike" class="link-faded">
2108                    <span >Nike SB</span>
2109                  </a>
2110                </li><li>
2111                  <a href="/collections/rhythm" class="link-faded">
2112                    <span >Rhythm</span>
2113                  </a>
2114                </li><li>
2115                  <a href="/collections/rip-curl" class="link-faded">
2116                    <span >Rip Curl</span>
2117                  </a>
2118                </li><li>
2119                  <a href="/collections/rusty" class="link-faded">
2120                    <span >Rusty</span>
2121                  </a>
2122                </li></ul></li></ul>
2123
2124
2125
2126
2127
2128<style>
2129  #navigation-promo-mega_menu_gYGy4t-2- {
2130    --navigation-promo-grid: 
2131  
2132    auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
2133
2134  
2135;
2136    --mega-menu-promo-grid-image-max-width: 300px;
2137    --mega-menu-promo-grid-image-min-width: 172px;
2138    --promo-heading-font-size: var(--text-h5);
2139    --content-over-media-row-gap: var(--spacing-3);
2140    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
2141      --panel-wrapper-justify-content: flex-start;}
2142
2143  #navigation-promo-mega_menu_gYGy4t-2- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
2144
2145  @media screen and (min-width:700px) {
2146    #navigation-promo-mega_menu_gYGy4t-2- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px;
2147      --content-over-media-row-gap: var(--spacing-4);
2148      --content-over-media-column-gap: var(--spacing-5);
2149    }
2150  }@media screen and (min-width: 1150px) {
2151      #navigation-promo-mega_menu_gYGy4t-2- {
2152        --promo-heading-font-size: var(--text-h4);
2153        --promo-heading-line-height: 1.3;
2154        --navigation-promo-gap: var(--spacing-4);
2155        --mega-menu-promo-grid-image-min-width: 220px;
2156
2157        
2158
2159        
2160      }
2161
2162      
2163        #navigation-promo-mega_menu_gYGy4t-2- {
2164          --content-over-media-row-gap: var(--spacing-6);
2165          --content-over-media-column-gap: var(--spacing-8);
2166        }
2167      
2168    }
2169
2170    @media screen and (min-width: 1400px) {
2171      #navigation-promo-mega_menu_gYGy4t-2- {
2172        --mega-menu-promo-grid-image-max-width: 360px;
2173
2174        
2175          --promo-heading-font-size: var(--text-h5);
2176          --promo-heading-line-height: 1.4;
2177        
2178      }
2179
2180      
2181        #navigation-promo-mega_menu_gYGy4t-2- {
2182          --content-over-media-row-gap: var(--spacing-5);
2183          --content-over-media-column-gap: var(--spacing-6);
2184        }
2185      
2186    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-mega_menu_gYGy4t-2-"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
2187      <a href="/collections/rip-curl"
2188         class="content-over-media rounded-sm group "
2189         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px)
2190" class="zoom-image"><div class="place-self-end-start text-custom">
2191            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RIP CURL</p>
2192          </div></a><a href="/collections/billabong"
2193         class="content-over-media rounded-sm group "
2194         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px)
2195" class="zoom-image"><div class="place-self-end-start text-custom">
2196            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BILLABONG</p>
2197          </div></a><a href="/collections/rusty"
2198         class="content-over-media rounded-sm group "
2199         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,minmax(220px, 440px)
2200" class="zoom-image"><div class="place-self-end-start text-custom">
2201            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RUSTY</p>
2202          </div></a>
2203    </div></div></div></details></li>
2204
2205                  <li>
2205<details class="relative" is="dropdown-disclosure" trigger="click">
2206                          <summary class="text-with-icon gap-2.5 bold link-faded-reverse" data-url="/collections/sale">Sale<svg role="presentation" focusable="false" width="10" height="7" class="icon icon-chevron-bottom" viewBox="0 0 10 7">
2207        <path d="m1 1 4 4 4-4" fill="none" stroke="currentColor" stroke-width="2"></path>
2208      </svg></summary>
2209
2210                          <div class="dropdown-menu dropdown-menu--restrictable">
2211                            <ul class="contents" role="list"><li><a href="/collections/sale-mens" class="dropdown-menu__item group" >
2212                                      <span><span class="reversed-link">Mens Sale</span></span>
2213                                    </a></li><li><a href="/collections/sale-womens" class="dropdown-menu__item group" >
2214                                      <span><span class="reversed-link">Womens Sale</span></span>
2215                                    </a></li><li><a href="/collections/sale-kids" class="dropdown-menu__item group" >
2216                                      <span><span class="reversed-link">Kids Sale</span></span>
2217                                    </a></li></ul>
2218                          </div>
2219                        </details></li></ul>
2220            </nav></div>
2221      </div>
2222        <a href="/" class="header__logo"><span class="sr-only">Ozmosis</span><img src="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo.svg?v=1739248459&amp;width=893" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo.svg?v=1739248459&amp;width=450 450w, //www.ozmosis.com.au/cdn/shop/files/ozmosis_logo.svg?v=1739248459&amp;width=675 675w" width="893" height="106" sizes="225px" class="header__logo-image"><img src="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo_white.svg?v=1778547664&amp;width=893" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo_white.svg?v=1778547664&amp;width=450 450w, //www.ozmosis.com.au/cdn/shop/files/ozmosis_logo_white.svg?v=1778547664&amp;width=675 675w" width="893" height="106" sizes="225px" class="header__logo-image header__logo-image--transparent"></a>
2223      
2224<div class="header__secondary-nav"><nav class="header__link-list" role="navigation">
2225            <ul class="contents"><li>
2226                  <a href="/pages/about" class="bold link-faded-reverse">About Ozmosis</a>
2227                </li><li>
2228                  <a href="/pages/stores" class="bold link-faded-reverse">Find Ozmosis Store</a>
2229                </li><li>
2230                  <a href="/pages/frequently-asked-questions" class="bold link-faded-reverse">Frequently Ask Questions</a>
2231                </li><li>
2232                  <a href="/pages/size-guides" class="bold link-faded-reverse">Size Guides</a>
2233                </li><li>
2234                  <a href="/pages/contact" class="bold link-faded-reverse">Contact Ozmosis</a>
2235                </li><li>
2236                  <a href="https://shopify.com/91798241574/account/profile?locale=en&region_country=AU&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJvem1vc2lzLWhxLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTkxNDYwMSwibmJmIjoxNzkxMzA5ODAxfQ.Y97R0zgfVRerlL2P_A0Ykrs-R2ot53LrFiLxRtQwFvg" class="bold link-faded-reverse">My Account</a>
2237                </li></ul>
2238          </nav><ul class="header__icon-list"><li>
2239            <a href="/search" class="hidden tap-area sm:block" aria-controls="search-drawer">
2240              <span class="sr-only">Search</span><svg role="presentation" stroke-width="1.6" focusable="false" width="22" height="22" class="icon icon-search" viewBox="0 0 22 22">
2241        <circle cx="11" cy="10" r="7" fill="none" stroke="currentColor"></circle>
2242        <path d="m16 15 3 3" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
2243      </svg></a> 
2244          </li>
2245          <a href="https://www.ozmosis.com.au/pages/swym-wishlist" class="swym-wishlist tap-area"><svg
2246        xmlns="http://www.w3.org/2000/svg"
2247        viewBox="0 0 24 24"  
2248        fill="none"
2249        stroke="currentColor" 
2250        stroke-width="1.6"
2251        stroke-linecap="round"
2252        stroke-linejoin="round"
2253        class="wishlist-heart-icon"
2254        width="22"
2255        height="22"
2256      > 
2257        <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 1 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
2258      </svg><span class="swym-wishlist-header-counter"></span>
2259          </a><li class="hidden sm:block">
2260              <a href="/account/login" class="hidden tap-area sm:block">
2261                <span class="sr-only">Login</span><svg role="presentation" stroke-width="1.6" focusable="false" width="22" height="22" class="icon icon-account" viewBox="0 0 22 22">
2262        <circle cx="11" cy="7" r="4" fill="none" stroke="currentColor"></circle>
2263        <path d="M3.5 19c1.421-2.974 4.247-5 7.5-5s6.079 2.026 7.5 5" fill="none" stroke="currentColor" stroke-linecap="round"></path>
2264      </svg></a>
2265            </li><li>
2266            <a href="/cart" data-no-instant class="relative block tap-area" aria-controls="cart-drawer">
2267              <span class="sr-only">Cart</span><svg role="presentation" stroke-width="1.6" focusable="false" width="22" height="22" class="icon icon-cart" viewBox="0 0 22 22">
2268            <path d="M9.182 18.454a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.818 0Zm7.272 0a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.819 0Z" fill="currentColor"></path>
2269            <path d="M5.336 6.636H21l-3.636 8.182H6.909L4.636 3H1m8.182 15.454a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.818 0Zm7.272 0a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.819 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
2270          </svg><div class="header__cart-count">
2271                <cart-count class="count-bubble opacity-0">
2272                  <span class="sr-only">0 items</span>
2273                  <span aria-hidden="true">0</span>
2274                </cart-count>
2275              </div>
2276            </a>
2277          </li>
2278        </ul>
2279      </div>
2280    </div>
2281  </store-header>
2282</height-observer><navigation-drawer mobile-opening="left" open-from="left" id="header-sidebar-menu" class="navigation-drawer drawer lg:hidden" >
2283    <button is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="19" height="19" class="icon icon-close" viewBox="0 0 24 24">
2284        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
2285      </svg></button><div class="panel-list__wrapper">
2286  <div class="panel">
2287    <div class="panel__wrapper" >
2288      <div class="panel__scroller v-stack gap-8"><ul class="v-stack gap-4">
2289<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-0">
2290                  <span>Mens</span>
2291                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2292        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2293      </svg></span>
2294                </button></li>
2295<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-1">
2296                  <span>Womens</span>
2297                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2298        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2299      </svg></span>
2300                </button></li>
2301<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-2">
2302                  <span>Kids</span>
2303                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewB
2303ox="0 0 5 8">
2304        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2305      </svg></span>
2306                </button></li>
2307<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-3">
2308                  <span>Brands</span>
2309                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2310        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2311      </svg></span>
2312                </button></li>
2313<li class="h3 sm:h4"><button class="text-with-icon w-full group justify-between" aria-expanded="false" data-panel="1-4">
2314                  <span>Sale</span>
2315                  <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2316        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2317      </svg></span>
2318                </button></li></ul><ul class="v-stack gap-3"><li>
2319                <a href="/pages/about" class="h6 group"><span><span class="reversed-link">About Ozmosis</span></span></a>
2320              </li><li>
2321                <a href="/pages/stores" class="h6 group"><span><span class="reversed-link">Find Ozmosis Store</span></span></a>
2322              </li><li>
2323                <a href="/pages/frequently-asked-questions" class="h6 group"><span><span class="reversed-link">Frequently Ask Questions</span></span></a>
2324              </li><li>
2325                <a href="/pages/size-guides" class="h6 group"><span><span class="reversed-link">Size Guides</span></span></a>
2326              </li><li>
2327                <a href="/pages/contact" class="h6 group"><span><span class="reversed-link">Contact Ozmosis</span></span></a>
2328              </li><li>
2329                <a href="https://shopify.com/91798241574/account/profile?locale=en&region_country=AU&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJvem1vc2lzLWhxLm15c2hvcGlmeS5jb20iLCJmbGFncyI6W10sImV4cCI6MTc5MTkxNDYwMSwibmJmIjoxNzkxMzA5ODAxfQ.Y97R0zgfVRerlL2P_A0Ykrs-R2ot53LrFiLxRtQwFvg" class="h6 group"><span><span class="reversed-link">My Account</span></span></a>
2330              </li></ul></div><div class="panel-footer v-stack gap-5"><ul class="social-media " role="list"><li>
2331      <a href="https://www.facebook.com/ozmosisaustralia/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
2332        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
2333      </svg></a>
2334    </li><li>
2335      <a href="https://www.instagram.com/OzmosisAustralia" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
2336        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
2337      </svg></a>
2338    </li><li>
2339      <a href="https://www.tiktok.com/@ozmosisaustralia" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewB
2339ox="0 0 24 24">
2340        <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
2341      </svg></a>
2342    </li></ul><div class="panel-footer__localization-wrapper h-stack gap-6 border-t md:hidden"><a href="/account" class="panel-footer__account-link bold text-sm">Account</a></div></div></div>
2343  </div><div class="panel gap-8">
2344      <div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
2345                  <ul class="v-stack gap-4">
2346                    <li class="lg:hidden">
2347                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2348        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2349      </svg>Mens
2350                      </button>
2351                    </li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-0">
2352                              <span>Featured</span>
2353                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2354        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2355      </svg></span>
2356                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-1">
2357                              <span>Clothing</span>
2358                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2359        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2360      </svg></span>
2361                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-2">
2362                              <span>Shoes</span>
2363                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2364        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2365      </svg></span>
2366                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-3">
2367                              <span>Accessories</span>
2368                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2369        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2370      </svg></span>
2371                            </button></li></ul>
2372
2373
2374
2375<style>
2376  #navigation-promo-mega_menu_UkyPqi-drawer-4- {
2377    --navigation-promo-grid: 
2378  
2379    auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
2380
2381  
2382;
2383    --mega-menu-promo-grid-image-max-width: 300px;
2384    --mega-menu-promo-grid-image-min-width: 172px;
2385    --promo-heading-font-size: var(--text-h5);
2386    --content-over-media-row-gap: var(--spacing-3);
2387    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
2388      --panel-wrapper-justify-content: flex-start;}
2389
2390  #navigation-promo-mega_menu_UkyPqi-drawer-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
2391
2392  @media screen and (min-width:700px) {
2393    #navigation-promo-mega_menu_UkyPqi-drawer-4- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px;
2394      --content-over-media-row-gap: var(--spacing-4);
2395      --content-over-media-column-gap: var(--spacing-5);
2396    }
2397  }@media screen and (min-width: 1150px) {
2398      #navigation-promo-mega_menu_UkyPqi-drawer-4- {
2399        --promo-heading-font-size: var(--text-h5);
2400        --content-over-media-row-gap: var(--spacing-5);
2401        --content-over-media-column-gap: var(--spacing-7);
2402        --mega-menu-promo-grid-image-min-width: 220px;
2403
2404      
2405      }
2406    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-mega_menu_UkyPqi-drawer-4-"><div class="navigation-promo navigation-promo--collage scroll-area bleed">
2407      <a href="/collections/mens-new-arrivals"
2408         class="content-over-media rounded-sm group "
2409         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2410" class="zoom-image"><div class="place-self-end-start text-custom">
2411            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
2412          </div></a><a href="/collections/mens-best-sellers"
2413         class="content-over-media rounded-sm group "
2414         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2415" class="zoom-image"><div class="place-self-end-start text-custom">
2416            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
2417          </div></a><a href="/collections/volcom"
2418         class="content-over-media rounded-sm group "
2419         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&amp;width=500 500w" width="500" height="625" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2420" class="zoom-image"><div class="place-self-end-start text-custom">
2421            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">VOLCOM</p>
2422          </div></a>
2423    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
2424                  <ul class="v-stack gap-4">
2425                    <li class="lg:hidden">
2426                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2426ox="0 0 7 10">
2427        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2428      </svg>Womens
2429                      </button>
2430                    </li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-4">
2431                              <span>Featured</span>
2432                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2433        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2434      </svg></span>
2435                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-5">
2436                              <span>Clothing</span>
2437                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2438        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2439      </svg></span>
2440                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-6">
2441                              <span>Shoes</span>
2442                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2443        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2444      </svg></span>
2445                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-7">
2446                              <span>Accessories</span>
2447                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2448        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2449      </svg></span>
2450                            </button></li></ul>
2451
2452
2453
2454<style>
2455  #navigation-promo-mega_menu_qKffw3-drawer-4- {
2456    --navigation-promo-grid: 
2457  
2458    auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
2459
2460  
2461;
2462    --mega-menu-promo-grid-image-max-width: 300px;
2463    --mega-menu-promo-grid-image-min-width: 172px;
2464    --promo-heading-font-size: var(--text-h5);
2465    --content-over-media-row-gap: var(--spacing-3);
2466    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
2467      --panel-wrapper-justify-content: flex-start;}
2468
2469  #navigation-promo-mega_menu_qKffw3-drawer-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
2470
2471  @media screen and (min-width:700px) {
2472    #navigation-promo-mega_menu_qKffw3-drawer-4- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px;
2473      --content-over-media-row-gap: var(--spacing-4);
2474      --content-over-media-column-gap: var(--spacing-5);
2475    }
2476  }@media screen and (min-width: 1150px) {
2477      #navigation-promo-mega_menu_qKffw3-drawer-4- {
2478        --promo-heading-font-size: var(--text-h5);
2479        --content-over-media-row-gap: var(--spacing-5);
2480        --content-over-media-column-gap: var(--spacing-7);
2481        --mega-menu-promo-grid-image-min-width: 220px;
2482
2483      
2484      }
2485    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-mega_menu_qKffw3-drawer-4-"><div class="navigation-promo navigation-promo--collage scroll-area bleed">
2486      <a href="/collections/baku"
2487         class="content-over-media rounded-sm group "
2488         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2489" class="zoom-image"><div class="place-self-end-start text-custom">
2490            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">
2490BAKU SWIMWEAR</p>
2491          </div></a><a href="/collections/womens-best-sellers"
2492         class="content-over-media rounded-sm group "
2493         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&amp;width=1000 1000w" width="1462" height="2047" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2494" class="zoom-image"><div class="place-self-end-start text-custom">
2495            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
2496          </div></a><a href="/collections/rip-curl"
2497         class="content-over-media rounded-sm group "
2498         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&amp;width=1000 1000w" width="1200" height="1200" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2499" class="zoom-image"><div class="place-self-end-start text-custom">
2500            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RIP CURL</p>
2501          </div></a>
2502    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
2503                  <ul class="v-stack gap-4">
2504                    <li class="lg:hidden">
2505                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2506        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2507      </svg>Kids
2508                      </button>
2509                    </li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-8">
2510                              <span>Featured</span>
2511                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2512        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2513      </svg></span>
2514                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-9">
2515                              <span>Boys</span>
2516                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2517        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2518      </svg></span>
2519                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-10">
2520                              <span>Girls</span>
2521                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2522        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2523      </svg></span>
2524                            </button></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-11">
2525                              <span>Toddlers</span>
2526                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2527        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2528      </svg></span>
2529                            </button></li></ul>
2530
2531
2532
2533<style>
2534  #navigation-promo-mega_menu_3EDdwN-drawer-4- {
2535    --navigation-promo-grid: 
2536  
2537    auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
2538
2539  
2540;
2541    --mega-menu-promo-grid-image-max-width: 300px;
2542    --mega-menu-promo-grid-image-min-width: 172px;
2543    --promo-heading-font-size: var(--text-h5);
2544    --content-over-media-row-gap: var(--spacing-3);
2545    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
2546      --panel-wrapper-justify-content: flex-start;}
2547
2548  #navigation-promo-mega_menu_3EDdwN-drawer-4- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
2549
2550  @media screen and (min-width:700px) {
2551    #navigation-promo-mega_menu_3EDdwN-drawer-4- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px;
2552      --content-over-media-row-gap: var(--spacing-4);
2553      --content-over-media-column-gap: var(--spacing-5);
2554    }
2555  }@media screen and (min-width: 1150px) {
2556      #navigation-promo-mega_menu_3EDdwN-drawer-4- {
2557        --promo-heading-font-size: var(--text-h5);
2558        --content-over-media-row-gap: var(--spacing-5);
2559        --content-over-media-column-gap: var(--spacing-7);
2560        --mega-menu-promo-grid-image-min-width: 220px;
2561
2562      
2563      }
2564    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-mega_menu_3EDdwN-drawer-4-"><div class="navigation-promo navigation-promo--collage scroll-area bleed">
2565      <a href="/collections/kids-new-arrivals"
2566         class="content-over-media rounded-sm group "
2567         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/H426B01006_BLACK_DRAGON_CAPTAIN_SS_TEE_H426B08001_VINTAGE_BLACK_CODZILLA_FOREVER_HOODED_PULLOVER_17.jpg?v=1784600380&amp;width=1000 1000w" width="2952" height="2952" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2568" class="zoom-image"><div class="place-self-end-start text-custom">
2569            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">NEW ARRIVALS</p>
2570          </div></a><a href="/collections/kids-best-sellers"
2571         class="content-over-media rounded-sm group "
2572         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&amp;width=1000 1000w" width="1860" height="2300" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2573" class="zoom-image"><div class="place-self-end-start text-custom">
2574            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BEST SELLERS</p>
2575          </div></a><a href="/collections/back-to-school"
2576         class="content-over-media rounded-sm group "
2577         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&amp;width=1000 1000w" width="1035" height="1280" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2578" class="zoom-image"><div class="place-self-end-start text-custom">
2579            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">SCHOOL EDIT</p>
2580          </div></a>
2581    </div></div></div><div class="panel__wrapper" style="--panel-wrapper-justify-content: flex-start" hidden>
2582                  <ul class="v-stack gap-4">
2583                    <li class="lg:hidden">
2584                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2584ox="0 0 7 10">
2585        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2586      </svg>Brands
2587                      </button>
2588                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/pages/brands"><span><span class="reversed-link">Shop All Brands</span></span>
2589                            </a></li><li class="h3 sm:h4"><button class="text-with-icon w-full justify-between" aria-expanded="false" data-panel="2-12">
2590                              <span>Featured Brands</span>
2591                              <span class="circle-chevron group-hover:colors group-expanded:colors"><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
2592        <path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
2593      </svg></span>
2594                            </button></li></ul>
2595
2596
2597
2598<style>
2599  #navigation-promo-mega_menu_gYGy4t-drawer-2- {
2600    --navigation-promo-grid: 
2601  
2602    auto / repeat(3, minmax(var(--mega-menu-promo-grid-image-min-width), var(--mega-menu-promo-grid-image-max-width)))
2603
2604  
2605;
2606    --mega-menu-promo-grid-image-max-width: 300px;
2607    --mega-menu-promo-grid-image-min-width: 172px;
2608    --promo-heading-font-size: var(--text-h5);
2609    --content-over-media-row-gap: var(--spacing-3);
2610    --content-over-media-column-gap: var(--spacing-4);--navigation-promo-gap: var(--spacing-2);
2611      --panel-wrapper-justify-content: flex-start;}
2612
2613  #navigation-promo-mega_menu_gYGy4t-drawer-2- .navigation-promo__carousel-controls {inset-block-end: var(--content-over-media-column-gap);}
2614
2615  @media screen and (min-width:700px) {
2616    #navigation-promo-mega_menu_gYGy4t-drawer-2- {--promo-heading-font-size: var(--text-h6);--mega-menu-promo-grid-image-min-width: 192px;
2617      --content-over-media-row-gap: var(--spacing-4);
2618      --content-over-media-column-gap: var(--spacing-5);
2619    }
2620  }@media screen and (min-width: 1150px) {
2621      #navigation-promo-mega_menu_gYGy4t-drawer-2- {
2622        --promo-heading-font-size: var(--text-h5);
2623        --content-over-media-row-gap: var(--spacing-5);
2624        --content-over-media-column-gap: var(--spacing-7);
2625        --mega-menu-promo-grid-image-min-width: 220px;
2626
2627      
2628      }
2629    }</style><div class="navigation-promo__wrapper  " id="navigation-promo-mega_menu_gYGy4t-drawer-2-"><div class="navigation-promo navigation-promo--grid scroll-area bleed">
2630      <a href="/collections/rip-curl"
2631         class="content-over-media rounded-sm group "
2632         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2633" class="zoom-image"><div class="place-self-end-start text-custom">
2634            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RIP CURL</p>
2635          </div></a><a href="/collections/billabong"
2636         class="content-over-media rounded-sm group "
2637         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2638" class="zoom-image"><div class="place-self-end-start text-custom">
2639            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">BILLABONG</p>
2640          </div></a><a href="/collections/rusty"
2641         class="content-over-media rounded-sm group "
2642         style="--text-color: 255 255 255; grid-area: ;"><img src="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&amp;width=1000 1000w" width="1035" height="1035" loading="lazy" sizes="(max-width: 699px) 172px, (max-width: 1149px) 192px,220px
2643" class="zoom-image"><div class="place-self-end-start text-custom">
2644            <p class="bold" style="font-size: var(--promo-heading-font-size); line-height: var(--promo-heading-line-height, 1.4)">RUSTY</p>
2645          </div></a>
2646    </div></div></div><div class="panel__wrapper"  hidden>
2647                  <ul class="v-stack gap-4">
2648                    <li class="lg:hidden">
2649                      <button class="text-with-icon h6 text-subdued" data-panel="0"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2649ox="0 0 7 10">
2650        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2651      </svg>Sale
2652                      </button>
2653                    </li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/sale-mens"><span><span class="reversed-link">Mens Sale</span></span>
2654                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/sale-womens"><span><span class="reversed-link">Womens Sale</span></span>
2655                            </a></li><li class="h3 sm:h4"><a class="group block w-full" href="/collections/sale-kids"><span><span class="reversed-link">Kids Sale</span></span>
2656                            </a></li></ul></div>
2657    </div>
2658    <div class="panel">
2659      <div class="panel__wrapper" hidden>
2660                              <ul class="v-stack gap-4">
2661                                <li class="text-with-icon lg:hidden">
2662                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2663        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2664      </svg>Featured
2665                                  </button>
2666                                </li><li class="h3 sm:h5">
2667                                    <a class="group block w-full"
2668                                       href="/collections/mens-new-arrivals"><span><span class="reversed-link">New Arrivals</span></span>
2669                                    </a>
2670                                  </li><li class="h3 sm:h5">
2671                                    <a class="group block w-full"
2672                                       href="/collections/mens-best-sellers"><span><span class="reversed-link">Best Sellers</span></span>
2673                                    </a>
2674                                  </li><li class="h3 sm:h5">
2675                                    <a class="group block w-full"
2676                                       href="/collections/mens-gift-ideas"><span><span class="reversed-link">Gifts for Him</span></span>
2677                                    </a>
2678                                  </li><li class="h3 sm:h5">
2679                                    <a class="group block w-full"
2680                                       href="/collections/mens-surf-edit"><span><span class="reversed-link">Surf Edit</span></span>
2681                                    </a>
2682                                  </li><li class="h3 sm:h5">
2683                                    <a class="group block w-full"
2684                                       href="/collections/mens-tee-offers"><span><span class="reversed-link">2 For $70 Tees</span></span>
2685                                    </a>
2686                                  </li></ul>
2687                            </div><div class="panel__wrapper" hidden>
2688                              <ul class="v-stack gap-4">
2689                                <li class="text-with-icon lg:hidden">
2690                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2691        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2692      </svg>Clothing
2693                                  </button>
2694                                </li><li class="h3 sm:h5">
2695                                    <a class="group block w-full"
2696                                       href="/collections/mens-clothing"><span><span class="reversed-link">All Clothing</span></span>
2697                                    </a>
2698                                  </li><li class="h3 sm:h5">
2699                                    <a class="group block w-full"
2700                                       href="/collections/mens-hoodies-jumpers"><span><span class="reversed-link">Hoodies + Jumpers</span></span>
2701                                    </a>
2702                                  </li><li class="h3 sm:h5">
2703                                    <a class="group block w-full"
2704                                       href="/collections/mens-jackets-coats-vests"><span><span class="reversed-link">Jackets + Vests</span></span>
2705                                    </a>
2706                                  </li><li class="h3 sm:h5">
2707                                    <a class="group block w-full"
2708                                       href="/collections/mens-knitwear-jumpers"><span><span class="reversed-link">Knitwear</span></span>
2709                                    </a>
2710                                  </li><li class="h3 sm:h5">
2711                                    <a class="group block w-full"
2712                                       href="/collections/mens-pants-trousers"><span><span class="reversed-link">Jeans + Pants</span></span>
2713                                    </a>
2714                                  </li><li class="h3 sm:h5">
2715                                    <a class="group block w-full"
2716                                       href="/collections/mens-casual-shirts"><span><span class="reversed-link">Shirts + Polos</span></span>
2717                                    </a>
2718                                  </li><li class="h3 sm:h5">
2719                                    <a class="group block w-full"
2720                                       href="/collections/mens-shorts"><span><span class="reversed-link">Shorts</span></span>
2721                                    </a>
2722                                  </li><li class="h3 sm:h5">
2723                                    <a class="group block w-full"
2724                                       href="/collections/mens-boardshorts"><span><span class="reversed-link">Swimwear</span></span>
2725                                    </a>
2726                                  </li><li class="h3 sm:h5">
2727                                    <a class="group block w-full"
2728                                       href="/collections/mens-t-shirts-polos"><span><span class="reversed-link">T-Shirts + Singlets</span></span>
2729                                    </a>
2730                                  </li></ul>
2731                            </div><div class="panel__wrapper" hidden>
2732                              <ul class="v-stack gap-4">
2733                                <li class="text-with-icon lg:hidden">
2734                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2734ox="0 0 7 10">
2735        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2736      </svg>Shoes
2737                                  </button>
2738                                </li><li class="h3 sm:h5">
2739                                    <a class="group block w-full"
2740                                       href="/collections/mens-sandals-thongs"><span><span class="reversed-link">Sandals + Thongs</span></span>
2741                                    </a>
2742                                  </li><li class="h3 sm:h5">
2743                                    <a class="group block w-full"
2744                                       href="/collections/mens-boots-sneakers"><span><span class="reversed-link">Boots + Sneakers</span></span>
2745                                    </a>
2746                                  </li></ul>
2747                            </div><div class="panel__wrapper" hidden>
2748                              <ul class="v-stack gap-4">
2749                                <li class="text-with-icon lg:hidden">
2750                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2751        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2752      </svg>Accessories
2753                                  </button>
2754                                </li><li class="h3 sm:h5">
2755                                    <a class="group block w-full"
2756                                       href="/collections/mens-backpacks"><span><span class="reversed-link">Bags + Luggage</span></span>
2757                                    </a>
2758                                  </li><li class="h3 sm:h5">
2759                                    <a class="group block w-full"
2760                                       href="/collections/mens-belts"><span><span class="reversed-link">Belts</span></span>
2761                                    </a>
2762                                  </li><li class="h3 sm:h5">
2763                                    <a class="group block w-full"
2764                                       href="/collections/mens-hats-caps"><span><span class="reversed-link">Hats + Caps</span></span>
2765                                    </a>
2766                                  </li><li class="h3 sm:h5">
2767                                    <a class="group block w-full"
2768                                       href="/collections/mens-beanies"><span><span class="reversed-link">Beanies</span></span>
2769                                    </a>
2770                                  </li><li class="h3 sm:h5">
2771                                    <a class="group block w-full"
2772                                       href="/collections/mens-socks"><span><span class="reversed-link">Socks</span></span>
2773                                    </a>
2774                                  </li><li class="h3 sm:h5">
2775                                    <a class="group block w-full"
2776                                       href="/collections/mens-sunglasses"><span><span class="reversed-link">Sunglasses</span></span>
2777                                    </a>
2778                                  </li><li class="h3 sm:h5">
2779                                    <a class="group block w-full"
2780                                       href="/collections/mens-watches"><span><span class="reversed-link">Watches</span></span>
2781                                    </a>
2782                                  </li><li class="h3 sm:h5">
2783                                    <a class="group block w-full"
2784                                       href="/collections/mens-towels"><span><span class="reversed-link">Towels</span></span>
2785                                    </a>
2786                                  </li><li class="h3 sm:h5">
2787                                    <a class="group block w-full"
2788                                       href="/collections/mens-wallets"><span><span class="reversed-link">Wallets</span></span>
2789                                    </a>
2790                                  </li></ul>
2791                            </div><div class="panel__wrapper" hidden>
2792                              <ul class="v-stack gap-4">
2793                                <li class="text-with-icon lg:hidden">
2794                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2794ox="0 0 7 10">
2795        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2796      </svg>Featured
2797                                  </button>
2798                                </li><li class="h3 sm:h5">
2799                                    <a class="group block w-full"
2800                                       href="/collections/womens-new-arrivals"><span><span class="reversed-link">New Arrivals</span></span>
2801                                    </a>
2802                                  </li><li class="h3 sm:h5">
2803                                    <a class="group block w-full"
2804                                       href="/collections/womens-best-sellers"><span><span class="reversed-link">Best Sellers</span></span>
2805                                    </a>
2806                                  </li><li class="h3 sm:h5">
2807                                    <a class="group block w-full"
2808                                       href="/collections/womens-gift-ideas"><span><span class="reversed-link">Gifts for Her</span></span>
2809                                    </a>
2810                                  </li><li class="h3 sm:h5">
2811                                    <a class="group block w-full"
2812                                       href="/collections/womens-surf-edit"><span><span class="reversed-link">Surf Edit</span></span>
2813                                    </a>
2814                                  </li></ul>
2815                            </div><div class="panel__wrapper" hidden>
2816                              <ul class="v-stack gap-4">
2817                                <li class="text-with-icon lg:hidden">
2818                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2819        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2820      </svg>Clothing
2821                                  </button>
2822                                </li><li class="h3 sm:h5">
2823                                    <a class="group block w-full"
2824                                       href="/collections/womens-clothing"><span><span class="reversed-link">All Clothing</span></span>
2825                                    </a>
2826                                  </li><li class="h3 sm:h5">
2827                                    <a class="group block w-full"
2828                                       href="/collections/womens-dresses"><span><span class="reversed-link">Dresses</span></span>
2829                                    </a>
2830                                  </li><li class="h3 sm:h5">
2831                                    <a class="group block w-full"
2832                                       href="/collections/womens-hoodies-jumpers"><span><span class="reversed-link">Hoodies + Jumpers</span></span>
2833                                    </a>
2834                                  </li><li class="h3 sm:h5">
2835                                    <a class="group block w-full"
2836                                       href="/collections/womens-jackets-coats-vests"><span><span class="reversed-link">Jackets + Vests</span></span>
2837                                    </a>
2838                                  </li><li class="h3 sm:h5">
2839                                    <a class="group block w-full"
2840                                       href="/collections/womens-knitwear"><span><span class="reversed-link">Knitwear</span></span>
2841                                    </a>
2842                                  </li><li class="h3 sm:h5">
2843                                    <a class="group block w-full"
2844                                       href="/collections/womens-pants-trousers"><span><span class="reversed-link">Jeans + Pants</span></span>
2845                                    </a>
2846                                  </li><li class="h3 sm:h5">
2847                                    <a class="group block w-full"
2848                                       href="/collections/womens-shorts"><span><span class="reversed-link">Shorts</span></span>
2849                                    </a>
2850                                  </li><li class="h3 sm:h5">
2851                                    <a class="group block w-full"
2852                                       href="/collections/womens-skirts"><span><span class="reversed-link">Skirts</span></span>
2853                                    </a>
2854                                  </li><li class="h3 sm:h5">
2855                                    <a class="group block w-full"
2856                                       href="/collections/womens-swimwear"><span><span class="reversed-link">Swimwear</span></span>
2857                                    </a>
2858                                  </li><li class="h3 sm:h5">
2859                                    <a class="group block w-full"
2860                                       href="/collections/womens-singlets"><span><span class="reversed-link">T-Shirts + Singlets</span></span>
2861                                    </a>
2862                                  </li><li class="h3 sm:h5">
2863                                    <a class="group block w-full"
2864                                       href="/collections/womens-tops-t-shirts"><span><span class="reversed-link">Tops + Shirts</span></span>
2865                                    </a>
2866                                  </li></ul>
2867                            </div><div class="panel__wrapper" hidden>
2868                              <ul class="v-stack gap-4">
2869                                <li class="text-with-icon lg:hidden">
2870                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2870ox="0 0 7 10">
2871        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2872      </svg>Shoes
2873                                  </button>
2874                                </li><li class="h3 sm:h5">
2875                                    <a class="group block w-full"
2876                                       href="/collections/womens-boots-sneakers"><span><span class="reversed-link">Boots + Sneakers</span></span>
2877                                    </a>
2878                                  </li><li class="h3 sm:h5">
2879                                    <a class="group block w-full"
2880                                       href="/collections/womens-sandals-thongs"><span><span class="reversed-link">Sandals + Thongs</span></span>
2881                                    </a>
2882                                  </li></ul>
2883                            </div><div class="panel__wrapper" hidden>
2884                              <ul class="v-stack gap-4">
2885                                <li class="text-with-icon lg:hidden">
2886                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2887        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2888      </svg>Accessories
2889                                  </button>
2890                                </li><li class="h3 sm:h5">
2891                                    <a class="group block w-full"
2892                                       href="/collections/womens-bags"><span><span class="reversed-link">Bags + Luggage</span></span>
2893                                    </a>
2894                                  </li><li class="h3 sm:h5">
2895                                    <a class="group block w-full"
2896                                       href="/collections/womens-hats-caps"><span><span class="reversed-link">Hats + Caps</span></span>
2897                                    </a>
2898                                  </li><li class="h3 sm:h5">
2899                                    <a class="group block w-full"
2900                                       href="/collections/womens-sunglasses"><span><span class="reversed-link">Sunglasses</span></span>
2901                                    </a>
2902                                  </li><li class="h3 sm:h5">
2903                                    <a class="group block w-full"
2904                                       href="/collections/womens-watches"><span><span class="reversed-link">Watches</span></span>
2905                                    </a>
2906                                  </li><li class="h3 sm:h5">
2907                                    <a class="group block w-full"
2908                                       href="/collections/womens-towels"><span><span class="reversed-link">Towels</span></span>
2909                                    </a>
2910                                  </li></ul>
2911                            </div><div class="panel__wrapper" hidden>
2912                              <ul class="v-stack gap-4">
2913                                <li class="text-with-icon lg:hidden">
2914                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2915        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2916      </svg>Featured
2917                                  </button>
2918                                </li><li class="h3 sm:h5">
2919                                    <a class="group block w-full"
2920                                       href="/collections/kids-new-arrivals"><span><span class="reversed-link">New Arrivals</span></span>
2921                                    </a>
2922                                  </li><li class="h3 sm:h5">
2923                                    <a class="group block w-full"
2924                                       href="/collections/kids-best-sellers"><span><span class="reversed-link">Best Sellers</span></span>
2925                                    </a>
2926                                  </li><li class="h3 sm:h5">
2927                                    <a class="group block w-full"
2928                                       href="/collections/back-to-school"><span><span class="reversed-link">School Edit</span></span>
2929                                    </a>
2930                                  </li><li class="h3 sm:h5">
2931                                    <a class="group block w-full"
2932                                       href="/collections/kids-gift-ideas"><span><span class="reversed-link">Gifts For Kids</span></span>
2933                                    </a>
2934                                  </li></ul>
2935                            </div><div class="panel__wrapper" hidden>
2936                              <ul class="v-stack gap-4">
2937                                <li class="text-with-icon lg:hidden">
2938                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
2938ox="0 0 7 10">
2939        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2940      </svg>Boys
2941                                  </button>
2942                                </li><li class="h3 sm:h5">
2943                                    <a class="group block w-full"
2944                                       href="/collections/kids-boys"><span><span class="reversed-link">All Clothing</span></span>
2945                                    </a>
2946                                  </li><li class="h3 sm:h5">
2947                                    <a class="group block w-full"
2948                                       href="/collections/boys-accessories"><span><span class="reversed-link">Accessories</span></span>
2949                                    </a>
2950                                  </li><li class="h3 sm:h5">
2951                                    <a class="group block w-full"
2952                                       href="/collections/boys-shoes"><span><span class="reversed-link">Shoes</span></span>
2953                                    </a>
2954                                  </li><li class="h3 sm:h5">
2955                                    <a class="group block w-full"
2956                                       href="/collections/boys-jumpers-hoodies"><span><span class="reversed-link">Hoodies + Jumpers</span></span>
2957                                    </a>
2958                                  </li><li class="h3 sm:h5">
2959                                    <a class="group block w-full"
2960                                       href="/collections/boys-jackets"><span><span class="reversed-link">Jackets</span></span>
2961                                    </a>
2962                                  </li><li class="h3 sm:h5">
2963                                    <a class="group block w-full"
2964                                       href="/collections/boys-pants"><span><span class="reversed-link">Pants</span></span>
2965                                    </a>
2966                                  </li><li class="h3 sm:h5">
2967                                    <a class="group block w-full"
2968                                       href="/collections/boys-shorts"><span><span class="reversed-link">Shorts</span></span>
2969                                    </a>
2970                                  </li><li class="h3 sm:h5">
2971                                    <a class="group block w-full"
2972                                       href="/collections/boys-rashies-wetsuits"><span><span class="reversed-link">Swimwear</span></span>
2973                                    </a>
2974                                  </li><li class="h3 sm:h5">
2975                                    <a class="group block w-full"
2976                                       href="/collections/boys-tops"><span><span class="reversed-link">Tees + Singlets</span></span>
2977                                    </a>
2978                                  </li></ul>
2979                            </div><div class="panel__wrapper" hidden>
2980                              <ul class="v-stack gap-4">
2981                                <li class="text-with-icon lg:hidden">
2982                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
2983        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
2984      </svg>Girls
2985                                  </button>
2986                                </li><li class="h3 sm:h5">
2987                                    <a class="group block w-full"
2988                                       href="/collections/kids-girls"><span><span class="reversed-link">All Clothing</span></span>
2989                                    </a>
2990                                  </li><li class="h3 sm:h5">
2991                                    <a class="group block w-full"
2992                                       href="/collections/girls-accessories"><span><span class="reversed-link">Accessories</span></span>
2993                                    </a>
2994                                  </li><li class="h3 sm:h5">
2995                                    <a class="group block w-full"
2996                                       href="/collections/girls-shoes"><span><span class="reversed-link">Shoes</span></span>
2997                                    </a>
2998                                  </li><li class="h3 sm:h5">
2999                                    <a class="group block w-full"
3000                                       href="/collections/girls-jumpers-hoodies"><span><span class="reversed-link">Hoodies + Jumpers</span></span>
3001                                    </a>
3002                                  </li><li class="h3 sm:h5">
3003                                    <a class="group block w-full"
3004                                       href="/collections/girls-pants"><span><span class="reversed-link">Pants</span></span>
3005                                    </a>
3006                                  </li><li class="h3 sm:h5">
3007                                    <a class="group block w-full"
3008                                       href="/collections/girls-shorts"><span><span class="reversed-link">Shorts</span></span>
3009                                    </a>
3010                                  </li><li class="h3 sm:h5">
3011                                    <a class="group block w-full"
3012                                       href="/collections/girls-swimsuits"><span><span class="reversed-link">Swimwear</span></span>
3013                                    </a>
3014                                  </li><li class="h3 sm:h5">
3015                                    <a class="group block w-full"
3016                                       href="/collections/girls-tops"><span><span class="reversed-link">Tees + Singlets</span></span>
3017                                    </a>
3018                                  </li></ul>
3019                            </div><div class="panel__wrapper" hidden>
3020                              <ul class="v-stack gap-4">
3021                                <li class="text-with-icon lg:hidden">
3022                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewB
3022ox="0 0 7 10">
3023        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
3024      </svg>Toddlers
3025                                  </button>
3026                                </li><li class="h3 sm:h5">
3027                                    <a class="group block w-full"
3028                                       href="/collections/kids-toddlers"><span><span class="reversed-link">Shop All</span></span>
3029                                    </a>
3030                                  </li></ul>
3031                            </div><div class="panel__wrapper" hidden>
3032                              <ul class="v-stack gap-4">
3033                                <li class="text-with-icon lg:hidden">
3034                                  <button class="text-with-icon h6 text-subdued" data-panel="1"><svg role="presentation" focusable="false" width="7" height="10" class="icon icon-chevron-left reverse-icon" viewBox="0 0 7 10">
3035        <path d="M6 1 2 5l4 4" fill="none" stroke="currentColor" stroke-width="2"></path>
3036      </svg>Featured Brands
3037                                  </button>
3038                                </li><li class="h3 sm:h5">
3039                                    <a class="group block w-full"
3040                                       href="/collections/adidas"><span><span class="reversed-link">Adidas</span></span>
3041                                    </a>
3042                                  </li><li class="h3 sm:h5">
3043                                    <a class="group block w-full"
3044                                       href="/collections/billabong"><span><span class="reversed-link">Billabong</span></span>
3045                                    </a>
3046                                  </li><li class="h3 sm:h5">
3047                                    <a class="group block w-full"
3048                                       href="/collections/birkenstock"><span><span class="reversed-link">Birkenstock</span></span>
3049                                    </a>
3050                                  </li><li class="h3 sm:h5">
3051                                    <a class="group block w-full"
3052                                       href="/collections/havaianas"><span><span class="reversed-link">Havaianas</span></span>
3053                                    </a>
3054                                  </li><li class="h3 sm:h5">
3055                                    <a class="group block w-full"
3056                                       href="/collections/nike"><span><span class="reversed-link">Nike SB</span></span>
3057                                    </a>
3058                                  </li><li class="h3 sm:h5">
3059                                    <a class="group block w-full"
3060                                       href="/collections/rhythm"><span><span class="reversed-link">Rhythm</span></span>
3061                                    </a>
3062                                  </li><li class="h3 sm:h5">
3063                                    <a class="group block w-full"
3064                                       href="/collections/rip-curl"><span><span class="reversed-link">Rip Curl</span></span>
3065                                    </a>
3066                                  </li><li class="h3 sm:h5">
3067                                    <a class="group block w-full"
3068                                       href="/collections/rusty"><span><span class="reversed-link">Rusty</span></span>
3069                                    </a>
3070                                  </li></ul>
3071                            </div>
3072    </div></div></navigation-drawer>
3072<script>
3073  document.documentElement.style.setProperty('--header-height', Math.round(document.getElementById('shopify-section-sections--24585422504230__header').clientHeight) + 'px');
3074</script>
3074
3075
3076</header>
3077<!-- END sections: header-group --><!-- BEGIN sections: overlay-group -->
3078<div id="shopify-section-sections--24585422536998__cart-drawer" class="shopify-section shopify-section-group-overlay-group"><cart-drawer  class="cart-drawer drawer drawer--lg" id="cart-drawer"><button is="close-button" aria-label="Close"><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
3079        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
3080      </svg></button>
3081
3082    <div class="empty-state align-self-center">
3083      <div class="empty-state__icon-wrapper"><svg role="presentation" stroke-width="1" focusable="false" width="32" height="32" class="icon icon-cart" viewBox="0 0 22 22">
3084            <path d="M9.182 18.454a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.818 0Zm7.272 0a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.819 0Z" fill="currentColor"></path>
3085            <path d="M5.336 6.636H21l-3.636 8.182H6.909L4.636 3H1m8.182 15.454a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.818 0Zm7.272 0a.91.91 0 1 1-1.818 0 .91.91 0 0 1 1.819 0Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
3086          </svg><span class="count-bubble count-bubble--lg">0</span>
3087      </div>
3088
3089      <div class="prose">
3090        <p class="h5">Your cart is empty</p>
3091<a class="button button--xl"
3092  
3093  
3094  
3095  
3096  
3097  href="/collections/all"
3098  
3099  
3100 >Continue shopping</a></div>
3101    </div></cart-drawer>
3102
3103
3104</div><div id="shopify-section-sections--24585422536998__search-drawer" class="shopify-section shopify-section-group-overlay-group"><search-drawer  class="search-drawer  drawer drawer--lg" id="search-drawer">
3105  <form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
3106    <div class="search-input">
3107      <input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
3108      <button type="reset" class="text-subdued">Clear</button>
3109      <button type="button" is="close-button">
3110        <span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
3111        <path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
3112      </svg></button>
3113    </div>
3114
3115    <style>
3116      #shopify-section-sections--24585422536998__search-drawer {
3117        --predictive-search-column-count: 3;
3118      }
3119    </style>
3120
3121    <input type="hidden" name="type" value="product">
3122
3123    <predictive-search class="predictive-search" section-id="sections--24585422536998__search-drawer"><div slot="results"></div>
3124
3125      <div slot="loading">
3126        <div class="v-stack gap-5 sm:gap-6 ">
3127          <div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
3128
3129          <div class="v-stack gap-4 sm:gap-6"><div class="h-stack align-center gap-5 sm:gap-6">
3130                <span class="skeleton skeleton--thumbnail"></span>
3131
3132                <div class="v-stack gap-3 w-full">
3133                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
3134                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
3135                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
3136                </div>
3137              </div><div class="h-stack align-center gap-5 sm:gap-6">
3138                <span class="skeleton skeleton--thumbnail"></span>
3139
3140                <div class="v-stack gap-3 w-full">
3141                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
3142                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
3143                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
3144                </div>
3145              </div><div class="h-stack align-center gap-5 sm:gap-6">
3146                <span class="skeleton skeleton--thumbnail"></span>
3147
3148                <div class="v-stack gap-3 w-full">
3149                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
3150                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
3151                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
3152                </div>
3153              </div><div class="h-stack align-center gap-5 sm:gap-6">
3154                <span class="skeleton skeleton--thumbnail"></span>
3155
3156                <div class="v-stack gap-3 w-full">
3157                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
3158                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
3159                  <span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
3160                </div>
3161              </div></div>
3162        </div></div>
3163    </predictive-search>
3164  </form>
3165</search-drawer>
3166
3167</div>
3168<!-- END sections: overlay-group --><main role="main" id="main" class="anchor">
3169      <section id="shopify-section-template--24585423716646__main" class="shopify-section shopify-section--main-customers-login"><div class="sm:container">
3170  <div class="customer-form"><div class="customer-form__box bg-custom"style="--background: 255 255 255;">
3171      <account-login class="customer-form__box-inner text-center">
3172        <div id="login" class="v-stack gap-12" >
3173          <h1 class="h2">Login</h1>
3174
3175          <div class="v-stack gap-6"><div ><form method="post" action="/account/login" id="customer_login" accept-charset="UTF-8" data-login-with-shop-sign-in="true" class="form"><input type="hidden" name="form_type" value="customer_login" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="checkout_url" value="/account">
3176
3177                      <div class="fieldset"><div class="form-control" ><input id="input-template--24585423716646__main--customeremail" class="input is-floating" type="email" dir="ltr" name="customer[email]" placeholder=" " 
3178  
3179  
3180  
3181  
3182  autocomplete="email"
3183  
3184  
3185  required
3186  
3187  
3188><label for="input-template--24585423716646__main--customeremail" class="floating-label">E-mail</label></div><div class="form-control" ><input id="input-template--24585423716646__main--customerpassword" class="input is-floating" type="password"  name="customer[password]" placeholder=" " 
3189  
3190  
3191  
3192  
3193  autocomplete="current-password"
3194  
3195  
3196  required
3197  
3198  
3199><label for="input-template--24585423716646__main--customerpassword" class="floating-label">Password</label></div><div class="fieldset-link justify-self-start">
3200                          <a href="#recover" class="link text-sm text-subdued">Forgot your password?</a>
3201                        </div>
3202                      </div>
3203<button type="submit" class="button button--xl button--secondary w-full"
3204  style="--button-background: 26 26 26 / var(--button-background-opacity, 1);--button-outline-color: 26 26 26;--button-text-color: 255 255 255;"
3205  
3206  
3207  
3208  
3209  
3210  
3211  is="custom-button"
3212 >Login</button><div>
3213                        <a href="/account/register" class="link text-subdued">Sign up</a>
3214                      </div></form></div></div>
3215        </div>
3216
3217        <div id="recover" class="v-stack gap-12" hidden>
3218          <h1 class="h2">Recover password</h1><form method="post" action="/account/recover" accept-charset="UTF-8" class="form"><input type="hidden" name="form_type" value="recover_customer_password" /><input type="hidden" name="utf8" value="✓" /><div class="fieldset"><div class="form-control" ><input id="input-template--24585423716646__main--email" class="input is-floating" type="email" dir="ltr" name="email" placeholder=" " 
3219  
3220  
3221  
3222  
3223  autocomplete="email"
3224  
3225  
3226  required
3227  
3228  
3229><label for="input-template--24585423716646__main--email" class="floating-label">E-mail</label></div></div>
3230<button type="submit" class="button button--xl button--secondary w-full"
3231  style="--button-background: 26 26 26 / var(--button-background-opacity, 1);--button-outline-color: 26 26 26;--button-text-color: 255 255 255;"
3232  
3233  
3234  
3235  
3236  
3237  
3238  is="custom-button"
3239 >Recover</button><div>
3240              <a href="#login" class="link text-subdued">Back to login</a>
3241            </div></form></div>
3242      </account-login>
3243    </div>
3244  </div>
3245</div>
3246
3247<script>
3248  document.addEventListener("DOMContentLoaded", function () {
3249    const loginForm = document.querySelector('.customer-form form');
3250    handleCustomerAuth(loginForm, 'input[name="customer[email]"]', 'input[name="customer[password]"]');
3251  });
3252</script>
3252
3253
3254</section>
3255<!-- BEGIN sections: footer-group -->
3256<section id="shopify-section-sections--24585422471462__text_with_icons_PfEfNU" class="shopify-section shopify-section-group-footer-group shopify-section--text-with-icons"><style>
3257  #shopify-section-sections--24585422471462__text_with_icons_PfEfNU {
3258    --section-background-hash: 054922020920008346060000003430673;
3259  }
3260
3261  #shopify-section-sections--24585422471462__text_with_icons_PfEfNU + * {
3262    --previous-section-background-hash: 054922020920008346060000003430673;
3263  }</style><style>
3264    #shopify-section-sections--24585422471462__text_with_icons_PfEfNU {
3265      --text-with-icons-template: auto-flow 100%;
3266      --text-with-icons-justify: center;
3267      --text-with-icons-text-align: center;
3268      --text-with-icons-gap: var(--spacing-5);
3269    }@media screen and (min-width: 1150px) {
3270      #shopify-section-sections--24585422471462__text_with_icons_PfEfNU {
3271        --text-with-icons-gap: var(--spacing-5);
3272      }
3273    }@media screen and (min-width: 1150px) {
3274        #shopify-section-sections--24585422471462__text_with_icons_PfEfNU {
3275          --text-with-icons-template: repeat(5, 1fr);
3276          --text-with-icons-justify: center;
3277          --text-with-icons-text-align: center;
3278        }
3279      }</style>
3280
3281  <div class="section     section-full bg-custom"style="--background: 255 255 255;">
3282    <div class="section-stack"><div class="justify-self-center">
3283          <h2 class="h3">Love to shop with us</h2>
3284        </div><div class="text-with-icons">
3285        <scroll-carousel class="text-with-icons__list scroll-area full-bleed lg:unbleed" id="carousel-sections--24585422471462__text_with_icons_PfEfNU" role="region"><div id="block-sections--24585422471462__text_with_icons_PfEfNU-item_REVkeV" class="text-with-icons__item snap-center" role="group" aria-label="Item 1 of 5" ><div ><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="24" height="24" class="sm:hidden icon icon-picto-box" viewBox="0 0 24 24">
3286        <path d="M2.22 5.472a.742.742 0 0 0-.33.194.773.773 0 0 0-.175.48c-.47 4.515-.48 7.225 0 11.707a.792.792 0 0 0 .505.737l9.494 3.696.285.079.286-.08 9.494-3.694a.806.806 0 0 0 .505-.737c.5-4.537.506-7.153 0-11.648a.765.765 0 0 0-.175-.542.739.739 0 0 0-.33-.257v.002" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3287        <path d="M22.269 5.997a.771.771 0 0 0-.16-.335.744.744 0 0 0-.33-.257l-9.494-3.629a.706.706 0 0 0-.571 0L6.967 3.623 2.22 5.47a.742.742 0 0 0-.33.192.771.771 0 0 0-.16.336.806.806 0 0 0 .49.592l9.494 3.696h.57l5.216-2.03L21.78 6.59a.794.794 0 0 0 .492-.593h-.002Z" fill="currentColor" fill-opacity="0"/>
3288        <path d="m17.5 8.255-5.215 2.03h-.571L2.22 6.59a.806.806 0 0 1-.49-.592.771.771 0 0 1 .16-.336.742.742 0 0 1 .33-.192l4.747-1.847M17.5 8.255 21.78 6.59a.794.794 0 0 0 .492-.593h-.002a.771.771 0 0 0-.16-.335.744.744 0 0 0-.33-.257l-9.494-3.629a.706.706 0 0 0-.571 0L6.967 3.623M17.5 8.255 6.967 3.623M12 22.365v-12.08M15.5 17l4-1.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3289      </svg><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="32" height="32" class="hidden sm:block icon icon-picto-box" viewBox="0 0 24 24">
3290        <path d="M2.22 5.472a.742.742 0 0 0-.33.194.773.773 0 0 0-.175.48c-.47 4.515-.48 7.225 0 11.707a.792.792 0 0 0 .505.737l9.494 3.696.285.079.286-.08 9.494-3.694a.806.806 0 0 0 .505-.737c.5-4.537.506-7.153 0-11.648a.765.765 0 0 0-.175-.542.739.739 0 0 0-.33-.257v.002" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3291        <path d="M22.269 5.997a.771.771 0 0 0-.16-.335.744.744 0 0 0-.33-.257l-9.494-3.629a.706.706 0 0 0-.571 0L6.967 3.623 2.22 5.47a.742.742 0 0 0-.33.192.771.771 0 0 0-.16.336.806.806 0 0 0 .49.592l9.494 3.696h.57l5.216-2.03L21.78 6.59a.794.794 0 0 0 .492-.593h-.002Z" fill="currentColor" fill-opacity="0"/>
3292        <path d="m17.5 8.255-5.215 2.03h-.571L2.22 6.59a.806.806 0 0 1-.49-.592.771.771 0 0 1 .16-.336.742.742 0 0 1 .33-.192l4.747-1.847M17.5 8.255 21.78 6.59a.794.794 0 0 0 .492-.593h-.002a.771.771 0 0 0-.16-.335.744.744 0 0 0-.33-.257l-9.494-3.629a.706.706 0 0 0-.571 0L6.967 3.623M17.5 8.255 6.967 3.623M12 22.365v-12.08M15.5 17l4-1.5" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3293      </svg></div><div class="text-with-icons__text-wrapper">
3294                <div class="prose"><p class="h6">Free shipping</p><p>For all orders over $90.00 Australia wide. We also have options for E
3294xpress if you need your good fast.</p></div>
3295              </div>
3296            </div><div id="block-sections--24585422471462__text_with_icons_PfEfNU-item_yHcfa6" class="text-with-icons__item snap-center" role="group" aria-label="Item 2 of 5" ><div ><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="24" height="24" class="sm:hidden icon icon-picto-coupon" viewBox="0 0 24 24">
3297        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.89 21.975c-1.325.974-3.176.9-4.391-.209a131.923 131.923 0 0 1-9.792-9.94 3.17 3.17 0 0 1-.753-1.5C1.56 8.293.727 3.222 1.976 1.972c1.25-1.25 6.32-.416 8.352-.022.56.111 1.078.371 1.502.752a131.922 131.922 0 0 1 9.94 9.792c1.109 1.214 1.18 3.067.209 4.392-.701.955-1.442 1.914-2.31 2.78-.865.865-1.823 1.607-2.778 2.308ZM9.458 6.523a2.073 2.073 0 1 1-2.93 2.931 2.073 2.073 0 0 1 2.93-2.931Z" fill="currentColor" fill-opacity="0" stroke="currentColor"/>
3298      </svg><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="32" height="32" class="hidden sm:block icon icon-picto-coupon" viewBox="0 0 24 24">
3299        <path fill-rule="evenodd" clip-rule="evenodd" d="M16.89 21.975c-1.325.974-3.176.9-4.391-.209a131.923 131.923 0 0 1-9.792-9.94 3.17 3.17 0 0 1-.753-1.5C1.56 8.293.727 3.222 1.976 1.972c1.25-1.25 6.32-.416 8.352-.022.56.111 1.078.371 1.502.752a131.922 131.922 0 0 1 9.94 9.792c1.109 1.214 1.18 3.067.209 4.392-.701.955-1.442 1.914-2.31 2.78-.865.865-1.823 1.607-2.778 2.308ZM9.458 6.523a2.073 2.073 0 1 1-2.93 2.931 2.073 2.073 0 0 1 2.93-2.931Z" fill="currentColor" fill-opacity="0" stroke="currentColor"/>
3300      </svg></div><div class="text-with-icons__text-wrapper">
3301                <div class="prose"><p class="h6">Returns</p><p>Returns are free & easy 2 step process to return full price goods if you change your mind.</p></div>
3302              </div>
3303            </div><div id="block-sections--24585422471462__text_with_icons_PfEfNU-item_aycXXJ" class="text-with-icons__item snap-center" role="group" aria-label="Item 3 of 5" ><div ><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="24" height="24" class="sm:hidden icon icon-picto-customer-support" viewBox="0 0 24 24">
3304        <path d="M1.714 14.143c0-3.919 2.613-4.898 3.92-4.898 2.35 0 2.938 1.96 2.938 2.938v3.92c0 2.35-1.96 2.938-2.939 2.938-1.306 0-3.919-.98-3.919-4.898ZM22.286 14.143c0-3.919-2.613-4.898-3.92-4.898-2.35 0-2.937 1.96-2.937 2.938v3.92c0 2.35 1.96 2.938 2.938 2.938 1.306 0 3.919-.98 3.919-4.898Z" fill="currentColor" fill-opacity="0"/>
3305        <path d="M1.714 14.143c0-3.919 2.613-4.898 3.92-4.898 2.35 0 2.938 1.96 2.938 2.938v3.92c0 2.35-1.96 2.938-2.939 2.938-1.306 0-3.919-.98-3.919-4.898ZM22.286 14.143c0-3.919-2.613-4.898-3.92-4.898-2.35 0-2.937 1.96-2.937 2.938v3.92c0 2.35 1.96 2.938 2.938 2.938 1.306 0 3.919-.98 3.919-4.898Z" stroke="currentColor"/>
3306        <path d="M2.38 11.263C2.524 6.537 4.929 1.286 12 1.286c7.06 0 9.468 5.232 9.617 9.951m.106 5.666s.134 3.079-1.447 4.42c-1.58 1.336-5.57 1.31-5.57 1.31" stroke="currentColor" stroke-linecap="round"/>
3307      </svg><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="32" height="32" class="hidden sm:block icon icon-picto-customer-support" viewBox="0 0 24 24">
3308        <path d="M1.714 14.143c0-3.919 2.613-4.898 3.92-4.898 2.35 0 2.938 1.96 2.938 2.938v3.92c0 2.35-1.96 2.938-2.939 2.938-1.306 0-3.919-.98-3.919-4.898ZM22.286 14.143c0-3.919-2.613-4.898-3.92-4.898-2.35 0-2.937 1.96-2.937 2.938v3.92c0 2.35 1.96 2.938 2.938 2.938 1.306 0 3.919-.98 3.919-4.898Z" fill="currentColor" fill-opacity="0"/>
3309        <path d="M1.714 14.143c0-3.919 2.613-4.898 3.92-4.898 2.35 0 2.938 1.96 2.938 2.938v3.92c0 2.35-1.96 2.938-2.939 2.938-1.306 0-3.919-.98-3.919-4.898ZM22.286 14.143c0-3.919-2.613-4.898-3.92-4.898-2.35 0-2.937 1.96-2.937 2.938v3.92c0 2.35 1.96 2.938 2.938 2.938 1.306 0 3.919-.98 3.919-4.898Z" stroke="currentColor"/>
3310        <path d="M2.38 11.263C2.524 6.537 4.929 1.286 12 1.286c7.06 0 9.468 5.232 9.617 9.951m.106 5.666s.134 3.079-1.447 4.42c-1.58 1.336-5.57 1.31-5.57 1.31" stroke="currentColor" stroke-linecap="round"/>
3311      </svg></div><div class="text-with-icons__text-wrapper">
3312                <div class="prose"><p class="h6">Customer service</p><p>Our friendly customer support teams are here to help with any enquiry, no matter how large or small your needs are.</p></div>
3313              </div>
3314            </div><div id="block-sections--24585422471462__text_with_icons_PfEfNU-item_wJgjNJ" class="text-with-icons__item snap-center" role="group" aria-label="Item 4 of 5" ><div ><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="24" height="24" class="sm:hidden icon icon-picto-lock" viewB
3314ox="0 0 24 24">
3315        <path d="M3.236 18.182a5.071 5.071 0 0 0 4.831 4.465 114.098 114.098 0 0 0 7.865-.001 5.07 5.07 0 0 0 4.831-4.464 23.03 23.03 0 0 0 .165-2.611c0-.881-.067-1.752-.165-2.61a5.07 5.07 0 0 0-4.83-4.465c-1.311-.046-2.622-.07-3.933-.069a109.9 109.9 0 0 0-3.933.069 5.07 5.07 0 0 0-4.83 4.466 23.158 23.158 0 0 0-.165 2.609c0 .883.067 1.754.164 2.61Z" fill="currentColor" fill-opacity="0" stroke="currentColor"/>
3316        <path d="M17 8.43V6.285A5 5 0 0 0 7 6.286V8.43" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
3317        <path d="M12 17.714a2.143 2.143 0 1 0 0-4.286 2.143 2.143 0 0 0 0 4.286Z" stroke="currentColor"/>
3318      </svg><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="32" height="32" class="hidden sm:block icon icon-picto-lock" viewBox="0 0 24 24">
3319        <path d="M3.236 18.182a5.071 5.071 0 0 0 4.831 4.465 114.098 114.098 0 0 0 7.865-.001 5.07 5.07 0 0 0 4.831-4.464 23.03 23.03 0 0 0 .165-2.611c0-.881-.067-1.752-.165-2.61a5.07 5.07 0 0 0-4.83-4.465c-1.311-.046-2.622-.07-3.933-.069a109.9 109.9 0 0 0-3.933.069 5.07 5.07 0 0 0-4.83 4.466 23.158 23.158 0 0 0-.165 2.609c0 .883.067 1.754.164 2.61Z" fill="currentColor" fill-opacity="0" stroke="currentColor"/>
3320        <path d="M17 8.43V6.285A5 5 0 0 0 7 6.286V8.43" stroke="currentColor"  stroke-linecap="round" stroke-linejoin="round"/>
3321        <path d="M12 17.714a2.143 2.143 0 1 0 0-4.286 2.143 2.143 0 0 0 0 4.286Z" stroke="currentColor"/>
3322      </svg></div><div class="text-with-icons__text-wrapper">
3323                <div class="prose"><p class="h6">Secure payment</p><p>Visa, Mastercard, you name it - we've got a secure checkout and your credit card needs covered.</p></div>
3324              </div>
3325            </div><div id="block-sections--24585422471462__text_with_icons_PfEfNU-item_qdYEAQ" class="text-with-icons__item snap-center" role="group" aria-label="Item 5 of 5" ><div ><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="24" height="24" class="sm:hidden icon icon-picto-love" viewBox="0 0 24 24">
3326        <path d="M12 5.457C6.823-.895 1.358 3.619 1.286 8.484c0 7.24 8.665 13.185 10.714 13.185 2.049 0 10.714-5.946 10.714-13.187C22.642 3.617 17.177-.895 12 5.457Z" fill="currentColor" fill-opacity="0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3327      </svg><svg role="presentation" fill="none" focusable="false" stroke-width="1.6" width="32" height="32" class="hidden sm:block icon icon-picto-love" viewBox="0 0 24 24">
3328        <path d="M12 5.457C6.823-.895 1.358 3.619 1.286 8.484c0 7.24 8.665 13.185 10.714 13.185 2.049 0 10.714-5.946 10.714-13.187C22.642 3.617 17.177-.895 12 5.457Z" fill="currentColor" fill-opacity="0" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/>
3329      </svg></div><div class="text-with-icons__text-wrapper">
3330                <div class="prose"><p class="h6">Loved Brands</p><p>Including Rip Curl, Billabong, Quiksilver, Rusty, Volcom, RVCA, Afends, Santa Cruz, Thrills Co and more.</p></div>
3331              </div>
3332            </div></scroll-carousel><page-dots aria-controls="carousel-sections--24585422471462__text_with_icons_PfEfNU" class="page-dots peer-not-scrollable:hidden"><button type="button" class="tap-area" aria-current="true">
3333                <span class="sr-only">Go to item 1</span>
3334              </button><button type="button" class="tap-area" aria-current="false">
3335                <span class="sr-only">Go to item 2</span>
3336              </button><button type="button" class="tap-area" aria-current="false">
3337                <span class="sr-only">Go to item 3</span>
3338              </button><button type="button" class="tap-area" aria-current="false">
3339                <span class="sr-only">Go to item 4</span>
3340              </button><button type="button" class="tap-area" aria-current="false">
3341                <span class="sr-only">Go to item 5</span>
3342              </button></page-dots></div>
3343    </div>
3344  </div></section><footer id="shopify-section-sections--24585422471462__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><style>
3345  @media screen and (min-width: 1000px) {
3346    #shopify-section-sections--24585422471462__footer {--footer-block-list-justify-content: space-between;
3347    }
3348  }
3349</style><div class="footer">
3350  <div class="container">
3351    <div class="footer__wrapper"><div class="footer__block-list empty:hidden"><div class="footer__block footer__block--text" ><h3 class="bold">About Ozmosis</h3><div class="">
3352                        <div class="prose text-subdued"><p>Ozmosis kicked off in the late '70s on the Mornington Peninsula with just three surf shops. Fast forward 30 years, and we've evolved into one of Australia's most reputable names in youth lifestyle, bringing you the latest surf, skate, and streetwear brands.</p></div>
3353
3354<br><a href="https://www.ozmosis.com.au/pages/b-corp">
3354<img src="https://cdn.shopify.com/s/files/1/0917/9824/1574/files/B-Corp-Logo-Tagline-Lockup-Continuous-Improvement-Black-RGB.svg?v=1745975928" alt="B-Corp Certified" width="70%"></a>
3355                      </div></div><div class="footer__block footer__block--menu" ><h3 class="bold">Customer Service</h3><ul class="v-stack gap-3" role="list"><li>
3356                          <a href="/pages/frequently-asked-questions" class="inline-block link-faded break-all">FAQs</a>
3357                        </li><li>
3358                          <a href="/policies/refund-policy" class="inline-block link-faded break-all">Refund Policy</a>
3359                        </li><li>
3360                          <a href="/pages/size-guides" class="inline-block link-faded break-all">Size Guides</a>
3361                        </li><li>
3362                          <a href="/pages/payments" class="inline-block link-faded break-all">Payment Options</a>
3363                        </li><li>
3364                          <a href="/pages/contact" class="inline-block link-faded break-all">Contact Us</a>
3365                        </li><li>
3366                          <a href="/pages/warranty" class="inline-block link-faded break-all">Warranty</a>
3367                        </li></ul>
3368                  </div><div class="footer__block footer__block--menu" ><h3 class="bold">Discover</h3><ul class="v-stack gap-3" role="list"><li>
3369                          <a href="/pages/about" class="inline-block link-faded break-all">About Ozmosis</a>
3370                        </li><li>
3371                          <a href="/pages/b-corp" class="inline-block link-faded break-all">B-Corp Certified</a>
3372                        </li><li>
3373                          <a href="/pages/stores" class="inline-block link-faded break-all">Store Locator</a>
3374                        </li><li>
3375                          <a href="/pages/jobs" class="inline-block link-faded break-all">Careers & Jobs</a>
3376                        </li><li>
3377                          <a href="/pages/promotions" class="inline-block link-faded break-all">Promotions</a>
3378                        </li></ul>
3379                  </div><div class="footer__block footer__block--text" ><h3 class="bold">Stay in the Loop</h3><div class="">
3380                        <div class="klaviyo-form-XrjAXA"></div>
3381                      </div></div></div><div class="footer__aside empty:hidden"><div class="footer__aside-top"><ul class="social-media " role="list"><li>
3382      <a href="https://www.facebook.com/ozmosisaustralia/" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Facebook"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-facebook" viewBox="0 0 24 24">
3383        <path fill-rule="evenodd" clip-rule="evenodd" d="M10.183 21.85v-8.868H7.2V9.526h2.983V6.982a4.17 4.17 0 0 1 4.44-4.572 22.33 22.33 0 0 1 2.667.144v3.084h-1.83a1.44 1.44 0 0 0-1.713 1.68v2.208h3.423l-.447 3.456h-2.97v8.868h-3.57Z" fill="currentColor"/>
3384      </svg></a>
3385    </li><li>
3386      <a href="https://www.instagram.com/OzmosisAustralia" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on Instagram"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-instagram" viewBox="0 0 24 24">
3387        <path fill-rule="evenodd" clip-rule="evenodd" d="M12 2.4c-2.607 0-2.934.011-3.958.058-1.022.046-1.72.209-2.33.446a4.705 4.705 0 0 0-1.7 1.107 4.706 4.706 0 0 0-1.108 1.7c-.237.611-.4 1.31-.446 2.331C2.41 9.066 2.4 9.392 2.4 12c0 2.607.011 2.934.058 3.958.046 1.022.209 1.72.446 2.33a4.706 4.706 0 0 0 1.107 1.7c.534.535 1.07.863 1.7 1.108.611.237 1.309.4 2.33.446 1.025.047 1.352.058 3.959.058s2.934-.011 3.958-.058c1.022-.046 1.72-.209 2.33-.446a4.706 4.706 0 0 0 1.7-1.107 4.706 4.706 0 0 0 1.108-1.7c.237-.611.4-1.31.446-2.33.047-1.025.058-1.352.058-3.959s-.011-2.934-.058-3.958c-.047-1.022-.209-1.72-.446-2.33a4.706 4.706 0 0 0-1.107-1.7 4.705 4.705 0 0 0-1.7-1.108c-.611-.237-1.31-.4-2.331-.446C14.934 2.41 14.608 2.4 12 2.4Zm0 1.73c2.563 0 2.867.01 3.88.056.935.042 1.443.199 1.782.33.448.174.768.382 1.104.718.336.336.544.656.718 1.104.131.338.287.847.33 1.783.046 1.012.056 1.316.056 3.879 0 2.563-.01 2.867-.056 3.88-.043.935-.199 1.444-.33 1.782a2.974 2.974 0 0 1-.719 1.104 2.974 2.974 0 0 1-1.103.718c-.339.131-.847.288-1.783.33-1.012.046-1.316.056-3.88.056-2.563 0-2.866-.01-3.878-.056-.936-.042-1.445-.199-1.783-.33a2.974 2.974 0 0 1-1.104-.718 2.974 2.974 0 0 1-.718-1.104c-.131-.338-.288-.847-.33-1.783-.047-1.012-.056-1.316-.056-3.879 0-2.563.01-2.867.056-3.88.042-.935.199-1.443.33-1.782.174-.448.382-.768.718-1.104a2.974 2.974 0 0 1 1.104-.718c.338-.131.847-.288 1.783-.33C9.133 4.14 9.437 4.13 12 4.13Zm0 11.07a3.2 3.2 0 1 1 0-6.4 3.2 3.2 0 0 1 0 6.4Zm0-8.13a4.93 4.93 0 1 0 0 9.86 4.93 4.93 0 0 0 0-9.86Zm6.276-.194a1.152 1.152 0 1 1-2.304 0 1.152 1.152 0 0 1 2.304 0Z" fill="currentColor"/>
3388      </svg></a>
3389    </li><li>
3390      <a href="https://www.tiktok.com/@ozmosisaustralia" class="tap-area" target="_blank" rel="noopener" aria-label="Follow on TikTok"><svg role="presentation" focusable="false" width="27" height="27" class="icon icon-tiktok" viewB
3390ox="0 0 24 24">
3391        <path d="M20.027 10.168a5.125 5.125 0 0 1-4.76-2.294v7.893a5.833 5.833 0 1 1-5.834-5.834c.122 0 .241.011.361.019v2.874c-.12-.014-.237-.036-.36-.036a2.977 2.977 0 0 0 0 5.954c1.644 0 3.096-1.295 3.096-2.94L12.56 2.4h2.75a5.122 5.122 0 0 0 4.72 4.573v3.195" fill="currentColor"/>
3392      </svg></a>
3393    </li></ul></div><div class="footer__aside-bottom"><ul class="footer__payment-icons h-stack wrap gap-2"><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-american_express"><title id="pi-american_express">American Express</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#0071CE" style="fill:#0071CE;fill:color(display-p3 0.0000 0.4431 0.8078);fill-opacity:1;"/><path d="M3 0.5H35C36.3348 0.5 37.5 1.58692 37.5 3V21C37.5 22.4239 36.4239 23.5 35 23.5H3C1.66524 23.5 0.5 22.4131 0.5 21V3C0.5 1.57614 1.57614 0.5 3 0.5Z" stroke="black" stroke-opacity="0.07" style="stroke:black;stroke-opacity:0.07;"/><path d="M25.8662 6.33203V3H31L31.8662 5.5332L32.7334 3H37V14.2002H36.7998L34.8672 16.2656L36.7998 18.3594H37V21.2666H33.5996L31.9336 19.3994L30.2002 21.2666H19.4668V12.666H16L20.2666 3H24.4004L25.8662 6.33203ZM20.5996 20.2656H27V18.5322H22.666V17.3994H26.8662V15.666H22.666V14.5322H27V12.7988H20.5996V20.2656ZM30.5332 16.5322L27 20.2656H29.5996L31.8662 17.8662L34.0664 20.2656H36.7324L33.1992 16.4658L36.7324 12.7988H34.1328L31.8662 15.1992L29.7324 12.7988H27L30.5332 16.5322ZM17.666 11.7324H19.9326L20.5332 10.1992H23.999L24.666 11.7324H26.999L23.666 4.19922H20.999L17.666 11.7324ZM33.5996 4.19922L31.9326 8.86621L30.1992 4.19922H27V11.666H29.0664V6.39941L31 11.666H32.7998L34.7324 6.39941V11.666H36.7324V4.13281L33.5996 4.19922ZM23.2656 8.46582H21.2656L22.2656 5.99902L23.2656 8.46582Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
3394</li><li class="contents"><svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 
33941.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>
3395</li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.
339506zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>
3396</li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#1C1C1C" style="fill:#1C1C1C;fill:color(display-p3 0.1098 0.1098 0.1098);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#232323" style="fill:#232323;fill:color(display-p3 0.1373 0.1373 0.1373);fill-opacity:1;"/><path d="M14.6364 19.2727C18.8538 19.2727 22.2727 15.8538 22.2727 11.6364C22.2727 7.41892 18.8538 4 14.6364 4C10.4189 4 7 7.41892 7 11.6364C7 15.8538 10.4189 19.2727 14.6364 19.2727Z" fill="#EB001B" style="fill:#EB001B;fill:color(display-p3 0.9216 0.0000 0.1059);fill-opacity:1;"/><path d="M23.3637 19.2727C27.5811 19.2727 31 15.8538 31 11.6364C31 7.41892 27.5811 4 23.3637 4C19.1462 4 15.7273 7.41892 15.7273 11.6364C15.7273 15.8538 19.1462 19.2727 23.3637 19.2727Z" fill="#F79E1B" style="fill:#F79E1B;fill:color(display-p3 0.9686 0.6196 0.1059);fill-opacity:1;"/><path d="M22.2727 11.6362C22.2727 9.01797 20.9637 6.72706 19 5.41797C17.0364 6.83615 15.7273 9.12706 15.7273 11.6362C15.7273 14.1452 17.0364 16.5452 19 17.8543C20.9637 16.5452 22.2727 14.2543 22.2727 11.6362Z" fill="#FF5F00" style="fill:#FF5F00;fill:color(display-p3 1.0000 0.3725 0.0000);fill-opacity:1;"/></svg>
3397</li><li class="contents"><svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 
33970-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg></li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>
3398</li><li class="contents"><svg viewBox="-36 25 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-unionpay"><title id="pi-unionpay">Union Pay</title><path fill="#005B9A" d="M-36 46.8v.7-.7zM-18.3 25v24h-7.2c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h1.4zm12.6 0c-1.3 0-2.9 1-3.2 2.3l-4.5 19.4c-.3 1.3.5 2.3 1.8 2.3h-4.9V25h10.8z"/><path fill="#E9292D" d="M-19.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3h-8.9c-.8 0-1.5-.6-1.5-1.4v-21c0-.8.7-1.6 1.5-1.6h14.7z"/><path fill="#0E73B9" d="M-5.7 25c-1.3 0-2.9 1.1-3.2 2.3l-4.4 19.4c-.3 1.3.5 2.3 1.8 2.3H-26h.5c-1.3 0-2.1-1-1.8-2.3l4.4-19.4c.3-1.3 1.9-2.3 3.2-2.3h14z"/><path fill="#059DA4" d="M2 26.6v21c0 .8-.6 1.4-1.5 1.4h-12.1c-1.3 0-2.1-1.1-1.8-2.3l4.5-19.4C-8.6 26-7 25-5.7 25H.5c.9 0 1.5.7 1.5 1.6z"/><path fill="#fff" d="M-21.122 38.645h.14c.14 0 .28-.07.28-.14l.42-.63h1.19l-.21.35h1.4l-.21.63h-1.68c-.21.28-.42.42-.7.42h-.84l.21-.63m-.21.91h3.01l-.21.7h-1.19l-.21.7h1.19l-.21.7h-1.19l-.28 1.05c-.07.14 0 .28.28.21h.98l-.21.7h-1.89c-.35 0-.49-.21-.35-.63l.35-1.33h-.77l.21-.7h.77l.21-.7h-.7l.21-.7zm4.83-1.75v.42s.56-.42 1.12-.42h1.96l-.77 2.66c-.07.28-.35.49-.77.49h-2.24l-.49 1.89c0 .07 0 .14.14.14h.42l-.14.56h-1.12c-.42 0-.56-.14-.49-.35l1.47-5.39h.91zm1.68.77h-1.75l-.21.7s.28-.21.77-.21h1.05l.14-.49zm-.63 1.68c.14 0 .21 0 .21-.14l.14-.35h-1.75l-.14.56 1.54-.07zm-1.19.84h.98v.42h.28c.14 0 .21-.07.21-.14l.07-.28h.84l-.14.49c-.07.35-.35.49-.77.56h-.56v.77c0 .14.07.21.35.21h.49l-.14.56h-1.19c-.35 0-.49-.14-.49-.49l.07-2.1zm4.2-2.45l.21-.84h1.19l-.07.28s.56-.28 1.05-.28h1.47l-.21.84h-.21l-1.12 3.85h.21l-.21.77h-.21l-.07.35h-1.19l.07-.35h-2.17l.21-.77h.21l1.12-3.85h-.28m1.26 0l-.28 1.05s.49-.21.91-.28c.07-.35.21-.77.21-.77h-.84zm-.49 1.54l-.28 1.12s.56-.28.98-.28c.14-.42.21-.77.21-.77l-.91-.07zm.21 2.31l.21-.77h-.84l-.21.77h.84zm2.87-4.69h1.12l.07.42c0 .07.07.14.21.14h.21l-.21.7h-.77c-.28 0-.49-.07-.49-.35l-.14-.91zm-.35 1.47h3.57l-.21.77h-1.19l-.21.7h1.12l-.21.77h-1.26l-.28.42h.63l.14.84c0 .07.07.14.21.14h.21l-.21.7h-.7c-.35 0-.56-.07-.56-.35l-.14-.77-.56.84c-.14.21-.35.35-.63.35h-1.05l.21-.7h.35c.14 0 .21-.07.35-.21l.84-1.26h-1.05l.21-.77h1.19l.21-.7h-1.19l.21-.77zm-19.74-5.04c-.14.7-.42 1.19-.91 1.54-.49.35-1.12.56-1.89.56-.7 0-1.26-.21-1.54-.56-.21-.28-.35-.56-.35-.98 0-.14 0-.35.07-.56l.84-3.92h1.19l-.77 3.92v.28c0 .21.07.35.14.49.14.21.35.28.7.28s.7-.07.91-.28c.21-.21.42-.42.49-.77l.77-3.92h1.19l-.84 3.92m1.12-1.54h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35.14.21.21.49.14.91l-.49 2.38h-.91l.42-2.17c.07-.28.07-.49 0-.56-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.63-3.57m9.8 0h.84l-.07.49.14-.14c.28-.28.63-.42 1.05-.42.35 0 .63.14.77.35s.21.49.14.91l-.49 2.38h-.91l.42-2.24c.07-.21 0-.42-.07-.49-.07-.14-.21-.14-.35-.14-.21 0-.42.07-.56.21-.14.14-.28.35-.28.63l-.42 2.03h-.91l.7-3.57m-5.81 0h.98l-.77 3.5h-.98l.77-3.5m.35-1.33h.98l-.21.84h-.98l.21-.84zm1.4 4.55c-.21-.21-.35-.56-.35-.98v-.21c0-.07 0-.21.07-.28.14-.56.35-1.05.7-1.33.35-.35.84-.49 1.33-.49.42 0 .77.14 1.05.35.21.21.35.56.35.98v.21c0 .07 0 .21-.07.28-.14.56-.35.98-.7 1.33-.35.35-.84.49-1.33.49-.35 0-.7-.14-1.05-.35m1.89-.7c.14-.21.28-.49.35-.84v-.35c0-.21-.07-.35-.14-.49a.
3398635.635 0 0 0-.49-.21c-.28 0-.49.07-.63.28-.14.21-.28.49-.35.84v.28c0 .21.07.35.14.49.14.14.28.21.49.21.28.07.42 0 .63-.21m6.51-4.69h2.52c.49 0 .84.14 1.12.35.28.21.35.56.35.91v.28c0 .07 0 .21-.07.28-.07.49-.35.98-.7 1.26-.42.35-.84.49-1.4.49h-1.4l-.42 2.03h-1.19l1.19-5.6m.56 2.59h1.12c.28 0 .49-.07.7-.21.14-.14.28-.35.35-.63v-.28c0-.21-.07-.35-.21-.42-.14-.07-.35-.14-.7-.14h-.91l-.35 1.68zm8.68 3.71c-.35.77-.7 1.26-.91 1.47-.21.21-.63.7-1.61.7l.07-.63c.84-.28 1.26-1.4 1.54-1.96l-.28-3.78h1.19l.07 2.38.91-2.31h1.05l-2.03 4.13m-2.94-3.85l-.42.28c-.42-.35-.84-.56-1.54-.21-.98.49-1.89 4.13.91 2.94l.14.21h1.12l.7-3.29-.91.07m-.56 1.82c-.21.56-.56.84-.91.77-.28-.14-.35-.63-.21-1.19.21-.56.56-.84.91-.77.28.14.35.63.21 1.19"/></svg></li><li class="contents"><svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" fill="none" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><rect x=".5" y=".5" width="37" height="23" rx="2.5" stroke="#000" stroke-opacity=".07" fill="none"/><path d="M35 0H3C1.3 0 0 1.3 0 3V21C0 22.7 1.4 24 3 24H35C36.7 24 38 22.7 38 21V3C38 1.3 36.6 0 35 0Z" fill="#142FBD" style="fill:#142FBD;fill:color(display-p3 0.0784 0.1843 0.7412);fill-opacity:1;"/><path d="M35 1C36.1 1 37 1.9 37 3V21C37 22.1 36.1 23 35 23H3C1.9 23 1 22.1 1 21V3C1 1.9 1.9 1 3 1H35Z" fill="#1532CB" style="fill:#1532CB;fill:color(display-p3 0.0824 0.1961 0.7961);fill-opacity:1;"/><path d="M29.5944 10.2167H29.2778C28.8556 11.2722 28.5389 11.8 28.2222 13.3833H30.2278C29.9111 11.8 29.9111 11.0611 29.5944 10.2167V10.2167ZM32.6556 16.4444H30.8611C30.7556 16.4444 30.7556 16.4444 30.65 16.3389L30.4389 15.3889L30.3333 15.1778H27.8C27.6944 15.1778 27.5889 15.1778 27.5889 15.3889L27.2722 16.3389C27.2722 16.4444 27.1667 16.4444 27.1667 16.4444H24.95L25.1611 15.9167L28.2222 8.73889C28.2222 8.21111 28.5389 8 29.0667 8H30.65C30.7556 8 30.8611 8 30.8611 8.21111L32.3389 15.0722C32.4444 15.4944 32.55 15.8111 32.55 16.2333C32.6556 16.3389 32.6556 16.3389 32.6556 16.4444V16.4444ZM18.5111 16.1278L18.9333 14.2278C19.0389 14.2278 19.1444 14.3333 19.1444 14.3333C19.8833 14.65 20.6222 14.8611 21.3611 14.7556C21.5722 14.7556 21.8889 14.65 22.1 14.5444C22.6278 14.3333 22.6278 13.8056 22.2056 13.3833C21.9944 13.1722 21.6778 13.0667 21.3611 12.8556C20.9389 12.6444 20.5167 12.4333 20.2 12.1167C18.9333 11.0611 19.3556 9.58333 20.0944 8.84444C20.7278 8.42222 21.0444 8 21.8889 8C23.1556 8 24.5278 8 25.1611 8.21111H25.2667C25.1611 8.84444 25.0556 9.37222 24.8444 10.0056C24.3167 9.79444 23.7889 9.58333 23.2611 9.58333C22.9444 9.58333 22.6278 9.58333 22.3111 9.68889C22.1 9.68889 21.9944 9.79444 21.8889 9.9C21.6778 10.1111 21.6778 10.4278 21.8889 10.6389L22.4167 11.0611C22.8389 11.2722 23.2611 11.4833 23.5778 11.6944C24.1056 12.0111 24.6333 12.5389 24.7389 13.1722C24.95 14.1222 24.6333 14.9667 23.7889 15.6C23.2611 16.0222 23.05 16.2333 22.3111 16.2333C20.8333 16.2333 19.6722 16.3389 18.7222 16.0222C18.6167 16.2333 18.6167 16.2333 18.5111 16.1278V16.1278ZM14.8167 16.4444C14.9222 15.7056 14.9222 15.7056 15.0278 15.3889C15.5556 13.0667 16.0833 10.6389 16.5056 8.31667C16.6111 8.10556 16.6111 8 16.8222 8H18.7222C18.5111 9.26667 18.3 10.2167 17.9833 11.3778C17.6667 12.9611 17.35 14.5444 16.9278 16.1278C16.9278 16.3389 16.8222 16.3389 16.6111 16.3389L14.8167 16.4444ZM5 8.21111C5 8.10556 5.21111 8 5.31667 8H8.90556C9.43333 8 9.85556 8.31667 9.96111 8.84444L10.9111 13.4889C10.9111 13.5944 10.9111 13.5944 11.0167 13.7C11.0167 13.5944 11.1222 13.5944 11.1222 13.5944L13.3389 8.21111C13.2333 8.10556 13.3389 8 13.4444 8H15.6611C15.6611 8.10556 15.6611 8.10556 15.5556 8.21111L12.2833 15.9167C12.1778 16.1278 12.1778 
339816.2333 12.0722 16.3389C11.9667 16.4444 11.7556 16.3389 11.5444 16.3389H9.96111C9.85556 16.3389 9.75 16.3389 9.75 16.1278L8.06111 9.58333C7.85 9.37222 7.53333 9.05556 7.11111 8.95C6.47778 8.63333 5.31667 8.42222 5.10556 8.42222L5 8.21111Z" fill="white" style="fill:white;fill-opacity:1;"/></svg>
3399</li></ul><div class="footer__copyright v-stack gap-1">
3400            <p class="text-sm text-subdued">© 2026, Ozmosis. <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </a></p><ul class="footer__policy-links unstyled-list"><li class="contents"><a href="/policies/privacy-policy" class="text-sm link-faded">Privacy Statement</a></li><li class="contents"><a href="/policies/refund-policy" class="text-sm link-faded">Refund policy</a></li><li class="contents"><a href="/policies/terms-of-service" class="text-sm link-faded">Terms of service</a></li><li class="contents"><a href="/policies/shipping-policy" class="text-sm link-faded">Shipping policy</a></li><li class="contents"><a href="/policies/contact-information" class="text-sm link-faded">Contact information</a></li></ul></div>
3401        </div>
3402      </div>
3403    </div>
3404  </div>
3405</div>
3406
3407</footer>
3408<!-- END sections: footer-group -->
3408<script async type="text/plain" class="optanon-category-C0002" src="https://data.stats.tools/js/data.js"></script>
3408
3409      
3409<script
3410        async
3411        type="text/plain"
3412        class="optanon-category-C0004"
3413        src="https://static.klaviyo.com/onsite/js/UMRLv9/klaviyo.js"
3414      ></script>
3414
3415    </main><style> .header__secondary-nav .header__link-list ul.contents {display: none;} .aspect-tall {aspect-ratio: 3 / 3.8 !important;} .collection-header .prose {max-width: 850px; margin: auto auto;} .cart-order .alpha_bulk_discounts_savings_widget--wrapper {margin-right: auto;} label[data-tooltip="Multicolor"] {background-image: url(https://cdn.shopify.com/s/files/1/0917/9824/1574/files/multi-colour_100x.jpg?v=1743997448); background-size: cover;} .shopify-policy__title.h1 {display: none;} </style>
3416<div id="shopify-block-ASXJCWWEvMUE5L1VWd__5946647744298494267" class="shopify-block shopify-app-block">
3417
3418
3419<!-- BEGIN app snippet: swymVersion -->
3419<script>var __SWYM__VERSION__ = '7.0.9';</script>
3419<!-- END app snippet -->
3420<!-- BEGIN app snippet: swymCustomCss -->
3421
3422
3423
3424
3425<style id="swym-custom-css">
3426
3427</style>
3428
3429<!-- END app snippet -->
3430
3431
3432
3433
3434
3435
3436
3437
3438
3439
3440
3441
3442<script>
3443  (function () {
3444    // Get CompanyLocation Metadata for B2B customer scenerios (SFS)
3445    
3446
3447    // Put metafields in window variable
3448    const commonCustomizationSettings = '{"global-settings":{"icon":"heart","primaryColor":"#000000","secondaryColor":"#ffffff","storefrontLayoutType":"as-drawer","storefrontLayoutDrawerWidth":400,"enableStorefrontLayoutNotification":true,"buttonType":{"displayIcon":true,"displayText":true,"style":"solid"},"collectionsButtonPosition":{"position":"top-right","verticalOffset":0,"horizontalOffset":0},"pdpButtonPosition":{"position":"default","verticalOffset":0,"horizontalOffset":0}}}';
3449    try {
3450      const parsedSettings = JSON.parse(commonCustomizationSettings);
3451      if (parsedSettings) {
3452        window.SwymWishlistCommonCustomizationSettings = parsedSettings[window.Shopify.theme.schema_name] || parsedSettings['global-settings'];
3453      } else {
3454        window.SwymWishlistCommonCustomizationSettings = {};
3455      }
3456    } catch (e) {
3457      window.SwymWishlistCommonCustomizationSettings = {};
3458    }
3459
3460    let enabledCommonFeatures = '{"add-to-wishlist-collections-button":true,"auto-add-to-wishlist-from-pdp":{"pdpViewCount":"3","notificationTimeoutDuration":"5","selectedPosition":"TopLeft","enabled":false},"multiple-wishlist":false}';
3461    try {
3462      enabledCommonFeatures = JSON.parse(enabledCommonFeatures) || {};
3463    } catch (e) {
3464      enabledCommonFeatures = {};
3465    }
3466    // Storing COMMON FEATURES data in the window object for potential use in the storefront JS code.
3467    window.SwymEnabledCommonFeatures = enabledCommonFeatures;
3468
3469    // Ghost-Intent Configuration
3470    // Defaults to disabled (false). Only enabled when metafields explicitly set to "true".
3471    try {
3472      let ghostIntentConfig = {
3473        isExplicitConsentNeeded: false,
3474        isExplicitConsentNeededEvenForLocalStorage: false,
3475        askForPermissionOnFirstClick: true
3476      };
3477      
3478      
3479      
3480      window.SwymGhostIntentConfig = ghostIntentConfig;
3481    } catch(e) {
3482      window.SwymGhostIntentConfig = {
3483        isExplicitConsentNeeded: false,
3484        isExplicitConsentNeededEvenForLocalStorage: false,
3485        askForPermissionOnFirstClick: true
3486      };
3487    }
3488
3489    // Education Layer Configuration
3490    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
3491    
3492    
3493    window.SwymEducationLayerEnabled = enabledCommonFeatures?.["education-layer"] ?? true;
3494
3495    // Login Nudge Configuration
3496    // Reads from common enabled-features metafield first. Falls back to old standalone metafield for backward compatibility.
3497    
3498    
3499    window.SwymLoginNudgeEnabled = enabledCommonFeatures?.["login-nudge"] ?? true;
3500
3501    // Initialize or ensure SwymViewProducts exists
3502    if (!window.SwymViewProducts) {
3503      window.SwymViewProducts = {};
3504    }
3505    
3506  })();
3507</script>
3507
3508
3509<!-- BEGIN app snippet: swymLoadConsentManager -->
3510<script>
3511  (function () {
3512    if (document.querySelector("script[data-swym-consent-manager]")) return;
3513    var swymConsentManagerScript = document.createElement("script");
3514    swymConsentManagerScript.src = "https:\/\/cdn.shopify.com\/extensions\/01a1111c-7daf-7efb-8081-6b15ced5d07a\/swym-relay-842\/assets\/swym-consent-manager.js";
3515    swymConsentManagerScript.async = false; // run in insertion order once fetched, instead of whenever fetch resolves
3516    swymConsentManagerScript.setAttribute("data-swym-consent-manager", "true");
3517    document.head.appendChild(swymConsentManagerScript);
3518  })();
3519</script>
3519
3520<!-- END app snippet -->
3521
3522<script
3523  
3524    type="text/plain" class=""optanon-category-C0003""
3525  
3526  id="wishlist-embed-init"
3527  defer
3528  async
3529>
3530  (function () {
3531    window.swymWishlistEmbedLoaded = true;
3532    var fullAssetUrl = "https://cdn.shopify.com/extensions/01a1111c-7daf-7efb-8081-6b15ced5d07a/swym-relay-842/assets/apps.bundle.js"; 
3533    var assetBaseUrl = fullAssetUrl?.substring(0, fullAssetUrl.lastIndexOf('/') + 1);
3534    var swymJsPath = '//procdn.swymrelay.com/code/swym-shopify.js';
3535    var baseJsPath = swymJsPath?.substring(0, swymJsPath.lastIndexOf('/') + 1);
3536    window.SwymCurrentJSPath = baseJsPath;
3537    window.SwymAssetBaseUrl = assetBaseUrl;
3538    
3539      window.SwymCurrentStorePath = "//swymstore-v3pro-01.swymrelay.com";
3540    
3541    function loadSwymShopifyScript() {
3542      var element = "";
3543      var scriptSrc = "";
3544
3545      
3546        element = "swym-ext-shopify-script";
3547        window.SwymShopifyCdnInUse = true;
3548        scriptSrc = "https://cdn.shopify.com/extensions/01a1111c-7daf-7efb-8081-6b15ced5d07a/swym-relay-842/assets/swym-ext-shopify.js";
3549      
3550
3551      if (document.getElementById(element)) {
3552        return;
3553      }
3554
3555      var s = document.createElement("script");
3556      s.id = element;
3557      s.type = "text/javascript";
3558      s.async = true;
3559      s.defer = true;
3560      s.src = scriptSrc;
3561
3562      s.onerror = function() {
3563        console.warn("Failed to load Swym Shopify script: ", scriptSrc, " Continuing with default");
3564        // Fallback logic here
3565        element = `swym-ext-shopify-script-${__SWYM__VERSION__}`;
3566        var fallbackJsPathVal = "\/\/procdn.swymrelay.com\/code\/swym-shopify.js";
3567        var fallbackJsPathWithExt = fallbackJsPathVal.replace("swym-shopify", "swym-ext-shopify");
3568        scriptSrc = fallbackJsPathWithExt + '?shop=' + encodeURIComponent(window.Shopify.shop) + '&v=' + __SWYM__VERSION__;
3569
3570        var fallbackScript = document.createElement("script");
3571        fallbackScript.id = element;
3572        fallbackScript.type = "text/javascript";
3573        fallbackScript.async = true;
3574        fallbackScript.defer = true;
3575        fallbackScript.src = scriptSrc;
3576        var y = document.getElementsByTagName("script")[0];
3577        y.parentNode.insertBefore(fallbackScript, y);
3578      };
3579
3580      var x = document.getElementsByTagName("script")[0];
3581      x.parentNode.insertBefore(s, x);
3582    }
3583    
3584      var consentAPICallbackInvoked = false;
3585      function checkConsentAndLoad() {
3586        // Allow app to load in design mode (theme editor) regardless of consent
3587        if (window.Shopify?.designMode) {
3588          loadSwymShopifyScript();
3589          return;
3590        }
3591
3592        // Ghost-Intent: If merchant enabled explicit consent, block SDK until
3593        // consent is given through our Ghost-Intent flow (sync nudge accept).
3594        // This works on any store regardless of region (EU or non-EU).
3595        var ghostConfig = window.SwymGhostIntentConfig || {};
3596        if (ghostConfig.isExplicitConsentNeeded || ghostConfig.isExplicitConsentNeededEvenForLocalStorage) {
3597          try {
3598            var consentKey = 'swym-ghost-consent-' + (window.Shopify && window.Shopify.shop || '');
3599            if (localStorage.getItem(consentKey) === 'true') {
3600              // Consent was given through our flow — load SDK
3601              loadSwymShopifyScript();
3602              return;
3603            }
3604          } catch(e) {}
3605
3606          // Check if Shopify native cookie consent was given via the cookie banner.
3607          // If user accepted cookies through Shopify's banner, load SDK normally
3608          // (Ghost-Intent is only needed when NO consent mechanism has been used).
3609          var shopifyConsentGiven = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
3610          if (shopifyConsentGiven) {
3611            loadSwymShopifyScript();
3612            return;
3613          }
3614
3615          console.warn("[Swym Ghost-Intent] SDK blocked until explicit consent is given");
3616          return;
3617        }
3618
3619        var isCookieBannerVisible = window.Shopify?.customerPrivacy?.shouldShowBanner?.();
3620        if(!isCookieBannerVisible) {
3621          loadSwymShopifyScript();
3622          return;
3623        }
3624        var shouldLoadSwymScript = window.Shopify?.customerPrivacy?.preferencesProcessingAllowed?.();
3625        if (shouldLoadSwymScript) {
3626          loadSwymShopifyScript();
3627        } else {
3628          console.warn("No customer consent to load Swym Wishlist Plus");
3629        }
3630      }
3631      function initialiseConsentCheck() {
3632        document.addEventListener("visitorConsentCollected", (event) => { checkConsentAndLoad(); });
3633        window.Shopify?.loadFeatures?.(
3634          [{name: 'consent-tracking-api', version: '0.1'}],
3635          error => { 
3636            consentAPICallbackInvoked = true;
3637            if (error) {
3638              if(!window.Shopify?.customerPrivacy) {
3639                loadSwymShopifyScript();
3640                return;
3641              }
3642            }
3643            checkConsentAndLoad();
3644          }
3645        );
3646      }
3647      function consentCheckFallback(retryCount) {
3648        if(!consentAPICallbackInvoked) {
3649          if (window.Shopify?.customerPrivacy) {
3650            checkConsentAndLoad();
3651          } else if (retryCount >= 1) {
3652            console.warn("Shopify.loadFeatures unsuccessful on site, refer - https://shopify.dev/docs/api/customer-privacy#loading-the-customer-privacy-api. Proceeding with normal Swym Wishlist Plus load");
3653            // Ghost-Intent: route through checkConsentAndLoad so SDK block is respected
3654            checkConsentAndLoad();
3655          } else {
3656            setTimeout(() => consentCheckFallback(retryCount + 1), 1000);
3657          }
3658        }
3659      }
3660      if (document.readyState === "loading") {
3661        document.addEventListener("DOMContentLoaded", initialiseConsentCheck);
3662        window.addEventListener("load", () => consentCheckFallback(0));
3663      } else {
3664        initialiseConsentCheck();
3665      }
3666    
3667  })();
3668</script>
3668
3669
3670<!-- BEGIN app snippet: swymSnippet -->
3670<script defer>
3671  (function () {
3672    const currentSwymJSPath = '//procdn.swymrelay.com/code/swym-shopify.js';
3673    const currentSwymStorePath = 'https://swymstore-v3pro-01.swymrelay.com';
3674    const dnsPrefetchLink = `<link rel="dns-prefetch" href="${currentSwymStorePath}" crossorigin>`;
3675    const dnsPrefetchLink2 = `<link rel="dns-prefetch" href="${currentSwymJSPath}">`;
3676    const preConnectLink = `<link rel="preconnect" href="${currentSwymJSPath}">`;
3677    const swymSnippet = document.getElementById('wishlist-embed-init');        
3678    if(dnsPrefetchLink) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink);}
3679    if(dnsPrefetchLink2) {swymSnippet.insertAdjacentHTML('afterend', dnsPrefetchLink2);}
3680    if(preConnectLink) {swymSnippet.insertAdjacentHTML('afterend', preConnectLink);}
3681  })()
3682</script>
vendor: 1 bytes, line 3682
3682
3683<script id="swym-snippet" type="text">
3684  window.swymLandingURL = document.URL;
3685  window.swymCart = {"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":"AUD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
3686  window.swymPageLoad = function() {
3687    window.SwymProductVariants = window.SwymProductVariants || {};
3688    window.SwymHasCartItems = 0 > 0;
3689    window.SwymPageData = {}, window.SwymProductInfo = {};
3690      var unknown = {et: 0};
3691      window.SwymPageData = unknown;
3692    
3693    window.SwymPageData.uri = window.swymLandingURL;
3694  };
3695  if(window.selectCallback){
3696    (function(){
3697      var originalSelectCallback = window.selectCallback;
3698      window.selectCallback = function(variant){
3699        originalSelectCallback.apply(this, arguments);
3700        try{
3701          if(window.triggerSwymVariantEvent){
3702            window.triggerSwymVariantEvent(variant.id);
3703          }
3704        }catch(err){
3705          console.warn("Swym selectCallback", err);
3706        }
3707      };})();}
3708  window.swymCustomerId =null;
3709  window.swymCustomerExtraCheck =
3710    null;
3711  var swappName = ("Wishlist" || "Wishlist");
3712  var swymJSObject = {
3713    pid: "JzxHwyZuRsPKrA+ckrKNdkGzPAUPHXPMuvxQcaDkzSk=",
3714    interface: "/apps/swym" + swappName + "/interfaces/interfaceStore.php?appname=" + swappName
3715  };
3716  window.swymJSShopifyLoad = function(){
3717    if(window.swymPageLoad) swymPageLoad();
3718    if(!window._swat) {
3719      (function (s, w, r, e, l, a, y) {
3720        r['SwymRetailerConfig'] = s;
3721        r[s] = r[s] || function (k, v) {
3722          r[s][k] = v;
3723        };
3724      })('_swrc', '', window);
3725      _swrc('RetailerId', swymJSObject.pid);
3726      _swrc('Callback', function(){initSwymShopify();});
3727    }else if(window._swat.postLoader){
3728      _swrc = window._swat.postLoader;
3729      _swrc('RetailerId', swymJSObject.pid);
3730      _swrc('Callback', function(){initSwymShopify();});
3731    }else{
3732      initSwymShopify();}
3733  }
3734  if(!window._SwymPreventAutoLoad) {
3735    swymJSShopifyLoad();
3736  }
3737</script>
3737
3738
3739<style id="safari-flasher-pre"></style>
3740<script>
3741  if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {
3742    document.getElementById("safari-flasher-pre").innerHTML = '' + '#swym-plugin,#swym-hosted-plugin{display: none;}' + '.swym-button.swym-add-to-wishlist{display: none;}' + '.swym-button.swym-add-to-watchlist{display: none;}' + '#swym-plugin  #swym-notepad, #swym-hosted-plugin  #swym-notepad{opacity: 0; visibility: hidden;}' + '#swym-plugin  #swym-notepad, #swym-plugin  #swym-overlay, #swym-plugin  #swym-notification,' + '#swym-hosted-plugin  #swym-notepad, #swym-hosted-plugin  #swym-overlay, #swym-hosted-plugin  #swym-notification' + '{-webkit-transition: none; transition: none;}' + '';
3743    window.SwymCallbacks = window.SwymCallbacks || [];
3744    window.SwymCallbacks.push(function(tracker) {
3745      tracker.evtLayer.addEventListener(tracker.JSEvents.configLoaded, function() {
3746        var x = function() {
3747          SwymUtils.onDOMReady(function() {
3748            var d = document.createElement("div");
3749            d.innerHTML = "<style id='safari-flasher-post'>" + "#swym-plugin:not(.swym-ready),#swym-hosted-plugin:not(.swym-ready){display: none;}" + ".swym-button.swym-add-to-wishlist:not(.swym-loaded){display: none;}" + ".swym-button.swym-add-to-watchlist:not(.swym-loaded){display: none;}" + "#swym-plugin.swym-ready  #swym-notepad, #swym-plugin.swym-ready  #swym-overlay, #swym-plugin.swym-ready  #swym-notification," + "#swym-hosted-plugin.swym-ready  #swym-notepad, #swym-hosted-plugin.swym-ready  #swym-overlay, #swym-hosted-plugin.swym-ready  #swym-notification" + "{-webkit-transition: opacity 0.3s, visibility 0.3ms, -webkit-transform 0.3ms !important;-moz-transition: opacity 0.3s, visibility 0.3ms, -moz-transform 0.3ms !important;-ms-transition: opacity 0.3s, visibility 0.3ms, -ms-transform 0.3ms !important;-o-transition: opacity 0.3s, visibility 0.3ms, -o-transform 0.3ms !important;transition: opacity 0.3s, visibility 0.3ms, transform 0.3ms !important;}" + "</style>";
3750            document.head.appendChild(d);
3751          });};
3752        setTimeout(x, 10);
3753      });});}
3754  window.SwymOverrideMoneyFormat = "${{amount}}";
3755</script>
3755
3756<style id="swym-product-view-defaults"> .swym-button.swym-add-to-wishlist-view-product:not(.swym-loaded) { display: none; } </style><!-- END app snippet -->
3757
3758<script
3759  
3760    type="text/plain" class=""optanon-category-C0003"" defer
3761  
3762  id="swymSnippetCheckAndActivate"
3763>
3764  (function () {
3765    var duplicateProneIds = ['safari-flasher-pre', 'swym-product-view-defaults', 'swym-wrap-login-handler'];
3766
3767    function removeDuplicateIdNodes(id) {
3768      var nodes = document.querySelectorAll('#' + id);
3769      nodes.forEach(function (node, index) {
3770        if (index > 0) {
3771          node.remove();
3772        }
3773      });
3774    }
3775
3776    function cleanupDuplicateSnippetNodes(activeScript) {
3777      if (!activeScript) {
3778        return;
3779      }
3780      var allSwymSnippets = document.querySelectorAll('script#swym-snippet');
3781      allSwymSnippets.forEach(function (scriptNode) {
3782        if (scriptNode !== activeScript) {
3783          scriptNode.remove();
3784        }
3785      });
3786    }
3787
3788    function cleanupDuplicateActivationGuards() {
3789      var guardScripts = document.querySelectorAll('script#swymSnippetCheckAndActivate');
3790      guardScripts.forEach(function (scriptNode, index) {
3791        if (index > 0) {
3792          scriptNode.removeAttribute('id');
3793        }
3794      });
3795    }
3796
3797    function postDomLoad() {
3798      var activeScript = document.querySelector('script#swym-snippet:not([type="text"])');
3799      if (!activeScript) {
3800        var inactiveScript = document.querySelector('script#swym-snippet[type="text"]');
3801        if (inactiveScript) {
3802          inactiveScript.type = 'text/javascript';
3803          new Function(inactiveScript.textContent)();
3804          activeScript = inactiveScript;
3805        }
3806      }
3807
3808      cleanupDuplicateSnippetNodes(activeScript);
3809      cleanupDuplicateActivationGuards();
3810      duplicateProneIds.forEach(removeDuplicateIdNodes);
3811    }
3812
3813    if (document.readyState === 'loading') {
3814      document.addEventListener('DOMContentLoaded', postDomLoad);
3815    } else {
3816      postDomLoad();
3817    }
3818  })();
3819</script>
3819
3820
3821
3822
3823<script>
3824  (function () {
3825    const themeSchemaName = window.Shopify.theme.schema_name;
3826
3827    if (!window.SwymCallbacks) {
3828      window.SwymCallbacks = [];
3829    }
3830    window.SwymCallbacks.push(swat => {
3831      if (!swat) {
3832        return;
3833      }
3834
3835      // Ghost-Intent: Sync local wishlist items to cloud when SDK loads after consent
3836      if (window.SwymLocalWishlist && window.SwymLocalWishlist.getSyncableItems().length > 0) {
3837        window.SwymLocalWishlist.syncToCloud(swat);
3838      }
3839
3840      if (window._SwymSDKOnlyMode) {
3841        return;
3842      }
3843
3844      // ENABLE COMMON FEATURES
3845      let swymEnabledCommonFeatures = window.SwymEnabledCommonFeatures;
3846      Object.keys(swymEnabledCommonFeatures).forEach(key => {
3847        if (!swymEnabledCommonFeatures[key]) return;
3848
3849        switch (key) {
3850          case 'add-to-wishlist-collections-button':
3851            // Check if app block is already handling the collections button
3852            if (window.SwymCollectionsConfig) {
3853              return;
3854            }
3855
3856            // Check if v2 default collections is handling it
3857            if (window.SwymAdvancedCollectionsWishlistConfig) {
3858              return;
3859            }
3860
3861            // Fallback to old v1 behavior if v2 config is not present
3862            swat?.collectionsApi?.setDefaultCustomizationOptions();
3863            swat?.collectionsApi?.initializeCollections(swat, false, themeSchemaName);
3864
3865            break;
3866          case 'add-to-wishlist-pdp-button':
3867            // Check if app block is already handling the PDP button
3868            if (window.swymATWButtonConfig?.shopifyExtensionType === 'appblock') {
3869              return;
3870            }
3871
3872            if (!(window.SwymPageData && window.SwymPageData.et === 1)) {
3873              // Not initiating pdp button as it is not a product page
3874              return;
3875            }
3876
3877            // Inject addtowishlist.css into the document's <head>
3878            var head = document.head;
3879            var pdpButtonStylesheet = "https://cdn.shopify.com/extensions/01a1111c-7daf-7efb-8081-6b15ced5d07a/swym-relay-842/assets/addtowishlistbutton.css";
3880            var pdpButtonStylesheetTag = document.createElement('link');
3881            pdpButtonStylesheetTag.id = `swym-pdp-button-stylesheet`;
3882            pdpButtonStylesheetTag.rel = 'stylesheet';
3883            pdpButtonStylesheetTag.href = pdpButtonStylesheet;
3884
3885            if (!document.getElementById('swym-pdp-button-stylesheet')) {
3886              head.appendChild(pdpButtonStylesheetTag);
3887            }
3888
3889            var x = document.getElementsByTagName('script')[0];
3890            function createAndInsertScript(id, src, onLoadCallback) {
3891              var scriptTag = document.createElement('script');
3892              scriptTag.id = id;
3893              scriptTag.type = 'text/javascript';
3894              scriptTag.src = src;
3895              scriptTag.onload = onLoadCallback;
3896              x.parentNode.insertBefore(scriptTag, x);
3897            }
3898
3899            var pdpButtonScript = "https://cdn.shopify.com/extensions/01a1111c-7daf-7efb-8081-6b15ced5d07a/swym-relay-842/assets/addtowishlistbutton.js";
3900            createAndInsertScript(`swym-pdp-button-script`, pdpButtonScript, function () {
3901              const pdpBtnApi = window.WishlistPlusPDPButtonAPI;
3902              if (pdpBtnApi) {
3903                pdpBtnApi.setDefaultCustomizationOptions(swat);
3904                pdpBtnApi.initializePDPButton(swat, true);
3905              }
3906            });
3907            break;
3908          default:
3909            return;
3910        }
3911      });
3912    });
3913  })(); // IIFE to prevent polluting global scope
3914</script>
3914
3915
3916
3917
3918<script> 
3919  (function () {
3920    // Get the settings from Shopify's Liquid variables and create the styles
3921    const isControlCentreEnabledFromMetafield = window?.SwymEnabledCommonFeatures?.["control-centre"];
3922    const isCommonCustomizationEnabledFromMetafield = window?.SwymWishlistCommonCustomizationSettings && 
3923      Object.keys(window.SwymWishlistCommonCustomizationSettings).length > 0;
3924    const isControlCentreEnabledFromBlockSettings = false;
3925    
3926    if (!(isControlCentreEnabledFromMetafield && isCommonCustomizationEnabledFromMetafield) && !isControlCentreEnabledFromBlockSettings) {
3927      // Don't enable control centre if this is disabled and block settings are not enabled
3928      return;
3929    }
3930    
3931    let borderRadius = 6;
3932    let drawerWidth = window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutDrawerWidth || 400;
3933    
3934    // Check if block settings exist, use them, otherwise fall back to common settings
3935    let primaryBgColor = isControlCentreEnabledFromBlockSettings ? 
3936      "#000000" : 
3937      window.SwymWishlistCommonCustomizationSettings.primaryColor;
3938    
3939    let primaryTextColor = isControlCentreEnabledFromBlockSettings ? 
3940      "#ffffff" : 
3941      window.SwymWishlistCommonCustomizationSettings.secondaryColor;
3942    
3943    let secondaryBgColor = isControlCentreEnabledFromBlockSettings ? 
3944      "#f4f8fe" : null;
3945    let secondaryTextColor = isControlCentreEnabledFromBlockSettings ? 
3946      "#333333" : null;
3947
3948    // Only use color adjustment functions if we're using common settings
3949    if (!secondaryBgColor || !secondaryTextColor) {
3950      function adjustOpacity(color, opacity) {
3951        if (color[0] === '#') {
3952          color = color.slice(1);
3953        }
3954
3955        if (color.length === 3) {
3956          color = color.split('').map(char => char + char).join('');
3957        }
3958
3959        const r = parseInt(color.slice(0, 2), 16);
3960        const g = parseInt(color.slice(2, 4), 16);
3961        const b = parseInt(color.slice(4, 6), 16);
3962
3963        return `rgba(${r}, ${g}, ${b}, ${opacity})`;
3964      }
3965
3966      function hexToRgb(color) {
3967        if (color[0] === '#') {
3968          color = color.slice(1);
3969        }
3970        if (color.length === 3) {
3971          color = color.split('').map(c => c + c).join('');
3972        }
3973
3974        return {
3975          r: parseInt(color.slice(0, 2), 16),
3976          g: parseInt(color.slice(2, 4), 16),
3977          b: parseInt(color.slice(4, 6), 16)
3978        };
3979      }
3980
3981      function getLuminance({ r, g, b }) {
3982        return 0.299 * r + 0.587 * g + 0.114 * b;
3983      }
3984
3985      function generateSecondaryColors(primaryBgColor, primaryTextColor) {
3986        const secondaryBgOpacity = 0.2;
3987        const secondaryTextOpacity = 0.8;
3988
3989        const secondaryBgColor = adjustOpacity(primaryBgColor, secondaryBgOpacity);
3990
3991        const bgRgb = hexToRgb(primaryBgColor);
3992        const bgLuminance = getLuminance(bgRgb);
3993
3994        // Determine whether to use dark or light text for contrast
3995        const lightText = adjustOpacity(primaryTextColor, secondaryTextOpacity);
3996        const darkText = adjustOpacity(primaryBgColor, secondaryTextOpacity);
3997
3998        const secondaryTextColor = bgLuminance > 186 ? darkText : lightText;
3999
4000        return {
4001          secondaryBgColor,
4002          secondaryTextColor
4003        };
4004      }
4005
4006      const generatedColors = generateSecondaryColors(primaryBgColor, primaryTextColor);
4007      secondaryBgColor = secondaryBgColor || generatedColors.secondaryBgColor;
4008      secondaryTextColor = secondaryTextColor || generatedColors.secondaryTextColor;
4009    }
4010
4011    // Create the CSS rule
4012    let styles = `
4013      .swym-storefront-layout-root-component {
4014        --swym-storefront-layout-ui-border-radius: ${borderRadius}px;
4015        --swym-storefront-layout-button-border-radius: ${borderRadius}px;
4016        --swym-storefront-layout-side-drawer-width: ${drawerWidth}px;
4017        --swym-storefront-layout-button-color-bg-primary: ${primaryBgColor};
4018        --swym-storefront-layout-button-color-text-primary: ${primaryTextColor};
4019        --swym-storefront-layout-button-color-bg-secondary: ${secondaryBgColor};
4020        --swym-storefront-layout-button-color-text-secondary: ${secondaryTextColor};
4021      }
4022    `;
4023
4024    // Create a <style> element and append the styles
4025    let styleSheet = document.createElement("style");
4026    styleSheet.type = "text/css";
4027    styleSheet.innerText = styles;
4028    document.head.appendChild(styleSheet);
4029
4030    if (typeof window.SwymStorefrontLayoutContext === 'undefined') {
4031        window.SwymStorefrontLayoutContext = {};
4032    }
4033    if (typeof window.SwymStorefrontLayoutExtensions === 'undefined'){
4034        window.SwymStorefrontLayoutExtensions = {};
4035    }
4036
4037    // Expose block settings toggle state so ThemeCSSMapping can respect it.
4038    // When true, theme editor color pickers take priority over inherited theme CSS variables.
4039    SwymStorefrontLayoutContext.BlockSettingsEnabled = isControlCentreEnabledFromBlockSettings;
4040
4041    if (isControlCentreEnabledFromBlockSettings) {
4042      // If block settings are enabled, use them
4043      SwymStorefrontLayoutContext.Settings = {
4044        EnableStorefrontLayoutOnLauncher: true,
4045        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
4046        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
4047        StorefrontLayoutDrawerPosition: "left",
4048        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
4049        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
4050        EnableStorefrontLayoutVariantSelector: true,
4051        StorefrontLayoutNotificationPosition: "left",
4052        StorefrontLayoutActionPopupPosition: "left",
4053        StorefrontLayoutNotificationDuration: 5000
4054      };
4055    } else {
4056      // If only metafield is enabled but no block settings, use common settings
4057      SwymStorefrontLayoutContext.Settings = {
4058        EnableStorefrontLayoutOnLauncher: true,
4059        EnableStorefrontLayoutNotification: window?.SwymWishlistCommonCustomizationSettings?.enableStorefrontLayoutNotification ?? true,
4060        StorefrontLayoutType: window?.SwymWishlistCommonCustomizationSettings?.storefrontLayoutType || "as-drawer",
4061        StorefrontLayoutDrawerPosition: "left",
4062        StorefrontLayoutAsSectionContainerId: "swym-wishlist-render-container",
4063        StorefrontLayoutAsSectionPageURL: "/pages/swym-wishlist",
4064        EnableStorefrontLayoutVariantSelector: true,
4065        StorefrontLayoutNotificationPosition: "left",
4066        StorefrontLayoutActionPopupPosition: "left",
4067        StorefrontLayoutNotificationDuration: 5000
4068      };
4069    }
4070    const storefrontLayoutCallback = (swat) =>{
4071      SwymStorefrontLayoutContext.swat = swat;
4072      let isStoreOnPaidPlan = swat.getApp('Wishlist')?.['is-paid'];
4073      let isWishlistEnabled = swat.getApp('Wishlist')?.['enabled'];
4074      SwymStorefrontLayoutContext.Settings = {
4075        ...SwymStorefrontLayoutContext?.Settings,
4076        EnableStorefrontLayoutCollection: window?.SwymEnabledCommonFeatures?.["multiple-wishlist"] ?? false,
4077        EnableStorefrontLayout: isWishlistEnabled && (isControlCentreEnabledFromBlockSettings || isControlCentreEnabledFromMetafield),
4078      }
4079
4080      if(SwymStorefrontLayoutContext?.Settings?.EnableStorefrontLayout){
4081        if(SwymStorefrontLayoutContext?.CustomEvents?.LayoutInitialized){
4082          var event = new CustomEvent(SwymStorefrontLayoutContext.CustomEvents.LayoutInitialized, { 
4083            detail: { settings: SwymStorefrontLayoutContext?.Settings }
4084          });
4085          document.dispatchEvent(event);
4086        }else{
4087          swat.utils.warn(`LayoutInitialized event is not defined.`);
4088        }
4089      }else{
4090        swat.utils.warn(`Storefront Layout is disabled.`);
4091        document.getElementById("swym-storefront-layout-container")?.remove();
4092        document.getElementById("swym-storefront-extention-render-container")?.remove();
4093      }
4094    }
4095  
4096    if (!window.SwymCallbacks) {
4097      window.SwymCallbacks = [];
4098    }
4099    window.SwymCallbacks.push(storefrontLayoutCallback);
4100  
4101    SwymStorefrontLayoutContext.SwymCustomerData = {
4102      
4103        name: null,
4104        email: null
4105      
4106    };
4107    SwymStorefrontLayoutContext.isShopperLoggedIn = !!SwymStorefrontLayoutContext?.SwymCustomerData?.email;
4108  })();
4109</script>
4109
4110
4111
4112
4113
4114</div>
4114<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4114
4115</body>
4116</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.