PageSourceSearch

https://www.opsm.com.au/about-us/why-opsm

html opsm.com.au collected 2026-09-26 05:51:01 UTC 283,553 bytes, 6,075 lines download raw bytes

1<!DOCTYPE HTML>
2
3
4<html lang="en-US" xml:lang="en-US">
5<head>
6	
7	
7<script src="https://js.squarecdn.com/square-marketplace.js" async></script>
7
8
9<link rel="alternate" hreflang="en-au" href="https://www.opsm.com.au/about-us/why-opsm" />
10<link rel="alternate" hreflang="en-nz" href="https://www.opsm.co.nz/about-us/why-opsm" />
11<link rel="alternate" hreflang="x-default" href="https://www.opsm.com.au/about-us/why-opsm" />
12    
13		<meta name="format-detection" content="telephone=no">
14
15
16		<link rel="shortcut icon" href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico" mce_href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico"/>
17		<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800&amp;display=swap" rel="stylesheet">
18		<link rel="stylesheet" href="https://use.typekit.net/ece6aib.css">
19
20
21		
22			    <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/vendor.min_271.css">
23			    <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.2.0/css/datepicker.min.css" rel="stylesheet">
24			    <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/app.min_271.css">
25			    <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/opsm-custom_271.css">
26			    <link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/opsm-userarea-globalmessages_271.css">
27			<!-------------------------
28		 | You are on 'server02' |
29		 ------------------------->
30				
31		<!-- BEGIN CommonJSToInclude.jspf -->
32<meta name="viewport" content="width=device-width, initial-scale=1">
33<!-- Begin ContentRecommendation [webPerformanceEspotInHead] --><!-- End ContentRecommendation [webPerformanceEspotInHead] -->
34<meta name="CommerceSearch" content="storeId_10151" />
35
36
37<link rel="shortcut icon" href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico" mce_href="/wcsstore/OPSMStorefrontAssetStore/images/favicon.ico"/>
38<!-- /CategoryDisplay?storeId=10151&urlLangId=-1&urlRequestType=Base&categoryId=&categoryId=&langId=-1&catalogId=12601 -->
39	
39<script src='/wcsstore/OPSMStorefrontAssetStore/javascript/analytics/analytics.bundle.min_271.js' ></script>
39
40	
41	
41<script type="text/javascript">
42	    var JsSettings = {};
43        JsSettings.LocalIPAddress = "10.109.2.133";
44	    let contexts = 'user'.split(',');
45		window.analyticsFramework = new AnalyticsFrameWorks({}, contexts)
46	</script>
46
47
48
49<script type="text/javascript">
50	document.querySelector("html").setAttribute("lang", "en-US");
51
52
53	// Convert the WCParam object which contains request properties into javascript object
54	var WCParamJS = {
55		"storeId":'10151',
56		"catalogId":'12601',
57		"langId":'-1',
58		"pageView":'',
59		"orderBy":'',
60		"orderByContent":'',
61		"searchTerm":''
62	};
63	var absoluteURL = "https://www.opsm.com.au/";
64	var imageDirectoryPath = "/wcsstore/OPSMStorefrontAssetStore/";
65	var styleDirectoryPath = "images/colors/color1/";
66	var supportPaymentTypePromotions = "false";
67	
68	var subsFulfillmentFrequencyAttrName = "fulfillmentFrequency";
69	var subsPaymentFrequencyAttrName = "paymentFrequency";
70	var subsTimePeriodAttrName = "timePeriod";
71	
72	var storeNLS = null;
73	
74	//Summary: Returns the absolute URL to use for prefixing any Ajax URL call.
75	//Description: Dojo does not handle the case where the parameters in the URL are delimeted by the "/" forward slash. Therefore, in order to
76	//             workaround the issue, all AJAX requests must be done using absolute URLs rather than relative.
77	//Returns: The absolute URL to use for prefixing any Ajax URL call.
78	function getAbsoluteURL() {
79		if (absoluteURL != "") {
80			var currentURL = document.URL;
81			var currentProtocol = "";
82		
83			if (currentURL.indexOf("://") != -1) {
84				currentProtocol = currentURL.substring(0, currentURL.indexOf("://"));
85			}
86			
87			var savedProtocol = "";
88			if (absoluteURL.indexOf("://") != -1) {
89				savedProtocol = absoluteURL.substring(0, absoluteURL.indexOf("://"));
90			}
91			
92			if (currentProtocol != savedProtocol) {
93				absoluteURL = currentProtocol + absoluteURL.substring(absoluteURL.indexOf("://"));
94			}
95		}
96		
97		return absoluteURL;
98	}
99	//Summary: Returns the path pointing to the shared image directory.
100	//Description: In order to get the image directory path in any javascript file, this function can be used.
101	//Returns: The path to reference images.
102	function getImageDirectoryPath() {
103		return imageDirectoryPath;
104	}
105	//Summary: Returns the path pointing to the directory containing color-dependant image files.
106	//Description: In order to get the directory containing color-dependant image files in any javascript file, this function can be used.
107	//Returns: The path to reference color-dependant image files.
108	function getStyleDirectoryPath() {
109		return styleDirectoryPath;
110	}
111
112	var jsVersionNumber = '_271';
113</script>
113
114
115
vendor: 1,324 bytes, lines 116-119
116<script>
117    parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c<t.length;c++)try{f(t[c])}catch(e){i||(i=e)}if(t.length){var l=f(t[t.length-1]);"object"==typeof exports&&"undefined"!=typeof module?module.exports=l:"function"==typeof define&&define.amd?define(function(){return l}):n&&(this[n]=l)}if(parcelRequire=f,i)throw i;return f}({"D0pT":[function(require,module,exports) {
118var global = arguments[3];
119var t=arguments[3];Object.defineProperty(exports,"__esModule",{value:!0}),exports.CommonPolyfill=void 0;var e=new function(){String.prototype.endsWith||(String.prototype.endsWith=function(t,e){return(void 0===e||e>
119this.length)&&(e=this.length),this.substring(e-t.length,e)===t}),String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(t,e){var n=e>0?0|e:0;return this.substring(n,n+t.length)===t}}),Array.prototype.includes||(Array.prototype.includes=function(t){"use strict";if(null==this)throw new TypeError("Array.prototype.includes called on null or undefined");var e=Object(this),n=parseInt(e.length,10)||0;if(0===n)return!1;var o,r,i=parseInt(arguments[1],10)||0;for(i>=0?o=i:(o=n+i)<0&&(o=0);o<n;){if(t===(r=e[o])||t!=t&&r!=r)return!0;o++}return!1}),[Element.prototype,Document.prototype,DocumentFragment.prototype].forEach(function(t){t.hasOwnProperty("append")||Object.defineProperty(t,"append",{configurable:!0,enumerable:!0,writable:!0,value:function(){var t=Array.prototype.slice.call(arguments),e=document.createDocumentFragment();t.forEach(function(t){var n=t instanceof Node;e.appendChild(n?t:document.createTextNode(String(t)))}),this.appendChild(e)}})}),function(){if("function"==typeof window.CustomEvent)return!1;window.CustomEvent=function(t,e){e=e||{bubbles:!1,cancelable:!1,detail:null};var n=document.createEvent("CustomEvent");return n.initCustomEvent(t,e.bubbles,e.cancelable,e.detail),n}}(),window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=function(t,e){e=e||window;for(var n=0;n<this.length;n++)t.call(e,this[n],n,this)}),function(t){"use strict";if(!t.console){t.console={};for(var e,n,o=t.console,r=function(){},i=["memory"],l="assert,clear,count,debug,dir,dirxml,error,exception,group,groupCollapsed,groupEnd,info,log,markTimeline,profile,profiles,profileEnd,show,table,time,timeEnd,timeline,timelineEnd,timeStamp,trace,warn,timeLog,trace".split(",");e=i.pop();)o[e]||(o[e]={});for(;n=l.pop();)o[n]||(o[n]=r)}}("undefined"==typeof window?this:window)};exports.CommonPolyfill=e;
120},{}],"Vkla":[function(require,module,exports) {
121"use strict";function e(t){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(t)}function t(e,t){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,r)}return o}function o(e){for(var o=1;o<arguments.length;o++){var n=null!=arguments[o]?arguments[o]:{};o%2?t(Object(n),!0).forEach(function(t){r(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):t(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function r(e,t,o){return(t=n(t))in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e}function n(t){var o=i(t,"string");return"symbol"===e(o)?o:String(o)}function i(t,o){if("object"!==e(t)||null===t)return t;var r=t[Symbol.toPrimitive];if(void 0!==r){var n=r.call(t,o||"default");if("object"!==e(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===o?String:Number)(t)}!function(e){e.DEBUG=location.hostname.endsWith(".luxgroup.net")||location.hostname.endsWith("localhost")||location.hostname.endsWith("omnyslab.com");var t=null;e.log=function(){if(DEBUG){var e=arguments[0];e instanceof Error?console.error(e.stack):console.log.apply(null,arguments)}},e.err=function(){DEBUG&&console.error.apply(null,arguments)},e.warn=function(){DEBUG&&console.warn.apply(null,arguments)},e.logBIG=function(e){log("%c  "+function(){t||(t=new Date);
121var e=new Date,o=new Date(e-t),r=o.getMilliseconds();return o.getSeconds()+"."+r+"s"}()+" "+e,"background-color: green; color: white; font-size: 12px; font-weight bold")};var r="https://livedebug.localhost.omnyslab.com:1111",n={JsVersionNumber:e.jsVersionNumber?e.jsVersionNumber:"",JsBootTimeout:5e3,PreventBlockableDataTracking:!1,PublicAssetsPath:"/wcsstore/OPSMStorefrontAssetStore/javascript/",ExecJsLater:!0,ExecJsFinallyTimeout:150,JsTaskTimeout:5,LoadJQuery:!1,UtagEnvironmentPath:e.JsSettings&&JsSettings.Utag?("/"+JsSettings.Utag.Brand+"/"+JsSettings.Utag.Environment).toLowerCase():"/sv/qa",PageGroup:!!document.querySelector("head meta[name=pageGroup]")&&document.querySelector("head meta[name=pageGroup]").getAttribute("content")},i={Debug:!1,EnableServiceWorker:!1,Bootloader:n,StoreFEData:{Identifier:"sv"}};n.AppMiniJsSrc=n.PublicAssetsPath+"app-mini"+n.JsVersionNumber+".js";var a=new function(){var t=this;function r(e,t,o){if(!t)return e;if(!e)return e=t;try{for(var n in t){var i=e[n];i instanceof Object&&!(i instanceof Array)?r(i,t[n],o):!1===o&&void 0!==e[n]||(e[n]=t[n])}}catch(a){}return e}t.getCookie=function(e){var t=document.cookie.match("(^|;) ?"+encodeURIComponent(e)+"=([^;]*)(;|$)");return t?decodeURIComponent(t[2]):null},t.setCookie=function(e,t,o){var r=new Date;r.setTime(r.getTime()+864e5*o),document.cookie=encodeURIComponent(e)+"="+encodeURIComponent(t)+";path=/;expires="+r.toGMTString()},t.isMobile=function(){return/android|webos|iphone|ipad|ipod|blackberry|iemobile|opera mini/i.test(navigator.userAgent.toLowerCase())},t.merge=r,t.overrideSettings=function(e){return t.merge(i,e)};t.overrideSettingsInSession=function(e){if(!e)return t.setCookie("OPSMOverriddenSettings",!1,-1),{};t.overrideSettings(e);var o=t.merge(JSON.parse(t.getCookie("OPSMOverriddenSettings")),e);return t.setCookie("OPSMOverriddenSettings",JSON.stringify(o)),o},t.getSettings=function(){try{return r(i,JSON.parse(t.getCookie("OPSMOverriddenSettings")))}catch(e){return i}};var n=!1;t.documentReady=function(e){var t="complete"===document.readyState||"loading"!==document.readyState&&!document.documentElement.doScroll;return new Promise(function(o){if(t)return o(e);document.addEventListener("DOMContentLoaded",function t(){DEBUG&&!n&&(n=!0)&&logBIG("DOM->ready");o(e);document.removeEventListener("DOMContentLoaded",t)})})};var s=!1;t.windowLoad=function(e){var t="complete"===document.readyState;return new Promise(function(o){if(t)return o(e);window.addEventListener("load",function t(){DEBUG&&!s&&(s=!0)&&logBIG("window->load");o(e);window.removeEventListener("load",t)})})},t.wait=function(e,t){return new Promise(function(o,r){e>i.Bootloader.JsTaskTimeout?(DEBUG&&log("    ...waiting "+e+"ms..."),setTimeout(function(){return o(void 0===t||t)},e)):requestAnimationFrame(function(){return o(void 0===t||t)})})},t.Tag=function(e){return new function(){var t=document.createElement(e),o=null,r=!1,n=this;n.attr=function(e,o){return"function"==typeof o||["async","defer"].indexOf(e.toLowerCase())>-1?t[e]=o:t.setAttribute(e,o),n},n.attrs=function(e){for(var t in e){var o=e[t];n.attr(t,o)}return n},n.inner=function(e){return t.textContent=e,n},n.id=function(e,i){return o=e,r=!!i,t.setAttribute("id",e),n},n.appendToHead=function(){return n.appendTo(document.head)},n.appendToBody=function(){return n.appendTo(document.body)},n.appendTo=function(e){var n=document.getElementById(o);if(n&&r)n.remove();else if(n)return;e.appendChild(t)}}},t.MessageLog={send:function(t,o,r){var n=new XMLHttpRequest;n.onload=function(){n.status>=200&&n.status<300?e.log("Success:",n):e.err("Error:",n)},n.open("POST","/JsInstrumenter."+t+"?msg="+encodeURIComponent(o)),n.setRequestHeader("Content-Type","application/json"),n.send(JSON.stringify(r))},info:function(e,o){return t.MessageLog.send("info",e,o)},warning:function(e,o){return t.MessageLog.send("warning",e,o)},error:function(e,o){return t.MessageLog.send("error",e,o)}},t.loadScriptPromises={},t.loadScript=function(r,n,i){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:{};if(!r)return Promise.reject(!1);document.querySelectorAll("script[src='"+r+"']").length&&!t.loadScriptPromises[r]&&(t.loadScriptPromises[r]=Prom
121ise.resolve(null));var s=t.loadScriptPromises[r]=t.loadScriptPromises[r]||new Promise(function(s,c){t.Tag("script").attrs(o({type:"text/javascript",src:r,async:void 0===n||!!n,defer:!!i},a)).attr("onload",function(){DEBUG&&e.log("💥 "+r+" loaded!"),s(r)}).attr("onerror",function(){DEBUG&&e.err("❌ "+r+" failed!"),c(r)}).appendToHead(),DEBUG&&e.log("🧨 Load script "+r)});return s},t.loadSyncScript=function(o){if(!o)return!1;if(document.querySelectorAll("script[data-src='"+o+"']").length)return null;var r=new XMLHttpRequest;try{return r.open("GET",o,!1),r.send(""),e.log(o+" loaded!"),t.Tag("script").attrs({type:"text/javascript","data-src":o}).inner(r.responseText).appendToHead(),!0}catch(n){return!1}},t.runScript=function(e){return t.Tag("script").attr("type","text/javascript").inner(e).appendToHead()};var c,u=null;t.loadJQuery=function(){return u||(u=i.Bootloader.LoadJQuery?t.loadScript(i.Bootloader.JQuerySrc).then(function(){t.$=jQuery.noConflict()}).catch(function(){u=null}):Promise.resolve()),u},t.$=function(){return new Proxy({},{get:function(e,t){log("jQuery is not defined!")}})},t.preventBlockableDataTracking=function(e){i.Bootloader.PreventBlockableDataTracking=null==e||e},t.execJsOnDomReady=function(o,r){return c||(c=Promise.all([t.loadJQuery(),t.documentReady()])),c.then(function(){try{return DEBUG&&e.log("🔥 running _helper.execJsOnDomReady:"),DEBUG&&e.log("%c"+o.toString().substring(0,150),"font-size: 8px"),"function"==typeof o?o.apply(null,[t.$].concat(r)):o}catch(n){return console.error(n),!1}})},t.createProxies=function(){if("undefined"!=typeof Proxy&&!i){var o={},r="",n=new Proxy({},{get:function(e,t){return function(){return o[r].push([t,arguments]),new Proxy({},{})}}}),i=new Proxy({},{get:function(e,i){switch(o[i]||"operations"===i||(o[i]=[]),i){case"Helper":return a;case"operations":return o;case"execJs":case"execJsLater":case"execJsFinally":return function(){return o[i].push([i,arguments]),new Proxy({},{})};case"execJsOnDomReady":return t.execJsOnDomReady;default:return r=i,n}}});e.Main=i}};t.updateLoggedInUI=function(e){e&&!0===e.loggedIn?t.setCookie("updateLoggedInUI",JSON.stringify(e)):e&&!1===e.loggedIn?t.setCookie("updateLoggedInUI","{}",-1):e=o({loggedIn:!1,proUser:!1},JSON.parse(t.getCookie("updateLoggedInUI")));var r=document.getElementsByTagName("header")[0].classList;e.loggedIn?r.add("header--user-logged-in"):r.remove("header--user-logged-in"),e.proUser?r.add("header--pro-user"):r.remove("header--pro-user")},t.prepareLazyloadVideo=function(){var e=document.querySelectorAll("video:not([src])");e.forEach(function(e){var t=e.querySelectorAll("source"),o=e.classList.contains("lazyload");o||e.classList.add("lazyload"),t.forEach(function(t){window.matchMedia(t.getAttribute("media")).matches?(e.setAttribute("src",t.getAttribute("data-src")+(DEBUG?"?"+e.getAttribute("id"):"")),e.setAttribute(o?"data-poster":"poster",t.getAttribute("data-poster")+(DEBUG?"?"+e.getAttribute("id"):""))):t.remove()})})},t.activateCustomerPromoBooster=function(e,o){try{var r=new XMLHttpRequest;r.onload=function(){(r.status<200||r.status>=300)&&t.MessageLog.error(o+" activation error")},r.open("GET","/wcs/shop/EspotContent?storeId=".concat(WCParamJS.storeId,"&catalogId=").concat(WCParamJS.catalogId,"&langId=").concat(WCParamJS.langId,"&emsName=").concat(o)),r.send(),t.setCookie(e,"true",7)}catch(n){t.MessageLog.error(o+" activation error")}}};a.merge(i,e.JsSettings),a.merge(i,e.espotJsSettings);var s={};try{var c=e.sessionStorage.getItem("DEBUG_SETTINGS");c&&(s=JSON.parse(c))}catch(u){}if(location.search.endsWith("LIVEDEBUG")?(s=a.merge(s,{Bootloader:{Livedebug:{Active:!1,AppCssSrc:r+"/style/index.css",AppBootJsSrc:r+"/javascript/opsm/app-boot.js",AppMiniJsSrc:r+"/javascript/opsm/app-mini.js",JQuerySrc:"https://code.jquery.com/jquery-3.3.1.min.js"}}}),a.merge(s,{Debug:!0,Bootloader:{Livedebug:{Active:!0}}})):location.search.endsWith("STOPDEBUG")?a.merge(s,{Debug:!1,Bootloader:{Livedebug:{Active:!1}}}):location.search.endsWith("DEBUG")&&(s.Debug=!0),s&&"boolean"==typeof s.Debug&&(e.sessionStorage.setItem("DEBUG_SETTINGS",JSON.stringify(s,null,4)),DEBUG=s.Debug,DEBUG&&a.merge(i,s),DEBUG&&i.Bootloader.Livedebug&&i.Bootloader.Livedebug.Active)){if(a.merge(i.Bootloader,i.Bootloader.Livedebug),a.loadSyncScript(i.Bootloader.AppBootJsSrc))return;a.Tag("link").attrs({rel:"stylesheet",href:i.Bootloader.AppCssSrc,media:"all"}).id("AppCss",!0).appendToHead()}DEBUG&&e.logBIG("Booting..."),console.log("  DEBUG: "+(DEBUG?"on":"off")),a.createProxies(),Promise.race([Promise.all([a.execJsOnDomReady(function(){return DEBUG&&e.logBIG("First execJsOnDomReady: jQuery loaded!")}),a.wait(i.Bootloader.JsBootTimeout)]),a.windowLoad()]).then(function(){return a.loadScript(i.Bootloader.AppMiniJsSrc,!1,!0)}),Main.execJsLater(function(t){DEBUG&&e.logBIG("First execJsLater: loading utag..."),sessionStorage.getItem("utagSessionId")||sessionStorage.setItem("utagSessionId",(new Date).getTime())}),location.search.toLowerCase().includes("promo=extra10")&&a.activateCustomerPromoBooster("boostrx","X_PromoBooster"),e.i18nMessages={}}(window);
122},{}],"nZY3":[function(require,module,exports) {
123"use strict";require("../core/CommonPolyfill"),require("../core/Bootloader-opsm");
124},{"../core/CommonPolyfill":"D0pT","../core/Bootloader-opsm":"Vkla"}]},{},["nZY3"], null)
125
126</script>
126
127
128
129	
129<script type="text/javascript">
130		window.mnttrc = true;
131	</script>
131
132	<!-- Begin Monetate ExpressTag Sync v8.1. Place at start of document head. DO NOT ALTER. -->
133		
133<script type="text/javascript">var monetateT = new Date().getTime();</script>
133
134		
134<script type="text/javascript" src="//se.monetate.net/js/2/a-114e4d4e/p2/opsm.com.au/entry.js"></script>
134
135		<!-- End Monetate tag. --><!-- This file has all social media java scripts-->
136<script>(function(d, s, id) {
137	 var js, fjs = d.getElementsByTagName(s)[0];
138		 if (d.getElementById(id)) return;
139		 js = d.createElement(s); js.id = id;
140		 js.async=true;
141		 js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=326787437444620";
142		 fjs.parentNode.insertBefore(js, fjs);
143}(document, 'script', 'facebook-jssdk'));</script>
143
144			
145			
146			
147<script language="JavaScript" type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
vendor: 2 bytes, line 147
147
148<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
148
149
150<!-- inject:js-->
151<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/vendor.min_271.js"></script>
vendor: 2 bytes, line 151
151
152<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/modernizr-custom_271.js"></script>
vendor: 2 bytes, line 152
152
153<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.monetate_271.js"></script>
153
154
155
156
157        
157<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.core_271.js"></script>
157
158        
159
160<script type="text/javascript">
161	
162		//setting Google Maps api key to allow next usage
163		opsm.core.setGoogleMapsApiKey('AIzaSyCLUJMlyseyipkWVRIVf7frqlYhhKLwlO0');
164	
165</script>
165
166
167
168        
168<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/app.min_271.js"></script>
168
169        
169<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/main_271.js"></script>
169
170        
170<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.gtm_271.js"></script>
170
171
172        
173        
173<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.catalog-search_271.js"></script>
173
174        
174<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.product_271.js"></script>
174
175        
175<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.user-area_271.js"></script>
175
176        
176<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/autocomplete_271.js"></script>
176
177        
177<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/jquery.h5validate_271.js"></script>
177
178        
178<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.my-account_271.js"></script>
178
179        
179<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.search_271.js"></script>
179
180        
180<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.utils_271.js"></script>
180
181        
181<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sections/opsm.rx_271.js"></script>
181
182    
183	
183<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/md5_271.js"></script>
183
184	
185	
185<script src="/wcsstore/OPSMStorefrontAssetStore/javascript/sha256.js"></script>
185
186	
186<script type="text/javascript">
187		<!-- Tealium data2track Initialization -->
188		var tealium_data2track = [];
189		
190		<!-- Fix for the old utag implementation -->
191		var utag_flag = false;
192		var isAnalyticsEnabled = false;
193	</script>
193
194
195	
195<script type="text/javascript">
196		var countryCode = 'AU';
197		var countryConfig = {"Page_Country": "AU"};
198//		callAjaxForHeaderInfos();
199		var isLoggedInUser = 'false';
200		
201		var setUserUtagFiller = function(countryCode1, userId, userDisplayEmail, order_cartId, userType) {
202			try {
203				var countryConfigE = {"Page_Country": countryCode}; //$('#searchCountryCode').val();
204				if(countryCode1 != "undefined" && countryCode1 != "" && countryCode1 != null) {
205					var countryConfigE = {"Page_Country": countryCode1};
206				}	    
207				
208				var userConfig = {
209					"User_Segments": "",
210					"User_LoginStatus": "Guest",
211					"Order_CartId": order_cartId,
212				};
213				
214				if(isLoggedInUser === 'true') {
215					userConfig.User_LoginStatus = "Logged";
216					userConfig["User_Id"] = userId;
217					userConfig["User_LoginType"] = "Standard";
218					userConfig["User_HasPrescription"] = "0";
219					var userEmail = userDisplayEmail;
220					var User_Email_MD5 = md5(userEmail.trim().toLowerCase());
221					var User_Email_SHA256 = sha256(userEmail.trim().toLowerCase());
222					
223					if(User_Email_MD5 != null && User_Email_MD5.trim().length > 0) {
224						userConfig["User_Email_MD5"] = User_Email_MD5;
225					}
226
227					if(User_Email_SHA256 != null && User_Email_SHA256.trim().length > 0) {
228						userConfig["User_Email_SHA256"] = User_Email_SHA256;
229					}	
230					
231				}				
232				
233				analyticsFramework.setUser(userConfig);
234				analyticsFramework.setData(countryConfigE);
235    		} catch(err) {
236				console.warn("User Data Error")
237				return undefined
238			};
239    	}    
240
241		setUserUtagFiller("", "", "","", isLoggedInUser)
242    	
243		//function callAjaxForHeaderInfo() {
244		//	$.ajax({
245		//      url: this.basePath + '/AjaxCustomerHeaderInfos',
246		//      dataType: 'json',
247		//	  cache: false,
248		//      success: function success(customerHeaderInfos) {
249		//		if(customerHeaderInfos.length) {
250		//    	 //setUserUtagFiller(customerHeaderInfos[3], customerHeaderInfos[4], customerHeaderInfos[5], customerHeaderInfos[6], customerHeaderInfos[2], customerHeaderInfos[7]);
251		//		}
252		//      },
253		//      error: function error(xhr, ajaxOptions, thrownError) {
254		//        console.log("user ajax failed", xhr.responseText);
255		//    	//setUserUtagFiller("", "", "","", isLoggedInUser);
256		//      }
257		//    })
258		//}
259
260		//callAjaxForHeaderInfo()
261    	
262	</script>
262
263
264	
265	
265<script type="text/javascript">
266		var isAnalyticsEnabled = true;
267		var currencyCode = 'AUD';
268		var opsmFacebookURL = 'https://www.facebook.com/OPSMAU';
269	</script>
269
270<!-- endinject--><!-- setup window variables from EnvironmentSetup jsp variables-->
271<script type="text/javascript">var isGuestUser = "true";</script>
271
272  
273
274<script type="text/javascript">
275	opsm.core.setCountryCode('au');
276</script>
276
277
278
279<script async type="text/javascript" src="https://cloud.wordlift.io/app/bootstrap.js"></script>
279
280
281<!-- Begin ContentRecommendation [X_Head] --><!-- End ContentRecommendation [X_Head] --><!-- Frame Advisor 2 -->
282		
282<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
282
283		
283<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
283
284		
284<script type="text/javascript">
285			if(window.localStorage.getItem("fa-user-id") || false){
286				function faLoadOpsm(){
287				  
288				  let sc  = document.createElement("script");
289				  sc.setAttribute("type", "text/javascript");
290				  sc.setAttribute("defer", "");
291				  sc.setAttribute("src", "/wcsstore/OPSMStorefrontAssetStore/javascript/FrameAdvisor_271.js");
292			 	  sc.async = false;
293			 	  sc.defer = true;
294				  sc.setAttribute("onload", "frameAdvisorJS.init();");
295				  document.getElementsByTagName("body")[0].appendChild(sc);
296				}
297				let sc  = document.createElement("script");
298				sc.async = false;
299				sc.defer = true;
300				sc.setAttribute("defer", "");
301				sc.setAttribute("crossorigin", "");
302				sc.setAttribute("src", "https://frameadvisor.luxottica.com/v/2.10/index.umd.js");
303				sc.setAttribute("onload", "faLoadOpsm()");
304				document.getElementsByTagName("head")[0].appendChild(sc);
305			}
306		</script>
306
307	<!-- END Frame Advisor 2 --><!-- END CommonJSToInclude.jspf -->
308	
309	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
310	<title>Why choose us? I OPSM</title>
311	<meta name="title" content="Why choose us? I OPSM"/>
312	<meta name="description" content="Discover our story, our wide range of frames and iconic brands and OPSM most advanced technology for an innovative eye test."/>
313	<meta name="keywords" content=""/>
314	<meta name="pageIdentifier" content="Why OPSM 2023"/>	
315	<meta name="pageId" content="29552"/>
316	<meta name="pageGroup" content="Content"/>
317	
318	    <link rel="canonical" href="https://www.opsm.com.au/about-us/why-opsm" />
319	
320
321
322                                
322<script>!function(e){var n="https://s.go-mpulse.net/boomerang/";if("False"=="True")e.BOOMR_config=e.BOOMR_config||{},e.BOOMR_config.PageParams=e.BOOMR_config.PageParams||{},e.BOOMR_config.PageParams.pci=!0,n="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="DBGL3-8XXUB-BMCK3-RPW8H-PXWVZ",function(){function e(){if(!r){var e=document.createElement("script");e.id="boomr-scr-as",e.src=window.BOOMR.url,e.async=!0,o.appendChild(e),r=!0}}function t(e){r=!0;var n,t,a,i,d=document,O=window;if(window.BOOMR.snippetMethod=e?"if":"i",t=function(e,n){var t=d.createElement("script");t.id=n||"boomr-if-as",t.src=window.BOOMR.url,BOOMR_lstart=(new Date).getTime(),e=e||d.body,e.appendChild(t)},!window.addEventListener&&window.attachEvent&&navigator.userAgent.match(/MSIE [67]\./))return window.BOOMR.snippetMethod="s",void t(o,"boomr-async");a=document.createElement("IFRAME"),a.src="about:blank",a.title="",a.role="presentation",a.loading="eager",i=(a.frameElement||a).style,i.width=0,i.height=0,i.border=0,i.display="none",o.appendChild(a);try{O=a.contentWindow,d=O.document.open()}catch(_){n=document.domain,a.src="javascript:var d=document.open();d.domain='"+n+"';void 0;",O=a.contentWindow,d=O.document.open()}if(n)d._boomrl=function(){this.domain=n,t()},d.write("<bo"+"dy onload='document._boomrl();'>");else if(O._boomrl=function(){t()},O.addEventListener)O.addEventListener("load",O._boomrl,!1);else if(O.attachEvent)O.attachEvent("onload",O._boomrl);d.close()}function a(e){window.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!window.BOOMR||!window.BOOMR.version&&!window.BOOMR.snippetExecuted){window.BOOMR=window.BOOMR||{},window.BOOMR.snippetStart=(new Date).getTime(),window.BOOMR.snippetExecuted=!0,window.BOOMR.snippetVersion=14,window.BOOMR.url=n+"DBGL3-8XXUB-BMCK3-RPW8H-PXWVZ";var i=document.currentScript||document.getElementsByTagName("script")[0],o=i.parentNode,r=!1,d=document.createElement("link");if(d.relList&&"function"==typeof d.relList.supports&&d.relList.supports("preload")&&"as"in d)window.BOOMR.snippetMethod="p",d.href=window.BOOMR.url,d.rel="preload",d.as="script",d.addEventListener("load",e),d.addEventListener("error",function(){t(!0)}),setTimeout(function(){if(!r)t(!0)},3e3),BOOMR_lstart=(new Date).getTime(),o.appendChild(d);else t(!1);if(window.addEventListener)window.addEventListener("load",a,!1);else if(window.attachEvent)window.attachEvent("onload",a)}}(),"".length>0)if(e&&"performance"in e&&e.performance&&"function"==typeof e.performance.setResourceTimingBufferSize)e.performance.setResourceTimingBufferSize();!function(){if(BOOMR=e.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var n=""=="true"?1:0,t="",a="wxlucsqxibyfo2vxlvca-f-244b196e8-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,o={"ak.v":"41","ak.cp":"202776","ak.ai":parseInt("175744",10),"ak.ol":"0","ak.cr":0,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"5a9e3eb","ak.r":42169,"ak.a2":n,"ak.m":"dsca","ak.n":"essl","ak.cport":21507,"ak.gh":"23.52.43.87","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.0rtt.ed":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1790401860","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==j4R7TViE/UB9/QP9eChrDSfGOsg4sDdThRtH1UsnGCQf7fle+GBDKtQusuyKivNUc4oW3+5nt+Fr5DY23AbNUabnpN+KzPrO1alFFE0S47TDpR4DIbsBG1y7L3rEc+e8EzhspVmG9p5+jfJTuRntQt0iRPBLELjSy2q2jiTWpnVzrPRxIRz/ALzkLUEmKN8pG6cFn8FlS/D+kW/22FfoV2PsehgEpcAuBoJkgZFqmv3f9iKXff+bhbArFpvK73FSOorK892/RrFdSqSJPyrWdJ7mOzdzQG4Qy8uED02HYq3M+Jm2+qqVVsCRy0XN08xTe+XV0mAtgK14cxP3ds2+iX5MQfbax7hsd2VKe2xlpxPCIXKxPBeHHwRfeSAvLstAN2dQ6weC0EO/ab3GHYZvr/Qwl87yizIUerQiUYYfKas=","ak.pv":"161","ak.dpoabenc":"","ak.tf":i};if(""!==t)o["ak.ruds"]=t;var r={i:!1,av:function(n){var t="http.initiator";if(n&&(!n[t]||"spa_hard"===n[t]))o["ak.feo"]=void 0!==e.aFeoApplied?1:0,BOOMR.addVar(o)},rv:function(){var e=["ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.0rtt.ed","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(e)}};BOOMR.plugins.AK={akVars:o,akDNSPreFetchDomain:a,init:function(){if(!r.i){var e=BOOMR.subscribe;e("before_beacon",r.av,null,null),e("onbeacon",r.rv,null,null),r.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script>
322</head>
323
324	<body>
325		<!-- Begin ContentRecommendation [forter-web-integration] -->
325<script>
326  var ftrToken = '';
327  document.addEventListener('ftr:tokenReady', function(evt) {
328    ftrToken = evt.detail ;
329  });
330</script>
330
331
332<script type="text/javascript" id="e46f3739a709">
333    (function () {
334        var merchantConfig = {
335            csp: false,
336        };
337
338        var siteId = 'e46f3739a709';
339		function t(t,e){for(var n=t.split(""),r=0;r<n.length;++r)n[r]=String.fromCharCode(n[r].charCodeAt(0)+e);return n.join("")}function e(e){return t(e,-_).replace(/%SN%/g,siteId)}function n(t){try{if("number"==typeof t&&window.location&&window.location.pathname){for(var e=window.location.pathname.split("/"),n=[],r=0;r<=Math.min(e.length-1,Math.abs(t));r++)n.push(e[r]);return n.join("/")||"/"}}catch(t){}return"/"}function r(){var t="no"+"op"+"fn",e="g"+"a",n="n"+"ame";return window[e]&&window[e][n]===t}function o(){return!(!navigator.brave||"function"!=typeof navigator.brave.isBrave)}function i(){return document.currentScript&&document.currentScript.src}function a(t){try{z.ex=t,r()&&-1===z.ex.indexOf($.uB)&&(z.ex+=$.uB),o()&&-1===z.ex.indexOf($.uBr)&&(z.ex+=$.uBr),i()&&-1===z.ex.indexOf($.nIL)&&(z.ex+=$.nIL),window.ftr__snp_cwc||(z.ex+=$.s),H(z)}catch(t){}}function c(t,e){function n(i){try{i.blockedURI===t&&i.disposition===o&&(e(),document.removeEventListener(r,n))}catch(t){document.removeEventListener(r,n)}}var r="securitypolicyviolation",o="enforce";document.addEventListener(r,n),setTimeout(function(){document.removeEventListener(r,n)},2*60*1e3)}function f(t,e,n,r){var o=!1;t="https://"+t,c(t,function(){r(!0),o=!0});var i=document.createElement("script");i.onerror=function(){if(!o)try{r(!1),o=!0}catch(t){}},i.onload=n,i.type="text/javascript",i.id="ftr__script",i.async=!0,i.src=t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(i,a)}function u(){nt($.uDF),setTimeout(l,B,$.uDF)}function s(t,e,n,r){var o=!1,i=new XMLHttpRequest;if(c("https:"+t,function(){n(new Error("CSP Violation"),!0),o=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in i)i.open("GET",t,!0);else{if("undefined"==typeof XDomainRequest)return;i=new XDomainRequest,i.open("GET",t)}Object.keys(r).forEach(function(t){i.setRequestHeader(t,r[t])}),i.onload=function(){"function"==typeof e&&e(i)},i.onerror=function(t){if("function"==typeof n&&!o)try{n(t,!1),o=!0}catch(t){}},i.onprogress=function(){},i.ontimeout=function(){"function"==typeof n&&n("tim"+"eo"+"ut",!1)},setTimeout(function(){i.send()},0)}function d(t,siteId,e){function n(t){var e=t.toString(16);return e.length%2?"0"+e:e}function r(t){if(t<=0)return"";for(var e="0123456789abcdef",n="",r=0;r<t;r++)n+=e[Math.floor(Math.random()*e.length)];return n}function o(t){for(var e="",r=0;r<t.length;r++)e+=n(t.charCodeAt(r));return e}function i(t){for(var e=t.split(""),n=0;n<e.length;++n)e[n]=String.fromCharCode(255^e[n].charCodeAt(0));return e.join("")}e=e?"1":"0";var a=[];return a.push(t),a.push(siteId),a.push(e),function(t){var e=40,n="";return t.length<e/2&&(n=","+r(e/2-t.length-1)),o(i(t+n))}(a.join(","))}function h(){function t(){M&&(nt($.dUAL),setTimeout(l,B,$.dUAL))}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uAS)}window.ftr__fdad(t,e)}function w(){function t(){M&&setTimeout(l,B,$.uDAD)}function e(t,e){M=e?"F"+"T"+"R"+"A"+"U"+"C":"F"+"T"+"R"+"A"+"U",setTimeout(l,B,$.uDS)}window.ftr__radd(t,e)}function l(t){try{var e;switch(t){case $.uFP:e=N;break;case $.uDF:e=I;break;default:e=M}if(!e)return;var n=function(){try{rt(),a(t+$.uS)}catch(t){}},r=function(e){try{rt(),z.td=1*new Date-z.ts,a(e?t+$.uF+$.cP:t+$.uF),t===$.uFP&&u(),t===$.uDF&&(j?w():h()),t!==$.uAS&&t!==$.dUAL||j||w(),t!==$.uDS&&t!==$.uDAD||j&&h()}catch(t){a($.eUoe)}};if(e==="F"+"T"+"R"+"A"+"U"+"C")return void r(!0);if(e==="F"+"T"+"R"+"A"+"U")return void r(!1);f(e,void 0,n,r)}catch(e){a(t+$.eTlu)}}var g="22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv",v="fort",p="erTo",m="ken",_=3;window.ftr__config={m:merchantConfig,s:"27",si:siteId};var y=!1,U=!1,T,x,A=v+p+m,D=400*24*60,S,C=10;S={write:function(t,e,r,o){void 0===o&&(o=!0);var i=0;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.ckDepth&&(i=window.ftr__config.m.ckDepth);var a,c,f=n(i);if(r?(a=new Date,a.setTime(a.getTime()+60*r*1e3),c="; expires="+a.toGMTString()):c="",!o)return void(document.cookie=escape(t)+"="+escape(e)+c+"; path="+f);for(var u=1,s=document.domain.split("."),d=C,h=!0;h&&s.length>=u&&d>0;){var w=s.slice(-u).join(".");document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w;var l=S.read(t);null!=l&&l==e||(w="."+w,document.cookie=escape(t)+"="+escape(e)+c+"; path="+f+"; domain="+w),h=-1===document.cookie.indexOf(t+"="+e),u++,d--}},read:function(t){var e=null;try{for(var n=escape(t)+"=",r=document.cookie.split(";"),o=32,i=0;i<r.length;i++){for(var a=r[i];a.charCodeAt(0)===o;)a=a.substring(1,a.length);0===a.indexOf(n)&&(e=unescape(a.substring(n.length,a.length)))}}finally{return e}}};var L=window.ftr__config.s;L+="ck";var R=function(t){var e=!1,n=null,r=function(){try{if(!n||!e)return;n.remove&&"function"==typeof n.remove?n.remove():document.head.removeChild(n),e=!1}catch(t){}};document.head&&(!function(){n=document.createElement("link"),n.setAttribute("rel","pre"+"con"+"nect"),n.setAttribute("cros"+"sori"+"gin","anonymous"),n.onload=r,n.onerror=r,n.setAttribute("href",t),document.head.appendChild(n),e=!0}(),setTimeout(r,3e3))},E=e(g||"22g6edqo7i}x{vmo1forxgiurqw1qhw2vwdwxv"),q=t("[0Uhtxhvw0LG",-_),P=t("[0Fruuhodwlrq0LG",-_),k=t("Li0Qrqh0Pdwfk",-_),F=e("dss1vlwhshuirupdqfhwhvw1qhw"),b=e("2241414142gqv0txhu|"),M,O="fgq71iruwhu1frp",I,V;I=e("(VQ(1"+O+"2vq2(VQ(2vfulsw1mv"),V=e("(VQ(1"+O+"2vqV2(VQ(2vfulsw1mv");var N;window.ftr__config&&window.ftr__config.m&&window.ftr__config.m.fpi&&(N=e("fgq71")+window.ftr__config.m.fpi+e("2vq2(VQ(2vfulsw1mv"));var j=!1;j=!1;var B=10;window.ftr__startScriptLoad=1*new Date;var G=function(t){var e="ft"+"r:tok"+"enR"+"eady";window.ftr__tt&&clearTimeout(window.ftr__tt),window.ftr__tt=setTimeout(function(){try{delete window.ftr__tt,t+="_tt";var n=document.createEvent("Event");n.initEvent(e,!1,!1),n.detail=t,document.dispatchEvent(n)}catch(t){}},1e3)},H=function(t){var e=function(t){return t||""},n=e(t.id)+"_"+e(t.ts)+"_"+e(t.td)+"_"+e(t.ex)+"_"+e(L),r=D;!isNaN(window.ftr__config.m.ckTTL)&&window.ftr__config.m.ckTTL&&(r=window.ftr__config.m.ckTTL),S.write(A,n,r,!0),G(n),window.ftr__gt=n},X=function(){var t=S.read(A)||"",e=t.split("_"),n=function(t){return e[t]||void 0};return{id:n(0),ts:n(1),td:n(2),ex:n(3),vr:n(4)}},Q=function(){for(var t={},e="fgu",n=[],r=0;r<256;r++)n[r]=(r<16?"0":"")+r.toString(16);var o=function(t,e,r,o,i){var a=i?"-":"";return n[255&t]+n[t>>8&255]+n[t>>16&255]+n[t>>24&255]+a+n[255&e]+n[e>>8&255]+a+n[e>>16&15|64]+n[e>>24&255]+a+n[63&r|128]+n[r>>8&255]+a+n[r>>16&255]+n[r>>24&255]+n[255&o]+n[o>>8&255]+n[o>>16&255]+n[o>>24&255]},i=function(){if(window.Uint32Array&&window.crypto&&window.crypto.getRandomValues){var t=new window.Uint32Array(4);return window.crypto.getRandomValues(t),{d0:t[0],d1:t[1],d2:t[2],d3:t[3]}}return{d0:4294967296*Math.random()>>>0,d1:4294967296*Math.random()>>>0,d2:4294967296*Math.random()>>>0,d3:4294967296*Math.random()>>>0}},a=function(){var t="",e=function(t,e){for(var n="",r=t;r>0;--r)n+=e.charAt(1e3*Math.random()%e.length);return n};return t+=e(2,"0123456789"),t+=e(1,"123456789"),t+=e(8,"0123456789")};return t.safeGenerateNoDash=function(){try{var t=i();return o(t.d0,t.d1,t.d2,t.d3,!1)}catch(t){try{return e+a()}catch(t){}}},t.isValidNumericalToken=function(t){return t&&t.toString().length<=11&&t.length>=9&&parseInt(t,10).toString().length<=11&&parseInt(t,10).toString().length>=9},t.isValidUUIDToken=function(t){return t&&32===t.toString().length&&/^[a-z0-9]+$/.test(t)},t.isValidFGUToken=function(t){return 0==t.indexOf(e)&&t.length>=12},t}(),$={uDF:"UDF",dUAL:"dUAL",uAS:"UAS",uDS:"UDS",uDAD:"UDAD",uFP:"UFP",mLd:"1",eTlu:"2",eUoe:"3",uS:"4",uF:"9",tmos:["T5","T10","T15","T30","T60"],tmosSecs:[5,10,15,30,60],bIR:"43",uB:"u",uBr:"b",cP:"c",nIL:"i",s:"s"};try{var z=X();try{z.id&&(Q.isValidNumericalToken(z.id)||Q.isValidUUIDToken(z.id)||Q.isValidFGUToken(z.id))?window.ftr__ncd=!1:(z.id=Q.safeGenerateNoDash(),window.ftr__ncd=!0),z.ts=window.ftr__startScriptLoad,H(z),window.ftr__snp_cwc=!!S.read(A),window.ftr__snp_cwc||(I=V);for(var J="for"+"ter"+".co"+"m",K="ht"+"tps://c"+"dn9."+J,W="ht"+"tps://"+z.id+"-"+siteId+".cd"+"n."+J,Y="http"+"s://cd"+"n3."+J,Z=[K,W,Y],tt=0;tt<Z.length;tt++)R(Z[tt]);var et=new Array($.tmosSecs.length),nt=function(t){for(var e=0;e<$.tmosSecs.length;e++)et[e]=setTimeout(a,1e3*$.tmosSecs[e],t+$.tmos[e])},rt=function(){for(var t=0;t<$.tmosSecs.length;t++)clearTimeout(et[t])};window.ftr__fdad=function(e,n){if(y)return window.ftr__altd2=x,void e();y=!0;var r={};r[k]=d(window.ftr__config.s,siteId,window.ftr__config.m.csp),s(E,function(n){try{var r=n.getAllResponseHeaders().toLowerCase();if(r.indexOf(P.toLowerCase())>=0){var o=n.getResponseHeader(P);x=window.ftr__altd2=t(atob(o),-_-1)}if(r.indexOf(q.toLowerCase())<0)return;
339var i=n.getResponseHeader(q),a=t(atob(i),-_-1);if(a){var c=a.split(":");if(c&&2===c.length){for(var f=c[0],u=c[1],s="",d=0,h=0;d<20;++d)s+=d%3>0&&h<12?siteId.charAt(h++):z.id.charAt(d);var w=u.split(",");if(w.length>1){var l=w[0],g=w[1];M=f+"/"+l+"."+s+"."+g}}}e()}catch(t){}},function(t,e){n&&n(t,e)},r)},window.ftr__radd=function(t,e){function n(e){try{var n=e.response,r=function(t){function e(t,n,i){try{if(i>=r)return{name:"",nextOffsetToProcess:n,error:"Max pointer dereference depth exceeded"};for(var a=[],c=n,f=t.getUint8(c),u=0;u<o;){if(u++,192==(192&f)){var s=(63&f)<<8|t.getUint8(c+1),d=e(t,s,i+1);if(d.error)return d;var h=d.name;return a.push(h),{name:a.join("."),nextOffsetToProcess:c+2}}if(!(f>0)){if(0!==f)return{name:"",nextOffsetToProcess:c,error:"Unexpected length at the end of name: "+f.toString()};return{name:a.join("."),nextOffsetToProcess:c+1}}for(var w="",l=1;l<=f;l++)w+=String.fromCharCode(t.getUint8(c+l));a.push(w),c+=f+1,f=t.getUint8(c)}return{name:"",nextOffsetToProcess:c,error:"Max iterations exceeded"}}catch(t){return{name:"",nextOffsetToProcess:n,error:"Unexpected error while parsing response: "+t.toString()}}}var n,r=4,o=100,i=16,a=new DataView(t),c=a.getUint16(0),f=a.getUint16(2),u=a.getUint16(4),s=a.getUint16(6),d=a.getUint16(8),h=a.getUint16(10),w=12,l=[],g=0;for(g=0;g<u;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var v=n.name,p=a.getUint16(w);w+=2;var m=a.getUint16(w);w+=2,l.push({qname:v,qtype:p,qclass:m})}var _=[];for(g=0;g<s;g++){if(n=e(a,w,0),n.error)throw new Error(n.error);if(w=n.nextOffsetToProcess,!Number.isInteger(w))throw new Error("invalid returned offset");var y=n.name,U=a.getUint16(w);if(U!==i)throw new Error("Unexpected record type: "+U.toString());w+=2;var T=a.getUint16(w);w+=2;var x=a.getUint32(w);w+=4;var A=a.getUint16(w);w+=2;for(var D="",S=w,C=0;S<w+A&&C<o;){C++;var L=a.getUint8(S);S+=1;D+=(new TextDecoder).decode(t.slice(S,S+L)),S+=L}if(C>=o)throw new Error("Max iterations exceeded while reading TXT data");w+=A,_.push({name:y,type:U,class:T,ttl:x,data:D})}return{transactionId:c,flags:f,questionCount:u,answerCount:s,authorityCount:d,additionalCount:h,questions:l,answers:_}}(n);if(!r)throw new Error("Error parsing DNS response");if(!("answers"in r))throw new Error("Unexpected response");var o=r.answers;if(0===o.length)throw new Error("No answers found");var i=o[0].data;i=i.replace(/^"(.*)"$/,"$1");var a=function(t){var e=40,n=32,r=126;try{for(var o=atob(t),i="",a=0;a<o.length;a++)i+=function(t){var o=t.charCodeAt(0),i=o-e;return i<n&&(i=r-(n-i)+1),String.fromCharCode(i)}(o[a]);return atob(i)}catch(t){return}}(i);if(!a)throw new Error("failed to decode the value");var c=function(t){var e="_"+"D"+"L"+"M"+"_",n=t.split(e);if(!(n.length<2)){var r=n[0],o=n[1];if(!(r.split(".").length-1<1))return{jURL:r,eURL:o}}}(a);if(!c)throw new Error("failed to parse the value");var f=c.jURL,u=c.eURL;M=function(t){for(var e="",n=0,r=0;n<20;++n)e+=n%3>0&&r<12?siteId.charAt(r++):z.id.charAt(n);return t.replace("/PRM1","").replace("/PRM2","/main.").replace("/PRM3",e).replace("/PRM4",".js")}(f),T=window.ftr__altd3=u,t()}catch(t){}}function r(t,n){e&&e(t,n)}if(U)return window.ftr__altd3=T,void t();window.ftr__config.m.dr==="N"+"D"+"R"&&e(new Error("N"+"D"+"R"),!1),b&&F||e(new Error("D"+"P"+"P"),!1),U=!0;try{var o=function(t){for(var e=new Uint8Array([0,0]),n=new Uint8Array([1,0]),r=new Uint8Array([0,1]),o=new Uint8Array([0,0]),i=new Uint8Array([0,0]),a=new Uint8Array([0,0]),c=t.split("."),f=[],u=0;u<c.length;u++){var s=c[u];f.push(s.length);for(var d=0;d<s.length;d++)f.push(s.charCodeAt(d))}f.push(0);var h=16,w=new Uint8Array([0,h]),l=new Uint8Array([0,1]),g=new Uint8Array(e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length+l.length);return g.set(e,0),g.set(n,e.length),g.set(r,e.length+n.length),g.set(o,e.length+n.length+r.length),g.set(i,e.length+n.length+r.length+o.length),g.set(a,e.length+n.length+r.length+o.length+i.length),g.set(f,e.length+n.length+r.length+o.length+i.length+a.length),g.set(w,e.length+n.length+r.length+o.length+i.length+a.length+f.length),g.set(l,e.length+n.length+r.length+o.length+i.length+a.length+f.length+w.length),g}(F);!function(t,e,n,r,o){var i=!1,a=new XMLHttpRequest;if(c("https:"+t,function(){o(new Error("CSP Violation"),!0),i=!0}),"//"===t.slice(0,2)&&(t="https:"+t),"withCredentials"in a)a.open("POST",t,!0);else{if("undefined"==typeof XDomainRequest)return;a=new XDomainRequest,a.open("POST",t)}a.responseType="arraybuffer",a.setRequestHeader("Content-Type",e),a.onload=function(){"function"==typeof r&&r(a)},a.onerror=function(t){if("function"==typeof o&&!i)try{o(t,!1),i=!0}catch(t){}},a.onprogress=function(){},a.ontimeout=function(){"function"==typeof o&&o("tim"+"eo"+"ut",!1)},setTimeout(function(){a.send(n)},0)}(b,"application/dns-message",o,n,r)}catch(t){e(t,!1)}};var ot=N?$.uFP:$.uDF;nt(ot),setTimeout(l,B,ot)}catch(t){a($.mLd)}}catch(t){}
340	})();
341</script>
341<!-- End ContentRecommendation [forter-web-integration] -->
342				
343		<div id="page">
344			<div id="headerWrapper">				
345				<!-- BEGIN Header.jsp --><!--  -->
346
347				<input id="js-gr-header--g-user" type="hidden" disabled value="/LogonForm?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" >
348				<input id="js-gr-header--r-user" type="hidden" disabled value="/UserOrderHistory?catalogId=12601&postSignInURL=UserOrderHistory&storeId=10151&langId=-1" >
349			
350
351<div class="sidemenu" id="sidemenu">
352	<!--<button class="btn btn-link sidemenu--btn-close" id="btn-close-sidemenu"></button>-->
353	<div class="sidemenu--inner">
354		<div class="sidemenu--main">
355			<div class="sidemenu--main-content">
356				<div class="sidemenu--item sidemenu--item--has-child">
357					<div class="sidemenu--subnav sidemenu--subnav-first-level sidemenu--subnav--active d-block">
358						<div class="sidemenu--subnav-container d-flex flex-column">
359							
360							<div class="sidemenu--subnav-list-container flex-grow-1">
361								<ul class="list-unstyled sidemenu--subnav-list">
362									<li class="sidemenu--item sidemenu--item--in-subnav">
363										
364
365<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-search-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
366			<div id="contentRecommendationWidget_rddm-header-sidebar-search-mobile" class="contentRecommendationWidget" >
367				
368				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-search-mobile" id="ci_espot__rddm-header-sidebar-search-mobile">
369					<!-- BEGIN Content_UI.jspf -->
370<div class="left_espot">
371	
372	
373					<a class="btn sidemenu--search d-lg-none d-flex" title="Search" id="btn-search-mob"
374                                data-element-id="MainNav_Search">
375                                <span class="icon icon-search"></span>
376                                Search
377                              </a>
378
379<style>
380#btn-login-mobile {
381display: none;
382}
383
384@media screen and (max-width: 992px) {
385#btn-login-mobile {
386display: block;
387}
388}
389</style>
390				
391	
392</div>
393
394<!-- END Content_UI.jspf -->
395				</div>
396			</div>
397		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-search-mobile] -->
398</div>
399
400									</li>
401									<li class="sidemenu--item sidemenu--item--in-subnav">
402										
403
404<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-contacts-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
405			<div id="contentRecommendationWidget_rddm-header-sidebar-contacts-mobile" class="contentRecommendationWidget" >
406				
407				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-contacts-mobile" id="ci_espot__rddm-header-sidebar-contacts-mobile">
408					<!-- BEGIN Content_UI.jspf -->
409<div class="left_espot">
410	
411	
412					<div class="sidemenu--item sidemenu--item--has-child">
413   <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_ContactLenses" to-level="1">
414      Contact lenses
415      <span class="icon-chevron-thin-right"></span>
416   </a>
417   <div class="sidemenu--subnav">
418      <div class="sidemenu--subnav-container">
419         <div class="sidemenu--subnav-header">
420            <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_ContactLenses" to-level="0">
421               <span class="icon-chevron-left"></span>
422            </a>
423            <p class="sidemenu--subnav-header-text text-center">
424               Contact Lenses
425            </p>
426         </div>
427         <div class="sidemenu--subnav-body">
428            <p class="header--mega-navbar-list-title">Type and Frequency</p>
429            <a href="/contact-lenses/daily" title="Daily" data-element-id="MainNav_Daily" to-level="2">
430               Daily
431            </a>
432            <a href="/contact-lenses/fortnightly" title="Fortnightly" data-element-id="MainNav_ContactLenses-Fortnightly" to-level="2">
433               Fortnightly
434            </a>
435            <a href="/contact-lenses/monthly" title="Monthly" data-element-id="MainNav_ContactLenses-Monthly">
436               Monthly
437            </a>
438            <a href="/contact-lenses/toric" title="Toric" data-element-id="MainNav_ContactLenses-Toric">
439               Toric
440            </a>
441            <a href="/contact-lenses/multi-focal-sphere" title="Multi-focal" data-element-id="MainNav_ContactLenses-Multi-focal" to-level="2">
442               Multifocal
443            </a>
444            <hr class="horizontal-separator">
445            <p class="header--mega-navbar-list-title">Brand</p>
446            <a href="/contact-lenses/acuvue" title="Acuvue" data-element-id="MainNav_ContactLenses-Acuvue" to-level="2">
447               Acuvue
448            </a>
449            <a href="/contact-lenses/dailies" title="Dailies" data-element-id="MainNav_ContactLenses-Dailies" to-level="2">
450               Dailies
451            </a>
452            <a href="/contact-lenses/biofinity" title="Biofinity" data-element-id="MainNav_ContactLenses-Biofinity" to-level="2">
453               Biofinity
454            </a>
455            <a href="/contact-lenses/opsm-1-day-contacts" title="OPSM" data-element-id="MainNav_ContactLenses-OPSM" to-level="2">
456               OPSM
457            </a>
458            <a href="/contact-lenses" title="View all brands" data-element-id="MainNav_ContactLenses-View all brands" to-level="2">
459               View all brands
460            </a>
461            <hr class="horizontal-separator">
462            <a href="/contact-lenses/solutions-and-accessories" class="strong" title="Shop Solutions &amp; Accessories" data-element-id="MainNav_ContactLenses-ShopSolutionsAccessories">Solutions
463               &amp; Accessories</a>
464            <a href="/contact-lenses-advice/subscription-value-plan" class="align-items-center d-inline-flex gap-8 mb-3 strong" title="Subscription Value Plan" data-element-id="MainNav_ContactLenses-SubscriptionValuePlan">Subscribe &amp; Save 25% <img src="/wcsstore/OPSMStorefrontAssetStore/images/icons/subscription-ico.svg" style="width: 16px;"></a>
465            <a class="button button--secondary--dark js-gr-ddm-reorder-cta mb-n1 reorder-button reorder-button--mob" href="/LogonForm?catalogId=12601&amp;postSignInURL=UserOrderHistory&amp;storeId=10151&amp;langId=-1" title="Reorder your contacts" data-element-id="M_SideMenu_ReorderContacts" data-description="ReorderContacts">
466               <span class="button--label">Reorder your contacts</span>
467            </a>
468            <a href="/contact-lenses" class="button button--primary--dark" title="Shop All" data-element-id="MainNav_ContactLenses">View all
469               contacts</a>
470         </div>
471                  <div class="position-relative dd-banner-box">
472            <div class="ddm-banner-img">
473               <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/CL_M.jpg" crossorigin="anonymous">
474            </div>
475            <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-contact-lenses-wrapper">
476               <div>
477                  <div class="text-center w-100">
478                     <a class="button button--primary button--primary--light mx-auto mb-4" href="/contact-lenses" title="Shop now" data-element-id="Contacts_DDM_MainNav_Promo" data-description="ContactsPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
479
480                     <div class="d-flex flex-row justify-content-center">
481                        <p style="font-size: 12px;" class="mb-0 text-white">
482                           *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
483                        </p>
484                     </div>
485                  </div>
486               </div>
487            </div>
488         </div>
489
490
491         <style>
492            #rddm-mob-contact-lenses-wrapper {
493               padding: 24px 16px;
494            }
495
496            #rddm-mob-contact-lenses-star {
497               font-size: 15px;
498               position: relative;
499               top: -3px;
500               font-weight: 500;
501            }
502
503            .rddm-mob-contact-lenses-title {
504               font-size: 20px;
505               line-height: 26px;
506            }
507         </style>
508      </div>
509   </div>
510</div>
511
512<script>
513   opsm.utils.setTooltip('#clpromo-ddm-banner .tooltip-ddm-btn');
514</script>
514
515
516<style>
517   #clpromo-ddm-banner {
518      background: radial-gradient(106.33% 106.33% at 50% 50%, #F7F6F4 0%, #E6E5E0 100%);
519      padding-top: 21px;
520      padding-bottom: 24px;
521      display: flex;
522      flex-direction: column;
523   }
524
525   #clpromo-ddm-banner .bigger-text {
526      font-family: 'termina';
527      font-weight: 700;
528      font-size: 20px;
529      text-align: center;
530      margin-bottom: 8px;
531   }
532
533   #clpromo-ddm-banner.ddm-banner-box .button {
534      position: static;
535      transform: none;
536      width: 160px;
537      margin: auto;
538      height: 42px;
539   }
540
541   .rddm-mob-cl-title {
542      font-size: 25px;
543      line-height: 32.5px;
544   }
545
546   #rddm-mob-cl-small-star {
547      font-size: 13px;
548      position: relative;
549      top: -8px;
550   }
551</style>
552				
553	
554</div>
555
556<!-- END Content_UI.jspf -->
557				</div>
558			</div>
559		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-contacts-mobile] -->
560</div>
561
562									</li>
563									<li class="sidemenu--item sidemenu--item--in-subnav">
564										
565
566<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-frames-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
567			<div id="contentRecommendationWidget_rddm-header-sidebar-frames-mobile" class="contentRecommendationWidget" >
568				
569				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-frames-mobile" id="ci_espot__rddm-header-sidebar-frames-mobile">
570					<!-- BEGIN Content_UI.jspf -->
571<div class="left_espot">
572	
573	
574					<div class="sidemenu--item sidemenu--item--has-child">
575   <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_Glasses" to-level="1"> Glasses <span class="icon-chevron-thin-right"></span> </a>
576   <div class="sidemenu--subnav">
577      <div class="sidemenu--subnav-container d-flex flex-column">
578         <div class="sidemenu--subnav-header">
579            <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Glasses-Back" to-level="0"> <span class="icon-chevron-left"></span> </a>
580            <p class="sidemenu--subnav-header-text text-center"> Glasses </p>
581         </div>
582         <div class="sidemenu--subnav-body">
583            <div class="link-section p-0">
584               <a href="/womens-glasses" class="text-center" data-element-id="MainNav_Glasses-Women" data-description="Woman"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-woman.png"> <span class="d-block strong">Women</span> </a>
585               <a href="/mens-glasses" class="text-center" data-element-id="MainNav_Glasses-Men" data-description="Man"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-man.png"> <span class="d-block strong">Men</span>
586               </a>
587               <a href="/kids-glasses" class="text-center" data-element-id="MainNav_Glasses-Children" data-description="Kid"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/eyeglasses-kids.png"> <span class="d-block strong">Kids</span> </a>
588            </div>
589
590            <hr class="horizontal-separator" />
591
592            <p class="header--mega-navbar-list-title pt-0">Shop by our picks</p>
593
594            <a href="/glasses/new-arrivals" data-element-id="MainNav_Glasses-NewArrivals">New Arrivals</a>
595            <a href="/glasses/best-sellers" data-element-id="MainNav_Glasses-BestSellers">Best Sellers</a>
596            <!-- <div class="brands-list-new-container">
597               <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a>
598               <div data-type="New" class="new-pill">New</div>
599            </div> -->
600            <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a>
601            <a href="/oakley-meta" data-element-id="MainNav_Glasses-OakleyMeta">Oakley | Meta</a>
602            <a href="/transitions-lenses" class="" data-element-id="MainNav_Glasses-Transition" data-description="Transition_PLP">Transitions®</a>
603
604
605
606            <hr class="horizontal-separator" />
607
608            <p class="header--mega-navbar-list-title pt-0">Shop by offer</p>
609
610            <div class="brands-list-new-container">
611               <a href="/glasses/adult-value-package" data-element-id="MainNav_Glasses-RayBanMeta">Frame + Lenses From <span class="font-weight-bold">$129</span>*</a>
612               <div data-type="New" class="new-pill">New</div>
613            </div>
614            <a href="/sale/glasses" class="" style="color: #b58b34" data-element-id="MainNav_Glasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off
615               <!-- <span class="bg-gold ml-1 px-2 rounded-pill small strong text-white">%</span> --></a>
616
617            <hr class="horizontal-separator" />
618
619            <p class="header--mega-navbar-list-title pt-0">Shop by lenses</p>
620            <a href="/transitions-lenses" class="" data-element-id="MainNav_Glasses-Transition" data-description="Transition_PLP">Transitions®</a>
621
622            <hr class="horizontal-separator" />
623
624            <p class="header--mega-navbar-list-title pt-0">Shop by brand</p>
625            <a href="/glasses/ray-ban" title="Ray-Ban" data-element-id="MainNav_Glasses-RayBan"> Ray-Ban </a>
626            <a href="/glasses/oakley" title="Oakley" data-element-id="MainNav_Glasses-Oakley"> Oakley </a>
627            <a href="/glasses/miu-miu" title="Miu Miu" data-element-id="MainNav_Glasses-MiuMiu"> Miu Miu </a>
628            <a href="/glasses/versace" title="Versace" data-element-id="MainNav_Glasses-Versace"> Versace </a>
629            <hr class="horizontal-separator" />
630            <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 strong" data-element-id="MainNav_GlassesAdvice-FrameFinder"> <img src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame </a>
631            <a class="button button--primary button--primary--dark py-3 small" style="margin-top: 20px;" data-element-id="Glasses_CTA0" href="/glasses">VIEW ALL GLASSES</a>
632         </div>
633
634
635         <style>
636            .sidemenu--item .brands-list-new-container {
637               align-items: center;
638               gap: 8px;
639               display: inline-flex;
640            }
641
642            .sidemenu--item .brands-list-new-container .new-pill {
643               height: 24px;
644               padding-left: 8px;
645               padding-right: 8px;
646               border-radius: 24px;
647               outline: 0.5px #b58b34 solid;
648               outline-offset: -0.5px;
649               justify-content: center;
650               align-items: center;
651               gap: 10px;
652               display: flex;
653               color: #2d2a26;
654               font-size: 12px;
655               font-family: "Barlow";
656               font-weight: 600;
657               line-height: 18px;
658               word-wrap: break-word;
659            }
660         </style>
661
662
663         <!-- IF TOOLTIP NEEDED -->
664
665         <!-- <button type="button" class="btn d-block mb-4 mt-auto mx-auto p-0 tooltip-ddm-btn underline xsmall" data-original-title="" title="" tabindex="0">*T&amp;Cs apply</button>
666            <div class="tooltip-content-wrapper d-none">
667               <div class="tooltip-title">
668                  <p class="mb-0"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
669                     incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. <br> Further
670<a  href="/special-offers" tabindex="0">T&amp;Cs apply.</a> </p>
671               </div>
672               <div class="tooltip-template">
673                  <div class="tooltip tc-tooltip-wrapper" role="tooltip">
674                     <div class="arrow"></div>
675                     <div class="tooltip-inner"></div>
676                  </div>
677               </div>
678            </div> -->
679
680         <!-- IF TOOLTIP NEEDED -->
681
682         <div class="position-relative dd-banner-box">
683            <div class="ddm-banner-img">
684               <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/OPT_M.jpg" crossorigin="anonymous">
685            </div>
686            <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-glasses-wrapper">
687               <div>
688                  <div class="text-center w-100">
689                     <a class="button button--primary button--primary--light mx-auto mb-4" href="/promo/eyeglasses" title="Shop now" data-element-id="Glasses_DDM_MainNav_Promo" data-description="GlassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
690
691                     <div class="d-flex flex-row justify-content-center">
692                        <p style="font-size: 12px;" class="mb-0 text-white">
693                           *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
694                        </p>
695                     </div>
696                  </div>
697               </div>
698            </div>
699         </div>
700
701         <style>
702            #rddm-mob-glasses-wrapper {
703               padding: 24px 16px;
704            }
705
706            #rddm-mob-glasses-star {
707               font-size: 15px;
708               position: relative;
709               top: -7px;
710               font-weight: 500;
711            }
712
713            .rddm-mob-glasses-title {
714               font-size: 35px;
715               line-height: 30px;
716            }
717
718            .rddm-mob-glasses-subtitle {
719               font-size: 22px;
720               line-height: 32px;
721            }
722
723            #rddm-mob-glasses-tooltip-button {
724               padding: 0;
725               height: 24px;
726            }
727
728            .rddm-mob-glasses-popover {
729               height: 20px;
730               padding: 0;
731               border: none;
732               bottom: 3px;
733               left: 3px;
734               position: relative;
735            }
736         </style>
737      </div>
738   </div>
739</div>
740				
741	
742</div>
743
744<!-- END Content_UI.jspf -->
745				</div>
746			</div>
747		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-frames-mobile] -->
748</div>
749
750									</li>
751									<li class="sidemenu--item sidemenu--item--in-subnav">
752										
753
754<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-sun-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
755			<div id="contentRecommendationWidget_rddm-header-sidebar-sun-mobile" class="contentRecommendationWidget" >
756				
757				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-sun-mobile" id="ci_espot__rddm-header-sidebar-sun-mobile">
758					<!-- BEGIN Content_UI.jspf -->
759<div class="left_espot">
760	
761	
762					<div class="sidemenu--item sidemenu--item--has-child">
763   <a href="#" onclick="resetScroll(this)" class="strong" data-element-id="MainNav_Sunglasses" to-level="1"> Sunglasses <span class="icon-chevron-thin-right"></span> </a>
764   <div class="sidemenu--subnav">
765      <div class="sidemenu--subnav-container d-flex flex-column">
766         <div class="sidemenu--subnav-header">
767            <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Sunglasses-Back" to-level="0"> <span class="icon-chevron-left"></span> </a>
768            <p class="sidemenu--subnav-header-text text-center"> Sunglasses </p>
769         </div>
770         <div class="sidemenu--subnav-body">
771            <div class="link-section p-0">
772               <a href="/womens-sunglasses" class="text-center" data-element-id="" data-description="Woman"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-woman.png"> <span class="d-block strong">Women</span> </a>
773               <a href="/mens-sunglasses" class="text-center" data-element-id="" data-description="Man"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-man.png"> <span class="d-block strong">Men</span> </a>
774               <a href="/kids-sunglasses" class="text-center" data-element-id="" data-description="Kid"> <img style="width:70px; margin-bottom: 12px;" src="https://media.opsm.com/DDM/sunglasses-kids.png"> <span class="d-block strong">Kids</span> </a>
775            </div>
776
777            <hr class="horizontal-separator">
778
779            <p class="header--mega-navbar-list-title pt-0">Shop by our picks</p>
780            <a href="/sunglasses/new-arrivals" data-element-id="MainNav_Sunglasses-NewArrivals">New Arrivals</a>
781            <a href="/sunglasses/best-sellers" data-element-id="MainNav_Sunglasses-BestSellers">Best Sellers</a>
782            <div class="brands-list-new-container">
783               <a href="/sunglasses?facet=ads_f44026_ntk_cs%3A%22True%22" data-element-id="MainNav_Sunglasses-Polarised">Polarised</a>
784               <div data-type="New" class="new-pill">New</div>
785            </div>
786            <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a>
787            <a href="/oakley-meta" data-element-id="MainNav_Sunglasses-OakleyMeta">Oakley | Meta</a>
788
789
790            <hr class="horizontal-separator">
791
792            <p class="header--mega-navbar-list-title pt-0">Shop by offer</p>
793            <div class="brands-list-new-container">
794               <a href="/sale/sunglasses" style="color: #b58b34" data-element-id="MainNav_Sunglasses-RayBanMeta">Clearance | Up to 50% off</a>
795               <div data-type="New" class="new-pill">New</div>
796            </div>
797
798            <hr class="horizontal-separator">
799
800            <p class="header--mega-navbar-list-title pt-0">Shop by lenses</p>
801            <a href="/lenses#oakley-prizm" data-element-id="MainNav_Glasses-OakleyPrizm" data-description="Oakley® Prizm™ Lenses">Oakley® Prizm™ Lenses</a>
802
803            <hr class="horizontal-separator" />
804
805            <p class="header--mega-navbar-list-title pt-0">Shop by brand</p>
806            <a href="/sunglasses/ray-ban" title="Ray-Ban" data-element-id="MainNav_Sunglasses-RayBan"> Ray-Ban </a>
807            <a href="/sunglasses/oakley" title="Oakley" data-element-id="MainNav_Sunglasses-Oakley"> Oakley </a>
808            <a href="/sunglasses/prada" title="Prada" data-element-id="MainNav_Sunglasses-Prada"> Prada </a>
809            <a href="/sunglasses/ralph" title="Ralph" data-element-id="MainNav_Sunglasses-Ralph"> Ralph </a>
810            <hr class="horizontal-separator">
811            <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 strong" data-element-id="MainNav_SunglassesAdvice-FrameFinder"> <img src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame </a>
812            <a class="button button--primary button--primary--dark py-3 small" style="margin-top: 20px;" data-element-id="Sunglasses_CTA0" href="/sunglasses">VIEW ALL SUNGLASSES</a>
813         </div>
814
815         <style>
816            .sidemenu--item .brands-list-new-container {
817               align-items: center;
818               gap: 8px;
819               display: inline-flex;
820            }
821
822            .sidemenu--item .brands-list-new-container .new-pill {
823               height: 24px;
824               padding-left: 8px;
825               padding-right: 8px;
826               border-radius: 24px;
827               outline: 0.5px #b58b34 solid;
828               outline-offset: -0.5px;
829               justify-content: center;
830               align-items: center;
831               gap: 10px;
832               display: flex;
833               color: #2d2a26;
834               font-size: 12px;
835               font-family: "Barlow";
836               font-weight: 600;
837               line-height: 18px;
838               word-wrap: break-word;
839            }
840         </style>
841
842         <!-- IF TOOLTIP NEEDED -->
843
844         <!-- <button type="button" class="btn d-block mb-3 mt-auto mx-auto p-0 tooltip-ddm-btn underline xsmall" data-original-title="" title="" tabindex="0">*T&amp;Cs apply.</button>
845         <div class="tooltip-content-wrapper d-none">
846            <div class="tooltip-title">
847               <p class="mb-0"> *When purchased as part of a complete pair (frame &amp; lenses). Further
848<a href="/special-offers" tabindex="0">T&amp;Cs apply.</a> </p>
849            </div>
850            <div class="tooltip-template">
851               <div class="tooltip tc-tooltip-wrapper" role="tooltip">
852                  <div class="arrow"></div>
853                  <div class="tooltip-inner"></div>
854               </div>
855            </div>
856         </div> -->
857
858         <div class="position-relative dd-banner-box">
859            <div class="ddm-banner-img">
860               <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/SUN_M.jpg" crossorigin="anonymous">
861            </div>
862            <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-mob-sunglasses-wrapper">
863               <div>
864                  <div class="text-center w-100">
865                     <a class="button button--primary button--primary--light mx-auto mb-3" href="/promo/sunglasses" title="Shop now" data-element-id="SunglassesDDM_MainNav_Promo" data-description="SunglassesDDM" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
866
867                     <div class="d-flex flex-row justify-content-center">
868                        <p style="font-size: 12px;" class="mb-0 text-white">
869                           *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
870                        </p>
871                     </div>
872                  </div>
873               </div>
874            </div>
875         </div>
876
877         <style>
878            #rddm-mob-sunglasses-wrapper {
879               padding: 24px 16px;
880            }
881
882            #rddm-mob-sunglasses-star {
883               font-size: 15px;
884               position: relative;
885               top: -7px;
886               font-weight: 500;
887            }
888
889            .rddm-mob-sunglasses-title {
890               font-size: 35px;
891               line-height: 30px;
892            }
893
894            .rddm-mob-sunglasses-subtitle {
895               font-size: 22px;
896               line-height: 32px;
897            }
898
899            #rddm-mob-sunglasses-tooltip-button {
900               padding: 0;
901               height: 24px;
902            }
903
904            .rddm-mob-sunglasses-popover {
905               height: 20px;
906               padding: 0;
907               border: none;
908               bottom: 3px;
909               left: 3px;
910               position: relative;
911            }
912         </style>
913      </div>
914   </div>
915</div>
916				
917	
918</div>
919
920<!-- END Content_UI.jspf -->
921				</div>
922			</div>
923		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-sun-mobile] -->
924</div>
925
926									</li>
927									<li class="sidemenu--item sidemenu--item--in-subnav">
928										
929
930<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-aiglasses-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
931			<div id="contentRecommendationWidget_rddm-header-sidebar-aiglasses-mobile" class="contentRecommendationWidget" >
932				
933				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-aiglasses-mobile" id="ci_espot__rddm-header-sidebar-aiglasses-mobile">
934					<!-- BEGIN Content_UI.jspf -->
935<div class="left_espot">
936	
937	
938					<div class="sidemenu--item sidemenu--item--has-child">
939   <a href="#" class="strong aiglasses--nav-mobile-badge" onclick="resetScroll(this)" data-element-id="MainNav_AIGlasses" to-level="1">
940      AI Glasses
941      <span class="icon-chevron-thin-right"></span>
942   </a>
943   <div class="sidemenu--subnav">
944      <div class="sidemenu--subnav-container">
945         <div class="sidemenu--subnav-header">
946            <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_AIGlasses" to-level="0">
947               <span class="icon-chevron-left"></span>
948            </a>
949            <p class="sidemenu--subnav-header-text text-center">AI Glasses</p>
950         </div>
951         <div class="sidemenu--subnav-body">
952            <p class="header--mega-navbar-list-title">Shop By</p>
953            <a href="/ray-ban-meta" title="Ray-Ban Meta" data-element-id="MainNav_RayBanMeta" class="sidemenu--subnav-list-newBadge" to-level="2">
954               Ray-Ban Meta
955            </a>
956            <a href="/oakley-meta" title="Oakley Meta" data-element-id="MainNav_OakleyMeta" to-level="2">
957               Oakley Meta
958            </a>
959
960            <hr class="horizontal-separator" />
961            <p class="header--mega-navbar-list-title">Discover</p>
962            <a href="/discover-ray-ban-meta-ai-glasses" class="sidemenu--subnav-list-newBadge" data-element-id="MainNav_RayBan_Meta">Discover Ray-Ban Meta (Gen 3)</a>
963            <a href="/discover-oakley-meta-ai-glasses" data-element-id="MainNav_Oakley_Meta">Discover Oakley Meta</a>
964            <a href="/faqs" data-element-id="FAQs">FAQs</a>
965
966            <a href="/ai-glasses" class="button button--primary--dark button-ai-mobile" title="Shop All" data-element-id="MainNav_AIGlasses">View all AI Glasses</a>
967         </div>
968
969         <div class="position-relative dd-banner-box">
970            <div class="ddm-banner-img">
971               <img src="https://media.opsm.com/2026/09_September/ADAPTATIONS/DDM_Banner_M.png" alt="AI Glasses banner" loading="lazy" crossorigin="anonymous">
972            </div>
973            <div class="align-items-center d-flex flex-column h-100 left-0 pt-4 px-4 position-absolute justify-content-end top-0 w-100" style="padding-bottom: 16px;">
974
975               <div class="text-center">
976
977                  <a class="button button--primary button--primary--light mx-auto" href="/ai-glasses" title="Shop now" data-element-id="AIGlasses_DDM_MainNav_Promo" data-description="RBMetaPLP" tabindex="0" style="font-size: 14px;max-width: 200px; height: 48px;"><span class="button--label">Shop now</span></a>
978
979                  <!-- <div class="text-center w-100 d-flex flex-row justify-content-center align-items-center">
980                     <p style="font-size: 10px;" class="mb-0">
981                        *When purchased as a complete pair (AI frame + lenses). <a class="hover-underline-animation-dark d-inline" href="/special-offers#technology-offer">T&amp;Cs apply</a>.
982                     </p>
983                  </div> -->
984               </div>
985            </div>
986         </div>
987      </div>
988   </div>
989
990   <style>
991      .sidemenu--subnav-list-newBadge {
992         display: flex;
993         align-items: center
994      }
995
996      .sidemenu--subnav-list-newBadge::after {
997         content: "New";
998         margin-left: 10px;
999         padding: 8px;
1000         background-color: white;
1001         border: 0.5px solid #B58B34;
1002         top: -6px;
1003         right: -6px;
1004         font-size: 10px;
1005         line-height: 1;
1006         padding: 4px 6px;
1007         border-radius: 24px;
1008         color: #2D2A26;
1009         font-family: "Barlow";
1010         line-height: 1.5;
1011         font-size: 12px;
1012         font-weight: 600;
1013         letter-spacing: 0.5px;
1014      }
1015
1016      .button-ai-mobile {
1017         margin-top: 20px;
1018      }
1019
1020      .aiglasses--nav-mobile-badge {
1021         display: flex !important;
1022         align-items: center;
1023      }
1024
1025      .aiglasses--nav-mobile-badge::after {
1026         content: url("https://media.opsm.com/DDM/nav-aiglasses-mobile-badge.svg");
1027         margin-left: 16px;
1028         display: flex;
1029         align-items: center;
1030         width: 24px;
1031         height: 24px;
1032         color: #b58b34;
1033      }
1034
1035      #rddm-aiglasses-mob-upper-title {
1036         font-size: 14px;
1037      }
1038
1039      #rddm-aiglasses-mob-title {
1040         font-size: 25px;
1041      }
1042
1043      #rddm-aiglasses-mob-copy {
1044         font-size: 16px;
1045      }
1046   </style>
1047</div>
1048
1049<!-- 
1049<script>
1050   opsm.utils.setTooltip('#rddm-aiglasses-mob-tooltip-button');
1051</script>
1051 -->
1052				
1053	
1054</div>
1055
1056<!-- END Content_UI.jspf -->
1057				</div>
1058			</div>
1059		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-aiglasses-mobile] -->
1060</div>
1061
1062									</li>
1063									<li class="sidemenu--item sidemenu--item--in-subnav">
1064										
1065
1066<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-lenses-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1067			<div id="contentRecommendationWidget_rddm-header-sidebar-lenses-mobile" class="contentRecommendationWidget" >
1068				
1069				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-lenses-mobile" id="ci_espot__rddm-header-sidebar-lenses-mobile">
1070					<!-- BEGIN Content_UI.jspf -->
1071<div class="left_espot">
1072	
1073	
1074					<!-- <a href="/glasses-advice/prescription-lenses" class="strong" title="Prescription Lenses" data-element-id="MainNav_Lenses">
1075   Lenses
1076</a> -->
1077
1078<style>
1079   /* ul.list-unstyled.sidemenu--subnav-list > li.sidemenu--item.sidemenu--item--in-subnav:nth-child(5), */
1080   ul.list-unstyled.sidemenu--subnav-list > li.sidemenu--item.sidemenu--item--in-subnav:nth-child(6) {
1081      padding-bottom: 0;
1082   }
1083</style>
1084				
1085	
1086</div>
1087
1088<!-- END Content_UI.jspf -->
1089				</div>
1090			</div>
1091		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-lenses-mobile] -->
1092</div>
1093
1094									</li>
1095									<li class="sidemenu--item sidemenu--item--in-subnav">
1096										
1097
1098<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-brands-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1099			<div id="contentRecommendationWidget_rddm-header-sidebar-brands-mobile" class="contentRecommendationWidget" >
1100				
1101				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-brands-mobile" id="ci_espot__rddm-header-sidebar-brands-mobile">
1102					<!-- BEGIN Content_UI.jspf -->
1103<div class="left_espot">
1104	
1105	
1106					<div class="sidemenu--item sidemenu--item--has-child">
1107   <a href="#" onclick="resetScroll(this)" class="strong" data-element-id="MainNav_Brands" to-level="1">
1108      Brands
1109      <span class="icon-chevron-thin-right"></span>
1110   </a>
1111   <div class="sidemenu--subnav">
1112      <div class="sidemenu--subnav-container d-flex flex-column">
1113         <div class="sidemenu--subnav-header">
1114            <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_Brands-Back" to-level="0">
1115               <span class="icon-chevron-left"></span>
1116            </a>
1117            <p class="sidemenu--subnav-header-text text-center">Brands</p>
1118         </div>
1119         <div class="sidemenu--subnav-body" style="padding-left: 32px; padding-bottom: 24px">
1120            <div class="sidemenu--subnav-brands-icons">
1121               <p>Our favourite brands</p>
1122               <div class="brands-wrapper d-grid">
1123                  <a href="/ray-ban" class="brands-btn">
1124                     <img src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg" style="max-width: 72px" />
1125                  </a>
1126                  <a href="/oakley" class="brands-btn">
1127                     <img src="https://media.opsm.com/DDM/oakley.svg" style="max-width: 72px" />
1128                  </a>
1129                  <a href="/versace" class="brands-btn">
1130                     <img src="https://media.opsm.com/DDM/versace.svg" style="max-width: 99px" />
1131                  </a>
1132                  <a href="/prada" class="brands-btn">
1133                     <img src="https://media.opsm.com/DDM/Prada.svg" />
1134                  </a>
1135                  <a href="/miu-miu" class="brands-btn">
1136                     <img src="https://media.opsm.com/DDM/Miu_Miu.svg" />
1137                  </a>
1138                  <a href="/ralph" class="brands-btn">
1139                     <img src="https://media.opsm.com/DDM/ralph.svg" style="max-width: 100px" />
1140                  </a>
1141                  <a href="/vogue" class="brands-btn">
1142                     <img src="https://media.opsm.com/Logo_Brands/Vogue.svg" />
1143                  </a>
1144                  <a href="/tiffany-and-co" class="brands-btn">
1145                     <img src="https://media.opsm.com/2024/Logos/Tiffany.svg" />
1146                  </a>
1147               </div>
1148            </div>
1149         </div>
1150         <div class="brands-list-anchors-container">
1151            <div class="brands-list-wrapper">
1152               <p class="brands-list-title">a - z</p>
1153               <!-- <div class="brands-list-new-container">
1154                  <a class="brands-list-anchors" href="/ai-glasses">AI Glasses</a>
1155                  <div data-type="New" class="new-pill">New</div>
1156               </div> -->
1157               <a class="brands-anchor" href="/alain-mikli">Alain Mikli</a>
1158               <a class="brands-anchor" href="/armani-exchange">Armani Exchange</a>
1159               <a class="brands-anchor" href="/arnette">Arnette</a>
1160               <a class="brands-list-anchors" href="/bolon-eyewear">Bolon</a>
1161               <!-- <a class="brands-anchor" href="/brooks-brothers">Brooks Brothers</a>
1162               <a class="brands-anchor" href="/brunello-cucinelli">Brunello Cucinelli</a> -->
1163               <a class="brands-anchor" href="/burberry">Burberry</a>
1164               <div class="brands-list-new-container">
1165                  <a class="brands-list-anchors" href="/celine">Celine</a>
1166                  <div data-type="New" class="new-pill">New</div>
1167               </div>
1168               <a class="brands-anchor" href="/coach">Coach</a>
1169               <a class="brands-anchor" href="/costa-del-mar">Costa</a>
1170               <div class="brands-list-new-container">
1171                  <a class="brands-list-anchors" href="/dior">Dior</a>
1172                  <div data-type="New" class="new-pill">New</div>
1173               </div>
1174               <a class="brands-anchor" href="/dolce-and-gabbana">Dolce&Gabbana</a>
1175               <a class="brands-anchor" href="/emporio-armani">Emporio Armani</a>
1176               <!-- <a class="brands-anchor" href="/ferrari">Ferrari</a> -->
1177               <a class="brands-anchor" href="/giorgio-armani">Giorgio Armani</a>
1178               <a class="brands-anchor" href="/gucci">Gucci</a>
1179               <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a>
1180               <!-- <div class="brands-list-new-container">
1181                  <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a>
1182                  <div data-type="New" class="new-pill">New</div>
1183               </div> -->
1184               <a class="brands-anchor" href="/michael-kors">Michael Kors</a>
1185               <!-- <a class="brands-anchor" href="/glasses/miraflex">Miraflex</a> -->
1186               <a class="brands-anchor" href="/miu-miu">Miu Miu</a>
1187               <!-- <div class="brands-list-new-container">
1188                  <a class="brands-list-anchors" href="/moncler">Moncler</a>
1189                  <div data-type="New" class="new-pill">New</div>
1190               </div> -->
1191               <a class="brands-list-anchors" href="/moncler">Moncler</a>
1192               <a class="brands-anchor" href="/discover-nuance-audio">Nuance Audio</a>
1193               <a class="brands-anchor" href="/oakley">Oakley</a>
1194               <a class="brands-list-anchors" href="/oakley-meta">Oakley Meta</a>
1195               <a class="brands-anchor" href="/oliver-peoples">Oliver Peoples</a>
1196               <!-- <a class="brands-anchor" href="/glasses/opsm">OPSM</a> -->
1197               <a class="brands-list-anchors" href="/oroton">Oroton</a>
1198               <a class="brands-anchor" href="/persol">Persol</a>
1199               <a class="brands-anchor" href="/polo-ralph-lauren">Polo Ralph Lauren</a>
1200               <a class="brands-anchor" href="/prada">Prada</a>
1201               <a class="brands-anchor" href="/prada-linea-rossa">Prada Linea Rossa</a>
1202               <a class="brands-anchor" href="/ralph">Ralph</a>
1203               <a class="brands-anchor" href="/ray-ban">Ray-Ban</a>
1204               <a class="brands-list-anchors" href="/ray-ban-meta">Ray-Ban Meta</a>
1205               <a class="brands-anchor" href="/scuderia-ferrari">Scuderia Ferrari</a>
1206               <a class="brands-anchor" href="/sferoflex">Sferoflex</a>
1207               <a class="brands-anchor" href="/swarovski">Swarovski</a>
1208               <a class="brands-anchor" href="/tiffany-and-co">Tiffany & Co.</a>
1209               <a class="brands-anchor" href="/tom-ford">Tom Ford</a>
1210               <a class="brands-anchor" href="/versace">Versace</a>
1211               <a class="brands-anchor" href="/vogue">Vogue Eyewear</a>
1212            </div>
1213         </div>
1214      </div>
1215   </div>
1216
1217   <style>
1218      .sidemenu--subnav-body .link-section {
1219         display: grid;
1220         grid-template-columns: 1fr 1fr 1fr;
1221         column-gap: 28px;
1222      }
1223
1224      .sidemenu--subnav-body .sidemenu--subnav-brands-icons {
1225         width: 100%;
1226         height: 100%;
1227         position: relative;
1228         background: #ffffff;
1229         overflow: hidden;
1230         flex-direction: column;
1231         justify-content: flex-start;
1232         align-items: flex-start;
1233         gap: 16px;
1234         display: inline-flex;
1235      }
1236
1237      .sidemenu--subnav-body .sidemenu--subnav-brands-icons .brands-wrapper {
1238         grid-template-columns: auto auto;
1239         gap: 8px;
1240         grid-template-rows: repeat(auto-fill, minmax(0, 64px));
1241      }
1242
1243      .sidemenu--subnav-body .sidemenu--subnav-brands-icons a {
1244         width: 100%;
1245         border-radius: 8px;
1246         outline: 1px #e5e5e5 solid;
1247         outline-offset: -1px;
1248         flex-direction: column;
1249         justify-content: center;
1250         align-items: center;
1251         display: inline-flex;
1252         border: none;
1253         background-color: transparent;
1254      }
1255
1256      .sidemenu--subnav-body .sidemenu--subnav-brands-icons>p {
1257         align-self: stretch;
1258         color: black;
1259         font-size: 14px;
1260         font-family: "Barlow";
1261         font-weight: 700;
1262         text-transform: uppercase;
1263         line-height: 21px;
1264         word-wrap: break-word;
1265      }
1266
1267      .sidemenu--subnav-container .brands-list-anchors-container {
1268         padding-bottom: 40px;
1269         border-top: 1px solid #e5e5e5;
1270         margin-left: 32px;
1271         margin-right: 32px;
1272         padding-top: 24px;
1273      }
1274
1275      .sidemenu--subnav-container .brands-list-wrapper {
1276         flex-direction: column;
1277         justify-content: flex-start;
1278         align-items: flex-start;
1279         gap: 20px;
1280         display: flex;
1281      }
1282
1283      .sidemenu--subnav-container .brands-list-wrapper .brands-list-title {
1284         color: black;
1285         font-size: 14px;
1286         font-family: "Barlow";
1287         font-weight: 700;
1288         text-transform: uppercase;
1289         line-height: 21px;
1290         word-wrap: break-word;
1291         margin: 0;
1292      }
1293
1294      .sidemenu--subnav-container .brands-list-wrapper .brands-anchor {
1295         color: #222222;
1296         font-size: 16px;
1297         font-family: "Barlow";
1298         font-weight: 400;
1299         line-height: 24px;
1300         word-wrap: break-word;
1301      }
1302
1303      .sidemenu--subnav-container .brands-list-new-container {
1304         align-items: center;
1305         gap: 8px;
1306         display: inline-flex;
1307      }
1308
1309      .sidemenu--subnav-container .brands-list-new-container .new-pill {
1310         height: 24px;
1311         padding-left: 8px;
1312         padding-right: 8px;
1313         border-radius: 24px;
1314         outline: 0.5px #b58b34 solid;
1315         outline-offset: -0.5px;
1316         justify-content: center;
1317         align-items: center;
1318         gap: 10px;
1319         display: flex;
1320         color: #2d2a26;
1321         font-size: 12px;
1322         font-family: "Barlow";
1323         font-weight: 600;
1324         line-height: 18px;
1325         word-wrap: break-word;
1326      }
1327   </style>
1328</div>
1329				
1330	
1331</div>
1332
1333<!-- END Content_UI.jspf -->
1334				</div>
1335			</div>
1336		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-brands-mobile] -->
1337</div>
1338
1339									</li>
1340									<li class="sidemenu--item sidemenu--item--in-subnav">
1341				                    	
1342
1343<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-eyecare-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1344			<div id="contentRecommendationWidget_rddm-header-sidebar-eyecare-mobile" class="contentRecommendationWidget" >
1345				
1346				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-eyecare-mobile" id="ci_espot__rddm-header-sidebar-eyecare-mobile">
1347					<!-- BEGIN Content_UI.jspf -->
1348<div class="left_espot">
1349	
1350	
1351					<div class="sidemenu--item sidemenu--item--has-child">
1352   <a href="#" class="strong" onclick="resetScroll(this)" data-element-id="MainNav_OurServices" to-level="1">Our Services<span class="icon-chevron-thin-right"></span> </a>
1353   <div class="sidemenu--subnav">
1354      <div class="sidemenu--subnav-container d-flex flex-column">
1355         <div class="sidemenu--subnav-header"> <a class="btn btn-link sidemenu--subnav-back-btn" href="javascript:void(0)" data-element-id="MainNav_OurServices" to-level="0"> <span class="icon-chevron-left"></span> </a>
1356            <p class="sidemenu--subnav-header-text text-center">Our Services</p>
1357         </div>
1358
1359
1360         <div class="sidemenu--subnav-body">
1361            <p class="header--mega-navbar-list-title pt-0">EYECARE</p>
1362            <a href="/eye-care/eye-tests" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Eye Tests</a>
1363            <a href="/eye-care/dry-eye-technology" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth" class="sidemenu--subnav-list-newB
1363adge">Dry Eye Treatment</a>
1364            <a href="/eye-care/eye-technology" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Eye Test Technology</a>
1365            <a href="/myopia-control-lenses" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Myopia Testing</a>
1366            <a href="/lenses" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Our Lenses</a>
1367
1368
1369
1370            <hr class="horizontal-separator">
1371
1372            <p class="header--mega-navbar-list-title">AUDIOLOGY SERVICES</p>
1373
1374            <a href="/book-an-eye-test?storeService=audio" title="Book a Hearing Test" data-element-id="MainNav_OurServices-BulkBilling">Book a Hearing Test</a>
1375            <a href="/hearing-care" title="Hearing care" data-element-id="MainNav_UsefulInformation-HearingCare">Hearing care</a>
1376
1377
1378
1379            <hr class="horizontal-separator">
1380
1381            <p class="header--mega-navbar-list-title">BUYING ONLINE</p>
1382
1383            <a href="/tyro-health" title="Book An Eye Test" data-element-id="MainNav_BookAnEyeTest">Claim Health Fund Benefits</a>
1384            <a href="/contact-lenses-advice/subscription-value-plan" title="Eye Tests" data-element-id="MainNav_OurServices-EyeTests">Subscribe & Save 25%</a>
1385            <!-- <a href="/vision-plan" title="Vision Plan" data-element-id="MainNav_OurServices-VisionPlan">Vision Plan™</a> -->
1386
1387
1388
1389
1390            <hr class="horizontal-separator">
1391
1392            <p class="header--mega-navbar-list-title">USEFUL INFORMATION</p>
1393
1394            <a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="MainNav_OurServices-BulkBilling">Bulk Billing</a>
1395            <a href="/eye-care/workplace-services" title="Workplace Services" data-element-id="MainNav_OurServices-WorkplaceServices">Workplace Services</a>
1396            <a href="/faqs" title="FAQs" data-element-id="MainNav_OurServices-FAQs">FAQs</a>
1397            <a href="/dedicated-to-everyday-excellence" title="Dedicated to Everyday Excellence" data-element-id="MainNav_OurServices-DTEE">Dedicated to Everyday Excellence</a>
1398         </div>
1399
1400
1401         <div class="position-relative ddm-banner-box" id="our-services-banner"> <img src="https://media.opsm.com/DDM/BET_M.jpg" alt="Book a test banner" class="w-100">
1402            <div class="d-flex justify-content-center w-100"><a href="/book-an-eye-test" class="button button--primary--light position-absolute xsmall" data-element-id="MainNav_Promo" data-description="Show now">book an eye test</a></div>
1403         </div>
1404      </div>
1405   </div>
1406</div>
1407<style>
1408   @media screen and (max-width: 992px) {
1409      #our-services-banner .button {
1410         bottom: 24px;
1411      }
1412   }
1413</style>
1414				
1415	
1416</div>
1417
1418<!-- END Content_UI.jspf -->
1419				</div>
1420			</div>
1421		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-eyecare-mobile] -->
1422</div>
1423
1424				                    </li>
1425				                    <li class="sidemenu--item sidemenu--item--in-subnav">
1426				                    	
1427
1428<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-gift-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1429			<div id="contentRecommendationWidget_rddm-header-sidebar-gift-mobile" class="contentRecommendationWidget" >
1430				
1431				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-gift-mobile" id="ci_espot__rddm-header-sidebar-gift-mobile">
1432					<!-- BEGIN Content_UI.jspf -->
1433<div class="left_espot">
1434	
1435	
1436					<a href="/special-offers" class="strong" title="Special Offers" data-element-id="MainNav_SpecialOffers">
1437   Special Offers
1438</a>
1439				
1440	
1441</div>
1442
1443<!-- END Content_UI.jspf -->
1444				</div>
1445			</div>
1446		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-gift-mobile] -->
1447</div>
1448				                    	
1449				                    </li>
1450
1451
1452								</ul>
1453							</div>
1454							<div class="sidemenu--subnav-bottom-section level-0">
1455								
1456
1457<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-sidebar-linkslist-mobile] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1458			<div id="contentRecommendationWidget_rddm-header-sidebar-linkslist-mobile" class="contentRecommendationWidget" >
1459				
1460				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-sidebar-linkslist-mobile" id="ci_espot__rddm-header-sidebar-linkslist-mobile">
1461					<!-- BEGIN Content_UI.jspf -->
1462<div class="left_espot">
1463	
1464	
1465					<ul class="list-unstyled sidemenu--other-links">
1466  <li>
1467    <a class="d-flex align-items-center" href="/book-an-eye-test" title="Book eye test">
1468      <img src="https://media.opsm.com/DDM/book-an-eye-test.png" style="width:24px" class="mr-3"> Book an eye test
1469    </a>
1470  </li>
1471  <li>
1472    <a class="d-flex align-items-center" href="/eye-care/benefits/health-funds"
1473      title="Book eye test">
1474      <img src="https://media.opsm.com/DDM/health-funds.png" style="width:24px" class="mr-3"> Health Funds
1475    </a>
1476  </li>
1477  <li>
1478    <a class="d-flex align-items-center" href="/find-store" title="Locations">
1479      <img src="https://media.opsm.com/DDM/store-locator.png" style="width:24px" class="mr-3"> Find A Store
1480    </a>
1481  </li>
1482  <li>
1483    <a class="d-flex align-items-center" href="/favourites" title="Log in">
1484      <img src="https://media.opsm.com/DDM/heart-mob.png" style="width:24px" class="mr-3"> Favourites
1485    </a>
1486  </li>
1487</ul>
1488
1489<script>
1490function resetScroll(el) {
1491let targetSubmenu = $(el).next(".sidemenu--subnav");
1492
1493setTimeout(function() {
1494$(targetSubmenu).find(".sidemenu--subnav-container").scrollTop(0)
1495}, 5);
1496
1497
1498
1499}
1500</script>
1500
1501				
1502	
1503</div>
1504
1505<!-- END Content_UI.jspf -->
1506				</div>
1507			</div>
1508		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-sidebar-linkslist-mobile] -->
1509</div>
1510
1511							</div>	
1512								
1513							
1514						</div>
1515					</div>
1516				</div>
1517			</div>
1518		</div>
1519	</div>
1520</div>
1521
1522
1523<header class="header" role="banner" data-element-id="MainNav">
1524	<div class="header-wrapper aos-init aos-animate">
1525	
1526
1527<div class="emarketingspot"><!-- Begin EmarketingSpot [X_IT_Util_Top_Header] --><!-- End EmarketingSpot [X_IT_Util_Top_Header] -->
1528</div>
1529
1530
1531	<div class="bg-black align-items-center d-grid grid-3-col" id="pre-header-strip">
1532		
1533
1534<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Left_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1535			<div id="contentRecommendationWidget_X_Header_Left_Espot" class="contentRecommendationWidget" >
1536				
1537				<div dataci_toolbar="_espot" dataci_espot ="_X_Header_Left_Espot" id="ci_espot__X_Header_Left_Espot">
1538					<!-- BEGIN Content_UI.jspf -->
1539<div class="left_espot">
1540	
1541	
1542					<a href="/find-store" data-element-id="HomepageBannerPlacementLeft_OEE_Open" class="text-white strong xsmall d-lg-inline-flex align-items-center py-2 ml-5 d-none">
1543   <span class="icon icon-location strong mr-2"></span>
1544   <span class="hover-underline-animation-white">Find a store</span>
1545</a>
1546
1547<style>
1548   .header--mega-navbar-contents-container .ddm-banner-img {
1549      width: 390px;
1550   }
1551
1552
1553
1554
1555
1556   /* HIDE GLOBAL BANNER ON BET AND FIND A STORE */
1557
1558
1559   body.hide-global-banner-page header.header {
1560      height: 61px !important;
1561   }
1562
1563   body.hide-global-banner-page #pre-header-strip {
1564      display: none !important;
1565   }
1566
1567   /* HIDE GLOBAL BANNER ON BET AND FIND A STORE */
1568
1569
1570
1571
1572
1573   /* FIX HP BESTSELLERS CAROUSEL */
1574
1575   @media screen and (max-width: 992px) {
1576      .popular-products>.popular-products--slide>.compact-width>.container-fluid {
1577         padding-left: 0;
1578         padding-right: 0;
1579      }
1580
1581      .popular-products>.popular-products--slide>.compact-width>.container-fluid>.popular-products--inner>.slick-next.slick-arrow {
1582         display: none !important;
1583      }
1584   }
1585
1586   input::-ms-clear,
1587   input::-ms-reveal {
1588      display: none;
1589   }
1590</style>
1591
1592
1593<script>
1594   (function () {
1595      var path = window.location.pathname;
1596      var hideBannerPaths = [
1597         '/book-an-eye-test',
1598         '/find-store',
1599         '/ResetPasswordForm',
1600         '/faqs',
1601         '/terms-of-use',
1602         '/sign-in',
1603         '/ReLogonFormView',
1604         '/LogonForm',
1605         '/contact-opsm',
1606         '/privacy-policy',
1607         '/ThankYou',
1608         '/AppointmentDetails',
1609         '/BookingConfirmationView'
1610      ];
1611      var shouldHideBanner = hideBannerPaths.some(function (hidePath) {
1612         return path.indexOf(hidePath) !== -1;
1613      });
1614      if (shouldHideBanner) {
1615         document.body.classList.add('hide-global-banner-page');
1616      }
1617   })();
1618</script>
1618
1619				
1620	
1621</div>
1622
1623<!-- END Content_UI.jspf -->
1624				</div>
1625			</div>
1626		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Left_Espot] -->
1627</div>
1628
1629
1630<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Carousel_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1631			<div id="contentRecommendationWidget_X_Header_Carousel_Espot" class="contentRecommendationWidget" >
1632				
1633				<div dataci_toolbar="_espot" dataci_espot ="_X_Header_Carousel_Espot" id="ci_espot__X_Header_Carousel_Espot">
1634					<!-- BEGIN Content_UI.jspf -->
1635<div class="left_espot">
1636	
1637	
1638					<div class="d-grid justify-content-center position-relative promo-carousel-wrapper" style="grid-template-columns:minmax(0,480px);">
1639   <button type="button" data-analytics_available_call="0" class="slick-prev slick-arrow custom-prev">Previous</button>
1640
1641   <!-- Carousel -->
1642   <div style="max-width: 100%;" id="promo-carousel" data-element-id='HeaderStrip_CTA'>
1643
1644      <!-- SUPERWEEK CD -->
1645      <!-- <div class="small text-center text-white" id="countdown-tab-mobile">Sale ends in: <span data-countdown-end-date="02/08/2026" data-countdown-end-time="23:59:59" class="countdown strong"></span></div> -->
1646
1647      <!-- SUPERWEEK 1 -->
1648      <div class="small text-center">
1649         <a class="btn text-white small p-0 gb-slide" href="/contact-lenses" data-element-id="Header_Carousel_Superweek1" data-description="GBCarouselSuperweek1">
1650            20% OFF CONTACT LENSES*<span id="ddm-shop-now-btn-1"> <span class="strong hover-underline-animation-white">SHOP NOW</span></span>
1651         </a>
1652      </div>
1653
1654      <!-- SUPERWEEK 2 -->
1655      <div class="small text-center">
1656         <a class="btn text-white small p-0 gb-slide" href="/promo" data-element-id="Header_Carousel_Superweek2" data-description="GBCarouselSuperweek2">
1657            25% OFF FRAMES*<span id="ddm-shop-now-btn-2"> <span class="strong hover-underline-animation-white">SHOP NOW</span></span>
1658         </a>
1659      </div>
1660
1661      <!-- TELECOMANDO -->
1662      <div class="text-center">
1663         <button type="button" class="btn strong text-white hover-underline-animation-white small p-0" data-toggle="modal" data-target="#promo-modal">
1664            Discover other offers
1665         </button>
1666      </div>
1667
1668   </div>
1669   <button type="button" data-analytics_available_call="0" class="slick-next slick-arrow custom-next">Next</button>
1670</div>
1671
1672
1673
1674<script>
1675
1676   $(document).ready(function () {
1677
1678
1679      //hide CTAs (Shop now, Learn more...) only at cart page
1680      if ($('#cartpage').length) {
1681         $('[id^=ddm-shop-now-btn]').each(function () {
1682            $(this).addClass('d-none');
1683         });
1684      }
1685
1686      //show CTA only at cart if not empty and if no promocode applied
1687
1688      if ($('[id^=ddm-promo-cta]').length && $('.main-container.OrderItemDisplay').length &&
1689         $('#cartCount').val() > 0) {
1690
1691         $('[id^=ddm-shop-now-btn]').each(function () {
1692            $(this).addClass('d-none');
1693         });
1694
1695         if ($('#promo-code-ok').length == 0) {
1696            $('[id^=ddm-promo-cta]').each(function () {
1697               $(this).removeClass('d-none')
1698            });
1699
1700            if ($('#promo-carousel.slick-initialized').length) {
1701               $('#promo-carousel').trigger('init');
1702            }
1703         }
1704      }
1705
1706      $('#promo-carousel').slick({
1707         dots: false,
1708         autoplay: true,
1709         slidesToShow: 1,
1710         slidesToScroll: 1,
1711         autoplaySpeed: 10000,
1712         prevArrow: $('.custom-prev'),
1713         nextArrow: $('.custom-next')
1714      });
1715
1716
1717      //countDown
1718      if ($('.promo-carousel-wrapper .countdown').length > 0) {
1719         $('.promo-carousel-wrapper .countdown').each(function () {
1720
1721            var el = $(this);
1722            var endDateArray = el.data("countdown-end-date").split('/').reverse();
1723            var endTimeArray = el.data("countdown-end-time").split(':');
1724            // endDateArray[1] - 1 because months span from 0 to 11 where 0 is January and 11 is December
1725            var dateFormatted = new Date(endDateArray[0], endDateArray[1] - 1, endDateArray[2], (
1726               endTimeArray[0]) ? endTimeArray[0] : '23', (endTimeArray[1]) ? endTimeArray[1] :
1727               '59', (endTimeArray[2]) ? endTimeArray[2] : '59', (endTimeArray[3]) ? endTimeArray[
1728                  3] : '00');
1729            var endDateTime = dateFormatted.getTime();
1730            console.log("dateFormatted", dateFormatted);
1731            setInterval(function () {
1732               var currentDateTime = new Date().getTime();
1733               var dateDiff = endDateTime - currentDateTime;
1734
1735               var daysDiff = Math.floor(dateDiff / (1000 * 60 * 60 * 24));
1736               var hoursDiff = Math.floor((dateDiff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
1737               var minutesDiff = Math.floor((dateDiff % (1000 * 60 * 60)) / (1000 * 60));
1738               var secondsDiff = Math.floor((dateDiff % (1000 * 60)) / 1000);
1739               if (daysDiff > 0) {
1740                  $(el).html(daysDiff + "d " + hoursDiff + "h " + minutesDiff + "m " +
1741                     secondsDiff +
1742                     "s ");
1743               } else {
1744                  $(el).html(hoursDiff + "h " + minutesDiff + "m " + secondsDiff + "s");
1745               }
1746            }, 1000);
1747
1748         });
1749      }
1750   })
1751</script>
1751
1752
1753<style>
1754   /* SUPERWEEK */
1755
1756   #pre-header-strip {
1757      background-color: #642526;
1758   }
1759
1760   /* END SUPERWEEK */
1761
1762   @media (min-width: 1400px) {
1763      .d-xxl-block {
1764         display: block !important;
1765      }
1766
1767      .d-xxl-none {
1768         display: none !important;
1769      }
1770   }
1771
1772   .gb-slide:hover>.hover-underline-animation-white::before {
1773      transform: scaleX(0);
1774      transform-origin: bottom left;
1775   }
1776
1777   #promo-carousel {
1778      margin: auto;
1779      transition: all 0.5s ease;
1780   }
1781
1782   #promo-carousel .slick-arrow:before {
1783      content: none;
1784   }
1785
1786   .promo-carousel-wrapper .slick-arrow {
1787      background-image: url(https://media.opsm.com/DDM/double-arrow-right3x.png);
1788      background-size: 12px;
1789      background-repeat: no-repeat;
1790      background-position: center;
1791      width: 30px;
1792      height: 30px;
1793      transform: translateY(-50%);
1794      z-index: 999;
1795   }
1796
1797   .promo-carousel-wrapper .slick-arrow:before {
1798      content: unset;
1799   }
1800
1801   .promo-carousel-wrapper .slick-arrow.slick-prev {
1802      transform: translateY(-50%) rotate(180deg);
1803      left: 0;
1804   }
1805
1806   .promo-carousel-wrapper .slick-arrow.slick-next {
1807      right: 0;
1808   }
1809
1810   #promo-carousel:not(.slick-initialized)>div {
1811      opacity: 0;
1812   }
1813
1814   #promo-carousel:not(.slick-initialized)>div:first-child {
1815      opacity: 1;
1816      padding-top: 5px;
1817   }
1818
1819   #promo-carousel:not(.slick-initialized) .slick-slide:not(.slick-current) {
1820      opacity: 0;
1821   }
1822
1823   .promo-carousel-wrapper {
1824      max-height: 33px;
1825   }
1826
1827   @media screen and (max-width: 992px) {
1828      .promo-carousel-wrapper .slick-arrow.slick-prev {
1829         left: 16px;
1830      }
1831
1832      .promo-carousel-wrapper .slick-arrow.slick-next {
1833         right: 16px;
1834      }
1835
1836      #promo-carousel .slick-list {
1837         padding: 0;
1838      }
1839
1840      #promo-carousel .slick-slide,
1841      #promo-carousel>div {
1842         min-width: 300px;
1843      }
1844   }
1845
1846   .promo-carousel-wrapper .countdown {
1847      min-width: fit-content;
1848      display: inline-block;
1849   }
1850
1851   @media screen and (max-width:992px) {
1852      #pre-header-strip {
1853         grid-template-columns: 0 1fr 0;
1854      }
1855   }
1856
1857   .hover-underline-animation-white.hover-underline-animation-white-inverted::before {
1858      transform: scaleX(0)
1859   }
1860
1861   .hover-underline-animation-white.hover-underline-animation-white-inverted:hover::before {
1862      transform: scaleX(1)
1863   }
1864</style>
1865				
1866	
1867</div>
1868
1869<!-- END Content_UI.jspf -->
1870				</div>
1871			</div>
1872		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Carousel_Espot] -->
1873</div>
1874
1875
1876<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Right_Espot] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1877			<div id="contentRecommendationWidget_X_Header_Right_Espot" class="contentRecommendationWidget" >
1878				
1879				<div dataci_toolbar="_espot" dataci_espot ="_X_Header_Right_Espot" id="ci_espot__X_Header_Right_Espot">
1880					<!-- BEGIN Content_UI.jspf -->
1881<div class="left_espot">
1882	
1883	
1884					<div class="d-none d-lg-flex align-items-center justify-content-end" id="header-right-espot-content">
1885   <a class="text-white hover-underline-animation-white strong xsmall underline" data-element-id="HeaderStrip_CTA1" href="/eye-care/benefits/health-funds">
1886      All health funds accepted
1887   </a>
1888   <a class="text-white strong d-flex justify-content-center align-items-center" id="header-right-espot-bet-btn" data-element-id="HomepageBannerPlacementRight_OEE_Open" href="/book-an-eye-test"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2">
1889         <g clip-path="url(#clip0_924_4544)">
1890            <path d="M15.3333 1.33333H12.3333V0H11.6667V1.33333H8.33333V0H7.66667V1.33333H4.33333V0H3.66667V1.33333H0.666667C0.299 1.33333 0 1.63233 0 2V15.3333C0 15.701 0.299 16 0.666667 16H15.3333C15.701 16 16 15.701 16 15.3333V2C16 1.63233 15.701 1.33333 15.3333 1.33333ZM15.3337 15.3333H0.666667V5.33333H15.3333L15.3337 15.3333ZM0.666667 4.66667V2H3.66667V3.33333H4.33333V2H7.66667V3.33333H8.33333V2H11.6667V3.33333H12.3333V2H15.3333V4.66667H0.666667Z" fill="white"></path>
1891         </g>
1892         <defs>
1893            <clipPath id="clip0_924_4544">
1894               <rect width="16" height="16" fill="white"></rect>
1895            </clipPath>
1896         </defs>
1897      </svg>BOOK A TEST</a>
1898</div>
1899
1900<style>
1901   #header-right-espot-content {
1902      gap: 16px;
1903   }
1904
1905   #header-right-espot-bet-btn {
1906      padding: 6px 10px;
1907      font-size: 14px;
1908      background: radial-gradient(circle, #714A12 0%, #B58B34 175%);
1909   }
1910
1911   @media screen and (min-width: 1200px) {
1912      #header-right-espot-bet-btn {
1913         padding: 6px 32px;
1914      }
1915
1916      #header-right-espot-content {
1917         gap: 30px;
1918      }
1919   }
1920</style>
1921				
1922	
1923</div>
1924
1925<!-- END Content_UI.jspf -->
1926				</div>
1927			</div>
1928		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Right_Espot] -->
1929</div>
1930
1931	</div>
1932	
1933
1934<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Telecomando] --><!-- BEGIN ContentRecommendation_UI.jspf -->
1935			<div id="contentRecommendationWidget_X_Header_Telecomando" class="contentRecommendationWidget" >
1936				
1937				<div dataci_toolbar="_espot" dataci_espot ="_X_Header_Telecomando" id="ci_espot__X_Header_Telecomando">
1938					<!-- BEGIN Content_UI.jspf -->
1939<div class="left_espot">
1940	
1941	
1942					<div id="promo-modal" class="modal fade modal-offer" role="dialog">
1943   <div class="modal-dialog modal-dialog-scrollable">
1944      <div class="modal-content">
1945         <div class="modal-body">
1946            <button type="button" class="close" data-dismiss="modal">
1947               <span class="icon icon-close" data-dismiss="modal" data-analytics_available_call='0'></span>
1948            </button>
1949
1950            <h4 class="mb-lg-4 mb-3 text-center text-uppercase">our offers <br class="d-block d-lg-none">
1951               for you
1952            </h4>
1953
1954            <hr class="modal-separator">
1955
1956            <a href="/special-offers" class="modal-container-list">
1957               <img src="https://media.opsm.com/2026/05_May/Superweek/SO/telecomando.png" />
1958               <div class="modal-text-list">
1959                  <p class="strong mb-1">Sale up to 25% off*</p>
1960                  <p class="xsmall mb-0">*Terms and conditions apply</p>
1961               </div>
1962            </a>
1963
1964            <hr class="modal-separator">
1965
1966            <a href="/special-offers" class="modal-container-list">
1967               <img src="https://media.opsm.com/2026/07_July/20OFF%20LENSES/Telecomando_promo.png" />
1968               <div class="modal-text-list">
1969                  <p class="strong mb-1">20% off Lenses & Lens Extras</p>
1970                  <p class="xsmall mb-0">*Terms and conditions apply</p>
1971               </div>
1972            </a>
1973
1974            <hr class="modal-separator">
1975
1976            <a href="/special-offers" class="modal-container-list">
1977               <img src="https://media.opsm.com/2024/03_March/Subscribe_Save/SO/telecomando.png" />
1978               <div class="modal-text-list">
1979                  <p class="strong mb-1">Subscribe & save*</p>
1980                  <p class="xsmall mb-0">*Terms and conditions apply</p>
1981               </div>
1982            </a>
1983
1984            <hr class="modal-separator">
1985
1986            <a href="/special-offers" class="modal-container-list">
1987               <img src="https://media.opsm.com/2024/05_May/Spend%26Save/SO/telecomando.png" />
1988               <div class="modal-text-list">
1989                  <p class="strong mb-1">Spend $200, save 20% off contact lenses*</p>
1990                  <p class="xsmall mb-0">*Terms and conditions apply</p>
1991               </div>
1992            </a>
1993
1994            <hr class="modal-separator">
1995
1996            <a href="/special-offers" class="button button--primary button--primary--dark" data-element-id='StripBarOverlay_ViewAll'>
1997               VIEW ALL OFFERS
1998            </a>
1999         </div>
2000      </div>
2001   </div>
2002
2003   <style>
2004      #promo-modal .modal-dialog {
2005         max-width: 480px;
2006      }
2007
2008      #promo-modal .modal-content {
2009         border-radius: 20px;
2010
2011      }
2012
2013      #promo-modal .modal-body {
2014         padding: 32px 0;
2015      }
2016
2017      #promo-modal .close {
2018         font-size: 15px;
2019         text-decoration: none;
2020      }
2021
2022      #promo-modal .modal-separator {
2023         margin: 0 auto;
2024         width: calc(100% - 64px);
2025         border-top: 1px solid #E5E5E5;
2026      }
2027
2028      #promo-modal .modal-container-list {
2029         display: grid;
2030         grid-template-columns: 60px 1fr;
2031         column-gap: 16px;
2032         padding: 15px 32px;
2033         align-items: center;
2034         line-height: 1.2;
2035      }
2036
2037      #promo-modal .modal-container-list:hover {
2038         background-color: #F6F6F6;
2039         color: #2D2A26;
2040      }
2041
2042      #promo-modal .button--primary {
2043         width: 300px;
2044         margin: 20px auto 0;
2045         display: block;
2046      }
2047
2048      .text-blue {
2049         color: #3D87CB;
2050      }
2051
2052      @media screen and (max-width: 992px) {
2053
2054         #promo-modal .modal-dialog {
2055            margin: 0;
2056         }
2057
2058         #promo-modal .modal-content {
2059            border-radius: 0;
2060         }
2061
2062         #promo-modal .modal-body {
2063            padding: 24px 0;
2064         }
2065
2066         #promo-modal .modal-container-list {
2067            padding: 15px 20px;
2068         }
2069
2070      }
2071   </style>
2072</div>
2073				
2074	
2075</div>
2076
2077<!-- END Content_UI.jspf -->
2078				</div>
2079			</div>
2080		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Telecomando] -->
2081</div>
2082
2083	
2084	<div class="header--sticky aos-init aos-animate" id="opsm-header-sticky">
2085
2086		
2087<div class="header--brand-container" id="header-brand">
2088	<div class="container-fluid">
2089		<div class="row header--brand justify-content-between align-items-center">
2090			<div class="col-auto position-static d-flex align-items-center ">
2091				
2092
2093<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-banner-logo] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2094			<div id="contentRecommendationWidget_rddm-header-banner-logo" class="contentRecommendationWidget" >
2095				
2096				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-banner-logo" id="ci_espot__rddm-header-banner-logo">
2097					<!-- BEGIN Content_UI.jspf -->
2098<div class="left_espot">
2099	
2100	
2101					<button class="btn btn-link dropdown-toggle header--sidemenu-toggler d-inline-block d-lg-none bt-menu-mob" id="bt
2101n-toggle-sidemenu">
2102   <img src="https://media.opsm.com/DDM/ddm-burger-icon.png">
2103</button>
2104<a class="header--logo mr-2 d-inline-block d-md-none" href="/" data-element-id="MainNav_Logo">
2105   <img class="header--logo-img header--logo-img--mb" src="https://media.opsm.com/DDM/brand.png" alt="OPSM Loves Eyes">
2106</a>
2107<a class="header--logo mr-2 d-none d-md-inline-block" href="/" data-element-id="MainNav_Logo">
2108   <img class="header--logo-img" src="https://media.opsm.com/DDM/brand.png" alt="OPSM Loves Eyes">
2109</a>
2110
2111<style>
2112   #filters.show .modal-dialog {
2113      left: 0;
2114      transform: translateX(0px);
2115   }
2116
2117   /* TEMPORARY WHITE LINKS CLASS */
2118   .text-white-link-temporary {
2119      color: #ffffff !important;
2120   }
2121
2122   .text-white-link-temporary:hover {
2123      color: #aaaaaa !important;
2124   }
2125
2126   /* TEMPORARY WHITE LINKS CLASS */
2127
2128
2129   .pdp-badge-list {
2130      z-index: 11;
2131   }
2132
2133   .product--pdp-top-band {
2134      z-index: 12;
2135   }
2136
2137   #available-wrapper {
2138      flex-grow: 1;
2139      display: flex;
2140      align-items: end;
2141   }
2142
2143   @media screen and (min-width: 768px) {
2144      .fixed-height-row {
2145         max-height: calc(100vh - 95px);
2146      }
2147   }
2148
2149   @media screen and (max-width: 1199.98px) {
2150      .header--logo {
2151         position: absolute;
2152         top: 50%;
2153         left: 50%;
2154         -webkit-transform: translate(-50%, -50%);
2155         -ms-transform: translate(-50%, -50%);
2156         transform: translate(-50%, -50%);
2157      }
2158   }
2159
2160   .product-grid img {
2161      mix-blend-mode: multiply;
2162   }
2163
2164   /* .gvp-box p:first-of-type {
2165      display: none;
2166   } */
2167</style>
2168
2169<script>
2170   $(document).ready(function () {
2171      $(".header--mega-navbar-item-link").on("click", function () {
2172         if ($(".header-wrapper").attr("data-aos")) {
2173            $(".header-wrapper").removeAttr("data-aos");
2174         }
2175      });
2176      $(window).on("scroll", function () {
2177         if (!$(".header").hasClass("sticky-ing") && $(".header-wrapper").attr("data-aos") == "fade-down") {
2178            $(".header-wrapper").removeAttr("data-aos");
2179         }
2180
2181      });
2182      if ($("#modal-cart-container")) {
2183         $("#modal-cart-container").detach().appendTo('.header');
2184      }
2185
2186      (function () {
2187         function activateCustomerSegment() {
2188
2189            $.ajax({
2190               url: "/x-early-access-activation?omitHeader=1",
2191               method: "GET",
2192               success: function (data) {
2193                  console.log('Customer added to customer segment!');
2194
2195                  var dateDef = new Date(Date.UTC(2024, 10, 22, 12, 59, 59));
2196                  document.cookie = "eaactivity=true;path=/;expires=" + dateDef.toGMTString();
2197               }
2198
2199            });
2200
2201         }
2202         if (location.search.toLowerCase().includes("promo=eaccess")) activateCustomerSegment();
2203
2204         /* if($('#products-listing-list').length > 0 && (window.location.href.indexOf('/special-offers/eyewear-boxing-day-sale') ||
2205             window.location.href.indexOf('/special-offers/glasses-boxing-day-sale') ||
2206             window.location.href.indexOf('/special-offers/sunglasses-boxing-day-sale')) ){
2207             let callbackFix = function(){
2208                 $('a.product.card').each(function(index, elem){
2209                     let curUrl = $(elem).attr('href');
2210                     if(curUrl.indexOf('/special-offers/eyewear-boxing-day-sale') > -1){
2211                         $(elem).attr('href',curUrl.replace('/special-offers/eyewear-boxing-day-sale',''));
2212                     }else if(curUrl.indexOf('/special-offers/glasses-boxing-day-sale') > -1){
2213                         $(elem).attr('href',curUrl.replace('/special-offers/glasses-boxing-day-sale',''));
2214                     }else if(curUrl.indexOf('/special-offers/sunglasses-boxing-day-sale') > -1){
2215                         $(elem).attr('href',curUrl.replace('/special-offers/sunglasses-boxing-day-sale',''));
2216                     }
2217                 });
2218             }
2219  
2220             const config = { attributes: true, childList: true, subtree: true };
2221             const observer = new MutationObserver(callbackFix);
2222             // Start observing the target node for configured mutations
2223             let targetNode = $('#products-listing-list')[0];
2224             observer.observe(targetNode, config);
2225  
2226             callbackFix();
2227          }*/
2228
2229      })()
2230
2231      // if ($(".pg-product-detail").length > 0) {
2232      //   window._closeCart = function () {
2233      //     clearTimeout(window.timeoutMiniCart);
2234      //     if ($(window).width() < 768) {
2235      //       var $cart = $("#modal-cart-mobile");
2236      //     } else {
2237      //       $(".sticky-ing .header--sticky").removeClass("z1041");
2238      //       $("div#sale-off-banner").removeClass("temp-hidden");
2239      //       $(".header-wrapper").removeClass("temp-hidden");
2240      //       var $cart = $("#modal-cart");
2241      //     }
2242      //     $cart.removeClass('in');
2243      //     setTimeout(function () {
2244      //       $cart.modal("hide");
2245      //       setTimeout(function () {
2246      //         $('.modal-backdrop').remove();
2247      //       }, 100);
2248      //     }, 500);
2249      //   }
2250
2251      //   window._openCart = function () {
2252      //     console.log('myopencart');
2253      //     if ($(window).width() < 768) {
2254      //       var $cart = $("#modal-cart-mobile");
2255      //     } else {
2256      //       //   $(".sticky-ing .header--sticky").addClass("z1041");
2257      //       // $(".header--sticky.aos-init.aos-animate").removeClass("temp-hidden");
2258      //       $(".header-wrapper").removeClass("temp-hidden");
2259      //       var $cart = $("#modal-cart");
2260      //     }
2261      //     $cart.modal({
2262      //       backdrop: 'static'
2263      //     });
2264      //     if ($(window).width() >= 768) {
2265      //       $('.modal-backdrop').addClass('cart-backdrop');
2266
2267      //       setTimeout(function () {
2268      //         $cart.addClass('in');
2269      //         $('.cart-wrap').niceScroll({
2270      //           cursorcolor: "#ccc"
2271      //         });
2272      //       }, 1000);
2273
2274      //       window.timeoutMiniCart = setTimeout(function () {
2275      //         _closeCart();
2276      //       }, 6500);
2277      //     }
2278      //   }
2279
2280      // }
2281
2282   });
2283   $("img[usemap='#afterPayPopupDesktop']").attr("src", "https://media.opsm.com/cart/afterpay_lightbox_desktop.png");
2284</script>
2284
2285				
2286	
2287</div>
2288
2289<!-- END Content_UI.jspf -->
2290				</div>
2291			</div>
2292		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-banner-logo] -->
2293</div>
2294
2295			
2296			
2297			
2298				<div class="header--mega-navbar" id="header-mega-navbar">
2299					<div class="container-fluid">
2300						<div class="d-flex justify-content-between">
2301							<div class="header--mega-navbar-left d-none d-lg-flex" id="header-mega-navbar-left">
2302								
2303
2304<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-menu-left] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2305			<div id="contentRecommendationWidget_rddm-header-nav-menu-left" class="contentRecommendationWidget" >
2306				
2307				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-menu-left" id="ci_espot__rddm-header-nav-menu-left">
2308					<!-- BEGIN Content_UI.jspf -->
2309<div class="left_espot">
2310	
2311	
2312					<div
2313  class="d-lg-flex"
2314  itemscope="itemscope"
2315  itemtype="https://www.schema.org/SiteNavigationElement"
2316>
2317  <span class="header--mega-navbar-underline"></span>
2318  <div
2319    class="header--mega-navbar-item"
2320    id="mega-navbar-contactlenses"
2321    itemprop="name"
2322  >
2323    <a
2324      class="header--mega-navbar-item-link no-link"
2325      data-target="#mega-navbar-contents-contactlenses"
2326      data-element-id="MainNav_ContactLenses"
2327      href="#"
2328    >
2329      Contact Lenses
2330    </a>
2331  </div>
2332  <div class="header--mega-navbar-item" id="mega-navbar-frames" itemprop="name">
2333    <a
2334      class="header--mega-navbar-item-link no-link"
2335      data-target="#mega-navbar-contents-frames"
2336      data-element-id="MainNav_Glasses"
2337      href="#"
2338    >
2339      Glasses
2340    </a>
2341  </div>
2342  <div
2343    class="header--mega-navbar-item"
2344    id="mega-navbar-sunglasses"
2345    itemprop="name"
2346  >
2347    <a
2348      class="header--mega-navbar-item-link no-link"
2349      data-target="#mega-navbar-contents-sunglasses"
2350      data-element-id="MainNav_Sunglasses"
2351      href="#"
2352    >
2353      Sunglasses
2354    </a>
2355  </div>
2356  <div
2357    class="header--mega-navbar-item"
2358    id="mega-navbar-aiglasses"
2359    itemprop="name"
2360  >
2361    <a
2362      class="header--mega-navbar-item-link no-link"
2363      data-target="#mega-navbar-contents-aiglasses"
2364      data-element-id="MainNav_AiGlasses"
2365      href="#"
2366    >
2367      AI Glasses
2368    </a>
2369  </div>
2370  <div
2371    class="header--mega-navbar-item"
2372    id="mega-navbar-brands"
2373    itemprop="name"
2374  >
2375    <a
2376      class="header--mega-navbar-item-link no-link"
2377      data-target="#mega-navbar-contents-brands"
2378      data-element-id="MainNav_Brands"
2379      href="#"
2380    >
2381      Brands
2382    </a>
2383  </div>
2384  <div
2385    class="header--mega-navbar-item"
2386    id="mega-navbar-eyecare"
2387    itemprop="name"
2388  >
2389    <a
2390      class="header--mega-navbar-item-link no-link"
2391      data-target="#mega-navbar-contents-eyecare"
2392      data-element-id="MainNav_OurServices"
2393      href="#"
2394    >
2395      Our Services
2396    </a>
2397  </div>
2398  <!-- <div class="header--mega-navbar-item" id="mega-navbar-lenses" itemprop="name">
2399    <a
2400      class="header--mega-navbar-item-link"
2401      data-element-id="MainNav_Lenses"
2402      href="/glasses-advice/prescription-lenses"
2403    >
2404      Lenses
2405    </a>
2406  </div> -->
2407  <div
2408    class="header--mega-navbar-item"
2409    id="mega-navbar-special-offers"
2410    itemprop="name"
2411  >
2412    <a
2413      class="header--mega-navbar-item-link"
2414      data-element-id="MainNav_SpecialOffers"
2415      href="/special-offers"
2416    >
2417      Special Offers
2418    </a>
2419  </div>
2420  <!-- <div class="header--mega-navbar-item" id="mega-navbar-giftguide" itemprop="name">
2421      <a class="header--mega-navbar-item-link"
2422      data-element-id="MainNav_GiftGuide" href="/gift-guide">
2423      Gift Guide
2424      </a>
2425   </div> -->
2426</div>
2427<script>
2428   $(document).ready(function () {
2429      $("#mega-navbar-lenses a, #mega-navbar-special-offers a").off("click");
2430   });
2431</script>
2431
2432				
2433	
2434</div>
2435
2436<!-- END Content_UI.jspf -->
2437				</div>
2438			</div>
2439		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-menu-left] -->
2440</div>
2441
2442							</div>
2443							<div class="header--mega-navbar-right flex-grow-1 flex-lg-grow-0" id="header-mega-navbar-right">
2444
2445							</div>
2446						</div>
2447					</div>
2448				</div>
2449				<div class="header--mega-navbar-contents-container">
2450					<div class="header--mega-navbar-contents-overlay"></div>
2451					<div class="header--mega-navbar-contents--wrapper">
2452						<div class="header--mega-navbar-contents"
2453							id="mega-navbar-contents-contactlenses"
2454							style="animation-duration: 400ms">
2455							<div class="container-fluid submenu-wrapper">
2456								
2457
2458<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-contacts-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2459			<div id="contentRecommendationWidget_rddm-header-nav-contacts-col-1" class="contentRecommendationWidget" >
2460				
2461				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-contacts-col-1" id="ci_espot__rddm-header-nav-contacts-col-1">
2462					<!-- BEGIN Content_UI.jspf -->
2463<div class="left_espot">
2464	
2465	
2466					<div class="link-section-wrapper" id="rddm-col-1-contact-lenses">
2467   <div class="link-section">
2468      <p class="header--mega-navbar-list-title">Type and Frequency</p>
2469      <a href="/contact-lenses/daily" data-element-id="ContactLenses_Daily">Daily</a>
2470      <a href="/contact-lenses/fortnightly" data-element-id="ContactLenses_Fortnightly">Fortnightly</a>
2471      <a href="/contact-lenses/monthly" data-element-id="ContactLenses_Monthly">Monthly</a>
2472      <a href="/contact-lenses/toric" data-element-id="ContactLenses_Toric">Toric</a>
2473      <a href="/contact-lenses/multi-focal-sphere" data-element-id="ContactLenses_Multifocal">Multi-focal</a>
2474      <a href="/contact-lenses/solutions-and-accessories" data-element-id="ContactLenses_SolutionsAndAccessories" class="strong">Solutions &amp; Accessories</a>
2475      <a href="/contact-lenses-advice/subscription-value-plan" data-element-id="ContactLenses_SubscriptionValuePlan" class="align-items-center d-inline-flex gap-8 strong">
2476         Subscribe &amp; Save 25%
2477         <img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/icons/subscription-ico.svg" style="width: 16px;">
2478      </a>
2479      <a class="button button--primary button--primary--dark small small-btn" href="/contact-lenses" data-element-id="ContactLenses_CTA0">VIEW ALL CONTACTS</a>
2480   </div>
2481   <div class="link-section">
2482      <p class="header--mega-navbar-list-title">Brand</p>
2483      <a href="/contact-lenses/acuvue" data-element-id="MainNav_ContactLenses_Acuve">Acuvue</a>
2484      <a href="/contact-lenses/dailies" data-element-id="MainNav_ContactLenses_Dailies">Dailies</a>
2485      <a href='/contact-lenses?facet=mfName_ntk_cs%3A"AIR%20OPTIX"' data-element-id="MainNav_ContactLenses_AirOptix">Air Optix</a>
2486      <a href="/contact-lenses/biofinity" data-element-id="MainNav_ContactLenses_Biofinity">Biofinity</a>
2487      <div class="brands-list-new-container">
2488         <a href="/contact-lenses/iwear" data-element-id="MainNav_ContactLenses_OPSM">iWear®</a>
2489         <div data-type="New" class="new-pill">New</div>
2490      </div>
2491      <a href="/contact-lenses/precision1" data-element-id="MainNav_ContactLenses_Precision1">Precision1</a>
2492      <a href="/contact-lenses" data-element-id="MainNav_ContactLenses">View all brands</a>
2493      <a class="button button--secondary button--secondary--dark js-gr-ddm-reorder-cta px-0 small small-btn" href="/LogonForm?catalogId=12601&amp;postSignInURL=UserOrderHistory&amp;storeId=10151&amp;langId=-1" data-element-id="ContactLenses_CTA1">
2494         REORDER YOUR CONTACTS
2495      </a>
2496   </div>
2497
2498   <style>
2499      .header--mega-navbar-contents #rddm-col-1-contact-lenses .brands-list-new-container {
2500         align-items: center;
2501         gap: 8px;
2502         display: inline-flex;
2503      }
2504
2505      .header--mega-navbar-contents #rddm-col-1-contact-lenses .brands-list-new-container .new-pill {
2506         height: 24px;
2507         padding-left: 8px;
2508         padding-right: 8px;
2509         border-radius: 24px;
2510         outline: 0.5px #b58b34 solid;
2511         outline-offset: -0.5px;
2512         justify-content: center;
2513         align-items: center;
2514         gap: 10px;
2515         display: flex;
2516         color: #2d2a26;
2517         font-size: 12px;
2518         font-family: "Barlow";
2519         font-weight: 600;
2520         line-height: 18px;
2521         word-wrap: break-word;
2522      }
2523   </style>
2524</div>
2525				
2526	
2527</div>
2528
2529<!-- END Content_UI.jspf -->
2530				</div>
2531			</div>
2532		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-contacts-col-1] -->
2533</div>
2534
2535								<div class="right-col-submenu">
2536								
2537 
2538
2539	<div class="dark product-grid-wrapper ddm-fixed-height-spacer bg-light-grey">
2540	<p class="ls-05 text-center strong">Bestsellers</p>
2541		<div class="align-items-center d-grid grid-2-col gap-30 row-gap-0 h-100 text-center product-grid">
2542		
2543			
2544			<div>
2545				<a href="/contact-lenses/dailies/daily/dailies-total1-90pk/ac-dailies-total1-90" 
2546					data-element-id='ContactLenses_DAILIES'
2547					data-product-id="3074457345617177843"
2548					data-description="DAILIES TOTAL1 90PK_AC_DAILIES_TOTAL1_90_000">
2549				
2550				<!-- BEGIN ProductImage.jsp [partNumber: AC_DAILIES_TOTAL1_90_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc AC_DAILIES_TOTAL1_90_000 and index: 0 -->
2551							<img loading='lazy'   crossorigin="anonymous" 
2552							class="left-image"	src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/7efa7e9a-7fb7-4691-8d0b-b35500bb2bdf/ALALFDT1S090__shad__qt.png?impolicy=OP_Large&hei=200&wid=400"
2553							alt="DAILIES DAILIES TOTAL1 90PK" title="DAILIES DAILIES TOTAL1 90PK" 
2554							data-description="DAILIES_DAILIES_TOTAL1_90PK"
2555							data-usage-aml="PLP"/>
2556						<!-- END ProductImage.jsp -->
2557				
2558				
2559					<p class="small black strong text-uppercase">DAILIES TOTAL1 90PK</p>
2560				</a>
2561				
2562				
2563			</div>
2564			
2565			
2566			
2567			<div>
2568				<a href="/contact-lenses/acuvue/daily/acuvue-oasys-1-day-90pk/jj-acuvue-oasys-1-day-90" 
2569					data-element-id='ContactLenses_ACUVUE'
2570					data-product-id="3074457345617107562"
2571					data-description="ACUVUE OASYS 1-DAY 90PK_JJ_ACUVUE_OASYS_1_DAY_90_000">
2572				
2573				<!-- BEGIN ProductImage.jsp [partNumber: JJ_ACUVUE_OASYS_1_DAY_90_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc JJ_ACUVUE_OASYS_1_DAY_90_000 and index: 0 -->
2574							<img loading='lazy'   crossorigin="anonymous" 
2575							class="left-image"	src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/967ec216-3365-4beb-b2ac-b35500b96ecb/JJJJACO1DHXS090__shad__qt.png?impolicy=OP_Large&hei=200&wid=400"
2576							alt="ACUVUE ACUVUE OASYS 1-DAY 90PK" title="ACUVUE ACUVUE OASYS 1-DAY 90PK" 
2577							data-description="ACUVUE_ACUVUE_OASYS_1-DAY_90PK"
2578							data-usage-aml="PLP"/>
2579						<!-- END ProductImage.jsp -->
2580				
2581				
2582					<p class="small black strong text-uppercase">ACUVUE OASYS 1-DAY 90PK</p>
2583				</a>
2584				
2585				
2586			</div>
2587			
2588			
2589			
2590			<div>
2591				<a href="/contact-lenses/acuvue/fortnightly/acuvue-oasys-6pk/jj-acuvue-oasys-6" 
2592					data-element-id='ContactLenses_ACUVUE'
2593					data-product-id="3074457345617180325"
2594					data-description="ACUVUE OASYS 6PK_JJ_ACUVUE_OASYS_6_000">
2595				
2596				<!-- BEGIN ProductImage.jsp [partNumber: JJ_ACUVUE_OASYS_6_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc JJ_ACUVUE_OASYS_6_000 and index: 0 -->
2597							<img loading='lazy'   crossorigin="anonymous" 
2598							class="left-image"	src="https://assets2.opsm.com/prod-onecp-record-files/picontactlenses/07fbee3a-4385-4380-a5ee-b35500b94e6a/JJJJACOS06__shad__qt.png?impolicy=OP_Large&hei=200&wid=400"
2599							alt="ACUVUE ACUVUE OASYS 6PK" title="ACUVUE ACUVUE OASYS 6PK" 
2600							data-description="ACUVUE_ACUVUE_OASYS_6PK"
2601							data-usage-aml="PLP"/>
2602						<!-- END ProductImage.jsp -->
2603				
2604				
2605					<p class="small black strong text-uppercase">ACUVUE OASYS 6PK</p>
2606				</a>
2607				
2608				
2609			</div>
2610			
2611			
2612			
2613			<div>
2614				<a href="/contact-lenses/iwear/daily/iwear-1-day-harmony-sphere-30pk/iwear-harmony-1-day-30" 
2615					data-element-id='ContactLenses_IWEAR'
2616					data-product-id="3074457345617549777"
2617					data-description="IWEAR 1-DAY HARMONY SPHERE 30PK_IWEAR_HARMONY_1_DAY_30_000">
2618				
2619				<!-- BEGIN ProductImage.jsp [partNumber: IWEAR_HARMONY_1_DAY_30_000, amlRule: PLP, imgIndex: 0 (default 0) --><!-- ProductImage.jsp with rule PLP for upc IWEAR_HARMONY_1_DAY_30_000 and index: 0 -->
2620							<img loading='lazy'   crossorigin="anonymous" 
2621							class="left-image"	src="https://assets2.opsm.com/cdn-record-files/contactlenses/1203d28a-4d91-43a8-b064-b44901004414/CVCVIHSANZSPN030__shad__qt.png?impolicy=OP_Large&hei=200&wid=400"
2622							alt="IWEAR IWEAR 1-DAY HARMONY SPHERE 30PK" title="IWEAR IWEAR 1-DAY HARMONY SPHERE 30PK" 
2623							data-description="IWEAR_IWEAR_1-DAY_HARMONY_SPHERE_30PK"
2624							data-usage-aml="PLP"/>
2625						<!-- END ProductImage.jsp -->
2626				
2627				
2628					<p class="small black strong text-uppercase">IWEAR 1-DAY HARMONY SPHERE 30PK</p>
2629				</a>
2630				
2631				
2632			</div>
2633			
2634			
2635		</div>
2636	
2637	</div>
2638
2639	<div class="position-relative dd-banner-box">
2640   <div class="ddm-banner-img">
2641      <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/CL_D.jpg" alt="Contact Lenses Banner" loading="lazy" crossorigin="anonymous">
2642   </div>
2643   <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-contact-lenses-wrapper">
2644      <div>
2645         <div class="text-center w-100">
2646            <p style="font-size: 12px;" class="mb-4 text-white">
2647               *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
2648            </p>
2649            <a class="button button--primary button--primary--light mx-auto" href="/contact-lenses" title="Shop now" data-element-id="Contacts_DDM_MainNav_Promo" data-description="ContactsPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
2650         </div>
2651      </div>
2652   </div>
2653</div>
2654
2655<style>
2656   #rddm-desk-contact-lenses-wrapper {
2657      padding: 32px 16px;
2658   }
2659
2660   #rddm-desk-contact-lenses-star {
2661      font-size: 15px;
2662      position: relative;
2663      top: -7px;
2664      font-weight: 500;
2665   }
2666
2667   .rddm-desk-contact-lenses-title {
2668      font-size: 35px;
2669      line-height: 30px;
2670   }
2671
2672   .rddm-desk-contact-lenses-subtitle {
2673      font-size: 22px;
2674      line-height: 32px;
2675   }
2676
2677   #rddm-desk-contact-lenses-tooltip-button {
2678      padding: 0;
2679      height: 24px;
2680   }
2681
2682   .rddm-desk-contact-lenses-popover {
2683      height: 20px;
2684      padding: 0;
2685      border: none;
2686      bottom: 3px;
2687      left: 3px;
2688      position: relative;
2689   }
2690</style>
2691								</div>
2692							</div>
2693						</div>
2694						<div class="header--mega-navbar-contents"
2695							id="mega-navbar-contents-sunglasses"
2696							style="animation-duration: 400ms">
2697							<div class="container-fluid submenu-wrapper">
2698								
2699
2700<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2701			<div id="contentRecommendationWidget_rddm-header-nav-sun-col-1" class="contentRecommendationWidget" >
2702				
2703				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-1" id="ci_espot__rddm-header-nav-sun-col-1">
2704					<!-- BEGIN Content_UI.jspf -->
2705<div class="left_espot">
2706	
2707	
2708					<div class="link-section-wrapper" id="rddm-col-1-sunglasses">
2709   <div class="gap-40 link-section pb-0">
2710      <a href="/womens-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Woman"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-woman.png">Women</a>
2711      <a href="/mens-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Man"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-man.png">Men</a>
2712      <a href="/kids-sunglasses" class="align-items-center d-flex gap-16 strong" data-element-id="" data-description="Kid"><img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/sunglasses-kids.png">Kids</a>
2713   </div>
2714   <div class="left-separator link-section pb-0">
2715
2716      <p class="header--mega-navbar-list-title">Shop by our picks</p>
2717      <a href="/sunglasses/new-arrivals" data-element-id="MainNav_Sunglasses-NewArrivals">New Arrivals</a>
2718      <a href="/sunglasses/best-sellers" data-element-id="MainNav_Sunglasses-BestSellers">Best Sellers</a>
2719      <!-- <div class="brands-list-new-container">
2720         <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a>
2721         <div data-type="New" class="new-pill">New</div>
2722      </div> -->
2723      <div class="brands-list-new-container">
2724         <a href="/sunglasses?facet=ads_f44026_ntk_cs%3A%22True%22" data-element-id="MainNav_Sunglasses-Polarised">Polarised</a>
2725         <div data-type="New" class="new-pill">New</div>
2726      </div>
2727      <a href="/ray-ban-meta" data-element-id="MainNav_Sunglasses-RayBanMeta">Ray-Ban | Meta</a>
2728      <a href="/oakley-meta" data-element-id="MainNav_Sunglasses-OakleyMeta">Oakley | Meta</a>
2729
2730
2731      <p class="header--mega-navbar-list-title pt-2">Shop by offer</p>
2732      <!-- <a href="/promo?facet=ads_f44508_ntk_cs%3A%22Sun%22" data-element-id="MainNav_Sunglasses-SeasonalPromo" data-description="Seasonal Promo">Seasonal Promo</a> -->
2733      <a style="color: #b58b34" href="/sale/sunglasses" data-element-id="MainNav_Sunglasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off</a>
2734
2735
2736      <!-- <p class="header--mega-navbar-list-title pt-2">Shop by lenses</p>
2737       <a href="/lenses#oakley-prizm" data-element-id="MainNav_Sunglasses-OakleyPrizmLenses" data-description="Oakley® Prizm™ Lenses">Oakley® Prizm™ Lenses</a> -->
2738      <!-- <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 mt-2 strong" data-element-id="MainNav_SunglassesAdvice-FrameFinder"><img loading="lazy" src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);">Find your Frame</a> -->
2739
2740   </div><a class="button button--primary button--primary--dark small" data-element-id="Sunglasses_CTA0" href="/sunglasses">VIEW ALL SUNGLASSES</a>
2741</div>
2742
2743<style>
2744   .header--mega-navbar-contents #rddm-col-1-sunglasses .brands-list-new-container {
2745      align-items: center;
2746      gap: 8px;
2747      display: inline-flex;
2748   }
2749
2750   .header--mega-navbar-contents #rddm-col-1-sunglasses .brands-list-new-container .new-pill {
2751      height: 24px;
2752      padding-left: 8px;
2753      padding-right: 8px;
2754      border-radius: 24px;
2755      outline: 0.5px #b58b34 solid;
2756      outline-offset: -0.5px;
2757      justify-content: center;
2758      align-items: center;
2759      gap: 10px;
2760      display: flex;
2761      color: #2d2a26;
2762      font-size: 12px;
2763      font-family: "Barlow";
2764      font-weight: 600;
2765      line-height: 18px;
2766      word-wrap: break-word;
2767   }
2768</style>
2769				
2770	
2771</div>
2772
2773<!-- END Content_UI.jspf -->
2774				</div>
2775			</div>
2776		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-1] -->
2777</div>
2778
2779								<div class="right-col-submenu">
2780									
2781
2782<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2783			<div id="contentRecommendationWidget_rddm-header-nav-sun-col-2" class="contentRecommendationWidget" >
2784				
2785				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-2" id="ci_espot__rddm-header-nav-sun-col-2">
2786					<!-- BEGIN Content_UI.jspf -->
2787<div class="left_espot">
2788	
2789	
2790					<div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section">
2791   <div class="logo-wrapper">
2792      <a href="/sunglasses/ray-ban" class="logo-fixed-dim">
2793         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg">
2794      </a>
2795
2796      <a href="/sunglasses/oakley" class="logo-fixed-dim">
2797         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/oakley.svg">
2798      </a>
2799
2800      <a href="/sunglasses/prada" class="logo-fixed-dim p-0">
2801         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/Prada.svg">
2802      </a>
2803
2804      <a href="/sunglasses/costa" class="logo-fixed-dim p-0">
2805         <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/COSTA.jpg" style="mix-blend-mode: multiply;">
2806      </a>
2807
2808      <a href="/sunglasses/burberry" class="logo-fixed-dim p-0">
2809         <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/BURBERRY.jpg" style="mix-blend-mode: multiply;">
2810      </a>
2811
2812      <a href="/sunglasses/oroton" class="logo-fixed-dim p-0">
2813         <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/OROTON.jpg" style="mix-blend-mode: multiply;">
2814      </a>
2815
2816      <!-- <a href="/sunglasses/miu-miu" class="logo-fixed-dim p-0">
2817         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/Miu_Miu.svg">
2818      </a>
2819
2820      <a href="/sunglasses/ralph" class="logo-fixed-dim">
2821         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/DDM/ralph.svg">
2822      </a>
2823
2824      <a href="/sunglasses/versace" class="logo-fixed-dim">
2825         <img loading="lazy" crossorigin="anonymous" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/VERSACE.jpg">
2826      </a>
2827
2828      <a href="/sunglasses/vogue" class="logo-fixed-dim p-0">
2829         <img loading="lazy" crossorigin="anonymous" src="https://media.opsm.com/Logo_Brands/Vogue.svg">
2830      </a> -->
2831   </div>
2832   <a class="button button--secondary button--secondary--dark small small-btn" href="/sunglasses">SHOP ALL BRANDS</a>
2833</div>
2834
2835<style>
2836   .ddm-logo-section .logo-fixed-dim {
2837      width: 140px;
2838      height: 70px;
2839      display: block;
2840      margin: auto;
2841      padding: 12px;
2842   }
2843
2844   .ddm-logo-section .logo-fixed-dim img {
2845      height: 100%;
2846      width: 100%;
2847      object-fit: contain;
2848   }
2849</style>
2850				
2851	
2852</div>
2853
2854<!-- END Content_UI.jspf -->
2855				</div>
2856			</div>
2857		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-2] -->
2858</div>
2859
2860
2861<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-sun-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2862			<div id="contentRecommendationWidget_rddm-header-nav-sun-col-3" class="contentRecommendationWidget" >
2863				
2864				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-sun-col-3" id="ci_espot__rddm-header-nav-sun-col-3">
2865					<!-- BEGIN Content_UI.jspf -->
2866<div class="left_espot">
2867	
2868	
2869					<div class="position-relative dd-banner-box">
2870   <div class="ddm-banner-img">
2871      <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/SUN_D.jpg" alt="Sunglasses Banner" loading="lazy" crossorigin="anonymous">
2872   </div>
2873   <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-sunglasses-wrapper">
2874      <div>
2875         <div class="text-center w-100">
2876            <p style="font-size: 12px;" class="mb-4 text-white">
2877               *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
2878            </p>
2879            <a class="button button--primary button--primary--light mx-auto" href="/promo/sunglasses" title="Shop now" data-element-id="Sunglasses_DDM_MainNav_Promo" data-description="SunglassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
2880         </div>
2881      </div>
2882   </div>
2883</div>
2884
2885<style>
2886   #rddm-desk-sunglasses-wrapper {
2887      padding: 32px 16px;
2888   }
2889
2890   #rddm-desk-sunglasses-star {
2891      font-size: 15px;
2892      position: relative;
2893      top: -7px;
2894      font-weight: 500;
2895   }
2896
2897   .rddm-desk-sunglasses-title {
2898      font-size: 35px;
2899      line-height: 30px;
2900   }
2901
2902   .rddm-desk-sunglasses-subtitle {
2903      font-size: 22px;
2904      line-height: 32px;
2905   }
2906
2907   #rddm-desk-sunglasses-tooltip-button {
2908      padding: 0;
2909      height: 24px;
2910   }
2911
2912   .rddm-desk-sunglasses-popover {
2913      height: 20px;
2914      padding: 0;
2915      border: none;
2916      bottom: 3px;
2917      left: 3px;
2918      position: relative;
2919   }
2920</style>
2921				
2922	
2923</div>
2924
2925<!-- END Content_UI.jspf -->
2926				</div>
2927			</div>
2928		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-sun-col-3] -->
2929</div>
2930
2931								</div>
2932							</div>
2933						</div>
2934						<div class="header--mega-navbar-contents"
2935							id="mega-navbar-contents-aiglasses"
2936							style="animation-duration: 400ms">
2937							<div class="container-fluid submenu-wrapper">
2938								
2939
2940<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-aiglasses-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
2941			<div id="contentRecommendationWidget_rddm-header-nav-aiglasses-col-1" class="contentRecommendationWidget" >
2942				
2943				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-aiglasses-col-1" id="ci_espot__rddm-header-nav-aiglasses-col-1">
2944					<!-- BEGIN Content_UI.jspf -->
2945<div class="left_espot">
2946	
2947	
2948					<div class="link-section-wrapper">
2949   <div class="link-section">
2950      <p class="header--mega-navbar-list-title">Shop By</p>
2951      <a href="/ray-ban-meta" class="header--mega-navbar-list-newBadge" data-element-id="Ray-Ban Meta">Ray-Ban Meta</a>
2952      <a href="/oakley-meta" data-element-id="Oakley Meta">Oakley Meta</a>
2953
2954      <a class="button button--primary button--primary--dark small small-btn" href="/ai-glasses" data-element-id="ContactLenses_CTA0">VIEW ALL AI GLASSES</a>
2955   </div>
2956   <div class="link-section">
2957      <p class="header--mega-navbar-list-title">Explore</p>
2958      <a href="/discover-ray-ban-meta-ai-glasses" class="header--mega-navbar-list-newBadge" data-element-id="MainNav_RayBan_Meta">Discover Ray-Ban Meta (Gen 3)</a>
2959      <a href="/discover-oakley-meta-ai-glasses" data-element-id="MainNav_Oakley_Meta">Discover Oakley Meta</a>
2960      <a href="/faqs" data-element-id="FAQs">FAQs</a>
2961
2962   </div>
2963
2964   <style>
2965      .ddm-banner-box-aiglasses {
2966         width: 390px;
2967         background-image: url('https://media.opsm.com/DDM/nav-aiglasses-img.jpg');
2968         background-size: 240%;
2969         background-position: bottom;
2970      }
2971
2972      .nav-meta-logo-wrapper {
2973         display: flex;
2974         width: 100%;
2975         flex-direction: column;
2976         align-items: center;
2977         justify-content: center;
2978         position: absolute;
2979         bottom: 0;
2980         padding: 32px;
2981         gap: 6px
2982      }
2983
2984      .nav-meta-logo-title {
2985         font-size: 25px;
2986         color: #fff;
2987         font-weight: 700;
2988         font-family: "Termina";
2989         text-align: center;
2990         margin-bottom: 0
2991      }
2992
2993      .nav-meta-logo-img {
2994         padding: 16px;
2995      }
2996
2997      .header--mega-navbar-list-newBadge {
2998         display: flex;
2999         align-items: center
3000      }
3001
3002      .header--mega-navbar-list-newBadge::after {
3003         content: "New";
3004         margin-left: 10px;
3005         padding: 0 8px;
3006         display: flex;
3007         justify-content: center;
3008         align-items: center;
3009         height: 24px;
3010         background-color: white;
3011         border: 0.5px solid #B58B34;
3012         top: -6px;
3013         right: -6px;
3014         font-size: 10px;
3015         line-height: 1;
3016         border-radius: 24px;
3017         color: #2D2A26;
3018         font-family: "Barlow";
3019         line-height: 1.5;
3020         font-size: 12px;
3021         font-weight: 600;
3022         letter-spacing: 0.5px;
3023      }
3024
3025      #ci_espot__rddm-header-nav-aiglasses-col-1 .link-section-wrapper>.link-section:first-of-type {
3026         position: relative
3027      }
3028
3029      #ci_espot__rddm-header-nav-aiglasses-col-1 .link-section-wrapper>.link-section:first-of-type::after {
3030         content: "";
3031         position: absolute;
3032         height: 350px;
3033         right: 0;
3034         top: 20px;
3035         bottom: 80px;
3036         width: 1px;
3037         background: #E5E5E5;
3038      }
3039   </style>
3040</div>
3041				
3042	
3043</div>
3044
3045<!-- END Content_UI.jspf -->
3046				</div>
3047			</div>
3048		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-aiglasses-col-1] -->
3049</div>
3050
3051
3052<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-aiglasses-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3053			<div id="contentRecommendationWidget_rddm-header-nav-aiglasses-col-2" class="contentRecommendationWidget" >
3054				
3055				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-aiglasses-col-2" id="ci_espot__rddm-header-nav-aiglasses-col-2">
3056					<!-- BEGIN Content_UI.jspf -->
3057<div class="left_espot">
3058	
3059	
3060					<div class="right-col-submenu">
3061   <div class="dark product-grid-wrapper ddm-fixed-height-spacer bg-light-grey">
3062      <p class="ls-05 text-center strong">Bestsellers</p>
3063      <div class="align-items-center d-grid grid-2-col gap-30 row-gap-0 h-100 text-center product-grid">
3064         <div>
3065            <a href="/glasses/ray-ban/ray-ban-meta-(gen-2)-blayzer-optics/8056262944554?rxcnav=treatments" data-element-id="RAYBAN_META_BLAYZER" data-product-id="8056262944554" data-description="RAYBAN_META_BLAYZER">
3066               <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/2d39f74c-5215-4dec-9bb2-b40f00a4e067/0RW7001__2077__P21__shad__fr.png?impolicy=OP_Large&amp;hei=200&amp;wid=400" alt="RAYBAN META - BLAYZER" title="RAYBAN META - BLAYZER" data-description="RAYBAN_META_BLAYZER">
3067
3068               <p class="small black strong text-uppercase">RAY-BAN | META (GEN 2) - BLAYZER</p>
3069            </a>
3070         </div>
3071
3072         <div>
3073            <a href="/glasses/ray-ban/ray-ban-meta-(gen-3)-aviator/8056266259852?rxcnav=treatments" data-element-id="RAYBAN_META_AVIATOR" data-product-id="8056266302053" data-description="RAYBAN META AVIATOR">
3074
3075               <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/ac159df6-8a88-4ce4-83d1-b47c00999876/0RW4016V__2000__P21__shad__qt.png?impolicy=OP_Large&amp;hei=200&amp;wid=400" alt="RAYBAN META - AVIATOR" title="RAYBAN META - AVIATOR" data-description="RAYBAN_META_AVIATOR">
3076
3077               <p class="small black strong text-uppercase">RAY-BAN | META (GEN 3) - AVIATOR</p>
3078            </a>
3079         </div>
3080
3081         <div>
3082            <a href="/glasses/ray-ban/ray-ban-meta-(gen-3)-aviator/8056266260339?rxcnav=treatments" data-element-id="RAYBAN_META_AVIATOR" data-product-id="8056262981351" data-description="RAYBAN META AVIATOR">
3083
3084               <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/1bf94700-263a-4b0c-88a7-b475007633f3/0RW4016__6912JD__P21__shad__qt.png?impolicy=OP_Large&hei=200&wid=400" alt="RAYBAN META - AVIATOR" title="RAYBAN META - AVIATOR" data-description="RAYBAN_META_AVIATOR">
3085
3086               <p class="small black strong text-uppercase">RAY-BAN | META (GEN 3) - AVIATOR</p>
3087            </a>
3088         </div>
3089
3090         <div>
3091            <a href="/ray-ban-meta/ray-ban-meta-wayfarer/8056262721339" data-element-id="RAYBAN META - WAYFARER" data-product-id="8056262721339" data-description="RAYBAN META - WAYFARER">
3092               <img crossorigin="anonymous" loading="lazy" class="left-image" src="https://assets2.opsm.com/prod-onecp-record-files/pieyewear/3e568b34-1383-43ae-8956-b3a10041c327/0RW4012__601_71__P21__shad__fr.png?impolicy=OP_Large&amp;hei=200&amp;wid=400" alt="RAYBAN META - WAYFARER" title="RAYBAN META - WAYFARER" data-description="RAYBAN META - WAYFARER">
3093
3094               <p class="small black strong text-uppercase">RAY-BAN | META (GEN 2) - WAYFARER</p>
3095            </a>
3096         </div>
3097      </div>
3098   </div>
3099
3100   <div class="position-relative dd-banner-box">
3101      <div class="ddm-banner-img">
3102         <img src="https://media.opsm.com/2026/09_September/ADAPTATIONS/DDM_Banner_D.png" alt="AI Glasses banner" loading="lazy" crossorigin="anonymous">
3103      </div>
3104      <div class="align-items-center d-flex flex-column h-100 left-0 pt-4 px-4 position-absolute justify-content-end top-0 w-100" style="padding-bottom: 32px;">
3105         <div class="text-center">
3106            <!-- <div class="text-center w-100 d-flex flex-row justify-content-center align-items-center mb-3">
3107               <p style="font-size: 12px;" class="mb-0">
3108                  *When purchased as a complete pair (AI frame + lenses). <a class="hover-underline-animation-dark d-inline" href="/special-offers#technology-offer">T&amp;Cs apply</a>.
3109               </p>
3110            </div> -->
3111
3112            <a class="button button--primary button--primary--light mx-auto" href="/ray-ban-meta" title="Shop now" data-element-id="AIGlasses_DDM_MainNav_Promo" data-description="RBMetaPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
3113         </div>
3114      </div>
3115   </div>
3116</div>
3117
3118<style>
3119   #rddm-desk-ai-glasses-wrapper {
3120      padding: 32px 16px;
3121   }
3122
3123   .header--mega-navbar-list-newBadge {
3124      display: flex;
3125      align-items: center
3126   }
3127
3128   .header--mega-navbar-list-newBadge::after {
3129      content: "New";
3130      margin-left: 10px;
3131      padding: 8px;
3132      background-color: white;
3133      border: 0.5px solid #B58B34;
3134      top: -6px;
3135      right: -6px;
3136      font-size: 10px;
3137      line-height: 1;
3138      padding: 4px 6px;
3139      border-radius: 24px;
3140      color: black;
3141      font-family: "Barlow";
3142      line-height: 1.5;
3143      font-size: 12px;
3144      font-weight: 600;
3145      letter-spacing: 0.5px;
3146   }
3147
3148   #rddm-aiglasses-desk-upper-title {
3149      font-size: 14px;
3150   }
3151
3152   #rddm-aiglasses-desk-title {
3153      font-size: 25px;
3154   }
3155
3156   #rddm-aiglasses-desk-copy {
3157      font-size: 16px;
3158   }
3159</style>
3160
3161<!-- 
3161<script>
3162   opsm.utils.setTooltip('#rddm-aiglasses-desk-tooltip-button');
3163</script>
3163 -->
3164				
3165	
3166</div>
3167
3168<!-- END Content_UI.jspf -->
3169				</div>
3170			</div>
3171		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-aiglasses-col-2] -->
3172</div>
3173
3174								
3175							</div>
3176						</div>
3177						<div class="header--mega-navbar-contents"
3178							id="mega-navbar-contents-frames" style="animation-duration: 400ms">
3179							<div class="container-fluid submenu-wrapper">
3180							 	
3181
3182<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3183			<div id="contentRecommendationWidget_rddm-header-nav-frames-col-1" class="contentRecommendationWidget" >
3184				
3185				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-1" id="ci_espot__rddm-header-nav-frames-col-1">
3186					<!-- BEGIN Content_UI.jspf -->
3187<div class="left_espot">
3188	
3189	
3190					<div class="link-section-wrapper" id="rddm-col-1-glasses">
3191   <div class="gap-40 link-section pb-0">
3192      <a href="/womens-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Women" data-description="Woman">
3193         <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-woman.png"> Women
3194      </a>
3195      <a href="/mens-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Men" data-description="Man">
3196         <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-man.png"> Men
3197      </a>
3198      <a href="/kids-glasses" class="align-items-center d-flex gap-16 strong" data-element-id="MainNav_Glasses-Children" data-description="Kid">
3199         <img loading="lazy" style="width:60px" src="https://media.opsm.com/DDM/eyeglasses-kids.png"> Kids
3200      </a>
3201   </div>
3202   <div class="left-separator link-section pb-0">
3203
3204      <p class="header--mega-navbar-list-title">Shop by our picks</p>
3205      <a href="/glasses/new-arrivals" data-element-id="MainNav_Glasses-NewArrivals">New Arrivals</a>
3206      <a href="/glasses/best-sellers" data-element-id="MainNav_Glasses-BestSellers">Best Sellers</a>
3207      <!-- <div class="brands-list-new-container">
3208         <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a>
3209         <div data-type="New" class="new-pill">New</div>
3210      </div> -->
3211      <a href="/ray-ban-meta" data-element-id="MainNav_Glasses-RayBanMeta">Ray-Ban | Meta</a>
3212      <a href="/oakley-meta" data-element-id="MainNav_Glasses-OakleyMeta">Oakley | Meta</a>
3213      <a href="/transitions-lenses" data-element-id="MainNav_Glasses-Transition">Transitions®</a>
3214
3215
3216      <p class="header--mega-navbar-list-title pt-2">Shop by offer</p>
3217      <!-- <a href="/glasses" data-element-id="MainNav_Glasses-MSO" data-description="MSO_PLP">$100 off* Frames &Lenses</a> -->
3218      <a href="/glasses/adult-value-package" data-element-id="MainNav_Glasses-GVP" data-description="GVP_PLP">Frame + Lenses From <span class="font-weight-bold">$149</span>*</a>
3219      <a style="color: #b58b34" href="/sale/glasses" class="" data-element-id="MainNav_Glasses-Sale" data-description="Sale_PLP">Clearance | Up to 50% off<!-- <span class="bg-gold ml-1 px-2 rounded-pill small strong text-white">%</span> --></a>
3220
3221
3222      <!-- <p class="header--mega-navbar-list-title pt-2">Shop by lenses</p> -->
3223
3224      <!-- <a href="/frame-advisor-page" class="align-items-center d-inline-flex gap-8 mt-2 strong" data-element-id="MainNav_GlassesAdvice-FrameFinder">
3225         <img loading="lazy" src="https://media.opsm.com/2022/LP/17_FRAME_ADVISOR/ICONS/FrameGenius_Icon.svg" style="height: 16px;filter: brightness(0);"> Find your Frame
3226      </a> -->
3227   </div>
3228   <a class="button button--primary button--primary--dark small" data-element-id="Glasses_CTA0" href="/glasses">VIEW ALL GLASSES</a>
3229</div>
3230
3231<style>
3232   .header--mega-navbar-contents #rddm-col-1-glasses .brands-list-new-container {
3233      align-items: center;
3234      gap: 8px;
3235      display: inline-flex;
3236   }
3237
3238   .header--mega-navbar-contents #rddm-col-1-glasses .brands-list-new-container .new-pill {
3239      height: 24px;
3240      padding-left: 8px;
3241      padding-right: 8px;
3242      border-radius: 24px;
3243      outline: 0.5px #b58b34 solid;
3244      outline-offset: -0.5px;
3245      justify-content: center;
3246      align-items: center;
3247      gap: 10px;
3248      display: flex;
3249      color: #2d2a26;
3250      font-size: 12px;
3251      font-family: "Barlow";
3252      font-weight: 600;
3253      line-height: 18px;
3254      word-wrap: break-word;
3255   }
3256</style>
3257				
3258	
3259</div>
3260
3261<!-- END Content_UI.jspf -->
3262				</div>
3263			</div>
3264		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-1] -->
3265</div>
3266
3267								<div class="right-col-submenu">
3268									
3269
3270<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3271			<div id="contentRecommendationWidget_rddm-header-nav-frames-col-2" class="contentRecommendationWidget" >
3272				
3273				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-2" id="ci_espot__rddm-header-nav-frames-col-2">
3274					<!-- BEGIN Content_UI.jspf -->
3275<div class="left_espot">
3276	
3277	
3278					<div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section">
3279   <div class="logo-wrapper">
3280      <a href="/glasses/ray-ban" class="logo-fixed-dim">
3281         <img loading="lazy" src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg">
3282      </a>
3283
3284      <a href="/glasses/oakley" class="logo-fixed-dim">
3285         <img loading="lazy" src="https://media.opsm.com/DDM/oakley.svg">
3286      </a>
3287
3288      <a href="/glasses/miu-miu" class="logo-fixed-dim p-0">
3289         <img loading="lazy" src="https://media.opsm.com/DDM/Miu_Miu.svg">
3290      </a>
3291
3292      <a href="/glasses/versace" class="logo-fixed-dim">
3293         <img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/brand/VERSACE.jpg">
3294      </a>
3295
3296      <a href="/glasses/tiffany" class="logo-fixed-dim p-0">
3297         <img loading="lazy" src="https://media.opsm.com/2024/Logos/Tiffany.svg">
3298      </a>
3299
3300      <a href="/glasses/prada" class="logo-fixed-dim p-0">
3301         <img loading="lazy" src="https://media.opsm.com/DDM/Prada.svg">
3302      </a>
3303
3304   </div>
3305   <a class="button button--secondary button--secondary--dark small small-btn" href="/glasses">SHOP ALL BRANDS</a>
3306</div>
3307
3308
3309<style>
3310   .ddm-logo-section .logo-fixed-dim {
3311      width: 140px;
3312      height: 70px;
3313      display: block;
3314      margin: auto;
3315      padding: 12px;
3316   }
3317
3318   .ddm-logo-section .logo-fixed-dim img {
3319      height: 100%;
3320      width: 100%;
3321      object-fit: contain;
3322   }
3323</style>
3324				
3325	
3326</div>
3327
3328<!-- END Content_UI.jspf -->
3329				</div>
3330			</div>
3331		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-2] -->
3332</div>
3333
3334
3335<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-frames-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3336			<div id="contentRecommendationWidget_rddm-header-nav-frames-col-3" class="contentRecommendationWidget" >
3337				
3338				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-frames-col-3" id="ci_espot__rddm-header-nav-frames-col-3">
3339					<!-- BEGIN Content_UI.jspf -->
3340<div class="left_espot">
3341	
3342	
3343					<div class="position-relative dd-banner-box">
3344   <div class="ddm-banner-img">
3345      <img src="https://media.opsm.com/2026/02_February/Superweek/DDM/OPT_D.jpg" alt="glasses Banner" loading="lazy" crossorigin="anonymous">
3346   </div>
3347   <div class="align-items-center d-flex flex-column h-100 left-0 position-absolute justify-content-end top-0 w-100" id="rddm-desk-glasses-wrapper">
3348      <div>
3349         <div class="text-center w-100">
3350            <p style="font-size: 12px;" class="mb-4 text-white">
3351               *Prices as marked. Exclusions and <a class="hover-underline-animation-white d-inline" href="/special-offers#superweek">T&amp;Cs apply</a>.
3352            </p>
3353            <a class="button button--primary button--primary--light mx-auto" href="/promo/eyeglasses" title="Shop now" data-element-id="Glasses_DDM_MainNav_Promo" data-description="GlassesPLP" tabindex="0" style="font-size: 14px;max-width: 200px;"><span class="button--label">Shop now</span></a>
3354         </div>
3355      </div>
3356   </div>
3357</div>
3358
3359<style>
3360   #rddm-desk-glasses-wrapper {
3361      padding: 32px 16px;
3362   }
3363
3364   #rddm-desk-glasses-star {
3365      font-size: 15px;
3366      position: relative;
3367      top: -7px;
3368      font-weight: 500;
3369   }
3370
3371   .rddm-desk-glasses-title {
3372      font-size: 35px;
3373      line-height: 30px;
3374   }
3375
3376   .rddm-desk-glasses-subtitle {
3377      font-size: 22px;
3378      line-height: 32px;
3379   }
3380
3381   #rddm-desk-glasses-tooltip-button {
3382      padding: 0;
3383      height: 24px;
3384   }
3385
3386   .rddm-desk-glasses-popover {
3387      height: 20px;
3388      padding: 0;
3389      border: none;
3390      bottom: 3px;
3391      left: 3px;
3392      position: relative;
3393   }
3394</style>
3395				
3396	
3397</div>
3398
3399<!-- END Content_UI.jspf -->
3400				</div>
3401			</div>
3402		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-frames-col-3] -->
3403</div>
3404
3405								</div>
3406							</div>
3407						</div>
3408						
3409						<div class="header--mega-navbar-contents"
3410							id="mega-navbar-contents-eyecare" style="animation-duration: 400ms">
3411							<div class="container-fluid submenu-wrapper">
3412								
3413
3414<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3415			<div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-1" class="contentRecommendationWidget" >
3416				
3417				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-1" id="ci_espot__rddm-header-nav-eyecare-col-1">
3418					<!-- BEGIN Content_UI.jspf -->
3419<div class="left_espot">
3420	
3421	
3422					<div class="link-section-wrapper">
3423   <div class="link-section pb-0">
3424      <p class="header--mega-navbar-list-title">EYECARE</p>
3425
3426      <a href="/eye-care/eye-tests" title="Eye Tests" data-element-id="MainNav_OurServices-EyeTests">Eye Tests</a>
3427      <a href="/eye-care/dry-eye-technology" title="Eye Technology" data-element-id="MainNav_OurServices-DryEye" class="header--mega-navbar-list-newB
3427adge">Dry Eye Treatment</a>
3428      <a href="/eye-care/eye-technology" title="Eye Technology" data-element-id="MainNav_OurServices-EyeTechnology">Eye Test Technology</a>
3429      <a href="/myopia-control-lenses" title="Eye Technology" data-element-id="MainNav_OurServices-Myopia">Myopia Testing</a>
3430      <a href="/lenses" title="Eye Technology" data-element-id="MainNav_OurServices-Lenses">Our Lenses</a>
3431      <!-- <a href="/book-an-eye-test" title="Book An Eye Test" data-element-id="MainNav_BookAnEyeTest">Book an Eye Test</a> -->
3432      <!-- <a href="/vision-plan" title="Vision Plan" data-element-id="MainNav_OurServices-VisionPlan">Vision Plan™</a> -->
3433      <!-- <a href="/tele-optometry" data-element-id="MainNav_EyeCare-WorkplaceServicesSafetyGlasses">Tele Optometry</a> -->
3434      <!-- <a href="/frame-advisor-page" title="Find your frame" data-element-id="MainNav_OurServices-FrameAdvisor">Find your frame</a> -->
3435
3436      <p class="header--mega-navbar-list-title pt-3">AUDIOLOGY SERVICES</p>
3437
3438      <a href="/book-an-eye-test?storeService=audio" title="Book a Hearing Test" data-element-id="MainNav_OurServices-BulkBilling">Book a Hearing Test</a>
3439      <a href="/audiology" title="Hearing care" data-element-id="MainNav_UsefulInformation-HearingCare">Hearing care</a>
3440   </div>
3441
3442   <div class="link-section pb-0">
3443
3444      <p class="header--mega-navbar-list-title">BUYING ONLINE</p>
3445
3446      <a href="/tyro-health" title="Claim Health Fund Benefits" data-element-id="MainNav_OurServices-TyroHealth">Claim Health Fund Benefits</a>
3447      <a href="/contact-lenses-advice/subscription-value-plan" title="Subscribe & Save 25%" data-element-id="MainNav_OurServices-SubscriptionValuePlan">Subscribe & Save 25%</a>
3448
3449
3450      <p class="header--mega-navbar-list-title pt-3">USEFUL INFORMATION</p>
3451
3452      <a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="MainNav_OurServices-BulkBilling">Bulk Billing</a>
3453      <a href="/eye-care/workplace-services" title="Workplace Services" data-element-id="MainNav_OurServices-WorkplaceServices">Workplace Services</a>
3454      <a href="/faqs" title="FAQs" data-element-id="MainNav_OurServices-FAQs">FAQs</a>
3455      <a href="/dedicated-to-everyday-excellence" title="Dedicated to Everyday Excellence" data-element-id="MainNav_OurServices-DTEE">Dedicated to Everyday Excellence</a>
3456      <!-- <a href="/lenses" title="Lenses" data-element-id="MainNav_OurServices-Lenses">Lenses</a> -->
3457   </div>
3458</div>
3459				
3460	
3461</div>
3462
3463<!-- END Content_UI.jspf -->
3464				</div>
3465			</div>
3466		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-1] -->
3467</div>
3468
3469								<div class="right-col-submenu">
3470									
3471
3472<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3473			<div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-2" class="contentRecommendationWidget" >
3474				
3475				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-2" id="ci_espot__rddm-header-nav-eyecare-col-2">
3476					<!-- BEGIN Content_UI.jspf -->
3477<div class="left_espot">
3478	
3479	
3480					<div class="bg-light-grey ddm-fixed-height-spacer ddm-logo-section">
3481   <div class="logo-wrapper">
3482      <div><a href="/eye-care/benefits/health-funds/medibank"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_Medibank_new.png" style="height: 86px;"></a> </div>
3483      <div><a href="/eye-care/benefits/health-funds/nib"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_NIB_new.png" style="height: 86px;"></a> </div>
3484      <div><a href="/eye-care/benefits/health-funds/ing"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_ING.png" style="height: 86px;"></a> </div>
3485      <div><a href="/eye-care/benefits/health-funds/hbf"> <img loading="lazy" src="http://media.opsm.com/s7/hbf-logo.png" style="height: 86px;"></a> </div>
3486      <div><a href="/eye-care/benefits/health-funds/uni-health"> <img loading="lazy" src="https://media.opsm.com/LP/11_LOGHI/OPSM_HealthFund_Uni.png" style="height: 86px;"></a> </div>
3487      <div><a href="/eye-care/benefits/health-funds/australian-seniors"> <img loading="lazy" src="https://media.opsm.com/2022/LP/26_HEALTH_FUND/HF_Australian_Seniors.png" style="height: 86px;"></a> </div>
3488   </div><a class="button button--secondary button--secondary--dark" href="/eye-care/benefits/health-funds">view all health funds</a>
3489</div>
3490				
3491	
3492</div>
3493
3494<!-- END Content_UI.jspf -->
3495				</div>
3496			</div>
3497		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-2] -->
3498</div>
3499
3500
3501<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-eyecare-col-3] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3502			<div id="contentRecommendationWidget_rddm-header-nav-eyecare-col-3" class="contentRecommendationWidget" >
3503				
3504				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-eyecare-col-3" id="ci_espot__rddm-header-nav-eyecare-col-3">
3505					<!-- BEGIN Content_UI.jspf -->
3506<div class="left_espot">
3507	
3508	
3509					<div class="position-relative ddm-banner-box-desk"> <img loading="lazy" src="https://media.opsm.com/DDM/BET_D.jpg"> <a href="/book-an-eye-test" class="button button--primary--light small" style="line-height: 1;" data-element-id="MainNav_Promo" data-description="Show now">book an eye test</a></div>
3510<style>
3511   .ddm-banner-box-desk .button {
3512      position: absolute;
3513      left: 50%;
3514      bottom: 32px;
3515      transform: translateX(-50%);
3516      min-width: unset;
3517      padding: 14px 24px;
3518   }
3519</style>
3520				
3521	
3522</div>
3523
3524<!-- END Content_UI.jspf -->
3525				</div>
3526			</div>
3527		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-eyecare-col-3] -->
3528</div>
3529
3530								</div>
3531							</div>
3532						</div>
3533
3534						<div class="header--mega-navbar-contents"
3535							id="mega-navbar-contents-brands"
3536							style="animation-duration: 400ms">
3537							<div class="container-fluid submenu-wrapper">
3538								
3539
3540<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-brands-col-1] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3541			<div id="contentRecommendationWidget_rddm-header-nav-brands-col-1" class="contentRecommendationWidget" >
3542				
3543				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-brands-col-1" id="ci_espot__rddm-header-nav-brands-col-1">
3544					<!-- BEGIN Content_UI.jspf -->
3545<div class="left_espot">
3546	
3547	
3548					<div class="brands-container d-flex flex-column">
3549   <p class="brands-title">our favourite brands</p>
3550   <div class="brands-wrapper d-grid">
3551      <a href="/ray-ban" class="brands-btn">
3552         <img src="https://media.opsm.com/2022/HP/LOGOS/Ray_Ban_DDM.svg" style="max-width: 72px" />
3553      </a>
3554      <a href="/oakley" class="brands-btn">
3555         <img src="https://media.opsm.com/DDM/oakley.svg" style="max-width: 72px" />
3556      </a>
3557      <a href="/prada" class="brands-btn">
3558         <img src="https://media.opsm.com/DDM/Prada.svg" />
3559      </a>
3560      <a href="/miu-miu" class="brands-btn">
3561         <img src="https://media.opsm.com/DDM/Miu_Miu.svg" />
3562      </a>
3563      <a href="/tiffany-and-co" class="brands-btn">
3564         <img src="https://media.opsm.com/2024/Logos/Tiffany.svg" />
3565      </a>
3566      <a href="/versace" class="brands-btn">
3567         <img src="https://media.opsm.com/DDM/versace.svg" style="max-width: 99px" />
3568      </a>
3569      <a href="/oliver-peoples" class="brands-btn">
3570         <img src="/wcsstore/OPSMStorefrontAssetStore/images/brand/OLIVERPEOPLES.jpg" style="mix-blend-mode: multiply" ; />
3571      </a>
3572      <a href="/burberry" class="brands-btn">
3573         <img src="https://media.opsm.com/Logo_Brands/burberry.svg" />
3574      </a>
3575      <!-- <a href="/ralph" class="brands-btn">
3576         <img src="https://media.opsm.com/DDM/ralph.svg" style="max-width: 100px" />
3577      </a>
3578      <a href="/vogue" class="brands-btn">
3579         <img src="https://media.opsm.com/Logo_Brands/Vogue.svg" />
3580      </a> -->
3581   </div>
3582</div>
3583
3584<style>
3585   .header--mega-navbar-contents .container-fluid:has(#ci_espot__rddm-header-nav-brands-col-1) {
3586      grid-template-columns: minmax(0px, 390px) auto;
3587   }
3588
3589   .header--mega-navbar-contents .contentRecommendationWidget {
3590      height: 100%;
3591   }
3592
3593   .header--mega-navbar-contents .contentRecommendationWidget #ci_espot__rddm-header-nav-brands-col-1 {
3594      height: 100%;
3595   }
3596
3597   .header--mega-navbar-contents .contentRecommendationWidget #ci_espot__rddm-header-nav-brands-col-1 .left_espot {
3598      height: 100%;
3599   }
3600
3601   .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container {
3602      height: 100%;
3603      padding-top: 24px;
3604      padding-left: 32px;
3605      padding-right: 32px;
3606      border-right: 1px #e5e5e5 solid;
3607      gap: 24px;
3608   }
3609
3610   .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-title {
3611      font-family: "Barlow";
3612      font-weight: 700;
3613      font-size: 14px;
3614      margin: 0;
3615      letter-spacing: 0px;
3616      text-transform: uppercase;
3617      width: fit-content;
3618   }
3619
3620   .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper {
3621      grid-template-columns: repeat(2, minmax(0px, 150px));
3622      gap: 24px;
3623      height: 100%;
3624      grid-template-rows: repeat(auto-fill, minmax(0, 64px));
3625   }
3626
3627   .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper .brands-btn {
3628      width: 100%;
3629      border-radius: 8px;
3630      outline: 1px #e5e5e5 solid;
3631      outline-offset: -1px;
3632      flex-direction: column;
3633      justify-content: center;
3634      align-items: center;
3635      display: inline-flex;
3636      border: none;
3637      background-color: transparent;
3638   }
3639
3640   .header--mega-navbar-contents #ci_espot__rddm-header-nav-brands-col-1 .brands-container .brands-wrapper .brands-btn img {
3641      max-width: 128px;
3642      height: auto;
3643   }
3644</style>
3645				
3646	
3647</div>
3648
3649<!-- END Content_UI.jspf -->
3650				</div>
3651			</div>
3652		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-brands-col-1] -->
3653</div>
3654
3655								<div class="right-col-submenu">
3656									
3657
3658<div class="emarketingspot"><!-- Begin EmarketingSpot [rddm-header-nav-brands-col-2] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3659			<div id="contentRecommendationWidget_rddm-header-nav-brands-col-2" class="contentRecommendationWidget" >
3660				
3661				<div dataci_toolbar="_espot" dataci_espot ="_rddm-header-nav-brands-col-2" id="ci_espot__rddm-header-nav-brands-col-2">
3662					<!-- BEGIN Content_UI.jspf -->
3663<div class="left_espot">
3664	
3665	
3666					<div class="brands-list-container bg-light-grey ddm-fixed-height-spacer d-grid">
3667   <div class="brands-list-wrapper">
3668      <div class="brands-list-inner">
3669         <div class="brands-list-title">a - z</div>
3670         <!-- <div class="brands-list-new-container">
3671            <a class="brands-list-anchors" href="/ai-glasses">AI Glasses</a>
3672            <div data-type="new" class="new-pill">New</div>
3673         </div> -->
3674         <a class="brands-list-anchors" href="/alain-mikli">Alain Mikli</a>
3675         <a class="brands-list-anchors" href="/armani-exchange">Armani Exchange</a>
3676         <a class="brands-list-anchors" href="/arnette">Arnette</a>
3677         <a class="brands-list-anchors" href="/bolon-eyewear">Bolon</a>
3678         <!-- <a class="brands-list-anchors" href="/brooks-brothers">Brooks Brothers</a>
3679         <a class="brands-list-anchors" href="/brunello-cucinelli">Brunello Cucinelli</a> -->
3680         <a class="brands-list-anchors" href="/burberry">Burberry</a>
3681         <div class="brands-list-new-container">
3682            <a class="brands-list-anchors" href="/celine">Celine</a>
3683            <div data-type="New" class="new-pill">New</div>
3684         </div>
3685         <a class="brands-list-anchors" href="/coach">Coach</a>
3686         <a class="brands-list-anchors" href="/costa-del-mar">Costa</a>
3687         <div class="brands-list-new-container">
3688            <a class="brands-list-anchors" href="/dior">Dior</a>
3689            <div data-type="New" class="new-pill">New</div>
3690         </div>
3691      </div>
3692   </div>
3693   <div class="brands-list-wrapper">
3694      <div class="brands-list-inner">
3695         <a class="brands-list-anchors" href="/dolce-and-gabbana">Dolce&Gabbana</a>
3696         <a class="brands-list-anchors" href="/emporio-armani">Emporio Armani</a>
3697         <!-- <a class="brands-list-anchors" href="/ferrari">Ferrari</a> -->
3698         <a class="brands-list-anchors" href="/giorgio-armani">Giorgio Armani</a>
3699         <a class="brands-list-anchors" href="/gucci">Gucci</a>
3700         <a class="brands-list-anchors" href="/jimmy-choo">Jimmy Choo</a>
3701         <a class="brands-list-anchors" href="/michael-kors">Michael Kors</a>
3702         <!-- <a class="brands-list-anchors" href="/glasses/miraflex">Miraflex</a> -->
3703         <a class="brands-list-anchors" href="/miu-miu">Miu Miu</a>
3704         <!-- <div class="brands-list-new-container">
3705            <a class="brands-list-anchors" href="/moncler">Moncler</a>
3706            <div data-type="New" class="new-pill">New</div>
3707         </div> -->
3708         <a class="brands-list-anchors" href="/moncler">Moncler</a>
3709         <a class="brands-list-anchors" href="/discover-nuance-audio">Nuance Audio</a>
3710      </div>
3711   </div>
3712
3713   <div class="brands-list-wrapper">
3714      <div class="brands-list-inner">
3715         <a class="brands-list-anchors" href="/oakley-meta">Oakley Meta</a>
3716         <a class="brands-list-anchors" href="/oakley">Oakley</a>
3717         <a class="brands-list-anchors" href="/oliver-peoples">Oliver Peoples</a>
3718         <a class="brands-list-anchors" href="/oroton">Oroton</a>
3719         <a class="brands-list-anchors" href="/persol">Persol</a>
3720         <a class="brands-list-anchors" href="/polo-ralph-lauren">Polo Ralph Lauren</a>
3721         <a class="brands-list-anchors" href="/prada">Prada</a>
3722         <a class="brands-list-anchors" href="/prada-linea-rossa">Prada Linea Rossa</a>
3723         <a class="brands-list-anchors" href="/ralph">Ralph</a>
3724      </div>
3725   </div>
3726
3727   <div class="brands-list-wrapper">
3728      <div class="brands-list-inner">
3729         <a class="brands-list-anchors" href="/ray-ban">Ray-Ban</a>
3730         <a class="brands-list-anchors" href="/ray-ban-meta">Ray-Ban Meta</a>
3731         <a class="brands-list-anchors" href="/scuderia-ferrari">Scuderia Ferrari</a>
3732         <a class="brands-list-anchors" href="/sferoflex">Sferoflex</a>
3733         <a class="brands-list-anchors" href="/swarovski">Swarovski</a>
3734         <a class="brands-list-anchors" href="/tiffany-and-co">Tiffany & Co.</a>
3735         <a class="brands-list-anchors" href="/tom-ford">Tom Ford</a>
3736         <a class="brands-list-anchors" href="/versace">Versace</a>
3737         <a class="brands-list-anchors" href="/vogue">Vogue Eyewear</a>
3738      </div>
3739   </div>
3740
3741</div>
3742
3743<style>
3744   .header--mega-navbar-contents .right-col-submenu .brands-list-container {
3745      grid-template-columns: repeat(4, auto);
3746   }
3747
3748   .header--mega-navbar-contents .right-col-submenu .brands-list-wrapper {
3749      width: 100%;
3750      height: 100%;
3751      padding-top: 24px;
3752      padding-bottom: 32px;
3753      padding-left: 32px;
3754      background: #ffffff;
3755      flex-direction: column;
3756      justify-content: flex-start;
3757      align-items: flex-start;
3758      gap: 32px;
3759      display: inline-flex;
3760   }
3761
3762   .header--mega-navbar-contents .right-col-submenu .brands-list-wrapper:not(:first-of-type) {
3763      padding-top: 60px;
3764   }
3765
3766   .header--mega-navbar-contents .right-col-submenu .brands-list-inner {
3767      flex-direction: column;
3768      justify-content: flex-start;
3769      align-items: flex-start;
3770      gap: 16px;
3771      display: flex;
3772   }
3773
3774   .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-title {
3775      align-self: stretch;
3776      color: #2d2a26;
3777      font-size: 14px;
3778      font-family: "Barlow";
3779      font-weight: 700;
3780      text-transform: uppercase;
3781      line-height: 21px;
3782      word-wrap: break-word;
3783   }
3784
3785   .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-anchors {
3786      align-self: stretch;
3787      color: #222222;
3788      font-size: 16px;
3789      font-family: "Barlow";
3790      font-weight: 400;
3791      line-height: 24px;
3792      word-wrap: break-word;
3793   }
3794
3795   .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-new-container {
3796      align-items: center;
3797      gap: 8px;
3798      display: inline-flex;
3799   }
3800
3801   .header--mega-navbar-contents .right-col-submenu .brands-list-inner .brands-list-new-container .new-pill {
3802      height: 24px;
3803      padding-left: 8px;
3804      padding-right: 8px;
3805      border-radius: 24px;
3806      outline: 0.5px #b58b34 solid;
3807      outline-offset: -0.5px;
3808      justify-content: center;
3809      align-items: center;
3810      gap: 10px;
3811      display: flex;
3812      color: #2d2a26;
3813      font-size: 12px;
3814      font-family: "Barlow";
3815      font-weight: 600;
3816      line-height: 18px;
3817      word-wrap: break-word;
3818   }
3819</style>
3820				
3821	
3822</div>
3823
3824<!-- END Content_UI.jspf -->
3825				</div>
3826			</div>
3827		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [rddm-header-nav-brands-col-2] -->
3828</div>
3829
3830								</div>
3831							</div>
3832						</div>
3833
3834					</div>
3835				</div>
3836			</div>
3837			
3838			<div class="col-auto d-flex justify-content-end align-items-center my-auto">
3839				
3840				
3841				<a class="header--cms-item btn btn-link" title="Search" 
3842					id="btn-search" data-element-id="MainNav_Search" 
3843					data-content="Search">
3844              	</a>
3845
3846				                                          
3847<span class="d-none align-items-center utagpiimask header--r-user">
3848	
3849	<div class="header--cms-item dropdown header--user-menu-dropdown">
3850		<div class="header--cms-item btn btn-link px-lg-1 hidden-mobile" id="btn-login" title="Account" aria-haspopup="true" aria-expanded="false">
3851			<span class="icon icon-login" data-toggle="dropdown"></span>
3852			<div class="dropdown-menu" aria-labelledby="btn-login">
3853				<a class="dropdown-item" href="/UserAccountDashboardView?catalogId=12601&amp;langId=-1&amp;storeId=10151" title="My account" data-element-id="MainNav_Account">My account</a>
3854				<a class="dropdown-item" href="/UserOrderHistory?catalogId=12601&amp;langId=-1&amp;storeId=10151" title="Order details" data-element-id="MainNav_Account-Orders">Order details</a>
3855				<a class="dropdown-item" href="/Logoff?myAcctMain=1&amp;catalogId=12601&amp;langId=-1&amp;storeId=10151&amp;URL=LogonForm" title="Log out" data-element-id="MainNav_Account-Logout">Log out</a>
3856			</div>
3857		</div>
3858		<div class="header--cms-item btn btn-link px-lg-1" id="btn-login-mobile" title="Account" aria-haspopup="true" aria-expanded="false">
3859			<span class="icon icon-login visible-mobile"></span>
3860		</div>
3861	</div>
3862</span>
3863
3864<a class="header--cms-item btn btn-link header--g-user" 
3865	href="/sign-in" 
3866	title="Account" data-element-id="MainNav_Account">
3867
3868	<span class="icon icon-login"></span>
3869</a>
3870
3871
3872
3873<script type="text/javascript">
3874	var yourFavourites_u = 'YOUR FAVOURITE';
3875	var addedToFavourites = 'Added to Favourites';
3876	var addToFavouritesErrorMsg = 'You were not able to add this product at this time. Please try again.';
3877	var isGuestUser = 'true';
3878	var loadingImage = '<div class="loading-img"><img src="/wcsstore/OPSMStorefrontAssetStore/images/loading.gif" /></div>'; 
3879</script>
3879
3880	<a class="header--cms-item btn btn-link d-none d-lg-inline-block" id="btn-favourite" href='/favorites' title="Favourites" data-element-id="MainNav_Fav">
3881		
3882    	<span class="icon icon-favourite"></span>
3883    	<span class="badge badge-pill header--cms-badge d-none"></span>
3884    </a>
3885		
3886<input type="hidden" id="added-products-favourites" rel="">
3887<input type="hidden" id="pending-products-favourites" rel="">
3888<input type="hidden" id="langId" value="-1" />
3889<input type="hidden" id="storeId" value="10151" />
3890<input type="hidden" id="catalogId" value="12601" />
3891<input type="hidden" id="wishlist-total-count" value="0" />
3892	
3893				<a class="header--cms-item btn btn-link opsm-modal-link"
3894					id="btn-cart" title="Your Cart"
3895					href="/OrderCalculate?calculationUsageId=-1&amp;calculationUsageId=-2&amp;calculationUsageId=-3&amp;calculationUsageId=-4&amp;calculationUsageId=-5&amp;calculationUsageId=-6&amp;calculationUsageId=-7&amp;catalogId=12601&amp;updatePrices=1&amp;orderId=.&amp;langId=-1&amp;storeId=10151&amp;errorViewName=AjaxOrderItemDisplayView&amp;keepAutoAddedOrderItemsBeforeCalculate=true&amp;URL=AjaxOrderItemDisplayView"
3896					data-element-id="MainNav_Bag">
3897					<span class="icon icon-cart"></span>
3898					<span class="badge badge-pill header--cms-badge"></span>
3899				</a>
3900			</div>
3901		</div>
3902	</div>
3903</div>
3904
3905
3906		
3907	</div>
3908	<div class="alert-container">
3909		<div class="alert alert-success" id="alert-success" role="alert"
3910			style="z-index: 13; display: none;"></div>
3911		<div class="alert alert-danger" id="alert-danger" role="alert"
3912			style="z-index: 13; display: none;"></div>
3913		<div class="alert alert-info" id="alert-info" role="alert"
3914			style="z-index: 13; display: none;"></div>
3915	</div>
3916
3917	
3918	
3919		<div id="modal-cart-container"></div>
3920	
3921	
3921<script type="text/javascript">
3922			$(document).ready(function() {
3923				var countryCode = "AU";
3924				if (countryCode === "NZ") {
3925					$(".header--mega-navbar-category-content a").each(function(){
3926						$(this).attr("href",$(this).attr("href").replace("orderBy=7","orderBy=8"))
3927					})
3928				}
3929			});
3930		</script>
3930
3931		
3932		<!-- RXC Config Override Espot -->
3933
3934<div class="emarketingspot"><!-- Begin EmarketingSpot [__RXC_BASE_CONFIG_ESPOT] --><!-- BEGIN ContentRecommendation_UI.jspf -->
3935			<div id="contentRecommendationWidget___RXC_BASE_CONFIG_ESPOT" class="contentRecommendationWidget" >
3936				
3937				<div dataci_toolbar="_espot" dataci_espot ="___RXC_BASE_CONFIG_ESPOT" id="ci_espot____RXC_BASE_CONFIG_ESPOT">
3938					<!-- BEGIN Content_UI.jspf -->
3939<div class="left_espot">
3940	
3941	
3942					
3942<script type="text/javascript">
3943var rxcOverrideConfig = {
3944	    layoutSettings: {
3945	        enableGrayout: true,
3946	        enableLargeIcons: true,
3947            enableNestedTransitionSwatch: true,
3948            activateMoneySavingsBadge: true,
3949            enableDigitalOptometry: true,
3950        },
3951        data: {
3952            autoDiscountBadge: 'PERCENTAGE',
3953        },
3954        paymentInstallment: {
3955            type: "",  
3956            types: [
3957                "afterpay",
3958                "paypal"
3959            ]
3960        }
3961};
3962
3963var rxcCustomerCarePhoneNumber = 'Not sure about something? Call our Customer Service experts on <a href="tel:"1800626300">1800 626 300</a>';
3964
3965window.rxcTranslations = {
3966   "en_AU":{
3967      "proceedAsIs":"Continue without additional features",
3968      "steps":{
3969         "type":{
3970            "title":"Choose your vision need",
3971            "titleMobile":"Choose your vision need"
3972         },
3973         "color":{
3974            "confirmedTitle":"Colour:",
3975            "title":"Choose your lens colour",
3976            "titleMobile":"Choose your lens colour",
3977            "polarized":"Polarised only",
3978            "applyAndContinue":"Apply",
3979            "subtitle":"Enhanced color and contrast so you can see more detail"
3980         },
3981         "treatments":{
3982            "addToBag":"Add to cart"
3983         },
3984         "review":{
3985            "paymentInstallments":{
3986               "modal":{
3987                  "afterpay":"With Afterpay, make 4 interest-free payments, every two weeks. You must be over 18, a resident of the country offering Afterpay, and meet additional eligibility criteria to qualify. Late fees may apply. Your first instalment may be due at the time of purchase. Estimated payment amounts shown on product pages exclude taxes and shipping charges, which are added at checkout.<a target='_blank' href='https://www.afterpay.com/en-AU/terms-of-service'>Click here</a> for complete terms. <a target='_blank' href='https://media.opsm.com/cart/afterpay_howItWorks_desktop.png'>Click here to learn more</a>."
3988               }
3989            }
3990         },
3991         "advancedPrescription":{
3992            "manual":{
3993               "card":{
3994                  "description":"<div>This is our quickest and most popular method. We will then recommend the most suitable lens type.</div><div class='d-lg-flex h-auto justify-content-start px-2 py-1 tyro-claim'><p class='d-inline w-auto mb-0'>Choose this option if you would like to claim online instantly with</p><img src='https://media.opsm.com/icons/[email protected]' class='mb-1 mb-lg-0 ml-1 ml-lg-0'></div>"
3995               },
3996               "continueModal":{
3997                  "title":"Send prescription later",
3998                  "message":"By clicking on continue, you will be skipping the prescription step. We’ll ask you again during checkout, and after your order confirmation, you can either upload it or select it from my account.",
3999                  "continue":"Yes, continue",
4000                  "cancel":"No, go back"
4001               },
4002               "howToReadModal":{
4003                  "customerService":"rxcCustomerCarePhoneNumber"
4004               },
4005               "whatIsIt":"What is PD (Pupillary Distance)"
4006            },
4007            "later":{
4008               "card":{
4009                  "description":"We’ll ask you again during checkout, and after your order confirmation, you can either upload it or select it from my account."
4010               }
4011            }
4012         }
4013      },
4014      "fallbackImageMessageTitle":"Lens colour preview not available",
4015      "price":{
4016         "totalFrameLens":{
4017            "frameLensTotal":"Frame + Lenses price",
4018            "frameLensStartingAt":"Frame + Lenses starting at"
4019         }
4020      },
4021      "gvpTreatment":{
4022         "title":"Choose your lens type"
4023      }
4024   }
4025};
4026</script>
4026
4027				
4028	
4029</div>
4030
4031<!-- END Content_UI.jspf -->
4032				</div>
4033			</div>
4034		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [__RXC_BASE_CONFIG_ESPOT] -->
4035</div>
4036<!-- Transitions Improvements config -->
4037
4038<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Transitions_Config] --><!-- BEGIN ContentRecommendation_UI.jspf -->
4039			<div id="contentRecommendationWidget_X_Transitions_Config" class="contentRecommendationWidget" >
4040				
4041				<div dataci_toolbar="_espot" dataci_espot ="_X_Transitions_Config" id="ci_espot__X_Transitions_Config">
4042					<!-- BEGIN Content_UI.jspf -->
4043<div class="left_espot">
4044	
4045	
4046					
4046<script type="text/javascript">
4047  window.isTransitionsEnabled = true;
4048</script>
4048
4049				
4050	
4051</div>
4052
4053<!-- END Content_UI.jspf -->
4054				</div>
4055			</div>
4056		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Transitions_Config] -->
4057</div>
4058
4059	</div>
4060</header>
4061
4062	
4063
4064<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Header_Info_Banner] --><!-- BEGIN ContentRecommendation_UI.jspf -->
4065			<div id="contentRecommendationWidget_X_Header_Info_Banner" class="contentRecommendationWidget" >
4066				
4067				<div dataci_toolbar="_espot" dataci_espot ="_X_Header_Info_Banner" id="ci_espot__X_Header_Info_Banner">
4068					<!-- BEGIN Content_UI.jspf -->
4069<div class="left_espot">
4070	
4071	
4072					<!-- DESKTOP BANNER -->
4073<div class="header--notibar text-center justify-content-center align-items-center position-absolute d-none promo-popup-banner" id="promo-popup-banner-hp" role="alert">
4074   <div class="header--notibar-text w-100">
4075      <a class="text-white font-weight-bolder d-flex flex-row justify-content-center align-items-center collapsed promo-popup-banner-cta" id="promo-popup-banner-cta-hp" data-toggle="collapse" href="#promoPopupCollapse2" role="button" aria-expanded="false" aria-controls="promoPopupCollapse2">
4076         AI GLASSES, EXTRA 10% OFF LENSES*
4077         <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="ml-2">
4078            <path d="M8.00002 3.05699L15.8047 10.862L14.862 11.8047L8.00002 4.94299L1.13802 11.8047L0.195354 10.862L8.00002 3.05699Z" fill="white"></path>
4079         </svg>
4080      </a>
4081
4082      <div class="collapse promoPopupCollapse" id="promoPopupCollapse2">
4083         <div class="card card-body">
4084            <p class="text-left">Exclusive to online, save an additional 10% off prescription lenses* when you purchase a pair of AI frames. Exclusions and <a class="d-inline-block hover-underline-animation-dark" href="/special-offers" data-element-id="DTEE_T&amp;Cs" data-description="T&amp;Cs" tabindex="-1">T&Cs apply</a>.</p>
4085
4086            <div class="d-flex flex-row justify-content-center align-items-center" id="sale-off-buttons">
4087               <a class="button button--primary button--primary--dark" href="/ai-glasses" title="Shop now" data-element-id="AMS_Popup_AIGlassesPLP" data-description="JoinNewsletter" tabindex="0"><span class="button--label">Shop now</span></a>
4088               <!-- <a class="button button--primary button--primary--dark w-100" href="/oakley-meta" title="Shop Oakley Meta" data-element-id="AMS_Popup_OOMetaPLP" data-description="JoinNewsletter" tabindex="0"><span class="button--label">Shop Oakley Meta</span></a> -->
4089            </div>
4090         </div>
4091      </div>
4092   </div>
4093</div>
4094
4095
4096<!-- MOBILE BANNER -->
4097<div class="header--notibar px-5 d-md-none text-center justify-content-center align-items-center d-none" id="baet-info-banner" role="alert">
4098   <!-- Mobile -->
4099   <a class="header--notibar-text font-weight-bold text-white d-flex justify-content-center align-items-center" href="/book-an-eye-test" title="Book an eye test" data-element-id="HPHeader_BookAnEyeTest_CTA">
4100      <svg width="17" height="16" viewBox="0 0 17 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-2">
4101         <g clip-path="url(#clip0_778_12996)">
4102            <path d="M15.8333 1.33333H12.8333V0H12.1667V1.33333H8.83333V0H8.16667V1.33333H4.83333V0H4.16667V1.33333H1.16667C0.799 1.33333 0.5 1.63233 0.5 2V15.3333C0.5 15.701 0.799 16 1.16667 16H15.8333C16.201 16 16.5 15.701 16.5 15.3333V2C16.5 1.63233 16.201 1.33333 15.8333 1.33333ZM15.8337 15.3333H1.16667V5.33333H15.8333L15.8337 15.3333ZM1.16667 4.66667V2H4.16667V3.33333H4.83333V2H8.16667V3.33333H8.83333V2H12.1667V3.33333H12.8333V2H15.8333V4.66667H1.16667Z" fill="white"></path>
4103         </g>
4104         <defs>
4105            <clipPath id="clip0_778_12996">
4106               <rect width="16" height="16" fill="white" transform="translate(0.5)"></rect>
4107            </clipPath>
4108         </defs>
4109      </svg>
4110
4111      BOOK A TEST
4112   </a>
4113</div>
4114
4115<style>
4116   /* MOBILE BANNER */
4117   #sale-off-banner {
4118      background: linear-gradient(19deg, #B58B34, #714A12, #B58B34);
4119   }
4120
4121   #baet-info-banner {
4122      display: flex;
4123      background: linear-gradient(19deg, #B58B34, #714A12, #B58B34);
4124   }
4125
4126   @media (max-width: 768px) {
4127      .header--notibar-text {
4128         font-size: 14px;
4129         line-height: 18px;
4130         text-decoration: none;
4131      }
4132   }
4133
4134
4135   /* DESKTOP BANNER */
4136   .promo-popup-banner {
4137      height: auto;
4138      min-height: 40px;
4139      padding: 0;
4140      border-radius: 0 0 16px 16px;
4141      background: radial-gradient(121.25% 58.95% at 50% 50%, #915F17 0%, #B58B34 100%);
4142   }
4143
4144   #promo-popup-banner-hp {
4145      display: none;
4146   }
4147
4148   .promo-popup-banner-cta {
4149      font-size: 14px;
4150      height: 40px;
4151      text-decoration: none;
4152   }
4153
4154   .promo-popup-banner-cta>svg {
4155      transition: all .2s ease;
4156      transform: rotate(0);
4157   }
4158
4159   .promo-popup-banner-cta.collapsed>svg {
4160      transform: rotate(180deg);
4161   }
4162
4163   .promoPopupCollapse>.card-body {
4164      border-radius: 10px;
4165      color: #2D2A26;
4166      font-size: 16px;
4167      padding: 16px 12px;
4168      margin: 0px 8px 10px 8px;
4169   }
4170
4171   .promoPopupCollapse>.card-body>p {
4172      line-height: 150%;
4173   }
4174
4175   .promoPopupCollapse>.card-body>p>a {
4176      line-height: 120%;
4177   }
4178
4179   .promoPopupCollapse #sale-off-buttons {
4180      gap: 16px;
4181   }
4182
4183   .promoPopupCollapse #sale-off-buttons a {
4184      font-size: 12px;
4185      padding: 6px 18px;
4186      /* max-width: 140px; */
4187      min-width: unset;
4188   }
4189
4190   @media (max-width: 768px) {
4191      .header--notibar-text {
4192         font-size: 14px;
4193         line-height: 18px;
4194         text-decoration: none;
4195      }
4196
4197      .promoPopupCollapse #sale-off-buttons a {
4198         max-width: 160px;
4199      }
4200   }
4201
4202   @media screen and (min-width: 768px) {
4203      .promo-popup-banner {
4204         max-width: 350px;
4205         top: 113px;
4206         right: 20px;
4207         border-radius: 16px;
4208      }
4209
4210      #promo-popup-banner-hp {
4211         display: block;
4212      }
4213
4214      .promo-popup-banner-cta {
4215         height: 52px;
4216      }
4217
4218      .promoPopupCollapse>.card-body {
4219         border-radius: 8px;
4220         color: #2D2A26;
4221         font-size: 16px;
4222         padding: 16px 12px;
4223         margin: 0px 16px 16px 16px;
4224      }
4225   }
4226
4227   .header--notibar {
4228      z-index: 3 !important;
4229   }
4230</style>
4231
4232
4233<script type="text/javascript">
4234   $(document).ready(function () {
4235      if ($('body').attr('id') === 'body-home-page') {
4236         $('#promo-popup-banner-hp').removeClass('d-none');
4237         $('#baet-info-banner').removeClass('d-none');
4238
4239      }
4240
4241      /* if (window.location.href.includes('/discover-nuance-audio')) {
4242         $('#promo-popup-banner-nuance').removeClass('d-none').addClass('d-flex');
4243      } */
4244   });
4245   /* if ($.cookie("sale-off-banner") === "read") {
4246       $("#sale-off-banner").addClass("d-none").removeClass('d-flex');
4247       $('.header').addClass('header--no-notibar');
4248       $("body").css("padding-top", "0");
4249    } else {
4250       $("#header-notibar-close").on("click", function () {
4251          $.cookie("sale-off-banner", "read", {
4252             expires: 1,
4253             path: '/'
4254          });
4255          $("body").css("padding-top", "0");
4256       });
4257    } */
4258</script>
4258
4259				
4260	
4261</div>
4262
4263<!-- END Content_UI.jspf -->
4264				</div>
4265			</div>
4266		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [X_Header_Info_Banner] -->
4267</div>
4268
4269
4270<div class="search" id="search-overlay">
4271	<div class="d-flex search--header" id="search-header">
4272		<div class="col-md-4"></div>
4273		<div class="col-md-4 mx-auto d-inline-block d-md-none justify-content-center search--header-image">
4274			<a href="/"><img class="search--header-logo--mb" loading="lazy"
4275				src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand.svg"
4276				alt="OSPM"></a>
4277		</div>
4278		<div
4279			class="col-md-4 mx-auto d-none d-md-inline-block justify-content-center search--header-image">
4280			<a href="/"><img class="search--header-logo" loading="lazy"
4281				src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand.svg"
4282				alt="OSPM"></a>
4283		</div>
4284		<div class="col-md-4 justify-content-end search--header-close">
4285			<span class="icon-close" id="search-overlay-close"></span>
4286		</div>
4287	</div>
4288	<div class="container">
4289		<div id="search-content">
4290			<form class="search--form" id="searchForm" autocomplete="off"
4291				action="/searchterm/">
4292
4293				
4294				<input class="search--input" id="search-input" type="text"
4295					placeholder="Start typing to search" name="searchTerm"
4296					required="required">
4297
4298					
4299					<input type="hidden" value="!ads_f10501:Lens" class="customExpr"/>
4300				<button class="search--submit" id="search-submit" type="submit">view
4301					results</button>
4302				<!--type="submit"-->
4303			</form>
4304			<div class="list-group" id="searches-found">
4305				<label class="list-group-item search--searches-found-label"
4306					id="search-result-label">Popular searches</label>
4307				
4308				<div class="row search--results-content" id="popular-results-espot">
4309					
4310
4311<div class="emarketingspot"><!-- Begin EmarketingSpot [header-overlay-search-popular] --><!-- BEGIN ContentRecommendation_UI.jspf -->
4312			<div id="contentRecommendationWidget_header-overlay-search-popular" class="contentRecommendationWidget" >
4313				
4314				<div dataci_toolbar="_espot" dataci_espot ="_header-overlay-search-popular" id="ci_espot__header-overlay-search-popular">
4315					<!-- BEGIN Content_UI.jspf -->
4316<div class="left_espot">
4317	
4318	
4319					<div>
4320   <a href="https://www.opsm.com.au/ray-ban-meta" class="list-group-item search--searches-found" data-search-term="Ray-Ban Meta">Ray-Ban Meta</a>
4321   <a href="https://www.opsm.com.au/oakley-meta" class="list-group-item search--searches-found" data-search-term="Oakley Meta">Oakley Meta</a>
4322   <a href="https://www.opsm.com.au/sunglasses/ray-ban" class="list-group-item search--searches-found" data-search-term="Ray-Ban sunglasses">Ray-Ban sunglasses</a>
4323   <a href="https://www.opsm.com.au/contact-lenses" class="list-group-item search--searches-found" data-search-term="Contact lenses">Contact lenses</a>
4324   <a href="https://www.opsm.com.au/eye-care/eye-conditions" class="list-group-item search--searches-found" data-search-term="Eye conditions">Eye Conditions</a>
4325   <a href="https://www.opsm.com.au/eye-care/eye-tests" class="list-group-item search--searches-found" data-search-term="Eye test">Eye test</a>
4326   <a href="https://www.opsm.com.au/sunglasses-advice/uv-protective" class="list-group-item search--searches-found" data-search-term="UV">How to protect my eyes from UV rays</a>
4327</div>
4328				
4329	
4330</div>
4331
4332<!-- END Content_UI.jspf -->
4333				</div>
4334			</div>
4335		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [header-overlay-search-popular] -->
4336</div>
4337
4338				</div>
4339				<div class="row search--results-content" id="suggested-keywords"
4340					style="display: none;"></div>
4341				<label class="list-group-item search--searches-found-label"
4342					id="search-result-label-products" style="display: none;">Suggested
4343					products</label>
4344				<div class="row search--results-content"
4345					id="suggested-products-views" style="display: none;"></div>
4346			</div>
4347		</div>
4348	</div>
4349</div>
4350
4351<!-- END HEader_UI.jsp --><!-- END Header.jsp -->
4352			</div>
4353			
4354			<div id="contentWrapper" class="contents">
4355				<div id="content" role="main">
4356					<!-- No java script files will be included dynamically for this layout -->
4357
4358	<div class="row">
4359		<div class="col-12" data-slot-id="1">
4360
4361<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_Hero] --><!-- BEGIN ContentRecommendation_UI.jspf -->
4362			<div id="contentRecommendationWidget_1_4099276460824349855_4099276460824397737" class="contentRecommendationWidget" >
4363				
4364				<div dataci_toolbar="4099276460824397737_espot" dataci_espot ="4099276460824397737_WhyOP
4364SM_Experience_LP_Hero" id="ci_espot_4099276460824397737_WhyOPSM_Experience_LP_Hero">
4365					<!-- BEGIN Content_UI.jspf -->
4366<div class="left_espot">
4367	
4368	
4369					<div class="row w-100 mx-0">
4370   <div class="col-md-6 pr-md-0">
4371      <picture>
4372         <source media="(max-width: 767px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Hero_M.jpg">
4373         <img class="w-100" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Hero_D.jpg" alt="Why OPSM Hero Banner">
4374      </picture>
4375   </div>
4376   <div class="col-md-6 pl-md-0">
4377      <div class="px-4 py-5 py-md-4 p-lg-5 h-100 justify-content-md-center bg-dark-opsm d-flex align-items-center">
4378         <div class="px-3 px-lg-0 text-center w-100">
4379            <h2 class="text-uppercase text-white why-opsm-hero-h2">All about <br class="d-none d-xl-block d-xxxl-none"><span class="gold">OPSM</span>
4380            </h2>
4381            <p class="pb-2 px-0 text-white">We were born in Australia 90 years ago. <br />Today, we have over 400 stores and decades of experience caring <br class="d-none d-xl-block">
4382               for Australian and New Zealand eyes.</p>
4383            <a class="button button--secondary button--secondary--light" href="/about-us/our-story" title="Discover Our Story" data-element-id="X_WhyOPSM-CLP_OurStory_CTA" data-description="DiscoverOurStory"><span class="button--label">Discover Our Story</span></a>
4384         </div>
4385      </div>
4386   </div>
4387</div>
4388
4389<style>
4390   .why-opsm-hero-h2 {
4391      font-size: 40px;
4392      line-height: 52px;
4393   }
4394
4395   @media screen and (max-width: 1440.98px) {
4396      .why-opsm-hero-h2 {
4397         font-size: 30px;
4398         line-height: 39px;
4399      }
4400   }
4401
4402   @media screen and (min-width: 1600px) {
4403      .d-xxxl-none {
4404         display: none !important;
4405      }
4406   }
4407
4408
4409   .bg-dark-opsm {
4410      background-color: #2d2a26
4411   }
4412
4413   .object-fit-img {
4414      height: 100%;
4415      object-fit: cover;
4416   }
4417</style>
4418				
4419	
4420</div>
4421
4422<!-- END Content_UI.jspf -->
4423				</div>
4424			</div>
4425		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_Hero] -->
4426</div>
4427</div>
4428	</div>
4429	<div class="container-fluid">
4430		<div class="row">
4431			<div class="col-12" data-slot-id="2"></div>
4432		</div>
4433	</div>
4434	<div class="row">
4435		<div class="col-12" data-slot-id="3">
4436
4437<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_Body] --><!-- BEGIN ContentRecommendation_UI.jspf -->
4438			<div id="contentRecommendationWidget_3_4099276460824349855_4099276460824397738" class="contentRecommendationWidget" >
4439				
4440				<div dataci_toolbar="4099276460824397738_espot" dataci_espot ="4099276460824397738_WhyOPSM_Experience_LP_Body" id="ci_espot_4099276460824397738_WhyOPSM_Experience_LP_Body">
4441					<!-- BEGIN Content_UI.jspf -->
4442<div class="left_espot">
4443	
4444	
4445					<div style="height: 1px" id="box-shadow-trigger"></div>
4446<div id="top-navigation-pills-why-opsm" class="d-flex align-items-center bg-white">
4447   <ul class="d-flex flex-row px-0 py-4 px-3">
4448      <li id="top-navigation-pills-why-opsm-technology" class="pr-1 py-0 text-center active">
4449         <a scrollTo="tab-technology" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Technology.svg" class="mr-2">
4450            Technology
4451         </a>
4452      </li>
4453      <li id="top-navigation-pills-why-opsm-eye-tests" class="px-1 py-0 text-center">
4454         <a scrollTo="tab-eye-tests" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_Tests.svg" class="mr-2">
4455            Eye Tests
4456         </a>
4457      </li>
4458      <li id="top-navigation-pills-why-opsm-eye-conditions" class="px-1 py-0 text-center">
4459         <a scrollTo="tab-eye-conditions" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_Conditions.svg" class="mr-2">
4460            Eye Conditions
4461         </a>
4462      </li>
4463      <li id="top-navigation-pills-why-opsm-advanced-lenses" class="px-1 py-0 text-center">
4464         <a scrollTo="tab-advanced-lenses" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Advanced_Lenses.svg" class="mr-2">
4465            Advanced Lenses
4466         </a>
4467      </li>
4468      <li id="top-navigation-pills-why-opsm-frames-and-style" class="px-1 py-0 text-center">
4469         <a scrollTo="tab-frames-and-style" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Frames_Style.svg" class="mr-2">
4470            Frames &amp; Style
4471         </a>
4472      </li>
4473      <li id="top-navigation-pills-why-opsm-our-services" class="px-1 py-0 text-center">
4474         <a scrollTo="tab-our-services" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/07_July/BOSS/Store_Services.svg" class="mr-2">
4475            In Store Services
4476         </a>
4477      </li>
4478      <!-- <li id="top-navigation-pills-why-opsm-promotions" class="pl-1 py-0 text-center">
4479         <a scrollTo="tab-promotions" class="badge badge-pill badge-why-opsm px-4 d-flex align-items-center justify-content-center"><img src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Offer.svg" class="mr-2">
4480            Promotions
4481         </a>
4482      </li> -->
4483   </ul>
4484</div>
4485
4486
4487
4488
4489<!-- TECHNOLOGY -->
4490
4491<div class="py-3" id="section-technology">
4492   <div class="compact-width mt-5">
4493      <h2 class="text-uppercase text-center text-center text-md-left h3 font-termina px-3">Technology</h2>
4494      <p class="text-center text-center text-md-left px-5 px-md-3">Our most advanced eye tests for personalised vision solutions. <a href="/eye-care/eye-technology" class="text-hyperlink font-weight-bold d-block d-md-inline">Find out more</a></p>
4495
4496      <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3">
4497         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-clarifye">
4498            <picture>
4499               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Clarifye_M.jpg">
4500               <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Clarifye_D.jpg" alt="Clarifye digital eye test">
4501            </picture>
4502            <div class="card-body px-4 bg-white">
4503               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4504                  <h5 class="card-title font-weight-bold m-0 pr-2">Clarifye digital eye test</h5>
4505                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4506                     <i class="fas fa-arrow-right"></i>
4507                  </div>
4508               </div>
4509               <div class="text-left">
4510                  <p class="mb-4 card-subtitle-p">Clarifye is our most advanced digital eye test. Your Clarifye prescription, coupled with our premium lens designs will act as a more precise* starting point for making your glasses.</p>
4511                  <a class="button button--secondary button--secondary--dark" href="/clarifye-digital-eye-exam" title="Find out More" data-element-id="X_WhyOPSM-Clarifye_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4512               </div>
4513            </div>
4514         </div>
4515
4516
4517         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-ultra-wide">
4518            <picture>
4519               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Ultra_Wide_Retinal_Scan_M.jpg">
4520               <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Ultra_Wide_Retinal_Scan_D.jpg" alt="Ultra Wide Digital Retinal Scan">
4521            </picture>
4522            <div class="card-body px-4 bg-white">
4523               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4524                  <h5 class="card-title font-weight-bold m-0 pr-2">Ultra Wide Digital Retinal Scan</h5>
4525                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4526                     <i class="fas fa-arrow-right"></i>
4527                  </div>
4528               </div>
4529               <div class="text-left">
4530                  <p class="mb-4 card-subtitle-p">Cutting-edge technology that provides an extensive view of your eyes, enabling accurate detection and diagnosis of eye conditions. This scan enhances the precision of your glasses prescription for optimal visual clarity.</p>
4531                  <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-technology/ultra-wide-retinal-scans" title="Find out More" data-element-id="X_WhyOPSM-UltraWideDigitalRetinalScan_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4532               </div>
4533            </div>
4534         </div>
4535
4536
4537         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-digital-measurement-devices">
4538            <picture>
4539               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Digital_Measurement_M.jpg">
4540               <img class="card-img-top" src="https://media.opsm.com/2023/09_September/Why_OPSM/LP/Digital_Measurement_D.jpg" alt="Digital Measurement Devices">
4541            </picture>
4542            <div class="card-body px-4 bg-white">
4543               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4544                  <h5 class="card-title font-weight-bold m-0 pr-2">Digital Measurement Devices</h5>
4545                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4546                     <i class="fas fa-arrow-right"></i>
4547                  </div>
4548               </div>
4549               <div class="text-left">
4550                  <p class="mb-4 card-subtitle-p">An innovative technique that utilises advanced technology to precisely measure your unique eye characteristics. These precise measurements, combined with our expertise, enable us to tailor-make an eyewear solution to your unique needs.</p>
4551                  <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-technology/visioffice-3-eyeruler-2" title="Find out More" data-element-id="X_WhyOPSM-DigitalMeasurementDevices_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4552               </div>
4553            </div>
4554         </div>
4555      </div>
4556   </div>
4557</div>
4558
4559
4560
4561<!-- VISUAL WELLBEING - EYE TESTS -->
4562
4563<div class="bg-off-white py-3" id="section-eye-tests">
4564   <div class="compact-width mt-5">
4565      <h2 class="text-uppercase text-center text-center text-md-left h3 font-termina px-3">Visual Wellbeing</h2>
4566      <p class="text-center text-center text-md-left px-3">Our experienced Optometrists take their time with your appointment so your eyes get the care and attention you deserve.</p>
4567
4568
4569      <div id="switch-eye-tests--eye-conditions" class="px-3 pb-3">
4570         <div class="d-flex flex-row justify-content-center justify-content-md-start">
4571            <a class="text-uppercase strong mb-0 pb-2 mr-4 wellbeing--active-tab" id="switch-button-eye-tests">Eye Tests</a>
4572            <a class="text-uppercase strong mb-0 pb-2" id="switch-button-eye-conditions">Eye Conditions</a>
4573         </div>
4574      </div>
4575
4576      <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3">
4577
4578
4579
4580         <!-- tile 1 -->
4581
4582         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-1">
4583            <!-- EYE TESTS -->
4584            <div id="card-why-opsm-eye-tests--eye-test-packages">
4585               <picture>
4586                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_test_M.jpg">
4587                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Eye_test_D.jpg" alt="Eye test packages">
4588               </picture>
4589               <div class="card-body px-4 bg-white">
4590                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4591                     <h5 class="card-title font-weight-bold m-0 pr-2">Eye test packages</h5>
4592                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4593                        <i class="fas fa-arrow-right"></i>
4594                     </div>
4595                  </div>
4596                  <div class="text-left">
4597                     <p class="mb-4 card-subtitle-p">The wellbeing of your eyes is important, discover our range of eye test packages that suit all ages, situations and needs.</p>
4598                     <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-tests" title="Find out More" data-element-id="X_WhyOPSM-EyeTestsPackages_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4599                  </div>
4600               </div>
4601            </div>
4602
4603            <!-- EYE CONDITIONS -->
4604            <div class="d-none" id="card-why-opsm-eye-conditions--diabetes-and-eye-health">
4605               <picture>
4606                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Diabetes_M.jpg">
4607                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Diabetes_D.jpg" alt="Diabetes and your eye health">
4608               </picture>
4609               <div class="card-body px-4 bg-white">
4610                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4611                     <h5 class="card-title font-weight-bold m-0 pr-2">Diabetes and your eye health</h5>
4612                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4613                        <i class="fas fa-arrow-right"></i>
4614                     </div>
4615                  </div>
4616                  <div class="text-left">
4617                     <p class="mb-4 card-subtitle-p">Diabetes is now the leading cause of preventable blindness in Australia.</p>
4618                     <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-health/diabetes" title="Find out More" data-element-id="X_WhyOPSM-Diabetes_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4619                  </div>
4620               </div>
4621            </div>
4622         </div>
4623
4624
4625
4626
4627         <!-- tile 2 -->
4628
4629         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-2">
4630            <!-- EYE TESTS -->
4631            <div id="card-why-opsm-eye-tests--first-cl-consultation">
4632               <picture>
4633                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/First_Contact_Lens_Consultation_M.jpg">
4634                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Contact_Lens_Consultation_D.jpg" alt="First c
4634ontact lens consultation">
4635               </picture>
4636               <div class="card-body px-4 bg-white">
4637                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4638                     <h5 class="card-title font-weight-bold m-0 pr-2">First contact lens consultation</h5>
4639                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4640                        <i class="fas fa-arrow-right"></i>
4641                     </div>
4642                  </div>
4643                  <div class="text-left">
4644                     <p class="mb-4 card-subtitle-p">If you have never worn contact lenses, our experts are here to guide you through every step of the experience to find the perfect fit.</p>
4645                     <a class="button button--secondary button--secondary--dark" href="/book-an-eye-test" title="Book an Eye Test" data-element-id="X_WhyOPSM-FirstCLConsultation_BookAnEyeTest_CTA" data-description="BookAnEyeTest"><span class="button--label">Book an Eye Test</span></a>
4646                  </div>
4647               </div>
4648            </div>
4649
4650            <!-- EYE CONDITIONS -->
4651            <div class="d-none" id="card-why-opsm-eye-conditions--glaucoma">
4652               <picture>
4653                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Glaucoma_M.jpg">
4654                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Glaucoma_D.jpg" alt="Glaucoma">
4655               </picture>
4656               <div class="card-body px-4 bg-white">
4657                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4658                     <h5 class="card-title font-weight-bold m-0 pr-2">Glaucoma</h5>
4659                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4660                        <i class="fas fa-arrow-right"></i>
4661                     </div>
4662                  </div>
4663                  <div class="text-left">
4664                     <p class="mb-4 card-subtitle-p">Glaucoma is often nicknamed the 'silent thief of sight' because it has little to no obvious symptoms and vision loss progresses at such a gradual pace.</p>
4665                     <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-conditions/glaucoma" title="Find out More" data-element-id="X_WhyOPSM-Glaucoma_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4666                  </div>
4667               </div>
4668            </div>
4669         </div>
4670
4671         <!-- tile 3 -->
4672         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-wellbeing-3">
4673            <!-- EYE TESTS -->
4674            <div id="card-why-opsm-eye-tests--tests-special-conditions">
4675               <picture>
4676                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Tests_for_Special_Conditions_M.jpg">
4677                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Tests_for_Special_Conditions_D.jpg" alt="Tests for special conditions">
4678               </picture>
4679               <div class="card-body px-4 bg-white">
4680                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4681                     <h5 class="card-title font-weight-bold m-0 pr-2">Tests for special conditions</h5>
4682                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4683                        <i class="fas fa-arrow-right"></i>
4684                     </div>
4685                  </div>
4686                  <div class="text-left">
4687                     <p class="mb-4 card-subtitle-p">Early detection is key for good eye health. Learn more about tests for Glaucoma, Macular Degeneration and Diabetes.</p>
4688                     <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-tests#tests-for-special-conditions" title="FindOutMore" data-element-id="X_WhyOPSM-TestsForSpecialConditions_FindOutMore_CTA" data-description="FindOutMore"><span class="button--label">Find Out More</span></a>
4689                  </div>
4690               </div>
4691            </div>
4692
4693            <!-- EYE CONDITIONS -->
4694            <div class="d-none" id="card-why-opsm-eye-conditions--macular-degeneration">
4695               <picture>
4696                  <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Macular_Degeneration_M.jpg">
4697                  <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Macular_Degeneration_D.jpg" alt="Macular degeneration">
4698               </picture>
4699               <div class="card-body px-4 bg-white">
4700                  <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4701                     <h5 class="card-title font-weight-bold m-0 pr-2">Macular degeneration</h5>
4702                     <div class="badge badge-pill badge-why-opsm visual-wellbeing-badge px-4 py-2">
4703                        <i class="fas fa-arrow-right"></i>
4704                     </div>
4705                  </div>
4706                  <div class="text-left">
4707                     <p class="mb-4 card-subtitle-p">Age-related Macular Degeneration is Australia’s leading cause of severe vision loss and blindness but it can be easy to confuse symptoms as a normal sign of ageing.</p>
4708                     <a class="button button--secondary button--secondary--dark" href="/eye-care/eye-health/macular-degeneration" title="Find out More" data-element-id="X_WhyOPSM-MacularDegeneration_FindOutMore_CTA" data-description="FindOutMore"><span class="button--label">Find out More</span></a>
4709                  </div>
4710               </div>
4711            </div>
4712         </div>
4713      </div>
4714   </div>
4715</div>
4716
4717
4718
4719<!-- ADVANCED LENSES -->
4720
4721<div class="py-3" id="section-advanced-lenses">
4722   <div class="compact-width mt-5">
4723      <h2 class="text-uppercase text-center text-md-left h3 font-termina px-3">Advanced Lenses</h2>
4724      <p class="text-center text-md-left px-3">Our premium range of Essilor lenses are tailored to your unique lifestyle.</p>
4725
4726      <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3">
4727         <!-- tile 1 -->
4728         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-lens-technology">
4729            <picture>
4730               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Lens_technology_M.jpg">
4731               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Lens_technology_D.jpg" alt="Lens technology">
4732            </picture>
4733            <div class="card-body px-4 bg-white">
4734               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4735                  <h5 class="card-title font-weight-bold m-0 pr-2">Lens technology</h5>
4736                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4737                     <i class="fas fa-arrow-right"></i>
4738                  </div>
4739               </div>
4740               <div class="text-left">
4741                  <p class="mb-4 card-subtitle-p">Every lifestyle requires a different kind of lens, which is why we personalise your recommendations around your activities and requirements.</p>
4742                  <a class="button button--secondary button--secondary--dark" href="/lenses" title="Find out More" data-element-id="X_WhyOPSM-LensTechnology_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4743               </div>
4744            </div>
4745         </div>
4746
4747         <!-- tile 2 -->
4748         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-branded-lenses">
4749            <picture>
4750               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Branded_Lenses_M.jpg">
4751               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Branded_Lenses_D.jpg" alt="Branded lenses">
4752            </picture>
4753            <div class="card-body px-4 bg-white">
4754               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4755                  <h5 class="card-title font-weight-bold m-0 pr-2">Branded lenses</h5>
4756                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4757                     <i class="fas fa-arrow-right"></i>
4758                  </div>
4759               </div>
4760               <div class="text-left">
4761                  <p class="mb-4 card-subtitle-p">Match your Ray-Ban Authentic and Oakley frames with branded lenses for a tailor made experience.</p>
4762                  <a class="button button--secondary button--secondary--dark" href="/lenses#rayban-oakley" title="Find out More" data-element-id="X_WhyOPSM-BrandedLenses_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4763               </div>
4764            </div>
4765         </div>
4766
4767         <!-- tile 3 -->
4768         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-create-pair">
4769            <picture>
4770               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Complete_Pair_M.jpg">
4771               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Complete_Pair_D.jpg" alt="Create your perfect pair">
4772            </picture>
4773            <div class="card-body px-4 bg-white">
4774               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4775                  <h5 class="card-title font-weight-bold m-0 pr-2">Create your perfect pair</h5>
4776                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4777                     <i class="fas fa-arrow-right"></i>
4778                  </div>
4779               </div>
4780               <div class="text-left">
4781                  <p class="mb-4 card-subtitle-p">Curate your perfect pair of prescription glasses or sunglasses online to match your vision needs.</p>
4782                  <a class="button button--secondary button--secondary--dark" href="/prescription-glasses-and-sunglasses" title="Find out More" data-element-id="X_WhyOPSM-CreateYourPerfectPair_FindOutMore_CTA" data-description="FindAStore"><span class="button--label">Find out More</span></a>
4783               </div>
4784            </div>
4785         </div>
4786      </div>
4787   </div>
4788</div>
4789
4790
4791
4792<!-- FRAMES & STYLE -->
4793
4794<div class="bg-off-white py-3" id="section-frames-and-style">
4795   <div class="compact-width mt-5">
4796      <h2 class="text-uppercase text-center text-md-left h3 font-termina px-3">Frames &amp; Style</h2>
4797      <p class="text-center text-md-left px-3">Our wide range of frames and iconic brands has a fit to suit every lifestyle.</p>
4798
4799      <div class="scroll-content scroll-content-opsm scroll-content-opsm-shadow-cards text-center d-flex flex-row justify-content-center mb-5 py-2 pb-md-3">
4800         <!-- tile 1 -->
4801         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-designer-brands">
4802            <picture>
4803               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Designer_Brands_M.jpg">
4804               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Designer_Brands_D.jpg" alt="Designer Brands">
4805            </picture>
4806            <div class="card-body px-4 bg-white">
4807               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4808                  <h5 class="card-title font-weight-bold m-0 pr-2">Designer brands</h5>
4809                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4810                     <i class="fas fa-arrow-right"></i>
4811                  </div>
4812               </div>
4813               <div class="text-left">
4814                  <p class="mb-4 card-subtitle-p">We have a wide range of frames from luxury, fashion, lifestyle and sports brands, so you can find glasses that fit your individual face shape and suit your lifestyle.</p>
4815                  <a class="button button--secondary button--secondary--dark" href="/eyewear-all" title="Shop now" data-element-id="X_WhyOPSM-Frames&Style_ShopNow_CTA" data-description="ShopNow"><span class="button--label">Shop now</span></a>
4816               </div>
4817            </div>
4818         </div>
4819
4820         <!-- tile 2 -->
4821         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-find-perfect-frames">
4822            <picture>
4823               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Find_your_perfect_frames_M.jpg">
4824               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Find_your_perfect_frames_D.jpg" alt="Find your perfect frames">
4825            </picture>
4826            <div class="card-body px-4 bg-white">
4827               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4828                  <h5 class="card-title font-weight-bold m-0 pr-2">Find your perfect frames</h5>
4829                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4830                     <i class="fas fa-arrow-right"></i>
4831                  </div>
4832               </div>
4833               <div class="text-left">
4834                  <p class="mb-4 card-subtitle-p">Our new frame advisor technology expertly matches you with the best shapes for your facial features & tastes!</p>
4835                  <input id="frameadv-maximized" type="hidden" value="true">
4836                  <a class="button button--secondary button--secondary--dark" onclick="frameAdvisorJS.renderFrameAdvisor();$('.fa-overlay').removeClass('d-none');$('.fa-wrapper').removeClass('d-none');$('body,html').addClass('modal-open');" title="Get Started" data-element-id="X_WhyOPSM-FindFrames_GetStarted_CTA" data-description="GetStarted"><span class="button--label">Get started</span></a>
4837               </div>
4838            </div>
4839         </div>
4840
4841         <!-- tile 3 -->
4842         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2" id="card-why-opsm-smart-shopper">
4843            <picture>
4844               <source media="(max-width: 768px)" srcset="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Smart_Shopper_M.jpg">
4845               <img class="card-img-top" src="https://media.opsm.com/2023/03_March/Why_OPSM/LP/Smart_Shopper_D.jpg" alt="Smart shopper">
4846            </picture>
4847            <div class="card-body px-4 bg-white">
4848               <div class="text-left d-flex justify-content-between align-items-center mb-4 card-body-header">
4849                  <h5 class="card-title font-weight-bold m-0 pr-2">Smart shopper</h5>
4850                  <div class="badge badge-pill badge-why-opsm px-4 py-2">
4851                     <i class="fas fa-arrow-right"></i>
4852                  </div>
4853               </div>
4854               <div class="text-left">
4855                  <p class="mb-4 card-subtitle-p">The widest range of optical and sunglass styles at your disposal in store: select the model you are after from our digital screens and receive it in store.</p>
4856                  <a class="button button--secondary button--secondary--dark" href="/find-store" title="Find a Store" data-element-id="X_WhyOPSM-SmartShopper_FindStore_CTA" data-description="FindAStore"><span class="button--label">Find a Store</span></a>
4857               </div>
4858            </div>
4859         </div>
4860      </div>
4861   </div>
4862</div>
4863
4864
4865
4866<!-- OUR SERVICES -->
4867
4868<div class="py-3" id="section-our-services">
4869   <div class="compact-width my-5">
4870      <h2 class="text-center h3 font-termina px-3 pt-3 mb-4">IN STORE SERVICES</h2>
4871
4872      <div class="scroll-content scroll-content-opsm-our-services text-center d-flex flex-row justify-content-center mb-5 mb-lg-4">
4873         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-1" style="width: 100%; display: inline-block;">
4874
4875            <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center">
4876               <img src="https://media.opsm.com/2023/07_July/BOSS/Collect_In_Store.svg" style="height: 44px" class="mb-4">
4877               <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Collect in store</h5>
4878               <p>Buy online and pick up in store to benefit from the assistance of our specialists.</p>
4879            </div>
4880         </div>
4881
4882         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-2" style="width: 100%; display: inline-block;">
4883
4884            <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center">
4885               <img src="https://media.opsm.com/PDP/free-delivery.png" style="height: 44px" class="mb-4">
4886               <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Return in store</h5>
4887               <p>Not happy with your purchase? You can easily return it in our stores while trying something new - it's fast, and it's free.</p>
4888            </div>
4889         </div>
4890
4891         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-3" style="width: 100%; display: inline-block;">
4892
4893            <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center">
4894               <img src="https://media.opsm.com/PDP/free-cleaning.png" style="height: 44px" class="mb-4">
4895               <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Free cleaning &amp; adjustments</h5>
4896               <p>Ask for a free fitting and adjustment and get your own exclusive look from the assistance of our in store experts. </p>
4897            </div>
4898         </div>
4899
4900         <div class="card border-0 d-inline-block mx-2 mx-md-3 my-2 bg-off-white" id="card-why-opsm-service-4" style="width: 100%; display: inline-block;">
4901
4902            <div class="card-body px-4 py-5 text-center d-flex flex-column justify-content-center align-items-center">
4903               <img src="https://media.opsm.com/2023/07_July/BOSS/Book_Eye_Test.svg" style="height: 44px" class="mb-4">
4904               <h5 class="font-weight-bold mb-2" style="color: #2d2a26">Book an eye test</h5>
4905               <p>Our Optometrists take pride in having cutting-edge technology for a comprehensive understanding of your eye health and vision.</p>
4906            </div>
4907         </div>
4908      </div>
4909
4910      <div class="d-flex flex-column flex-md-row justify-content-center align-items-center text-center">
4911         <a class="button button--primary button--primary--dark mr-0 mr-md-3 mb-3 mb-md-0" href="/find-store" title="Find a store" data-element-id="X_WhyOPSM_InStoreServices_FindAStore-CTA" data-description="WhyOPSM_InStoreServices_FindAStore" tabindex="0" style="max-width: fit-content"><span class="button--label">Find a store</span></a>
4912         <a class="button button--secondary button--secondary--dark" href="/book-an-eye-test" title="Book an Eye Test" data-element-id="X_WhyOPSM_InStoreServices_BookAnEyeTest-CTA" data-description="WhyOPSM_InStoreServices_BookAnEyeTest" tabindex="0" style="max-width: fit-content"><span class="button--label">Book an Eye Test</span></a>
4913      </div>
4914   </div>
4915</div>
4916
4917
4918
4919
4920<style>
4921   .bg-off-white {
4922      background-color: #F7F6F4
4923   }
4924
4925   .badge-pill {
4926      border-radius: 10rem !important;
4927   }
4928
4929   #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm,
4930   div[id^='card-why-opsm-'] .badge-why-opsm {
4931      color: #2d2a26;
4932      background-color: #F7F6F4;
4933      box-shadow: 0 0 0 1px #E5E5E5;
4934      font-size: 16px;
4935      line-height: 0px;
4936      font-weight: 600;
4937      cursor: pointer;
4938      transition: all 0.5s ease;
4939   }
4940
4941   #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm:hover {
4942      box-shadow: 0 0 0 1px #2D2A26;
4943   }
4944
4945   div[id^='card-why-opsm-']:not([id*='service']) .badge-why-opsm:hover {
4946      box-shadow: 0 0 0 1px #B58B34;
4947
4948   }
4949
4950   #top-navigation-pills-why-opsm>ul>li.active>.badge-why-opsm {
4951      color: #FFFFFF;
4952      background-color: #2D2A26;
4953   }
4954
4955   #top-navigation-pills-why-opsm>ul>li.active>.badge-why-opsm>img {
4956      filter: invert(92%) sepia(0%) saturate(0%) hue-rotate(325deg) brightness(107%) contrast(105%);
4957      transition: all 0.5s ease;
4958   }
4959
4960   div[id^='card-why-opsm-'] {
4961      width: -moz-available !important;
4962      /* WebKit-based browsers will ignore this. */
4963      width: -webkit-fill-available !important;
4964      /* Mozilla-based browsers will ignore this. */
4965      width: fill-available !important;
4966      transition: all 0.5s ease;
4967   }
4968
4969   #top-navigation-pills-why-opsm {
4970      position: sticky;
4971      position: -webkit-sticky;
4972      top: -1px;
4973      z-index: 8;
4974      height: 94px;
4975      overflow-x: scroll;
4976      overflow-y: hidden;
4977      transition: all 1s ease;
4978      scroll-behavior: smooth;
4979   }
4980
4981   .sticky-box-shadow {
4982      box-shadow: 0 0 10px rgb(45 42 38 / 20%);
4983   }
4984
4985   #top-navigation-pills-why-opsm::-webkit-scrollbar {
4986      display: none;
4987   }
4988
4989   #top-navigation-pills-why-opsm>ul {
4990      list-style: none;
4991      scroll-behavior: smooth;
4992      margin: 0 auto;
4993   }
4994
4995   #top-navigation-pills-why-opsm>ul>li img {
4996      width: 22px;
4997   }
4998
4999
5000
5001
5002
5003   /* CARDS */
5004
5005   @media screen and (max-width: 767.98px) {
5006      .card-title {
5007         font-size: 16px;
5008         line-height: 24px;
5009      }
5010   }
5011
5012   div[id^='card-why-opsm-']:not([id*='service']) .card-body {
5013      height: 80px;
5014      border-radius: 0 0 24px 24px;
5015      transition: all 1s ease;
5016      overflow: hidden;
5017      bottom: 0;
5018      max-width: 100%;
5019   }
5020
5021   .card-body-header {
5022      height: 40px;
5023   }
5024
5025   @media screen and (min-width: 850px) {
5026      div[id^='card-why-opsm-']:not([id*='service']) .card-body {
5027         height: 60px;
5028      }
5029
5030      .card-body-header {
5031         height: 20px;
5032      }
5033   }
5034
5035   div[id^='card-why-opsm-service'] .card-body {
5036      border-radius: 0 0 24px 24px;
5037      height: 320px;
5038   }
5039
5040   div[id^='card-why-opsm']:not([id*='service']) .badge-why-opsm,
5041   #top-navigation-pills-why-opsm>ul>li>.badge-why-opsm {
5042      padding-top: 8px;
5043      padding-bottom: 10px;
5044   }
5045
5046
5047   .scroll-content .card {
5048      border-radius: 24px;
5049   }
5050
5051   .scroll-content-opsm-shadow-cards .card {
5052      box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
5053   }
5054
5055   .scroll-content .card .card-img-top {
5056      border-radius: 24px 24px 0 0;
5057      margin-bottom: 0;
5058   }
5059
5060   div[id^="hover-why-opsm"] {
5061      border-radius: 24px;
5062      z-index: -1;
5063      opacity: 0;
5064      transition: all 0.5s ease;
5065   }
5066
5067   div[id^='hover-why-opsm-']>div>p {
5068      white-space: pre-line;
5069   }
5070
5071   .hidden-card {
5072      opacity: 0;
5073      pointer-events: none;
5074   }
5075
5076   .slick-list {
5077      padding: 0 10% 0 0;
5078      transition: padding 0.1s linear;
5079      padding-left: 8px;
5080   }
5081
5082   .slick-dots li {
5083      margin: 0;
5084   }
5085
5086   .show-content {
5087      overflow: visible;
5088   }
5089
5090   .card-subtitle-p {
5091      font-size: 14px;
5092   }
5093
5094   .test-class {
5095      border-radius: 24px !important;
5096   }
5097
5098
5099   /* VISUAL WELLBEING SWITCH */
5100
5101   a[id^='switch-button-'] {
5102      color: #999999 !important;
5103      cursor: pointer;
5104   }
5105
5106   a[id^='switch-button-']:hover,
5107   .text-hyperlink {
5108      color: #2D2A26 !important;
5109   }
5110
5111   a[id^='switch-button-'].wellbeing--active-tab {
5112      color: #2D2A26 !important;
5113      border-bottom: 2px solid black;
5114      transition: border 0s;
5115   }
5116</style>
5117
5118
5119<script>
5120
5121   $(window).on('load', function () {
5122      if (location.hash !== '') {
5123
5124         if (location.hash === '#eye-conditions') {
5125            $('#top-navigation-pills-why-opsm-eye-conditions>a').trigger('click')
5126         } else {
5127            setTimeout(() => {
5128               $('html, body').animate({
5129                  scrollTop: $('#section-' + location.hash.substr(1)).offset().top - (/* location.hash === '#promotions' ? 100 :  */60)
5130               }, 600, 'swing');
5131            }, 1000);
5132         }
5133      }
5134   })
5135
5136   function ct_is_mobile() {
5137      if ($(window).width() > 767) {
5138         return false;
5139      } else {
5140         if ($(window).width() === 768) {
5141            if (window.innerHeight > window.innerWidth) {
5142               return true
5143            }
5144            else {
5145               return false
5146            }
5147         } else {
5148            return true
5149         }
5150      }
5151   }
5152
5153   let sectionsOpenedArrows = {
5154      'frames-and-style': 0,
5155      'technology': 0,
5156      'advanced-lenses': 0,
5157      'eye-tests': 0,
5158      'eye-conditions': 0,
5159
5160   }
5161
5162   $("div[id^='card-why-opsm-'] .card-body .badge-why-opsm").on('click', function () {
5163      let parentCardBody = $(this).parents()[1];
5164      let pHeight = $(parentCardBody).children().last().height();
5165
5166      let parentSectionID = '';
5167
5168      if (ct_is_mobile()) {
5169         parentSectionID = $(this).parents('div[id^=card-why-opsm-]').attr('id').split('card-why-opsm-')[1]
5170      } else if ($(this).hasClass('visual-wellbeing-badge')) {
5171         parentSectionID = $(this).parents('div[id^=card-why-opsm-]').attr('id').split('card-why-opsm-')[1].split('--')[0]
5172      } else {
5173         parentSectionID = $(this).parents('div[id^=section]').attr('id').split('section-')[1]
5174      }
5175
5176
5177
5178      let fullSections = ['frames-and-style', 'technology', 'advanced-lenses'];
5179      let wellbeingSections = ['eye-tests', 'eye-conditions'];
5180
5181      console.log(parentSectionID)
5182
5183
5184
5185      if ($(this).hasClass('close-badge')) {
5186         sectionsOpenedArrows[parentSectionID]--;
5187         console.log(sectionsOpenedArrows)
5188
5189
5190
5191
5192         console.log('close')
5193
5194         $(parentCardBody).removeClass('test-class');
5195         $(parentCardBody).css({ "height": ct_is_mobile() ? '80px' : '60px' })
5196
5197
5198         $(this).html('<i class="fas fa-arrow-right"></i>').removeClass('close-badge')
5199
5200
5201         setTimeout(() => {
5202            $(parentCardBody).css("position", "static")
5203            if (sectionsOpenedArrows[parentSectionID] < 3 || $(window).width() < 768) {
5204               let parentSectionIDFormatted = wellbeingSections.includes(parentSectionID) ? 'why-opsm-' + parentSectionID : parentSectionID;
5205               console.log('parentSectionIDFormatted', parentSectionIDFormatted)
5206
5207               $('div[id*=' + parentSectionIDFormatted + ']').find('.card-img-top').css({ 'margin-bottom': '0px' });
5208            }
5209         }, 1000);
5210
5211
5212      } else {
5213         sectionsOpenedArrows[parentSectionID]++;
5214         console.log(sectionsOpenedArrows)
5215
5216         let parentSectionIDFormatted = wellbeingSections.includes(parentSectionID) ? 'why-opsm-' + parentSectionID : parentSectionID;
5217
5218
5219
5220         if (sectionsOpenedArrows[parentSectionID] === 3 || (parentSectionID === 'technology' && sectionsOpenedArrows[parentSectionID] === 2) || $(window).width() < 768) {
5221            console.log('parentSectionIDFormatted', parentSectionIDFormatted)
5222            $('div[id*=' + parentSectionIDFormatted + ']').find('.card-img-top').css('margin-bottom', ct_is_mobile() ? '80px' : '60px');
5223         }
5224
5225
5226         console.log('open')
5227
5228         $(parentCardBody).addClass('test-class');
5229         $(parentCardBody).css({ "height": $(parentCardBody).outerHeight() + pHeight + 30, "position": "absolute" })
5230
5231         $(this).html('<i class="fas fa-times"></i>').addClass('close-badge')
5232
5233      }
5234
5235   })
5236
5237
5238
5239   /* Make sticky navbar shadow appear only if stickying */
5240
5241   var observer = new IntersectionObserver(function (entries) {
5242      if (entries[0].intersectionRatio === 0)
5243         $('#top-navigation-pills-why-opsm').addClass('sticky-box-shadow');
5244      else if (entries[0].intersectionRatio === 1)
5245         document.querySelector('#top-navigation-pills-why-opsm').classList.remove('sticky-box-sha
5245dow');
5246   }, { threshold: [0, 1] });
5247
5248   observer.observe(document.querySelector('#box-shadow-trigger'));
5249
5250   $('#switch-eye-tests--eye-conditions a').on('click', function () {
5251      $('#section-eye-tests .fa-times').each((index, elem) => {
5252         $(elem).parent().trigger('click');
5253      })
5254      if ($(this).attr('id').includes('eye-conditions')) {
5255         $('[id*=card-why-opsm-eye-conditions]').removeClass('d-none');
5256         $('[id*=card-why-opsm-eye-tests]').addClass('d-none');
5257         $('#switch-button-eye-tests').removeClass('wellbeing--active-tab');
5258         $('#switch-button-eye-conditions').addClass('wellbeing--active-tab');
5259         if ($('#top-navigation-pills-why-opsm-eye-tests').hasClass('active')) {
5260            $('#top-navigation-pills-why-opsm-eye-tests').removeClass('active')
5261            $('#top-navigation-pills-why-opsm-eye-conditions').addClass('active')
5262         }
5263
5264      } else {
5265         $('[id*=card-why-opsm-eye-conditions]').addClass('d-none');
5266         $('[id*=card-why-opsm-eye-tests]').removeClass('d-none');
5267         $('#switch-button-eye-conditions').removeClass('wellbeing--active-tab');
5268         $('#switch-button-eye-tests').addClass('wellbeing--active-tab');
5269         if ($('#top-navigation-pills-why-opsm-eye-conditions').hasClass('active')) {
5270            $('#top-navigation-pills-why-opsm-eye-conditions').removeClass('active')
5271            $('#top-navigation-pills-why-opsm-eye-tests').addClass('active')
5272         }
5273      }
5274   })
5275
5276
5277
5278   $.fn.isInViewport = function (elem) {
5279      var elementTop = $(this).offset().top;
5280      var elementBottom = elementTop + $(this).outerHeight();
5281
5282      var viewportTop = $(window).scrollTop();
5283      var viewportBottom = viewportTop + $(window).height();
5284
5285      if (ct_is_mobile()) {
5286         return elementBottom < (viewportBottom + (elem === 'eye-tests' ? 150 : 120)) && elementTop > (viewportTop - (elem === 'eye-tests' ? 150 : 120));
5287      }
5288
5289      return elementBottom < viewportBottom && elementTop > viewportTop;
5290   };
5291
5292
5293   let allSections = ['frames-and-style', 'technology', 'advanced-lenses', 'eye-tests', 'our-services'/* , 'promotions' */];
5294
5295
5296   $(window).on('load scroll resize', function () {
5297      allSections.forEach((elem, index) => {
5298
5299         let lastActive = 'frames-and-style';
5300
5301         if ($('#section-' + elem).isInViewport(elem) && !lastActive === $('li[id^=top-navigation-pills-why-opsm-].active').attr('id').includes(elem)) {
5302            $('li[id^=top-navigation-pills-why-opsm-]').removeClass('active');
5303
5304            let scrollLeft = 0;
5305
5306
5307            if (elem === 'eye-tests' && $('#switch-button-eye-conditions').hasClass('wellbeing--active-tab')) {
5308               $('#top-navigation-pills-why-opsm-eye-conditions').addClass('active');
5309               scrollLeft = 520
5310            } else {
5311               $('#top-navigation-pills-why-opsm-' + elem).addClass('active');
5312
5313               switch (index) {
5314                  case 2: scrollLeft = 340;
5315                     break;
5316                  case 0: scrollLeft = 620;
5317                     break;
5318                  case 4: scrollLeft = 760;
5319                     break;
5320                  default: scrollLeft = 0;
5321                     break;
5322               }
5323            }
5324
5325
5326            $('#top-navigation-pills-why-opsm').scrollLeft(scrollLeft);
5327            lastActive = elem;
5328         }
5329      })
5330   })
5331
5332
5333   $('a[scrollTo^=tab-]').on('click', (e) => {
5334      let element = e.currentTarget;
5335
5336      let sectionName = element.attributes.scrollTo.value.split('tab-')[1];
5337
5338      if (sectionName === 'eye-conditions') {
5339         $('#switch-button-eye-conditions').trigger('click');
5340         sectionName = 'eye-tests';
5341      } else if (sectionName === 'eye-tests') {
5342         $('#switch-button-eye-tests').trigger('click');
5343      }
5344
5345      jQuery('html, body').animate({
5346         scrollTop: $('#section-' + sectionName).offset().top - 70
5347      }, 600, 'swing', function () {
5348      });
5349   });
5350
5351   $(window).on('load resize orientationchange', function () {
5352      /* Initializes a slick carousel only on mobile screens */
5353      if ($(window).width() >= 768) {
5354         if ($('.scroll-content-opsm').hasClass('slick-initialized')) {
5355            $('.scroll-content-opsm').slick('unslick');
5356         }
5357      } else {
5358         if (!$('.scroll-content-opsm').hasClass('slick-initialized')) {
5359            $('.scroll-content-opsm').slick({
5360               dots: true,
5361               arrows: false,
5362               infinite: false,
5363               speed: 300,
5364               slidesToShow: 1, //mobile
5365               slidesToScroll: 1,
5366               mobileFirst: true,
5367            });
5368         }
5369      }
5370
5371
5372      /* Our Services carousel should be initialized below 992 since there's too much content */
5373      if ($(window).width() >= 992) {
5374         if ($('.scroll-content-opsm-our-services').hasClass('slick-initialized')) {
5375            $('.scroll-content-opsm-our-services').slick('unslick');
5376         }
5377      } else {
5378         if (!$('.scroll-content-opsm-our-services').hasClass('slick-initialized')) {
5379            $('.scroll-content-opsm-our-services').slick({
5380               dots: true,
5381               arrows: false,
5382               infinite: false,
5383               speed: 300,
5384               slidesToShow: 1, //mobile
5385               slidesToScroll: 1,
5386               mobileFirst: true,
5387            });
5388         }
5389      }
5390
5391      $('[class*=scroll-content-opsm]').on('beforeChange', function (event, slick, currentSlide, nextSlide) {
5392         if (slick.$slides.length - 1 == nextSlide) {
5393            $(this).find('.slick-list').css('padding', '0 8px 0 10%');
5394         } else {
5395            $(this).find('.slick-list').css('padding', '0 10% 0 8px');
5396         }
5397      })
5398   })
5399</script>
5399
5400				
5401	
5402</div>
5403
5404<!-- END Content_UI.jspf -->
5405				</div>
5406			</div>
5407		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_Body] -->
5408</div>
5409</div>
5410	</div>
5411	<div class="container-fluid">
5412		<div class="row">
5413			<div class="col-12" data-slot-id="4"></div>
5414		</div>
5415	</div>
5416	<div class="row">
5417		<div class="col-12" data-slot-id="5">
5418
5419<div class="emarketingspot"><!-- Begin EmarketingSpot [WhyOPSM_Experience_LP_PromoBanner] --><!-- End EmarketingSpot [WhyOPSM_Experience_LP_PromoBanner] -->
5420</div>
5421</div>
5422	</div>
5423	<div class="container-fluid">
5424		<div class="row">
5425			<div class="col-12" data-slot-id="6"></div>
5426		</div>
5427	</div>
5428	<div class="row">
5429		<div class="col-12" data-slot-id="7"></div>
5430	</div>
5431	<div class="container-fluid">
5432		<div class="row">
5433			<div class="col-12" data-slot-id="8"></div>
5434		</div>
5435	</div>
5436	<div class="row">
5437		<div class="col-12" data-slot-id="9"></div>
5438	</div>
5439	<div class="container-fluid">
5440		<div class="row">
5441			<div class="col-12" data-slot-id="10"></div>
5442		</div>
5443	</div>
5444
5445				</div>
5446			</div>
5447			
5448			
5449				
5449<script type="text/javascript">
5450					//IF TO MANAGE PARTICULAR CASES: PAGES CREATED WITH COMMERCE COMPOSER THAT ARE NOT LANDING PAGES (eg STATIC PAGES)
5451					var analyticsStaticPageOverride = $('#analyticsStaticPageOverride').val();
5452					if (analyticsStaticPageOverride != null && analyticsStaticPageOverride.length > 0) {
5453						if (analyticsStaticPageOverride == 'ContactOPSM') {
5454							analyticsFramework.setContactOpsm();
5455						} else {
5456							//fallback
5457							analyticsFramework.setPage("Static", "Common", "");
5458						}
5459					} else {
5460						var Section1 = "Other";
5461						var Section2 = "";
5462
5463						var analyticsContentPageLast = $('#analyticsContentPageLast').val();
5464						if (analyticsContentPageLast != null) {
5465							Section1 = analyticsContentPageLast.replace(/\s+/g, '');
5466						}
5467
5468						const urlObj = new URL(window.location.href);
5469						if(urlObj != undefined && urlObj.pathname) {
5470        					const pathParts = urlObj.pathname.split('/');
5471							Section2 = pathParts[1];
5472						}
5473						
5474						analyticsFramework.setPage("Landing", Section1, Section2);
5475					}
5476					//if(isFrameAdvisor)  {
5477					//	utagFiller.setPage("Landing", "FrameAdv", Section2);
5478					//}
5479					
5480				</script>
5480	
5481			
5482			
5483			<div id="footerWrapper" class="w-100">
5484				<!-- BEGIN Footer.jsp --><!-- BEGIN Footer_Common.jsp -->
5485
5486	
5486<script type="text/javascript">
5487		$('#expiry-date-input').on('input', function(e) {
5488			let value = $(this).val();
5489			value = value.replace(/[^0-9/]/g, '');
5490			if (value.length === 2 && value.charAt(2) !== '/') {
5491				value = value.slice(0, 2) + '/' + value.slice(3);
5492			}
5493			if (value.length > 7) {
5494				value = value.slice(0, 7);
5495			}
5496			$(this).val(value);
5497		});
5498	</script>
5498
5499
5500	<!-- Tealium Library -->
5501	
5501<script type="text/javascript">
5502		(function(a,b,c,d){
5503		a='//tags.tiqcdn.com/utag/luxottica/opsm/prod/utag.js';
5504		b=document;c='script';d=b.createElement(c);d.src=a;d.type='text/java'+c;d.async=true;
5505		a=b.getElementsByTagName(c)[0];a.parentNode.insertBefore(d,a);
5506		})();
5507	</script>
5507
5508	
5509	<!-- Frame Advisor 2 -->
5510	<input type="hidden" id="FA_PRIVACY_POLICY" value="https://media.opsm.com/Docs/Information_collection_notice_appointment_booking_Frame_Advisor_AU.pdf"/>
5511	<input type="hidden" id="FA_TERMS_AND_CONDITIONS" value="https://media.opsm.com/Docs/Information_collection_notice_appointment_booking_Frame_Advisor_AU.pdf"/>
5512	<input type="hidden" id="FA_LANGID" value="-1"/>
5513	<link rel="stylesheet" href="/wcsstore/OPSMStorefrontAssetStore/css/frameadvisor.css">
5514	<div id="frameadv-ui" data-analytics_available_call="0" class="d-none hidden-wrapper"></div>
5515	<div class="fa-overlay d-none"></div>
5516<!-- END Frame Advisor 2 --><!-- Size Advisor -->
5517<div id="sizeadv-ui" data-analytics_available_call="0" class="d-none hidden-wrapper"></div>
5518<div class="sa-overlay d-none"></div>
5519<!-- END Size Advisor --><!-- END Footer_Common.jsp -->
5520
5521  <footer class="footer" data-element-id="Footer">
5522    <div class="container-fluid">
5523     
5524      	
5525
5526<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-logo-socials] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5527			<div id="contentRecommendationWidget_footer-content-logo-socials" class="contentRecommendationWidget" >
5528				
5529				<div dataci_toolbar="_espot" dataci_espot ="_footer-content-logo-socials" id="ci_espot__footer-content-logo-socials">
5530					<!-- BEGIN Content_UI.jspf -->
5531<div class="left_espot">
5532	
5533	
5534					<div class="footer--top d-flex">
5535   <div class="footer--logo"><a href="/" title="OPSM Home Page" data-element-id="Footer_Logo"><img src="/wcsstore/OPSMStorefrontAssetStore/images/icons/brand-mono.svg" title="OPSM Love Eye" alt="OPSM Love Eye"></a>
5536   </div>
5537   <div class="footer--social-links ml-auto">
5538      <ul class="list-unstyled d-flex footer--list">
5539         <li>
5540            <a class="btn btn-link" href="https://www.facebook.com/OPSM.AU.NZ" title="Facebook" data-element-id="Footer_Share" data-description="Facebook"><span class="icon-facebook"></span></a>
5541         </li>
5542         <li>
5543            <a class="btn btn-link" href="https://www.instagram.com/opsm" title="Instagram" data-element-id="Footer_Share" data-description="Instagram"><span class="icon-instagram"></span></a>
5544         </li>
5545         <li>
5546            <a class="btn btn-link" href="https://www.tiktok.com/@opsmofficial" title="TikTok" data-element-id="Footer_Share" data-description="TikTok">
5547               <svg id="footer_tiktok_icon" xmlns="http://www.w3.org/2000/svg" width="30" height="32" viewBox="0 0 33 34" fill="none">
5548                  <path d="M19.686 9V9.00467H17.0414V18.562C17.44 23.6647 12.6494 22.892 12.2794 20.2807C12.0874 18.9173 12.7787 18.1447 13.998 17.732C14.406 17.5927 14.8527 17.4873 15.27 17.42V14.7267C9.78803 14.9233 8.74203 19.834 10.4507 22.6327C13.11 26.9813 19.7247 25.0853 19.7247 19.018V14.242C21.0254 15.0293 22.144 15.4467 23.4207 15.322V12.768C21.2174 12.624 19.95 11.2707 19.686 9Z" fill="white"></path>
5549                  <mask id="path-3-outside-1_705_3644" maskUnits="userSpaceOnUse" x="-0.439941" y="0" width="34" height="34" fill="black">
5550                     <rect fill="white" x="-0.439941" width="34" height="34"></rect>
5551                     <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560059 17C0.560059 8.16333 7.72339 1 16.5601 1C25.3967 1 32.5601 8.16333 32.5601 17C32.5601 25.8367 25.3967 33 16.5601 33C7.72339 33 0.560059 25.8373 0.560059 17ZM1.89339 17C1.89339 25.0873 8.47273 31.6667 16.5601 31.6667C24.6474 31.6667 31.2267 25.0873 31.2267 17C31.2267 8.91267 24.6474 2.33333 16.5601 2.33333C8.47273 2.33333 1.89339 8.91267 1.89339 17Z"></path>
5552                  </mask>
5553                  <path fill-rule="evenodd" clip-rule="evenodd" d="M0.560059 17C0.560059 8.16333 7.72339 1 16.5601 1C25.3967 1 32.5601 8.16333 32.5601 17C32.5601 25.8367 25.3967 33 16.5601 33C7.72339 33 0.560059 25.8373 0.560059 17ZM1.89339 17C1.89339 25.0873 8.47273 31.6667 16.5601 31.6667C24.6474 31.6667 31.2267 25.0873 31.2267 17C31.2267 8.91267 24.6474 2.33333 16.5601 2.33333C8.47273 2.33333 1.89339 8.91267 1.89339 17Z" fill="white"></path>
5554                  <path d="M16.5601 0.6C7.50248 0.6 0.160059 7.94242 0.160059 17H0.960059C0.960059 8.38425 7.94431 1.4 16.5601 1.4V0.6ZM32.9601 17C32.9601 7.94242 25.6176 0.6 16.5601 0.6V1.4C25.1758 1.4 32.1601 8.38425 32.1601 17H32.9601ZM16.5601 33.4C25.6176 33.4 32.9601 26.0576 32.9601 17H32.1601C32.1601 25.6158 25.1758 32.6 16.5601 32.6V33.4ZM0.160059 17C0.160059 26.0583 7.50249 33.4 16.5601 33.4V32.6C7.9443 32.6 0.960059 25.6164 0.960059 17H0.160059ZM16.5601 31.2667C8.69364 31.2667 2.29339 24.8664 2.29339 17H1.49339C1.49339 25.3082 8.25181 32.0667 16.5601 32.0667V31.2667ZM30.8267 17C30.8267 24.8664 24.4265 31.2667 16.5601 31.2667V32.0667C24.8683 32.0667 31.6267 25.3082 31.6267 17H30.8267ZM16.5601 2.73333C24.4265 2.73333 30.8267 9.13358 30.8267 17H31.6267C31.6267 8.69175 24.8683 1.93333 16.5601 1.93333V2.73333ZM2.29339 17C2.29339 9.13358 8.69364 2.73333 16.5601 2.73333V1.93333C8.25181 1.93333 1.49339 8.69175 1.49339 17H2.29339Z" fill="white" mask="url(#path-3-outside-1_705_3644)"></path>
5555               </svg>
5556            </a>
5557         </li>
5558      </ul>
5559   </div>
5560</div>
5561
5562<style>
5563   .footer--list li {
5564      width: 33%;
5565   }
5566
5567   svg#footer_tiktok_icon {
5568      vertical-align: text-top;
5569   }
5570
5571   a.btn.btn-link:hover svg#footer_tiktok_icon path,
5572   a.btn.btn-link:hover svg#footer_tiktok_icon rect {
5573      fill: #aaa;
5574      transition: all .2s ease-in-out;
5575   }
5576
5577   a.btn.btn-link svg#footer_tiktok_icon path,
5578   a.btn.btn-link svg#footer_tiktok_icon rect {
5579      transition: all .2s ease-in-out;
5580   }
5581</style>
5582				
5583	
5584</div>
5585
5586<!-- END Content_UI.jspf -->
5587				</div>
5588			</div>
5589		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-logo-socials] -->
5590</div>
5591
5592      <div class="footer--main">
5593	      <div class="row">
5594        	<div class="col-12 col-sm-12 col-xl-9">
5595                
5596
5597<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-sections] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5598			<div id="contentRecommendationWidget_footer-content-sections" class="contentRecommendationWidget" >
5599				
5600				<div dataci_toolbar="_espot" dataci_espot ="_footer-content-sections" id="ci_espot__footer-content-sections">
5601					<!-- BEGIN Content_UI.jspf -->
5602<div class="left_espot">
5603	
5604	
5605					<div class="row">
5606   <div class="col-6 col-sm-4 col-xl-4">
5607      <div class="footer--module">
5608         <h5 class="footer--module-title">Connect With Us</h5>
5609         <ul class="footer--list-links list-unstyled">
5610            <li><a href="/about-us" title="About OPSM" data-element-id="Footer_AboutUs">About Us</a></li>
5611            <li><a href="/find-store" title="Find a store" data-element-id="Footer_FindStore">Find a Store</a></li>
5612            <li><a href="/contact-opsm" title="Contact us" data-element-id="Footer_ContactUs">Contact Us</a></li>
5613            <li><a href="/faqs" title="Frequently Asked Questions" data-element-id="Footer_FAQs">FAQs</a></li>
5614            <!-- <li><a href="/franchises" title="Franchising" data-element-id="Footer_Franchising">Franchising</a>
5615             </li> -->
5616            <li><a href="/eye-care/benefits/health-funds" title="Partnerships" data-element-id="Footer_EyeCare-BenefitsHealthFunds-">Partnerships</a></li>
5617            <li>
5618               <a href="https://careers.essilorluxottica.com/search/?locationsearch=AU" target="_blank" title="Careers" data-element-id="Footer_Careers">Careers</a>
5619            </li>
5620         </ul>
5621      </div>
5622   </div>
5623   <div class="col-6 col-sm-4 col-xl-4">
5624      <div class="footer--module">
5625         <h5 class="footer--module-title">Our Services</h5>
5626         <ul class="footer--list-links list-unstyled">
5627            <!-- <li><a href="/frame-advisor-page" title="Find your frame" data-element-id="Footer_FrameFinder">Find your Frame</a></li> -->
5628            <li><a href="/book-an-eye-test" title="Book A Test" data-element-id="Footer_BookAnEyeTest">Book A Test</a></li>
5629            <li><a href="/frame-advisor-page" title="Find your Frame" data-element-id="Footer_FindYourFrame">Find your Frame</a></li>
5630            <li><a href="/eye-care/benefits/health-funds" title="Health funds" data-element-id="Footer_EyeCare-BenefitsHealthFunds">Health Funds</a></li>
5631            <li>
5632               <a href="/tyro-health" title="Claim Health Fund Benefits Online" data-element-id="Footer_EyeCare-TyroHealth">Claim Health Fund Benefits Online</a>
5633            </li>
5634            <li><a href="/eye-care/benefits/bulk-billing" title="Bulk Billing" data-element-id="Footer_EyeCare-BulkBilling">Bulk Billing</a></li>
5635            <li>
5636               <a href="/eye-care/workplace-services" title="Workplace services" data-element-id="Footer_EyeCare-WorkplaceServices">Workplace Services</a>
5637            </li>
5638            <li>
5639               <a href="/contact-lenses-advice/subscription-value-plan" title="Contact lens Subscription Plan" data-element-id="Footer_ContactLensesAdvice-SubscriptionValuePlan">Contact Lens Subscription Plan</a>
5640            </li>
5641            <li><a href="/special-offers" title="Special offers" data-element-id="Footer_SpecialOffers">Special Offers</a></li>
5642            <!-- <li><a href="/vision-plan" title="Vision Plan" data-element-id="Footer_VisionPlan">Vision Plan™</a></li> -->
5643         </ul>
5644      </div>
5645   </div>
5646   <div class="col-12 col-sm-4 col-xl-4">
5647      <div class="footer--module">
5648         <h5 class="footer--module-title">Our Promise To You</h5>
5649         <ul class="footer--list-links list-unstyled">
5650            <li><a href="/faqs#delivery" title="Free Delivery" data-element-id="Footer_FreeDelivery">Free Delivery</a></li>
5651            <li><a href="/faqs#return" title="Free Return" data-element-id="Footer_FreeReturn">Free Returns</a></li>
5652            <li>
5653               <a href="/eye-care/benefits/service-guarantee" title="Free Cleaning & Adjustments" data-element-id="Footer_FreeCleaning">Free Cleaning & Adjustments</a>
5654            </li>
5655            <li>
5656               <a href="/eye-care/benefits/service-guarantee" title="OPSM Perfect Fit Promise" data-element-id="Footer_OPSMPerfectFit">OPSM Perfect Fit Promise</a>
5657            </li>
5658            <li>
5659               <a href="/eye-care/benefits/service-guarantee" title="24 Month Manufacturer's Warranty" data-element-id="Footer_24MonthWarranty">24 Month Manufacturer's Warranty</a>
5660            </li>
5661            <!-- <li><a href="/eye-care/benefits/service-guarantee" title="Service Guarantee" data-element-id="Footer_EyeCare-BenefitsServiceGuarantee">Service Guarantee</a>
5662             </li> -->
5663         </ul>
5664      </div>
5665   </div>
5666</div>
5667				
5668	
5669</div>
5670
5671<!-- END Content_UI.jspf -->
5672				</div>
5673			</div>
5674		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-sections] -->
5675</div>
5676
5677            </div>
5678            <div class="col-12 col-sm-12 col-xl-3">
5679                
5680
5681<script type="text/javascript">
5682	function hideAllMessages() {
5683   		$('#newsletterDuplicateMail').css("display", "none");
5684   		$('#newsletterCallError').css("display", "none");
5685	 	$('#newsletterInputError').css("display", "none");
5686	 	$('#newsletterSuccess').css("display", "none");
5687	}
5688	
5689    function showNewsletterOk() {
5690		 $('#newsletterDuplicateMail').css("display", "none");
5691		 $('#newsletterCallError').css("display", "none");
5692	     $('#newsletterInputError').css("display", "none");
5693	 	 $('#newsletterSuccess').css("display", "block"); 
5694	 	 //$('#email-input').val("");
5695   	}
5696    	
5697   	function showNewsletterInputError() {
5698   		$('#newsletterDuplicateMail').css("display", "none");
5699   		$('#newsletterCallError').css("display", "none");
5700	 	$('#newsletterInputError').css("display", "block");
5701	 	$('#newsletterSuccess').css("display", "none");
5702   	}
5703    	
5704   	function showNewsletterCallError() {
5705   		$('#newsletterDuplicateMail').css("display", "none");
5706   		$('#newsletterCallError').css("display", "block");
5707	 	$('#newsletterInputError').css("display", "none");
5708	 	$('#newsletterSuccess').css("display", "none");
5709   	}
5710   	
5711   	function showNewsletterDuplicateEmail() {
5712   		$('#newsletterDuplicateMail').css("display", "block");
5713   		$('#newsletterCallError').css("display", "none");
5714	 	$('#newsletterInputError').css("display", "none");
5715	 	$('#newsletterSuccess').css("display", "none");
5716   	 }
5717      	
5718   	function subscribeToNewsletter() {
5719   		var signUpEmail = $('#email-input').val();
5720   		var storeId = $('#newsletterStoreId').val();
5721   		var catalogId = $('#newsletterCatalogId').val();
5722   		var langId =$('#newsletterLangId').val();
5723   		var signUpType = $('#newsletterSignUpType').val();
5724   		if (signUpEmail=="" || signUpEmail==null) {
5725   			showNewsletterInputError();
5726   			return false;
5727   		} else if(signUpEmail!="" && signUpEmail!=null){ 
5728   		    var filter = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
5729   		    signUpEmail = signUpEmail.trim();
5730   		    if (!(filter.test(signUpEmail))) {
5731   		    	showNewsletterInputError();
5732   		    	return false;
5733   		    } else {
5734   		    	$('#submitNewsletterButton').prop('disabled', true);
5735   		    	
5736   		    	$.ajax({
5737   					url:"UserEmailSignUpCmd",
5738   					data: { 
5739   					    storeId: storeId, 
5740   					 	catalogId: catalogId, 
5741   					 	langId: langId,
5742   					 	email1: signUpEmail,
5743   					 	signUpType: signUpType
5744   					},
5745   					success:function(result){
5746   						
5747   						$('#submitNewsletterButton').prop('disabled', false);
5748   			    		try {
5749		    				var parser = new DOMParser();
5750		    				var htmlDoc = parser.parseFromString(result, 'text/xml');
5751		    				var responseSuccess = htmlDoc.getElementsByClassName('response-success');
5752
5753   			    		    if(responseSuccess == null || responseSuccess.length < 1){
5754   			    		    	var alreadyRegistered = htmlDoc.getElementsByClassName('response')[0].getElementsByClassName('confirm')[0].innerHTML;
5755   			    		    	if(alreadyRegistered != null && alreadyRegistered.length > 0){
5756   			    		    		analyticsFramework.asyncSendError("Email already registered");
5757   			    		    		
5758   			    		    		showNewsletterDuplicateEmail();
5759   			    		    	
5760   			    			 		return false;
5761   			    		    	} else {
5762   			    		    		analyticsFramework.asyncSendError("Generic error");
5763   			    		    		
5764   			    		    		showNewsletterCallError();
5765   			    		    		
5766		    		    			return false;
5767   			    		    	}
5768   			    		    } else {
5769   			    		    	var response = responseSuccess[0].getElementsByTagName('p')[0].innerHTML;
5770		    		    		if(response == null || response.length < 1){
5771		    		    			analyticsFramework.asyncSendError("Response in a bad format");
5772		    		    			
5773		    		    			showNewsletterCallError();
5774		    		    			
5775		    		    			return false;
5776   			    		    	} else {
5777   			    		    		analyticsFramework.asyncUserNewsletterSignup(signUpEmail);
5778   			    	   		    	
5779   			    		    		showNewsletterOk();
5780   			    		    	}
5781   			    		    }
5782   			    		} catch(e) {
5783   			    			analyticsFramework.asyncSendError(e.message);
5784   			    			
5785   			    			showNewsletterCallError();
5786   			    			
5787   			    			return false;
5788   			    		}
5789   					},
5790   					error: function (xhr, ajaxOptions, thrownError) {
5791   						analyticsFramework.asyncSendError(thrownError);
5792   						
5793   						$('#submitNewsletterButton').prop('disabled', false);
5794   						showNewsletterCallError();
5795   						
5796   						return false;
5797   					}
5798   				});
5799   		    }
5800   		}
5801  	};
5802  	
5803  	$( document ).ready(function() {
5804		$("#email-input").bind("keyup change", function() {
5805			hideAllMessages();
5806		});
5807	});
5808</script>
5808
5809        
5810        
5811  <div class="footer--module">
5812    <h5 class="footer--module-title">Stay in Touch</h5>
5813    <div class="footer--module-text">Subscribe to our newsletter to receive the latest news and promotions</div>
5814    <!-- <form class="footer--subscribe-form" id="form-subscription" novalidate>
5815        <div class="input-group">
5816        <input class="form-control" type="email" required placeholder="Enter your email address" aria-label="Enter your email address">
5817        <div class="input-group-append">
5818            <button class="btn btn-default" type="button">Submit</button>
5819        </div>
5820        <div class="invalid-feedback">Please enter a valid email address</div>
5821        </div>
5822        <div>Thanks for signing up to news and offers!</div>
5823        </div>
5824    </form> -->
5825    <form class="footer--subscribe-form" id="form-subscription" novalidate onsubmit="subscribeToNewsletter();return false" data-element-id="Home_Newsletter_SignupForm">
5826    <div class="input-group">
5827	    <input type="hidden" name="storeId" id="newsletterStoreId" value='10151'/>
5828	    <input type="hidden" name="catalogId" id="newsletterCatalogId" value='12601' />
5829	    <input type="hidden" name="langId" id="newsletterLangId" value='-1' />
5830	    <input type="hidden" id="newsletterSignUpType" name="signUpType" value="newsLetter" />
5831	    <input class="form-control utagpiimask" type="email" required placeholder="Enter your email address" aria-label="Enter your email address" id="email-input">
5832	    <div class="input-group-append">
5833	        <button class="btn btn-default" type="submit" id="submitNewsletterButton" onclick="subscribeToNewsletter()" data-element-id="Home_Newsletter_SignupForm">Submit</button>
5834	    </div>
5835	    
5836
5837<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-marketing-content] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5838			<div id="contentRecommendationWidget_footer-marketing-content" class="contentRecommendationWidget" >
5839				
5840				<div dataci_toolbar="_espot" dataci_espot ="_footer-marketing-content" id="ci_espot__footer-marketing-content">
5841					<!-- BEGIN Content_UI.jspf -->
5842<div class="left_espot">
5843	
5844	
5845					<small class="mb-2">By continuing, you consent to receive  marketing communication and agree to our <a class="underline text-white footer--module--link" href="/terms-of-use" title="Terms of use" data-element-id="Footer_TermsOfUse">Terms of use</a> and <a class="underline text-white footer--module--link" href="/privacy-policy" title="Privacy policy" data-element-id="Footer_PrivacyPolicy">Privacy policy</a></small>
5846				
5847	
5848</div>
5849
5850<!-- END Content_UI.jspf -->
5851				</div>
5852			</div>
5853		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-marketing-content] -->
5854</div>
5855
5856	    <div class="success-feedback" id="newsletterSuccess" style="display:none; width: 100%; margin-top: .25rem; font-size: 80%;">Thanks for signing up to news and offers!</div>
5857	    <div class="invalid-feedback" id="newsletterInputError" >Please enter a valid email address</div>
5858	    <div class="invalid-feedback" id="newsletterCallError" style="display:none">Error, please retry later</div>
5859	    <div class="invalid-feedback" id="newsletterDuplicateMail" style="display:none">Oops this email address is already registered</div>
5860    </div>
5861</form>
5862</div>
5863
5864
5865                
5866                <div class="footer--module">
5867                	
5868
5869<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-changelocation] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5870			<div id="contentRecommendationWidget_footer-content-changelocation" class="contentRecommendationWidget" >
5871				
5872				<div dataci_toolbar="_espot" dataci_espot ="_footer-content-changelocation" id="ci_espot__footer-content-changelocation">
5873					<!-- BEGIN Content_UI.jspf -->
5874<div class="left_espot">
5875	
5876	
5877					<h5 class="footer--module-title mt-3">Shopping from:</h5>
5878<ul class="list-inline footer--shopping-from-list">
5879    <li class="list-inline-item active"><span>Australia</span></li>
5880    <li class="list-inline-item"><a href="https://www.opsm.co.nz" title="New Zealand" data-element-id="Footer_CountrySelector" data-description="NZL">New Zealand</a>
5881    </li>
5882</ul>
5883
5884<style>
5885  .footer--module--link:hover {
5886    text-decoration: none!important;
5887  }
5888</style>
5889				
5890	
5891</div>
5892
5893<!-- END Content_UI.jspf -->
5894				</div>
5895			</div>
5896		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-changelocation] -->
5897</div>
5898
5899                </div>
5900            </div>
5901           </div>
5902      </div>
5903      <div class="footer--bottom">
5904      	
5905
5906<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-payment] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5907			<div id="contentRecommendationWidget_footer-content-payment" class="contentRecommendationWidget" >
5908				
5909				<div dataci_toolbar="_espot" dataci_espot ="_footer-content-payment" id="ci_espot__footer-content-payment">
5910					<!-- BEGIN Content_UI.jspf -->
5911<div class="left_espot">
5912	
5913	
5914					<div class="footer--payment d-xl-flex">
5915    <ul class="list-inline footer--payment-logos">
5916      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Secured by GeoTrust">
5917      </li>
5918      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Visa">
5919      </li>
5920      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Master">
5921      </li>
5922      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="American Express">
5923      </li>
5924      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="PayPal">
5925      </li>
5926      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Apple Pay">
5927      </li>
5928      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="AfterPay">
5929      </li>
5930      <li class="list-inline-item"><img loading="lazy" src="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected]" srcset="/wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 2x, /wcsstore/OPSMStorefrontAssetStore/images/logos/[email protected] 3x" alt="Tyro Health">
5931      </li>
5932    </ul>
5933    <div class="footer--payment-description flex-grow-1">
5934      Payment options displayed are for OPSM online shopping
5935      only, and may not be available in all OPSM stores. <br/>
5936      Please contact your local store to find out more.
5937    </div>
5938</div>
5939				
5940	
5941</div>
5942
5943<!-- END Content_UI.jspf -->
5944				</div>
5945			</div>
5946		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-payment] -->
5947</div>
5948
5949      </div>
5950      
5951
5952<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-content-siteinfo] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5953			<div id="contentRecommendationWidget_footer-content-siteinfo" class="contentRecommendationWidget" >
5954				
5955				<div dataci_toolbar="_espot" dataci_espot ="_footer-content-siteinfo" id="ci_espot__footer-content-siteinfo">
5956					<!-- BEGIN Content_UI.jspf -->
5957<div class="left_espot">
5958	
5959	
5960					<div class="footer--site-info d-sm-flex">
5961   <ul class="list-inline footer--site-info-links mr-auto">
5962      <li class="list-inline-item"><a href="/terms-of-use" title="Terms of use" data-element-id="Footer_TermsOfUse">Terms of use</a>
5963      </li>
5964      <li class="list-inline-item"><a href="/privacy-policy" title="Privacy policy" data-element-id="Footer_PrivacyPolicy">Privacy policy</a>
5965      </li>
5966      <li class="list-inline-item"><a href="/site-map" title="Sitemap" data-element-id="Footer_Sitemap">Sitemap</a>
5967      </li>
5968   </ul>
5969   <div class="footer--site-info-copyright">&copy; <span id="current-year"></span>, OPSM All Rights Reserved</div>
5970</div>
5971
5972
5973<script>
5974   const currentDate = new Date();
5975   const currentYear = currentDate.getFullYear();
5976
5977   document.getElementById("current-year").innerHTML = currentYear;
5978</script>
5978
5979				
5980	
5981</div>
5982
5983<!-- END Content_UI.jspf -->
5984				</div>
5985			</div>
5986		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-content-siteinfo] -->
5987</div>
5988
5989      <div class="footer--sticky-banner" id="footer-sticky-banner">
5990	  	
5991
5992<div class="emarketingspot"><!-- Begin EmarketingSpot [footer-banner-sticky] --><!-- BEGIN ContentRecommendation_UI.jspf -->
5993			<div id="contentRecommendationWidget_footer-banner-sticky" class="contentRecommendationWidget" >
5994				
5995				<div dataci_toolbar="_espot" dataci_espot ="_footer-banner-sticky" id="ci_espot__footer-banner-sticky">
5996					<!-- BEGIN Content_UI.jspf -->
5997<div class="left_espot">
5998	
5999	
6000					<a class="btn btn-link footer--sticky-banner-close-btn" href="javascript:void(0);">
6001  <span class="icon-close"></span>
6002</a>
6003<div class="footer--sticky-banner-text">
6004 FREE DELIVERY ON ALL ORDERS
6005
6006 
6007</div>
6008
6009<style>
6010.footer--sticky-banner {
6011background-color:#f1b630;
6012}
6013</style>
6014
6015
6016
6017
6018<script type="text/javascript">
6019  if ($.cookie("footer-banner-sticky") === "read") {
6020    $("#footer-sticky-banner").hide();
6021  } else {
6022    $(".footer--sticky-banner-close-btn").on("click", function(){
6023      $.cookie("footer-banner-sticky", "read", {expires:1, path: '/'});
6024    });
6025  }
6026</script>
6026
6027				
6028	
6029</div>
6030
6031<!-- END Content_UI.jspf -->
6032				</div>
6033			</div>
6034		<!-- END ContentRecommendation_UI.jspf --><!-- End EmarketingSpot [footer-banner-sticky] -->
6035</div>
6036
6037      </div>
6038    </div>
6039    
6040
6041<div class="emarketingspot"><!-- Begin EmarketingSpot [X_Footer] --><!-- End EmarketingSpot [X_Footer] -->
6042</div>
6043
6044    
6045</footer>
6046
6047
6048	<span class="d-none">
6049 		
6050	</span>
6051	
6052	
6052<script>
6053		$( document ).ready(function() {
6054			try {
6055				var analyticsJspErrorMessage = '';
6056			    if (analyticsJspErrorMessage != null && analyticsJspErrorMessage.trim().length > 0 && ((window.analyticsFramework.data != null && window.analyticsFramework.data.Error_Source != "404") || (window.analyticsFramework.data == null))) {
6057			    	//analyticsFramework.asyncSendErrorEvolved(analyticsJspErrorMessage, 'Server', 'Inpage JSP WCS server error');
6058			    	analyticsFramework.asyncSendErrorEvolvedDetails(analyticsJspErrorMessage, analyticsJspErrorMessage, 'Server', 'Inpage JSP WCS server error');
6059			    }
6060			} catch (err) {
6061
6062			}
6063		});
6064	</script>
6064
6065
6066<!-- END Footer.jsp -->
6067			</div>
6068			
6069		</div>
6070	
6071	<!-- layoutPreviewLayoutId/Name/Default needs to be set before calling widgetImport  -->
6072<script type="text/javascript"  src="/TED0Hj/D-v/g0Q/g_uPhg/SYuamGc9OVhYhkYh/ATlU/MCR/vVnhWMTQ"></script>
6072<script type="text/javascript"  src="/TED0Hj/D-v/g0Q/g_uPhg/c8uamGc9OV/DEBX/dzJ/-WhtJUwY6?v=33056c21-95b9-4735-0752-851138481734" defer></script>
6072</body>
6073	
6074
6075</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.