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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&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&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&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&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&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&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&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&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&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&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&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&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&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&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&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&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&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&width=893" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo.svg?v=1739248459&width=450 450w, //www.ozmosis.com.au/cdn/shop/files/ozmosis_logo.svg?v=1739248459&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&width=893" alt="" srcset="//www.ozmosis.com.au/cdn/shop/files/ozmosis_logo_white.svg?v=1778547664&width=450 450w, //www.ozmosis.com.au/cdn/shop/files/ozmosis_logo_white.svg?v=1778547664&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®ion_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®ion_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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Untitled_design_48_0e71103d-39ef-4f29-bbe5-41897b47a5bd.jpg?v=1791246664&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_e2d0593e-7719-403e-a909-93d49f179f46.jpg?v=1791247102&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/UCYZT03018_BRS_UCYDS03004_SBL_100.webp?v=1789447222&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_1.jpg?v=1791247169&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/S424_1432_1.webp?v=1791246585&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Mega_Menu_Lrg_Image_1.jpg?v=1791246498&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&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&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&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&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&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&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&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/01ZGPA_0003-6.jpg?v=1790730093&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_2_ef67c752-45af-4c25-9c11-5d7a68fc4ad0.jpg?v=1791247322&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_3_110b7f97-daf3-43eb-bdba-f033243034ba.jpg?v=1791247870&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_4_88052ef3-8d90-4747-aca6-72497a2210c0.jpg?v=1791247853&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&width=200 200w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=300 300w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=400 400w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=500 500w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=600 600w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&width=800 800w, //www.ozmosis.com.au/cdn/shop/files/Product_W_Image_5_bc1f0b49-bfba-4b37-b2fb-909e3ff9e2f7.jpg?v=1791247834&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&utm_medium=shopify&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.