PageSourceSearch

https://ikonthailand.com/eng/

html ikonthailand.com collected 2026-10-08 07:39:38 UTC 364,011 bytes, 5,154 lines download raw bytes

1 <!doctype html><html lang="en"><head >
1<script> var LOCALE = 'en\u002DUS'; var BASE_URL = 'https\u003A\u002F\u002Fikonthailand.com\u002Feng\u002F'; var require = { 'baseUrl': 'https\u003A\u002F\u002Fikonthailand.com\u002Fstatic\u002Fversion1790841721\u002Ffrontend\u002FIsobar\u002Fbirkenstock_en\u002Fen_US' };</script>
1 <meta charset="utf-8"/>
1<script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1120022649",accountID:"3301277",trustKey:"1322840",xpid:"VwUHUFRUDxAJXFZTDgYOUVE=",licenseKey:"NRJS-9e438187ff740f394fb",applicationID:"987197975",browserID:"1120022649"};;/*! For license information please see nr-loader-spa-1.323.0.min.js.LICENSE.txt */
2(()=>{var e={8122(e,t,r){"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),s=0===Object.keys(r).length?e:r;for(let a in s)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):e[a]instanceof Map||e[a]instanceof Set||e[a]instanceof Date||e[a]instanceof RegExp?r[a]=e[a]:"object"==typeof e[a]&&null!==t[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){r[a]||(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555(e,t,r){"use strict";r.d(t,{f:()=>a});var n=r(384),i=r(8122);const s={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0};function a(e){try{return!!e.licenseKey&&!!e.errorBeacon&&!!e.applicationID}catch(e){return!1}}r.d(t,["D",0,e=>(0,i.a)(e,s)])},7699(e,t,r){"use strict";var n=r(860);const i={[n.K7.logging]:!0,[n.K7.genericEvents]:!0,[n.K7.jserrors]:!0,[n.K7.ajax]:!0};r.d(t,["It",0,1e6,"KC",0,i,"qh",0,"SESSION_ERROR"])},9324(e,t,r){"use strict";r.d(t,["A",0,"@newrelic/rrweb","x",0,"1.323.0"])},981(e,t,r){"use strict";r.d(t,["R",0,{AJAX:"AjaxRequest",PA:"PageAction",UA:"UserAction",BP:"BrowserPerformance",WS:"WebSocket",SPV:"SecurityPolicyViolation",JSE:"JavaScriptError",LOG:"Log",PVE:"PageView",PVT:"PageViewTiming",SR:"SessionReplay",ST:"SessionTrace",BI:"BrowserInteraction"}])},9752(e,t,r){"use strict";const n="newrelic-iframe-",i=n+"timing-update",s=n+"api",a=n+"api-response",o=n+"vitals-update",c=n+"ajax";r.d(t,["$8",0,o,"Gi",0,a,"KU",0,c,"Pl",0,n,"cS",0,s,"cr",0,i])},6154(e,t,r){"use strict";var n=r(1863);const i="undefined"!=typeof window&&!!window.document,s="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),o=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)();r.d(t,["OF",0,d,"RI",0,i,"WN",0,f,"bv",0,s,"gm",0,a,"lR",0,l,"m",0,c,"mw",0,o,"sb",0,u,"zk",0,()=>{const e=a?.performance?.getEntriesByType?.("navigation")?.[0];if(e&&e.responseStart>0&&e.responseStart<a.performance.now())return e}])},7295(e,t,r){"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>s});var n=[];function i(e){if(!e||s(e))return!1;if(0===n.length)return!0;if("*"===n[0].hostname)return!1;for(var t=0;t<n.length;t++){var r=n[t];if(r.hostname.test(e.hostname)&&r.pathname.test(e.pathname))return!1}return!0}function s(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;if("*"===r)return void(n=[{hostname:"*"}]);0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let s,a;i>0?(s=r.substring(0,i),a=r.substring(i)):(s=r,a="*");let[c]=s.split(":");n.push({hostname:o(c),pathname:o(a,!0)})}}function o(e,t=!1){const r=e.replace(/[.+?^${}()|[\]\\]/g,e=>"\\"+e).replace(/\*/g,".*?");return new RegExp((t?"^":"")+r+"$")}},3241(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(6154);function i(e={}){try{n.gm.dispatchEvent(new CustomEvent("newrelic",{detail:e}))}catch(e){}}},1687(e,t,r){"use strict";r.d(t,{Ak:()=>o,Ze:()=>d,x3:()=>c});var n=r(3241),i=r(3606),s=r(860),a=r(2646);function o(e,t){if(!e)return;const r={staged:!1,priority:s.P3[t]||0};
2e.runtime.drainRegistry.get(t)||e.runtime.drainRegistry.set(t,r)}function c(e,t){if(!e)return;const r=e.runtime.drainRegistry;r&&(r.get(t)&&r.delete(t),l(e,t,!1),r.size&&u(e))}function d(e,t="feature",r=!1){if(e){if(!e.runtime.drainRegistry.get(t)||r)return l(e,t);e.runtime.drainRegistry.get(t).staged=!0,u(e)}}function u(e){if(!e)return;const t=Array.from(e.runtime.drainRegistry);t.every(([e,t])=>t.staged)&&(t.sort((e,t)=>e[1].priority-t[1].priority),t.forEach(([t])=>{e.runtime.drainRegistry.delete(t),l(e,t)}))}function l(e,t,r=!0){if(!e)return;const s=e.ee,o=i.i.handlers;if(s&&!s.aborted&&s.backlog&&o){if((0,n.W)({type:"lifecycle",name:"drain",feature:t}),r){const e=s.backlog[t],r=o[t];if(r){for(let t=0;e&&t<e.length;++t)f(e[t],r);Object.entries(r).forEach(([e,t])=>{Object.values(t||{}).forEach(t=>{t[0]?.on&&t[0].context()instanceof a.y&&!t[0].listeners(e).includes(t[1])&&t[0].on(e,t[1])})})}}s.isolatedBacklog||delete o[t],s.backlog[t]=null,s.emit("drain-"+t,[])}}function f(e,t){var r=e[1];Object.values(t[r]||{}).forEach(t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],s=e[2];n.apply(i,s)}})}},7836(e,t,r){"use strict";var n=r(384),i=r(8990),s=r(2646),a=r(5607);const o="nr@context:".concat(a.W),c=function e(t,r){var n={},a={},u={},l=!1;try{l=16===r.length&&d.initializedAgents?.[r]?.runtime.isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,s){!1!==s&&(s=!0);if(c.aborted&&!i)return;t&&s&&t.emit(e,r,n);var o=h(n);g(e).forEach(e=>{e.apply(o,r)});var d=v()[a[e]];d&&d.push([f,e,r,o]);return o},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach(([e,n])=>{a[n]=t,t in r||(r[t]=[])})},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach(e=>{delete f.backlog[e]})},isBuffering:function(e){return!!v()[a[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof s.y?e:e?(0,i.I)(e,o,()=>new s.y(o)):new s.y(o)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=c),r.d(t,["P",0,o,"ee",0,c])},2646(e,t,r){"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908(e,t,r){"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,s){s?(s.buffer([e],i),s.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(9908);s.on=a;var i=s.handlers={};function s(e,t,r,s){a(s||n.d,i,e,t,r)}function a(e,t,r,i,s){s||(s="feature"),e||(e=n.d);var a=t[s]=t[s]||{};(a[r]=a[r]||[]).push([e,i])}},3878(e,t,r){"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function s(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>s,jT:()=>n,sp:()=>i})},5607(e,t,r){"use strict";const n=(0,r(9566).bz)();r.d(t,["W",0,n])},9566(e,t,r){"use strict";r.d(t,{LA:()=>a,ZF:()=>o,bz:()=>s,el:()=>c});var n=r(6154);function i(e,t){return e?15&e[t]:16*Math.random()|0}function s(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".split("").map(e=>"x"===e?i(t,r++).toString(16):"y"===e?(3&i()|8).toString(16):e).join("")}function a(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,s=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var o=0;o<e;o++)a.push(i(r,s++).toString(16));return a.join("")}function o(){return a(16)}function c(){return a(32)}},2614(e,t,r){"use strict";r.d(t,["BB",0,18e5,"Wt",0,"NRBA_SESSION::","g",0,{OFF:0,FULL:1,ERROR:2},"iL",0,{SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},"tS",0,{STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},"wk",0,144e5])},733(e,t,r){"use strict";function n(e,t){return function(e){let t=2166136261;for(let r=0;r<e.length;r++)t^=e.charCodeAt(r),t=Math.imul(t,16777619);return(t>>>0).toString(16).padStart(8,"0")}("".concat(String(e),":").concat(String(t)))}r.d(t,{Y:()=>n})},1863(e,t,r){"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},9119(e,t,r){"use strict";r.d(t,{L:()=>s});var n=/([^?#]*)[^#]*(#[^?]*|$).*/,i=/([^?#]*)().*/;function s(e,t){return e?e.replace(t?n:i,"$1$2"):e}},7485(e,t,r){"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},7866(e,t,r){"use strict";r.d(t,["Nc",0,/^\s*at Function code \(Function code:\d+:\d+\)\s*/i,"cn",0,/^\s*(?:([^@]*)(?:\(.*?\))?@)?((?:file|http|https|chrome|safari-extension).*?):(\d+)(?::(\d+))?\s*$/i,"fL",0,/^\s*at .+ \(eval at \S+ \((?:(?:file|http|https):[^)]+)?\)(?:, [^:]*:\d+:\d+)?\)$/i,"h3",0,/function (.+?)\s*\(/,"hB",0,/^\s*at (?:((?:\[object object\])?(?:[^(]*\([^)]*\))*[^()]*(?: \[as \S+\])?) )?\(?((?:file|http|https|chrome-extension):.*?)?:(\d+)(?::(\d+))?\)?\s*$/i])},944(e,t,r){"use strict";r.d(t,{R:()=>i});var n=r(3241);function i(e,t){"function"==typeof console.debug&&(console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t),(0,n.W)({drained:null,type:"data",name:"warn",feature:"warn",data:{code:e,secondary:t}}))}},8990(e,t,r){"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389(e,t,r){"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout(()=>{i=clearTimeout(i)},t)),n||(clearTimeout(i),i=setTimeout(()=>{e.apply(this,r)},t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},1910(e,t,r){"use strict";r.d(t,{i:()=>s});var n=r(944);const i=new Map;function s(...e){return e.every(e=>{if(i.has(e))return i.get(e);const t="function"==typeof e?e.toString():"",r=t.includes("[native code]"),s=t.includes("nrWrapper");return r||s||(0,n.R)(64,e?.name||t),i.set(e,r),r})}},3304(e,t,r){"use strict";r.d(t,{A:()=>i});var n=r(7836);function i(e){try{return JSON.stringify(e,(()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}})())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},9232(e,t,r){"use strict";r.d(t,["f",0,{MFE:"MFE",BA:"BA"}])},7560(e,t,r){"use strict";r.d(t,{N:()=>a,j:()=>c});var n=r(9119),i=r(944);const s=(0,r(6389).J)(e=>(0,i.R)(80,e));function a(e){if(!Array.isArray(e?.assets)||!e.assets.length)return;
2const t=e.assets.map(o).filter(Boolean);return t.length?{assets:t,scripts:t.filter(e=>e.isScript)}:void 0}function o(e){if(!e||"object"!=typeof e)return;const{matcher:t,type:r}=e;let i="string"==typeof t&&t.endsWith(".js");return void 0!==r&&(!function(e){return"script"===e||"asset"===e}(r)?s(r):i=function(e){return"script"===e}(r)),a=t,"[object RegExp]"===Object.prototype.toString.call(a)?{pattern:t,test:e=>(t.lastIndex=0,t.test((0,n.L)(e))),isScript:i}:"string"==typeof t&&t.length>0?{pattern:t,test:e=>(0,n.L)(e).includes(t),isScript:i}:void s(t);var a}function c(e,t,{scriptsOnly:r=!1}={}){if(!e||!t)return!1;return(r?e.scripts:e.assets).some(e=>e.test(t))}},5718(e,t,r){"use strict";r.d(t,{xo:()=>T,AZ:()=>v,cI:()=>g,Qr:()=>A,QL:()=>y});var n=r(6154),i=r(1863),s=r(9119),a=r(7866);class o{dom=new c;performance=new c;constructor(e){this.url=e,this.claimedBy=new Set}get script(){const e=Math.max(this.dom.start,this.performance.end);return{start:e,end:Math.max(this.dom.end,this.performance.end,e)}}}class c{start=0;end=0;value=void 0}function d(e=()=>{},t){return{get:()=>void 0!==t?t:e(),set:e=>{t=e}}}let u;try{u=v(y())[0]}catch(e){u=v(e)[0]}const l=new Map;let f=[];const h=new WeakMap;function p(e){let t=h.get(e);return t||(t={weighedAssetUrls:new Set,recordManifestScriptWindow:(t,r)=>{t&&(e.scriptStart=e.scriptStart>0?Math.min(e.scriptStart,t):t),r&&(e.scriptEnd=e.scriptEnd>0?Math.max(e.scriptEnd,r):r)}},h.set(e,t)),t}function g(e){return l.get(e)}function m(e){const t=g(e);
2if(t)return t;const r=new o(e);if(l.set(e,r),l.size>1e3){const e=l.keys().next().value;l.delete(e)}return r}if(n.gm.MutationObserver&&n.gm.document){new MutationObserver(e=>{e.forEach(e=>{e.addedNodes.forEach(e=>{if("SCRIPT"===e.nodeName&&e.src){const t=m((0,s.L)(e.src));t.dom.start=(0,i.t)(),t.dom.value=e;const r=()=>{t.dom.end=(0,i.t)()};["load","error"].forEach(t=>e.addEventListener(t,r,{once:!0}))}})})}).observe(n.gm.document,{childList:!0,subtree:!0})}if(n.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{if((e=>"script"===e.initiatorType||["link","fetch"].includes(e.initiatorType)&&(0,s.L)(e.name).endsWith(".js"))(e)){const t=m((0,s.L)(e.name));t.performance.start=Math.floor(e.startTime),t.performance.end=Math.floor(e.responseEnd),t.performance.value=e}if(!f.length)return;const t=[];f.forEach(({test:r,addedAt:n},s)=>{(r(e)||(0,i.t)()-n>1e4)&&t.push(s)}),f=f.filter((e,r)=>!t.includes(r))})}).observe({type:"resource",buffered:!0})}function v(e){if(!e||"string"!=typeof e)return[];const t=new Set,r=e.split("\n");for(const e of r){const r=e.match(a.cn)||e.match(a.hB)||e.match(a.fL);if(r&&r[2])t.add((0,s.L)(r[2]));else{const r=e.match(/\(([^)]+\.js):\d+:\d+\)/)||e.match(/^\s+at\s+([^\s(]+\.js):\d+:\d+/);r&&r[1]&&t.add((0,s.L)(r[1]))}}return[...t]}function y(){let e;try{const t=Error.stackTraceLimit;Error.stackTraceLimit=50,e=(new Error).stack,Error.stackTraceLimit=t}catch(t){e=(new Error).stack}return e}function b(e,t){return(0,s.L)(e.name)===t}function E(e,t){e.fetchStart=Math.floor(t.startTime),e.fetchEnd=Math.floor(t.responseEnd),e.asset=t.name,e.type=t.initiatorType,w(e,t)}function w(e,t){const r=(0,s.L)(t.name),{weighedAssetUrls:n}=p(e);n.has(r)||(n.add(r),e.totalWeight=(e.totalWeight||0)+(t.transferSize||0),"blocking"===t.renderBlockingStatus?e.renderBlocking=!0:"non-blocking"===t.renderBlockingStatus&&!0!==e.renderBlocking&&(e.renderBlocking=!1))}function R(e,t,r,n,i){if(w(e,t),"scripts"!==i&&"all"!==i)return;if("all"===i||r.isScript){const r=Math.floor(t.startTime),n=Math.floor(t.responseEnd);e.fetchStart=e.fetchStart>0?Math.min(e.fetchStart,r):r,e.fetchEnd=e.fetchEnd>0?Math.max(e.fetchEnd,n):n}if(r.isScript){const r=g((0,s.L)(t.name));if(r){const t=()=>{const{start:t,end:n}=r.script;p(e).recordManifestScriptWindow(t,n)};t(),!r.dom.end&&r.dom.value&&["load","error"].forEach(e=>r.dom.value.addEventListener(e,t,{once:!0}))}n.resolved||(e.asset=t.name,e.type=t.initiatorType,n.resolved=!0)}}function T(e,t){const r=t?.manifest;if(!r||!r.assets.length)return;const s={resolved:!1},a=new Set(r.assets);(n.gm.performance?.getEntriesByType("resource")||[]).forEach(r=>{const n=[...a].find(e=>e.test(r.name));n&&(R(e,r,n,s,t.timingMethod),a.delete(n))}),a.size&&function(e,t,r,s){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:n=>{const i=[...t].find(e=>e.test(n.name));return i&&(R(e,n,i,r,s),t.delete(i)),0===t.size}})}(e,a,s,t.timingMethod)}function A(e){const t=e?.id,r={registeredAt:(0,i.t)(),reportedAt:void 0,fetchStart:0,fetchEnd:0,scriptStart:0,scriptEnd:0,asset:void 0,type:"unknown",totalWeight:0,renderBlocking:void 0},a=y();if(!a)return r;const o=n.gm.performance?.getEntriesByType("navigation")?.[0]?.name||"";try{const e=v(a),c=(e.length>1?e.filter(e=>u!==e):e)[0];if(!c)return r;if(o.includes(c))return r.asset=(0,s.L)(o),r.type="inline",r;r.correlation=g(c);const l=r.correlation?.performance.value||n.gm.performance?.getEntriesByType("resource")?.find(e=>b(e,c));if(l)E(r,l);else{(function(e){if(!e||!n.gm.document)return!1;try{const t=n.gm.document.querySelectorAll('link[rel="preload"][as="script"]');for(const r of t)if((0,s.L)(r.href)===e)return!0}catch(e){}return!1})(c)&&(r.asset=c,r.type="preload"),function(e,t){n.gm.PerformanceObserver?.supportedEntryTypes?.includes("resource")&&f.push({addedAt:(0,i.t)(),test:r=>!!b(r,t)&&(E(e,r),!0)})}(r,c)}const h=r.correlation,m=!!t&&!!h?.claimedBy.has(t);h&&t&&h.claimedBy.add(t);const y=()=>{const e=h?.script.start;if(!m||!e)return!1;return r.registeredAt-e>1e4};let w=0,R=0;p(r).recordManifestScriptWindow=(e,t)=>{e&&(w=w>0?Math.min(w,e):e),t&&(R=R>0?Math.max(R,t):t)},Object.defineProperty(r,"scriptStart",d(()=>{const e=y()?r.registeredAt:h?.script.start??r.fetchEnd;return w>0?Math.min(e,w):e})),Object.defineProperty(r,"scriptEnd",d(()=>{const e=y()?r.registeredAt:h?.script.end??r.registeredAt;return R>0?Math.max(e,R):e}))}catch(e){}return r}},5732(e,t,r){"use strict";r.d(t,{$5:()=>m,B5:()=>g,K6:()=>u,M$:()=>
2o,Ms:()=>d,NG:()=>c,Ux:()=>h,YA:()=>p,yx:()=>l});var n=r(5718),i=r(7560),s=r(9119),a=r(9232);function o(e){return e?.type===a.f.MFE}function c(e,t){if(!y(e,t))return;const r=t.runtime.registeredEntities;return r?.find(t=>t.metadata.target.iframeInterfaceId===e)}function d(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities;return r?.filter(t=>String(t.metadata.target.id)===String(e)).map(e=>e.metadata.target)||[]}function u(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=(0,s.L)(e),a=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!1}):!!t.metadata.timings?.asset&&(0,s.L)(t.metadata.timings.asset)===n});return f(a).map(e=>e.metadata.target)}function l(e,t){if(!y(e,t))return[];const r=t.runtime.registeredEntities,n=r?.filter(t=>{const r=t.metadata.target?.manifest;return r?(0,i.j)(r,e,{scriptsOnly:!0}):!!t.metadata.timings?.asset?.endsWith(e)});return f(n).map(e=>e.metadata.target)}function f(e){if(!e?.length)return e||[];const t=new Map,r=[];for(const n of e){const e=n.metadata?.timings?.asset;if(!e){r.push(n);continue}const i="".concat(e,"::").concat(n.metadata?.target?.id),s=t.get(i);if(s){if(s.metadata.target?.blocked&&!n.metadata.target?.blocked){const e=r.indexOf(s);-1!==e&&(r[e]=n),t.set(i,n)}}else t.set(i,n),r.push(n)}return r}function h(e,t){return v(t)?o(e)?e.attributes:t.agentRef.runtime.v2Target.attributes:{}}function p(e,t){return g(e,t)?{"child.id":e.id,"child.type":e.type,...h(void 0,t)}:{}}function g(e,t){return o(e)&&!!v(t)&&t.agentRef.init.api.register.duplicate_data_to_container}function m(e){if(!e?.runtime)return[];if(!y(!0,e)||!e.runtime.registeredEntities?.length)return[e.runtime.v2Target];const t=[];try{var r=(0,n.AZ)((0,n.QL)());let i=r.length-1;for(;r[i];)t.push(...l(r[i--],e))}catch(e){}const i=function(e){const t=new Set,r=[];for(const n of e){const e=n?.instance;t.has(e)||(t.add(e),r.push(n))}return r}(t);return i.length||i.push(e.runtime.v2Target),i}function v(e){return 2===e?.harvestEndpointVersion}function y(e,t){return!!e&&!!t?.init.api.register.enabled}},5289(e,t,r){"use strict";r.d(t,{GG:()=>a,Qr:()=>c,sB:()=>o});var n=r(3878),i=r(6389);function s(){return"undefined"==typeof document||"complete"===document.readyState}function a(e,t){if(s())return e();const r=(0,i.J)(e),a=setInterval(()=>{s()&&(clearInterval(a),r())},500);(0,n.sp)("load",r,t)}function o(e){if(s())return e();(0,n.DD)("DOMContentLoaded",e)}function c(e){if(s())return e();(0,n.sp)("popstate",e)}},384(e,t,r){"use strict";r.d(t,{Zm:()=>c,bQ:()=>u,dV:()=>d,pV:()=>l});var n=r(6154),i=r(1863),s=r(944),a=r(1910);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function c(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function d(){let e=c();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate||n.gm.setInterval,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket},(0,a.i)(...Object.values(e.o))),e}function u(e,t){let r=c();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t,2===Object.keys(r.initializedAgents).length&&(0,s.R)(69)}function l(){return function(){let e=c();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=c();const t=e.init||{};e.init={...t}}(),d(),function(){let e=c();const t=e.loader_config||{};e.loader_config={...t}}(),c()}r.d(t,["NT",0,o])},2843(e,t,r){"use strict";r.d(t,{G:()=>s,u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)},r,i)}function s(e,t,r){(0,n.sp)("pagehide",e,t,r)}},8139(e,t,r){"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),s=r(8990),a=r(6154);const o={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e,t){var r=function(e){return(e||n.ee).get("events")}(e);if(o[r.debugId]++)return r;o[r.debugId]=1;var f=(0,i.YM)(r,!0,t);function p(e){f.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,p),c&&h(c.prototype,p),h(a.gm,p)),r.on(d+"-start",function(e,t){var r=e[1];if(null!==r&&("function"==typeof r||"object"==typeof r)&&"newrelic"!==e[0]){var n=(0,s.I)(r,l,function(){var e={object:function(){if("function"!=typeof r.handleEvent)return;return r.handleEvent.apply(r,arguments)},function:r}[typeof r];return e?f(e,"fn-",null,e.name||"anonymous"):r});this.wrapped=e[1]=n}}),r.on(u+"-start",function(e){e[1]=this.wrapped||e[1]}),r}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434(e,t,r){"use strict";r.d(t,{YM:()=>d});var n=r(7836),i=r(5607),s=r(5732);const a="nr@original:".concat(i.W);var o=Object.prototype.hasOwnProperty,c=!1;function d(e,t,r){return e||(e=n.ee),i.inPlace=function(e,t,r,n,s,a){r||(r="");const o="-"===r.charAt(0);for(let c=0;c<t.length;c++){const d=t[c],u=e[d];l(u)||(e[d]=i(u,o?d+r:r,n,d,s,a))}},i.flag=a,i;function i(t,n,i,c,f,h){return l(t)?t:(n||(n=""),nrWrapper[a]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach(function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})}),t}catch(e){u([e],r)}for(var n in e)o.call(e,n)&&(t[n]=e[n])}
2(t,nrWrapper,e),nrWrapper);function nrWrapper(){var a,o,l,p;let g,m;try{o=this,a=[...arguments],m=h?(0,s.$5)(r):[r?.runtime?.v2Target],l="function"==typeof i?i(a,o):i||{}}catch(t){u([t,"",[a,o,c],l],e)}d(n+"start",[a,o,c,m],l,f);const v=performance.now();let y;try{return p=t.apply(o,a),y=performance.now(),p}catch(e){throw y=performance.now(),d(n+"err",[a,o,e,m],l,f),g=e,g}finally{const e=y-v,t={start:v,end:y,duration:e,isLongTask:e>=50,methodName:c,thrownError:g};t.isLongTask&&d("long-task",[t,o,m],l,f),d(n+"end",[a,o,p,m],l,f)}}}function d(r,n,i,s){if(!c||t){var a=c;c=!0;try{e.emit(r,n,i,t,s)}catch(t){u([t,r,n,i],e)}c=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function l(e){return!(e&&"function"==typeof e&&e.apply&&!e[a])}r.d(t,["Jt",0,a])},9300(e,t,r){"use strict";const n=r(860).K7.ajax;r.d(t,["TZ",0,n,"f5",0,"ajaxRequest.id","mo",0,{NONE:"none",FAILURES:"failures",ALL:"all"}])},3333(e,t,r){"use strict";var n=r(981);const i=r(860).K7.genericEvents,s=[n.R.PA,n.R.UA,n.R.BP];r.d(t,["$v",0,{RESOURCES:"experimental.resources",REGISTER:"register"},"TZ",0,i,"Zp",0,["auxclick","click","copy","keydown","paste","scrollend"],"kd",0,s,"qN",0,["focus","blur"]])},6774(e,t,r){"use strict";const n=r(860).K7.jserrors;r.d(t,["T",0,n])},993(e,t,r){"use strict";const n=r(860).K7.logging;r.d(t,["A$",0,{OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},"TZ",0,n,"p_",0,{ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"}])},3785(e,t,r){"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),s=r(860),a=r(3969),o=r(993);function c(e,t,r={},c=o.p_.INFO,d=!0,u,l=(0,i.t)()){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,s.K7.metrics,e),(0,n.p)("log",[l,t,r,c,d,u],void 0,s.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(o.p_).some(t=>t===e.toUpperCase().trim())}},3969(e,t,r){"use strict";const n=r(860).K7.metrics;r.d(t,["TZ",0,n,"XG",0,"storeEventMetrics","xV",0,"storeSupportabilityMetrics"])},6630(e,t,r){"use strict";const n=r(860).K7.pageViewEvent;r.d(t,["T",0,n])},782(e,t,r){"use strict";const n=r(860).K7.pageViewTiming;r.d(t,["T",0,n])},6344(e,t,r){"use strict";var n=r(2614);const i=r(860).K7.sessionReplay,s={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0}
2;r.d(t,["Qb",0,{API:"api",RESUME:"resume",SWITCH_TO_FULL:"switchToFull",INITIALIZE:"initialize",PRELOAD:"preload"},"TZ",0,i,"Vh",0,"errorDuringReplay","_s",0,{DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},"bc",0,{RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},"yP",0,s])},5270(e,t,r){"use strict";r.d(t,{Aw:()=>a,SR:()=>s,rF:()=>o});var n=r(384),i=r(7767);function s(e){return!!(0,n.dV)().o.MO&&(0,i.V)(e)&&!0===e?.session_trace.enabled}function a(e){return!0===e?.session_replay.preload&&s(e)}function o(e,t){try{if("string"==typeof t?.type&&"password"===t.type.toLowerCase())return"*".repeat(e?.length||0);if(void 0!==t?.dataset?.nrUnmask||t?.classList?.contains("nr-unmask"))return e}catch(e){}return"string"==typeof e?e.replace(/[\S]/g,"*"):"*".repeat(e?.length||0)}},3738(e,t,r){"use strict";const n=r(860).K7.sessionTrace,i="-start",s="-end",a="fn"+i,o="fn"+s;r.d(t,["He",0,"bstResource","Kp",0,s,"Lc",0,o,"Rz",0,"pushState","TZ",0,n,"bD",0,"resource","bc",0,{CROSS_TAB:{message:"Session Entity was set to OFF on another tab"},ENTITLEMENTS:{message:"Session Trace is not allowed and will not be started"},RESET:{message:"Session was reset"},SESSION_CHANGED:{message:"Session identifier changed unexpectedly"}},"d3",0,i,"uP",0,a])},3962(e,t,r){"use strict";const n=r(860).K7.softNav;r.d(t,["O2",0,{INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},"OV",0,"popstate","Qu",0,{INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},"TZ",0,n,"ih",0,{IP:"in progress",PF:"pending finish",FIN:"finished",CAN:"cancelled"},"pP",0,"initialPageLoad","tC",0,["click","keydown","submit"]])},4234(e,t,r){"use strict";r.d(t,{W:()=>i});var n=r(1687);class i{constructor(e,t){this.agentRef=e,this.ee=e?.ee,this.featureName=t,this.blocked=!1}deregisterDrain(){(0,n.x3)(this.agentRef,this.featureName)}}},7767(e,t,r){"use strict";var n=r(6154);r.d(t,["V",0,e=>n.RI&&!0===e?.privacy.cookies_enabled])},8362(e,t,r){"use strict";r.d(t,{d:()=>s});var n=r(9566),i=r(1741);class s extends i.W{agentIdentifier=(0,n.LA)(16)}},1741(e,t,r){"use strict";r.d(t,{W:()=>s});var n=r(944),i=r(4261);class s{#e(e,...t){if(this[e]!==s.prototype[e])return this[e](...t);(0,n.R)(35,e)}addPageAction(e,t){return this.#e(i.hG,e,t)}register(e){return this.#e(i.eY,e)}recordCustomEvent(e,t){return this.#e(i.fF,e,t)}setPageViewName(e,t){return this.#e(i.Fw,e,t)}setCustomAttribute(e,t,r){return this.#e(i.cD,e,t,r)}noticeError(e,t){return this.#e(i.o5,e,t)}setUserId(e,t=!1){return this.#e(i.Dl,e,t)}setApplicationVersion(e){return this.#e(i.nb,e)}setErrorHandler(e){return this.#e(i.bt,e)}addRelease(e,t){return this.#e(i.k6,e,t)}log(e,t){return this.#e("log",e,t)}start(){return this.#e("start")}finished(e){return this.#e(i.BL,e)}recordReplay(){return this.#e(i.CH)}pauseReplay(){return this.#e(i.Tb)}addToTrace(e){return this.#e(i.U2,e)}setCurrentRouteName(e){return this.#e(i.PA,e)}interaction(e){return this.#e(i.dT,e)}wrapLogger(e,t,r){return this.#e(i.Wb,e,t,r)}measure(e,t){return this.#e(i.V1,e,t)}consent(e){return this.#e(i.Pv,e)}}},4261(e,t,r){"use strict";r.d(t,["BL",0,"finished","CH",0,"recordReplay","Dl",0,"setUserId","Fw",0,"setPageViewName","PA",0,"setCurrentRouteName","Pv",0,"consent","Tb",0,"pauseReplay","U2",0,"addToTrace","V1",0,"measure","Wb",0,"wrapLogger","bt",0,"setErrorHandler","cD",0,"setCustomAttribute","dT",0,"interaction","eY",0,"register","fF",0,"recordCustomEvent","hG",0,"addPageAction","hw",0,"api-ixn-","k6",0,"addRelease","nb",0,"setApplicationVersion","o5",0,"noticeError"])},1738(e,t,r){"use strict";r.d(t,{U:()=>l,Y:()=>u});var n=r(3241),i=r(9908),s=r(1863),a=r(944),o=r(3969),c=r(8362),d=r(860);function u(e,t,r,s){const u=s||r;!u||u[e]&&u[e]!==c.d.prototype[e]||(u[e]=function(){(0,i.p)(o.xV,["API/"+e+"/called"],void 0,d.K7.metrics,r.ee),(0,n.W)({drained:!!r.runtime?.activatedFeatures,type:"data",name:"api",feature:"api-"+e,data:{}});try{return t.apply(this,arguments)}catch(e){(0,a.R)(23,e)}})}function l(e,t,r,n,a){const o=e.info;null===r?delete o.jsAttributes[t]:o.jsAttributes[t]=r,(a||null===r)&&(0,i.p)("api-"+n,[(0,s.t)(),t,r],void 0,"session",e.ee)}},8374(e,t,r){r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860(e,t,r){"use strict";const n="events",i="jserrors",s="browser/blobs",a="browser/logs",o={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations"},c={[o.pageViewEvent]:1,[o.pageViewTiming]:2,[o.metrics]:3,[o.jserrors]:4,[o.softNav]:5,[o.ajax]:6,[o.sessionTrace]:7,[o.sessionReplay]:8,[o.logging]:9,[o.genericEvents]:10},d={[o.pageViewEvent]:"rum",[o.pageViewTiming]:n,[o.ajax]:n,[o.softNav]:n,[o.metrics]:i,[o.jserrors]:i,[o.sessionTrace]:s,[o.sessionReplay]:s,[o.logging]:a,[o.genericEvents]:"ins"};r.d(t,["$J",0,d,"K7",0,o,"P3",0,c,"XX",0,i,"Yy",0,a,"df",0,s,"hg",0,"connect"])}};const t={};function r(n){const i=t[n];if(void 0!==i)return i.exports;const s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.m=e,r.d=(e,t)=>{if(Array.isArray(t))for(var n=0;n<t.length;){var i=t[n++],s=t[n++];r.o(e,i)?0===s&&n++:0===s?Object.defineProperty(e,i,{enumerable:!0,value:t[n++]}):Object.defineProperty(e,i,{enumerable:!0,get:s})}else for(var i in t)r.o(t,i)&&!r.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:t[i]})},r.f={},r.e=e=>Promise.all(Object.keys(r.f).reduce((t,n)=>(r.f[n](e,t),t),[])),r.u=e=>({212:"nr-spa-compressor",238:"nr-spa-iframe-message-handler",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.323.0.min.js"),r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),(()=>{const e={},t="NRBA-1.323.0.PROD:";r.l=(n,i,s,a)=>
2{if(e[n])return void e[n].push(i);let o,c;if(void 0!==s){const e=document.getElementsByTagName("script");for(var d=0;d<e.length;d++){const r=e[d];if(r.getAttribute("src")==n||r.getAttribute("data-webpack")==t+s){o=r;break}}}if(!o){c=!0;var u={478:"sha512-ORjtmy+nQMgxbu0os8+oTRa5sPzbinyuWSvpZrrstVLIaHofRRlfODdH+oUmkIgeQpM+vPf3vG/4RzvCsFVh1A==",249:"sha512-o7+K6xC0z3TqynjVxpd+jgiSgqy8rrPeRcUSqt5J0Rqg5Su5CycLMYfpwiM3WBCHiNDrG5aZoXJQ6HRc335XYQ==",212:"sha512-kRvBt1IYQDBnClTEWNaE8sDFqbXXM3Vdyf972Uf4MFbJxl7u3KmdO+jdB1H4achPEoT9YtNXHswaESey6sCH0A==",238:"sha512-U5EGmyYbFVR2UMNAuZJ7fTgVVtPa5b8RPMySDwXo7z3frRdkUJ2x1VAQTLQCeBab8VlGVGRV8FiSHIn/pwN72A=="};o=document.createElement("script"),o.charset="utf-8",r.nc&&o.setAttribute("nonce",r.nc),o.setAttribute("data-webpack",t+s),o.src=n,0!==o.src.indexOf(window.location.origin+"/")&&(o.crossOrigin="anonymous"),u[a]&&(o.integrity=u[a])}e[n]=[i];const l=(t,r)=>{o.onerror=o.onload=null,clearTimeout(f);const i=e[n];if(delete e[n],o.parentNode?.removeChild(o),i?.forEach(e=>e(r)),t)return t(r)},f=setTimeout(l.bind(null,void 0,{type:"timeout",target:o}),12e4);o.onerror=l.bind(null,o.onerror),o.onload=l.bind(null,o.onload),c&&document.head.appendChild(o)}})(),r.r=e=>{Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.p="https://js-agent.newrelic.com/",(()=>{const e={38:0,788:0};r.f.j=(t,n)=>{let i=r.o(e,t)?e[t]:void 0;if(0!==i)if(i)n.push(i[2]);else{const s=new Promise((r,n)=>i=e[t]=[r,n]);n.push(i[2]=s);const a=r.p+r.u(t),o=new Error,c=n=>{if(r.o(e,t)&&(i=e[t],0!==i&&(e[t]=void 0),i)){const e=n&&("load"===n.type?"missing":n.type),r=n&&n.target&&n.target.src;o.message="Loading chunk "+t+" failed: ("+e+": "+r+")",o.name="ChunkLoadError",o.type=e,o.request=r,i[1](o)}};r.l(a,c,"chunk-"+t,t)}};const t=(t,n)=>{let[i,s,a]=n;var o,c,d=0;if(i.some(t=>0!==e[t])){for(o in s)r.o(s,o)&&(r.m[o]=s[o]);if(a)a(r)}for(t&&t(n);d<i.length;d++)c=i[d],r.o(e,c)&&e[c]&&e[c][0](),e[c]=0},n=self["webpackChunk:NRBA-1.323.0.PROD"]=self["webpackChunk:NRBA-1.323.0.PROD"]||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";r(8374);var e=r(8362),t=r(860);const n=Object.values(t.K7);var i=r(384),s=r(1741);var a=r(2555),o=r(3333),c=r(9300);const d=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var u=r(2614),l=r(944),f=r(8122);const h="[data-nr-mask]",p=e=>(0,f.a)(e,(()=>{const e={feature_flags:[],experimental:{register:!1,resources:!1,iframe_bridge:!1,iframe_domains:[]},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0,capture_payloads:c.mo.NONE},api:{register:{get enabled(){return e.feature_flags.includes(o.$v.REGISTER)||e.experimental.register},set enabled(t){e.experimental.register=t},duplicate_data_to_container:!1,get allow_iframe_bridge(){return e.feature_flags.includes(o.$v.IFRAME_BRIDGE)||e.experimental.iframe_bridge},set allow_iframe_bridge(t){e.experimental.iframe_bridge=t},get iframe_domains(){return e.experimental.iframe_domains},set iframe_domains(t){Array.isArray(t)?e.experimental.iframe_domains=t:(0,l.R)(1,t)}}},browser_consent_mode:{enabled:!1},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1,capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(o.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:u.wk,inactiveMs:u.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inl
2ine_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){d(t)?e.mask_selector="".concat(t,",").concat(h):""===t||null===t?e.mask_selector=h:(0,l.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){d(t)?e.block_selector+=",".concat(t):""!==t&&(0,l.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,l.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]},web_sockets:{enabled:!1}}})());var g=r(6154),m=r(9324);let v=0;const y={buildEnv:"PROD",distMethod:"CDN",version:m.x,originTime:g.WN},b={consented:!1},E={activatedFeatures:void 0,appMetadata:{},configured:!1,get consented(){return this.session?.state?.consent||b.consented},set consented(e){b.consented=e},customTransaction:void 0,denyList:[],disabled:!1,drainRegistry:new Map,connector:void 0,harvester:void 0,v2Target:void 0,isolatedBacklog:!1,isRecording:!1,loaderType:void 0,maxBytes:3e4,obfuscator:void 0,onerror:void 0,ptid:void 0,releaseIds:{},session:void 0,timeKeeper:void 0,registeredEntities:[],jsAttributesMetadata:{bytes:0},get harvestCount(){return++v},listeningForIframeMessages:!1};var w=r(9232);var R=r(7836),T=r(3241);const A={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0};var S=r(9908),x=r(9752);function O(e,t={},n,o){let{init:c,info:d,loader_config:u,runtime:l={},exposed:h=!0}=t;if(!d){const e=(0,i.pV)();c=e.init,d=e.info,u=e.loader_config}var m;e.init=p(c||{}),e.loader_config=(m=u||{},(0,f.a)(m,A)),d.jsAttributes??={},g.bv&&(d.jsAttributes.isWorker=!0),e.info=(0,a.D)(d);const v=e.init;e.runtime??=(e=>{const t=(0,f.a)(e,E),r=Object.keys(y).reduce((e,t)=>(e[t]={value:y[t],writable:!1,configurable:!0,enumerable:!0},e),{});return Object.defineProperties(t,r)})(l),e.runtime.v2Target??={type:w.f.BA,instance:e.agentIdentifier,get id(){return e.runtime.appMetadata?.agents?.[0]?.entityGuid},get attributes(){return{"entity.guid":this.id,appId:e.info.applicationID}}},v.proxy.assets&&(e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e})(v.proxy.assets),e.runtime.configured||(Object.defineProperty(e,"beacons",{get:()=>[e.info.beacon,e.info.errorBeacon,e.init.proxy.assets,e.init.proxy.beacon].filter(Boolean)}),Object.defineProperty(e.runtime,"denyList",{get:()=>[...e.init.ajax.deny_list||[],...e.init.ajax.block_internal?e.beacons:[]]}),e.runtime.ptid=e.agentIdentifier,function(e){const t=(0,i.pV)();Object.getOwnPropertyNames(s.W.prototype).forEach(r=>{const n=s.W.prototype[r];if("function"!=typeof n||"constructor"===n)return;let i=t[r];e[r]&&!1!==e.exposed&&"micro-agent"!==e.runtime?.loaderType&&(t[r]=(...t)=>{const n=e[r](...t);return i?i(...t):n})})}(e),e.runtime.loaderType=n,e.ee=R.ee.get(e.agentIdentifier),e.exposed=h,(0,T.W)({drained:!!e.runtime.activatedFeatures,type:"lifecycle",name:"initialize",feature:void 0,data:e.config}),e.init.api.register.allow_iframe_bridge&&g.gm.addEventListener("message",t=>{"string"==typeof t.data?.type&&t.data.type.startsWith(x.Pl)&&(0,S.p)("iframe-message",[t],void 0,"IFRAME",e.ee)}),e.runtime.configured=!0)}var _=r(1863),k=r(4261),N=r(1738);var L=r(1687),M=r(4234),P=r(5289),I=r(5270),j=r(7767),C=r(6389),D=r(7699);const B=new WeakSet,H=new WeakMap;class W extends M.W{constructor(e,t){super(e,t),this.abortHandler=void 0,this.featAggregate=void 0,this.loadedSuccessfully=void 0,this.onAggregateImported=new Promise(e=>{this.loadedSuccessfully=e}),this.deferred=Promise.resolve(),!1===e.init[this.featureName].autoStart?this.deferred=new Promise((t,r)=>{this.ee.on("manual-start-all",(0,C.J)(()=>{(0,L.Ak)(e,this.featureName),t()}))}):(0,L.Ak)(e,t)}importAggregator(e,t,n={}){if(this.featAggregate)return;const i=async()=>{if(await this.deferred,this.#t(e),!(0,a.f)(e.info))return(0,l.R)(43),e.ee.abort(),void this.loadedSuccessfully(!1);try{await async function(e,t,n){if(H.has(e))return H.get(e);const i=(async()=>
2{if((0,j.V)(e.init))try{const{setupAgentSession:t}=await r.e(478).then(r.bind(r,8766));t(e)}catch(e){(0,l.R)(20,e),t.emit("internal-error",[e]),(0,S.p)(D.qh,[e],void 0,n,t)}if(e.init.api.register.allow_iframe_bridge)try{const{setupIframeMFEMessageListener:t}=await r.e(238).then(r.bind(r,6417));t(e)}catch(e){(0,l.R)(23,e)}const[{Connector:i},{Harvester:s}]=await Promise.all([r.e(478).then(r.bind(r,6589)),r.e(478).then(r.bind(r,5237))]);e.runtime.connector=new i(e),e.runtime.harvester=new s(e);const a=Object.values(e.features).filter(t=>e.runtime.drainRegistry.has(t.featureName));Promise.all(a.map(e=>e.onAggregateImported)).then(()=>e.runtime.harvester.startTimer())})();H.set(e,i),await i}(e,this.ee,this.featureName)}catch(e){return(0,l.R)(79,e),this.ee.abort(),void this.loadedSuccessfully(!1)}try{if(!this.#r(this.featureName,e.runtime.session,e.init))return this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName),void this.loadedSuccessfully(!1);const{Aggregate:r}=await t();this.featAggregate=new r(e,n),e.runtime.harvester.initializedAggregates.push(this.featAggregate),this.loadedSuccessfully(!0)}catch(e){(0,l.R)(34,e),this.abortHandler?.(),(0,L.Ze)(this.agentRef,this.featureName,!0),this.loadedSuccessfully(!1)}};g.RI?(0,P.GG)(()=>i(),!0):i()}#r(e,r,n){if(this.blocked)return!1;switch(e){case t.K7.sessionReplay:return(0,I.SR)(n)&&!!r;case t.K7.sessionTrace:return!!r;default:return!0}}#t(e){if(!B.has(e)&&(B.add(e),!(0,a.f)(e.info))){const t=(0,i.pV)();let r={...t.info?.jsAttributes};try{r={...r,...e.info?.jsAttributes}}catch(e){}O(e,{...t,info:{...t.info,jsAttributes:r},runtime:e.runtime},e.runtime.loaderType)}}}var U=r(6630);class K extends W{static featureName=U.T;constructor(e){var t;super(e,U.T),this.setupInspectionEvents(),t=e,(0,N.Y)(k.Fw,function(e,r){"string"==typeof e&&("/"!==e.charAt(0)&&(e="/"+e),t.runtime.customTransaction=(r||"http://custom.transaction")+e,(0,S.p)("api-"+k.Fw,[(0,_.t)()],void 0,void 0,t.ee))},t),this.importAggregator(e,()=>e.init.feature_flags.includes("rum_v2")?r.e(478).then(r.bind(r,908)):r.e(478).then(r.bind(r,7927)))}setupInspectionEvents(){const e=(e,t)=>{e&&(0,T.W)({timeStamp:e.timeStamp,loaded:"complete"===e.target.readyState,type:"window",name:t,data:e.target.location+""})};(0,P.sB)(t=>{e(t,"DOMContentLoaded")}),(0,P.GG)(t=>{e(t,"load")}),(0,P.Qr)(t=>{e(t,"navigate")}),this.ee.on(u.tS.UPDATE,(e,t)=>{(0,T.W)({type:"lifecycle",name:"session",data:t})})}}class F extends e.d{constructor(e){var t;(super(),g.gm)?(this.features={},(0,i.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(e.features||[]),this.desiredFeatures.add(K),O(this,e,e.loaderType||"agent"),t=this,(0,N.Y)(k.cD,function(e,r,n=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof r)||null===r)return(0,N.U)(t,e,r,k.cD,n);(0,l.R)(40,typeof r)}else(0,l.R)(39,typeof e)},t),function(e){(0,N.Y)(k.Dl,function(t,r=!1){if("string"!=typeof t&&null!==t)return void(0,l.R)(41,typeof t);const n=e.info.jsAttributes["enduser.id"];r&&null!=n&&n!==t?(0,S.p)("api-setUserIdAndResetSession",[t],void 0,"session",e.ee):(0,N.U)(e,"enduser.id",t,k.Dl,!0)},e)}(this),function(e){(0,N.Y)(k.nb,function(t){if("string"==typeof t||null===t)return(0,N.U)(e,"application.version",t,k.nb,!1);(0,l.R)(42,typeof t)},e)}(this),function(e){(0,N.Y)("start",function(){e.ee.emit("manual-start-all")},e)}(this),function(e){(0,N.Y)(k.Pv,function(t=!0){if("boolean"==typeof t){if((0,S.p)("api-"+k.Pv,[t],void 0,"session",e.ee),e.runtime.consented=t,t){const t=e.features.page_view_event;t.onAggregateImported.then(e=>{const r=t.featAggregate;e&&!r.sentRum&&r.sendRum?.()})}}else(0,l.R)(65,typeof t)},e)}(this),this.run()):(0,l.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}get api(){return this}run(){try{const e=function(e){const t={};return n.forEach(r=>{t[r]=!!e[r]?.enabled}),t}(this.init),r=[...this.desiredFeatures],i=this.init.feature_flags.includes("rum_v2");r.sort((e,r)=>t.P3[e.featureName]-t.P3[r.featureName]),r.forEach(r=>{if(!e[r.featureName]&&(i||r.featureName!==t.K7.pageViewEvent))return;const n=function(e){switch(e){case t.K7.ajax:return[t.K7.jserrors];case t.K7.sessionTrace:return[t.K7.ajax,t.K7.pageViewEvent];case t.K7.sessionReplay:return[t.K7.sessionTrace];case t.K7.pageViewTiming:return[t.K7.pageViewEvent];default:return[]}}(r.featureName).filter(e=>!(e in this.features));n.length>0&&(0,l.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)})}catch(e){(0,l.R)(22,e);for(const e in this.features)this.features[e].abortHandler?.();const t=(0,i.Zm)();delete t.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return t.ee.get(this.agentIdentifier).abort(),!1}}}var V=r(2843),z=r(782);class G extends W{static featureName=z.T;constructor(e){super(e,z.T),g.RI&&((0,V.u)(()=>(0,S.p)("docHidden",[(0,_.t)()],void 0,z.T,this.ee),!0),(0,V.G)(()=>(0,S.p)("winPagehide",[(0,_.t)()],void 0,z.T,this.ee)),this.importAggregator(e,()=>r.e(478).then(r.bind(r,9917))))}}var q=r(3969);class Y extends W{static featureName=q.TZ;constructor(e){super(e,q.TZ),this.importAggregator(e,()=>r.e(478).then(r.bind(r,6555)))}}var Z=r(6774),J=r(3878),X=r(3304);class Q{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,X.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function ee(e){return ne(e)?e:new Q(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic,e?.cause)}function te(e){const t="Unhandled Promise Rejection: ";if(!e?.reason)return;if(ne(e.reason)){try{e.reason.message.startsWith(t)||(e.reason.message=t+e.reason.message)}catch(e){}return ee(e.reason)}const r=ee(e.reason);return(r.message||"").startsWith(t)||(r.message=t+r.message),r}function re(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new Q(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic,e.cause);return t.name=SyntaxError.name,t}return ne(e.error)?e.error:ee(e)}function ne(e){return e instanceof Error&&!!e.stack}function ie(e,r,n,i,s=(0,_.t)()){"string"==typeof e&&(e=new Error(e)),(0,S.p)("err",[e,s,!1,r,n.runtime.isRecording,void 0,i],void 0,t.K7.jserrors,n.ee),(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,n.ee)}var se=r(993),ae=r(3785);function oe(e,{customAttributes:t={},level:r=se.p_.INFO}={},n,i,s=(0,_.t)()){(0,ae.R)(n.ee,e,t,r,!1,i,s)}function ce(e,r,n,i,s=(0,_.t)()){(0,S.p)("api-"+k.hG,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}function de(e,r,n,i,s=(0,_.t)()){const{start:a,end:o,customAttributes:c}=r||{},d={customAttributes:c||{}};if("object"!=typeof d.customAttributes||"string"!=typeof e||0===e.length)return void(0,l.R)(57);const u=(e,t)=>
2null==e?t:"number"==typeof e?e:e instanceof PerformanceMark?e.startTime:Number.NaN;if(d.start=u(a,0),d.end=u(o,s),Number.isNaN(d.start)||Number.isNaN(d.end))(0,l.R)(57);else{if(d.duration=d.end-d.start,!(d.duration<0))return(0,S.p)("api-"+k.V1,[d,e,i],void 0,t.K7.genericEvents,n.ee),d;(0,l.R)(58)}}function ue(e,r={},n,i,s=(0,_.t)()){(0,S.p)("api-"+k.fF,[s,e,r,i],void 0,t.K7.genericEvents,n.ee)}var le=r(5718);const fe=(e,t)=>e?.nrMfeId===t.id&&(!e?.nrMfeObserved||e?.nrMfeObserved===t.instance),he=e=>{try{return g.gm.CSS.escape(e)}catch(t){return e}},pe=(e,t={})=>{const r=t.id,n=t.instance;if(!e||!r||!n)return!1;try{let r=1===e.nodeType?e:e.parentElement;for(;r?.tagName;){if(fe(r.dataset,t))return r.dataset.nrMfeObserved=n,!0;r=r.parentNode}}catch(e){}return!1},ge=(e,t)=>{const r=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]')),n=(Array.from(r)||[]).find(t=>fe(t.dataset,e));let i=!!n;i&&(n.dataset.nrMfeObserved??=e.instance);const s=new g.gm.MutationObserver(r=>{r.forEach(r=>{r.addedNodes.forEach(r=>{const n=1===r.nodeType?r:null;!i&&fe(n?.dataset,e)&&(s.disconnect(),s.observe(n,{childList:!0,subtree:!0}),i=!0,n.dataset.nrMfeObserved=e.instance),(e=>{try{return e?.textContent?.trim()||["img","video","canvas","svg"].includes(e?.nodeName?.toLowerCase())}catch(e){return!1}})(r)&&(i||pe(r,e))&&t(r,s)})})});return s.observe(n||g.gm.document,{childList:!0,subtree:!0}),s},me=(e,t,r)=>{try{const n=new g.gm.PerformanceObserver(e=>{e.getEntries().forEach(r)});return n.observe(t),e.push(n),n}catch(e){return null}};function ve(e,t){let r,n,i=!1;const s=e=>null==e?e:e-(t?.scriptStart||t?.registeredAt||0),a={fcp:{get value(){const e=s(r);return e>1e4?void 0:e},set value(e){i||(r=e)}},lcp:{get value(){if(void 0!==a.fcp.value)return s(n)},set value(e){i||(n=e)}},cls:{value:void 0},inp:{value:void 0},disconnect:()=>{}};if(!(e&&g.RI&&g.gm.MutationObserver&&g.gm.PerformanceObserver))return a;const o=[];setTimeout(()=>{r||a.disconnect()},1e4);const c=()=>{if(!i){if(null==r){const e=(0,_.t)();if(s(e)>1e4)return void a.disconnect();r=e}n??=(0,_.t)(),a.cls.value??=0}},d=ge(e,(e,t)=>{c(),t.disconnect()});o.push(d);let u=0,l=null;const f=new Set;try{l=new g.gm.ResizeObserver(e=>{i||e.forEach(e=>{try{const t=e.contentRect.width*e.contentRect.height;t>u&&(u=t,a.lcp.value=(0,_.t)()),l.unobserve(e.target)}catch(e){}})})}catch(e){}const h=ge(e,e=>{if(c(),l)try{const t=1===e.nodeType?e:e.parentElement;t&&!f.has(t)&&(f.add(t),"IMG"===t.tagName?t.complete?l.observe(t):t.addEventListener("load",()=>{l.observe(t)},{once:!0}):"VIDEO"===t.tagName?t.readyState>=2?l.observe(t):t.addEventListener("loadeddata",()=>{l.observe(t)},{once:!0}):l.observe(t))}catch(e){}});l&&o.push(l),o.push(h),me(o,{type:"layout-shift",buffered:!0},t=>{i||t.hadRecentInput||(t.sources||[]).some(r=>!!pe(r.node,e)&&(c(),a.cls.value+=t.value,!0))}),me(o,{type:"event",buffered:!0,durationThreshold:40},t=>{!i&&t.interactionId&&pe(t.target,e)&&(void 0===a.inp.value||t.duration>a.inp.value)&&(c(),a.inp.value=t.duration)});const p=["pointerdown","keydown"],m=()=>{p.forEach(e=>{g.gm.removeEventListener(e,v,{passive:!0})})};a.disconnect=()=>{i=!0,o.forEach(e=>{try{e?.disconnect()}catch(e){}}),m(),["visibilitychange","pagehide"].forEach(e=>{g.gm.removeEventListener(e,a.disconnect,{once:!0,passive:!0})})};const v=t=>{pe(t?.target,e)&&((()=>{try{h?.disconnect(),l?.disconnect()}catch(e){}})(),m())};p.forEach(e=>{g.gm.addEventListener(e,v,{passive:!0})}),["visibilitychange","pagehide"].forEach(e=>{g.gm.addEventListener(e,a.disconnect,{once:!0,passive:!0})});const y=g.gm.document?.querySelectorAll('[data-nr-mfe-id="'.concat(he(e.id),'"]'));return Array.from(y||[]).some(t=>fe(t.dataset,e))&&c(),a}var ye=r(9566),be=r(7560),Ee=r(9119);const we=["entry","scripts","all"],Re=["name","id","type"],Te=new Map([[ce,"addPageAction"],[oe,"log"],[de,"measure"],[ie,"noticeError"],[ue,"recordCustomEvent"]]),Ae={experimental:(0,C.J)(()=>(0,l.R)(54,"newrelic.register")),disabled:(0,C.J)(()=>(0,l.R)(55)),invalidTarget:(0,C.J)(e=>(0,l.R)(48,e)),deregistered:(0,C.J)(()=>(0,l.R)(68)),invalidTimingMethod:(0,C.J)(e=>(0,l.R)(80,e)),duplicateName:(0,C.J)(e=>(0,l.R)(81,e)),duplicateId:(0,C.J)(e=>(0,l.R)(82,e))};function Se(e){(0,N.Y)(k.eY,function(t){return xe(e,t)},e)}function xe(e,r){Ae.experimental(),r||={},r.instance=(0,ye.LA)(8),r.type=w.f.MFE,r.licenseKey||=e.info.licenseKey,r.blocked=!1,("object"!=typeof r.tags||null===r.tags||Array.isArray(r.tags))&&(r.tags={}),r.parent??={get id(){return e.runtime.appMetadata.agents?.[0].entityGuid},type:w.f.BA},r.manifest=(0,be.N)(r.manifest),void 0===r.timingMethod||we.includes(r.timingMethod)||(Ae.invali
2dTimingMethod(r.timingMethod),r.timingMethod=void 0);const n=(0,le.Qr)(r);r.manifest&&(0,le.xo)(n,r);const i=ve(r,n),s=(0,Ee.L)(""+location),a={};Object.prototype.hasOwnProperty.call(r,"attributes")||Object.defineProperty(r,"attributes",{get:()=>({...a,"source.id":r.id,"source.name":r.name,"source.type":r.type,"parent.type":r.parent?.type||w.f.BA,"parent.id":r.parent?.id})}),Object.entries(r.tags).forEach(([e,t])=>{Re.includes(e)||(a["source.".concat(e)]=t)});let o=()=>{};const c=e.runtime.registeredEntities,d=e=>{r.blocked=!0,o=e};function u(e){return"string"==typeof e&&!!e.trim()&&e.trim().length<501}e.init.api.register.enabled||d(Ae.disabled),u(r.id)&&u(r.name)||d(()=>Ae.invalidTarget(r)),c.forEach(e=>{try{const{name:t,id:n}=e.metadata.target;t===r.name&&n!==r.id&&Ae.duplicateName(r),n===r.id&&t!==r.name&&Ae.duplicateId(r)}catch(e){}});const f={addPageAction:(t,n={})=>m(ce,[t,{...a,...n},e],r),deregister:()=>{p(),d(Ae.deregistered)},log:(t,n={})=>m(oe,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),measure:(t,n={})=>m(de,[t,{...n,customAttributes:{...a,...n.customAttributes||{}}},e],r),noticeError:(t,n={})=>m(ie,[t,{...a,...n},e],r),recordCustomEvent:(t,n={})=>m(ue,[t,{...a,...n},e],r),setApplicationVersion:e=>g("application.version",e),setCustomAttribute:(e,t)=>g(e,t),setUserId:e=>g("enduser.id",e),metadata:{get customAttributes(){return a},target:r,timings:n,vitals:i,events:{latestTimestamp:void 0}}},h=()=>(r.blocked&&o(),r.blocked);function p(){if(n.reportedAt)return;n.reportedAt=(0,_.t)(),i.disconnect(),n.fcp=i.fcp,n.lcp=i.lcp,n.cls=i.cls,n.inp=i.inp;const e=n.fetchEnd-n.fetchStart,t=n.scriptEnd-n.scriptStart,r={assetUrl:n.asset,assetType:n.type,registerUrl:s,deregisterUrl:(0,Ee.L)(""+location),pageUrl:void 0,currentUrl:void 0,timeAlive:n.reportedAt-n.registeredAt,timeToBeRequested:n.fetchStart,timeToExecute:t,timeToFetch:e,timeToLoad:e+t,t
2imeToRegister:n.registeredAt,totalWeight:n.totalWeight,...void 0!==n.renderBlocking&&{renderBlocking:n.renderBlocking},...i.fcp.value>=0&&{"vitals.fcp.value":i.fcp.value},...i.lcp.value>=0&&{"vitals.lcp.value":i.lcp.value},...i.cls.value>=0&&{"vitals.cls.value":i.cls.value},...i.inp.value>=0&&{"vitals.inp.value":i.inp.value}};f.recordCustomEvent("MicroFrontEndTiming",r)}h()||(c.push(f),(0,V.G)(p));const g=(e,t)=>{h()||(a[e]=t)},m=(r,n,i)=>{if(h()&&r!==xe)return;const s=f.metadata.events.latestTimestamp??(0,_.t)();f.metadata.events.latestTimestamp=void 0;const a=Te.get(r)||"unknown";(0,S.p)(q.xV,["API/register/".concat(a,"/called")],void 0,t.K7.metrics,e.ee);try{return r(...n,i,s)}catch(e){(0,l.R)(50,e)}};return f}class Oe extends W{static featureName=Z.T;constructor(e){var t;super(e,Z.T),t=e,(0,N.Y)(k.o5,(e,r)=>ie(e,r,t),t),function(e){(0,N.Y)(k.bt,function(t){e.runtime.onerror=t},e)}(e),function(e){let t=0;(0,N.Y)(k.k6,function(e,r){++t>10||(this.runtime.releaseIds[e.slice(-200)]=(""+r).slice(-200))},e)}(e),Se(e);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(t,r)=>{this.abortHandler&&(0,S.p)("ierr",[ee(t),(0,_.t)(),!0,{},e.runtime.isRecording,r],void 0,this.featureName,this.ee)}),g.gm.addEventListener("unhandledrejection",t=>{this.abortHandler&&(0,S.p)("err",[te(t),(0,_.t)(),!1,{unhandledPromiseRejection:1},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",t=>{this.abortHandler&&(0,S.p)("err",[re(t),(0,_.t)(),!1,{},e.runtime.isRecording],void 0,this.featureName,this.ee)},(0,J.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e,()=>r.e(478).then(r.bind(r,9377)))}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var _e=r(8990);let ke=1;function Ne(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,_e.I)(e,"nr@id",function(){return ke++})}function Le(e){if("string"==typeof e)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,X.A)(e).length}catch(e){return}}}var Me=r(8139),Pe=r(3434),Ie=r(5732);const je={},Ce=["open","send","setRequestHeader"];function De(e,t){var r=e||R.ee;const n=function(e){return(e||R.ee).get("xhr")}(r);if(void 0===g.gm.XMLHttpRequest)return n;if(je[n.debugId]++)return n;je[n.debugId]=1,(0,Me.u)(r,t);var i=(0,Pe.YM)(n,void 0,t),s=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,o=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],f=[],h=g.gm.XMLHttpRequest=function(e){const r=new s(e),a=n.context(r);a.targets=(0,Ie.$5)(t);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(o=a,function(){var e=this;e.readyState>3&&!o.resolved&&(o.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",E)}),(0,J.jT)(!1))}catch(e){(0,l.R)(15,e);try{n.emit("internal-error",[e])}catch(e){}}var o;return r};function p(e,t){i.inPlace(t,["onreadystatechange"],"fn-",E)}if(function(e,t){for(var r in e)t[r]=e[r]}(s,h),h.prototype=s.prototype,i.inPlace(h.prototype,Ce,"-xhr-",E),n.on("send-xhr-start",function(e,t){p(e,t),function(e){f.push(e),a&&(m?m.then(b):c?c(b):(v=-v,y.data=v))}(t)}),n.on("open-xhr-start",p),a){var m=o&&o.resolve();if(!c&&!o){var v=1,y=document.createTextNode(v);new a(b).observe(y,{characterData:!0})}}else r.on("fn-end",function(e){e[0]&&e[0].type===d||b()});function b(){for(var e=0;e<f.length;e++)p(0,f[e]);f.length&&(f=[])}function E(e,t){return t}return n}var Be="fetch-",He=Be+"body-",We=["arrayBuffer","blob","json","text","formData"],Ue=g.gm.Request,Ke=g.gm.Response,Fe="prototype";const Ve={};function ze(e,t){const r=function(e){return(e||R.ee).get("fetch")}(e);if(!(Ue&&Ke&&g.gm.fetch))return r;if(Ve[r.debugId]++)return r;function n(e,n,i){var s=e[n];"function"==typeof s&&(e[n]=function(){var e=[...arguments];const n={},a=(0,Ie.$5)(t);var o;r.emit(i+"before-start",[e],n),n[R.P]&&n[R.P].dt&&(o=n[R.P].dt);var c=s.apply(this,e);return r.emit(i+"start",[e,o],c),c.then(function(e){return r.emit(i+"end",[null,e,a],c),e},function(e){throw r.emit(i+"end",[e,void 0,a],c),e})})}
2return Ve[r.debugId]=1,We.forEach(e=>{n(Ue[Fe],e,He),n(Ke[Fe],e,He)}),n(g.gm,"fetch",Be),r.on(Be+"end",function(e,n,i){var s=this;if(s.targets=i||[t.runtime.v2Target],n){var a=n.headers.get("content-length");null!==a&&(s.rxSize=a),r.emit(Be+"done",[null,n],s)}else r.emit(Be+"done",[e],s)}),r}var Ge=r(7485);class qe{constructor(e){this.agentRef=e}generateTracePayload(e){const t=this.agentRef.loader_config;if(!this.shouldGenerateTrace(e)||!t)return null;var r=(t.accountID||"").toString()||null,n=(t.agentID||"").toString()||null,i=(t.trustKey||"").toString()||null;if(!r||!n)return null;var s,a=(0,ye.ZF)(),o=(0,ye.el)(),c=Date.now();this.agentRef.runtime?.timeKeeper?.ready&&(s=Math.floor(this.agentRef.runtime.timeKeeper.correctAbsoluteTimestamp(c)));var d={spanId:a,traceId:o,timestamp:c,timestampCorrected:s};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,o),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,s??c,r,n,i)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,o,s??c,r,n,i)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,s){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return s&&n!==s&&(a.d.tk=s),btoa((0,X.A)(a))}shouldGenerateTrace(e){return this.agentRef.init?.distributed_tracing?.enabled&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1;const r=this.agentRef.init?.distributed_tracing;if(e.sameOrigin)t=!0;else if(r?.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,Ge.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}excludeNewrelicHeader(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=this.agentRef.init?.distributed_tracing;return!!e&&!!e.cors_use_tracecontext_headers}}var Ye=r(7295);function Ze(e){return"string"==typeof e?e:e instanceof(0,i.dV)().o.REQ?e.url:g.gm?.URL&&e instanceof URL?e.href:void 0}function $e(e,t){var r=(0,Ge.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}var Je=["load","error","abort","timeout"],Xe=Je.length,Qe=(0,i.dV)().o.REQ,et=(0,i.dV)().o.XHR;const tt="X-NewRelic-App-Data",rt="internal-error";class nt extends W{static featureName=c.TZ;constructor(e){super(e,c.TZ),this.dt=new qe(e),this.handler=(e,t,r,n)=>(0,S.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach(r=>{if(r.initiatorType in e&&0!==r.responseStatus){const n={status:r.responseStatus},i={rxSize:r.transferSize,duration:Math.floor(r.duration),cbTime:0};$e(n,r.name),this.handler("xhr",[n,i,r.startTime,r.responseEnd,e[r.initiatorType]],void 0,t.K7.ajax)}})}catch(e){}ze(this.ee,e),De(this.ee,e),function(e,r,n,i){const s=[c.mo.ALL,c.mo.FAILURES].includes(e.init.ajax?.capture_payloads);function a(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=A,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},t.latestLongtaskEnd=0,e.addEventListener("load",function(r){O(t,e)},(0,J.jT)(!1)),g.lR||e.addEventListener("progress",function(e){t.lastSize=e.loaded},(0,J.jT)(!1))}function o(e){this.params={method:e[0]},$e(this,e[1]),this.metrics={}}function d(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var n=i.generateTracePayload(this.parsedOrigin);if(n){var s=!1;n.newrelicHeader&&(r.setRequestHeader("newrelic",n.newrelicHeader),s=!0),n.traceContextParentHeader&&(r.setRequestHeader("traceparent",n.traceContextParentHeader),n.traceContextStateHeader&&r.setRequestHeader("tracestate",n.traceContextStateHeader),s=!0),s&&(this.dt=n)}}function u(e,t){s&&e.length>=2&&(this.requestHeaders??={},this.requestHeaders[e[0].toLowerCase()]=e[1])}function l(e,t){var n=this.metrics,i=e[0],s=this;if(n&&i){var a=Le(i);a&&(n.txSize=a)}this.startTime=(0,_.t)(),this.requestBody=i,this.listener=function(e){try{"abort"!==e.type||s.loadCaptureCalled||(s.params.aborted=!0),("load"
2!==e.type||s.called===s.totalCbs&&(s.onloadCalled||"function"!=typeof t.onload)&&"function"==typeof s.end)&&s.end(t)}catch(e){try{r.emit(rt,[e])}catch(e){}}};for(var o=0;o<Xe;o++)t.addEventListener(Je[o],this.listener,(0,J.jT)(!1))}function f(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function h(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function p(e,t){var r=""+Ne(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function m(){this.endTime=(0,_.t)()}function v(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-added",[e[1],e[2]],t)}function y(e,t){t instanceof et&&"load"===e[0]&&r.emit("xhr-load-removed",[e[1],e[2]],t)}function b(e,t,r){t instanceof et&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,_.t)()))}function E(e,t){this.xhrCbStart&&r.emit("xhr-cb-time",[(0,_.t)()-this.xhrCbStart,this.onload,t],t)}function w(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,Ge.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var n=i.generateTracePayload(this.parsedOrigin);if(n&&(n.newrelicHeader||n.traceContextParentHeader))if(e[0]&&e[0].headers)o(e[0].headers,n)&&(this.dt=n);else{var s={};for(var a in r)s[a]=r[a];s.headers=new Headers(r.headers||{}),o(s.headers,n)&&(this.dt=n),e.length>1?e[1]=s:e.push(s)}}function o(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function R(e,t){this.params={},this.metrics={},this.startTime=(0,_.t)(),this.dt=t;let[r,n={}]=e;$e(this,Ze(r));const i=(""+(r&&r instanceof Qe&&r.method||n.method||"GET")).toUpperCase();this.params.method=i,this.txSize=Le(n.body||r?.body)||0;try{var a=n.headers||r?.headers;if(s&&a)if(this.requestHeaders??={},a instanceof Headers)a.forEach(function(e,t){this.requestHeaders[t.toLowerCase()]=e}.bind(this));else if("object"==typeof a)for(var o in a)this.requestHeaders[o.toLowerCase()]=a[o]}catch(e){}this.requestBody=n.body||r?.body}function T(e,t){if(this.endTime=(0,_.t)(),this.params||(this.params={}),(0,Ye.iW)(this.params))return;this.params.status=t?t.status:0;const n=()=>{const e=+this.rxSize,t=null==this.rxSize||isNaN(e)?void 0:e,r={txSize:this.txSize,rxSize:t,duration:this.endTime-this.startTime},n=[this.params,r,this.startTime,this.endTime,"fetch"];this.targets.forEach(e=>x(n,this,e))};t&&s?t.clone().text().then(e=>{this.responseBody=e,this.rxSize&&"0"!==this.rxSize&&0!==this.rxSize||void 0===e||0===this.params.status||(this.rxSize=Le(e)),t?.headers&&(this.responseHeaders={},t.headers.forEach(function(e,t){this.responseHeaders[t.toLowerCase()]=e}.bind(this)))}).catch(e=>{r.emit(rt,[e])}).finally(()=>{n()}):n()}function A(e){const t=this.params,n=this.metrics;if(this.ended)return;this.ended=!0;for(let t=0;t<Xe;t++)e.removeEventListener(Je[t],this.listener,!1);if(t.aborted)return;if((0,Ye.iW)(t))return;if(n.duration=this.endTime-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):O(this,e),n.cbTime=this.cbTime,s){try{this.responseBody=e.responseText}catch(t){this.responseBody=e.response}if((!n.rxSize||0===n.rxSize)&&void 0!==this.responseBody&&0!==t.status){const e=Le(this.responseBody);void 0!==e&&(n.rxSize=e)}try{this.responseHeaders=function(e){const t={};return e?(e.split("\r\n").forEach(function(e){const r=e.indexOf(": ");if(r>0){const n=e.substring(0,r),i=e.substring(r+2);t[n.toLowerCase()]=i}}),t):t}(e.getAllResponseHeaders())}catch(e){r.emit(rt,[e])}}const i=[t,n,this.startTime,this.endTime,"xhr"];this.targets.forEach(e=>x(i,this,e))}function x(e,r,i){n("xhr",[...e,i],r,t.K7.ajax)}function O(e,n){e.params.status=n.status;var i=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?Le(e.response):"text"===r||""===r||void 0===r?Le(e.responseText):void 0}(n,e.lastSize);if(void 0!==i&&0!==n.status&&(e.metrics.rxSize=i),e.sameOrigin&&n.getAllResponseHeaders().indexOf(tt)>=0){var s=n.getResponseHeader(tt);s&&((0,S.p)("sm",["Ajax/CrossApplicationTracing/Header/Seen"],void 0,t.K7.metrics,r),e.params.cat=s.split(", ").pop())}e.loadCaptureCalled=!0}r.on("new-xhr",a),r.on("open-xhr-start",o),r.on("open-xhr-end",d),r.on("send-xhr-start",l),r.on("setRequestHeader-xhr-start",u),r.on("xhr-cb-time",f),r.on("xhr-load-added",h),r.on("xhr-load-removed",p),r.on("xhr-resolved",m),r.on("addEventListener-end",v),r.on("removeEventListener-end",y),r.on("fn-end",E),r.on("fetch-before-start",w),r.on("fetch-start",R),r.on("fn-start",b),r.on("fetch-done",T)}(e,this.ee,this.handler,this.dt),this.importAggregator(e,()=>r.e(478).then(r.bind(r,3845)))}}const it={},st=["pushState","replaceState"];function at(e,t){const r=function(e){return(e||R.ee).get("history")}(e);return!g.RI||it[r.debugId]++||(it[r.debugId]=1,(0,Pe.YM)(r,void 0,t).inPlace(window.history,st,"-")),r}var ot=r(3738);function ct(e){(0,N.Y)(k.BL,function(r=Date.now()){const n=r-g.WN;n<0&&(0,l.R)(62,r),(0,S.p)(q.XG,[k.BL,{time:n}],void 0,t.K7.metrics,e.ee),e.addToTrace({name:k.BL,start:r,origin:"nr"}),(0,S.p)("api-"+k.hG,[n,k.BL],void 0,t.K7.genericEvents,e.ee)},e)}const{He:dt,bD:ut,d3:lt,Kp:ft,TZ:ht,Lc:pt,uP:gt,Rz:mt}=ot;class vt extends W{static featureName=ht;constructor(e){var n;super(e,ht),n=e,(0,N.Y)(k.U2,function(e){if(!(e&&"object"==typeof e&&e.name&&e.start))return;const r={n:e.name,s:e.start-g.WN,e:(e.end||e.start)-g.WN,o:e.origin||"",t:"api"};r.s<0||r.e<0||r.e<r.s?(0,l.R)(61,{start:r.s,end:r.e}):(0,S.p)("bstApi",[r],void 0,t.K7.sessionTrace,n.ee)},n),ct(e);
2if(!(0,j.V)(e.init))return void this.deregisterDrain();const i=this.ee;let s;at(i,e),this.eventsEE=(0,Me.u)(i,e),this.eventsEE.on(gt,function(e,t){this.bstStart=(0,_.t)()}),this.eventsEE.on(pt,function(e,r){(0,S.p)("bst",[e[0],r,this.bstStart,(0,_.t)()],void 0,t.K7.sessionTrace,i)}),i.on(mt+lt,function(e){this.time=(0,_.t)(),this.startPath=location.pathname+location.hash}),i.on(mt+ft,function(e){(0,S.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,t.K7.sessionTrace,i)});try{s=new PerformanceObserver(e=>{const r=e.getEntries();(0,S.p)(dt,[r],void 0,t.K7.sessionTrace,i)}),s.observe({type:ut,buffered:!0})}catch(e){}this.importAggregator(e,()=>r.e(478).then(r.bind(r,6974)),{resourceObserver:s})}}var yt=r(733),bt=r(6344);class Et extends W{static featureName=bt.TZ;#i;recorder;constructor(e){var n;let i;super(e,bt.TZ),n=e,(0,N.Y)(k.CH,function(){(0,S.p)(k.CH,[],void 0,t.K7.sessionReplay,n.ee)},n),function(e){(0,N.Y)(k.Tb,function(){(0,S.p)(k.Tb,[],void 0,t.K7.sessionReplay,e.ee)},e)}(e);const s="".concat(u.Wt).concat((0,yt.Y)(e.info.licenseKey,e.info.applicationID));try{i=JSON.parse(localStorage.getItem(s))}catch(e){}(0,I.SR)(e.init)&&this.ee.on(k.CH,()=>this.#s()),this.#a(i)&&this.importRecorder().then(e=>{e.startRecording(bt.Qb.PRELOAD,i?.sessionReplayMode)}),this.abortHandler=this.#n,this.importAggregator(this.agentRef,()=>r.e(478).then(r.bind(r,6167)),this),this.ee.on("err",e=>{this.blocked||this.agentRef.runtime.isRecording&&(this.errorNoticed=!0,(0,S.p)(bt.Vh,[e],void 0,this.featureName,this.ee))})}#a(e){return e&&(e.sessionReplayMode===u.g.FULL||e.sessionReplayMode===u.g.ERROR)||(0,I.Aw)(this.agentRef.init)}importRecorder(){return this.recorder?Promise.resolve(this.recorder):(this.#i??=Promise.all([r.e(478),r.e(249)]).then(r.bind(r,4866)).then(({Recorder:e})=>(this.recorder=new e(this),this.recorder)).catch(e=>{throw this.ee.emit("internal-error",[e]),this.blocked=!0,e}),this.#i)}#s(){this.blocked||(this.featAggregate?this.featAggregate.mode!==u.g.FULL&&this.featAggregate.initializeRecording(u.g.FULL,!0,bt.Qb.API):this.importRecorder().then(()=>{this.recorder.startRecording(bt.Qb.API,u.g.FULL)}))}#n(){this.recorder?.stopRecording()}}var wt=r(3962);class Rt extends W{static featureName=wt.TZ;constructor(e){if(super(e,wt.TZ),function(e){const r=e.ee.get("tracer");function n(){}(0,N.Y)(k.dT,function(e){return(new n).get("object"==typeof e?e:{})},e);const i=n.prototype={createTracer:function(n,i){var s={},a=this,o="function"==typeof i;return(0,S.p)(q.xV,["API/createTracer/called"],void 0,t.K7.metrics,e.ee),function(){if(r.emit((o?"":"no-")+"fn-start",[(0,_.t)(),a,o],s),o)try{return i.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw r.emit("fn-err",[arguments,this,t],s),t}finally{r.emit("fn-end",[(0,_.t)()],s)}}}};["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach(r=>{N.Y.apply(this,[r,function(){return(0,S.p)(k.hw+r,[performance.now(),...arguments],this,t.K7.softNav,e.ee),this},e,i])}),(0,N.Y)(k.PA,function(){(0,S.p)(k.hw+"routeName",[performance.now(),...arguments],void 0,t.K7.softNav,e.ee)},e)}(e),!g.RI||!(0,i.dV)().o.MO)return;const n=at(this.ee,e);try{this.removeOnAbort=new AbortController}catch(e){}wt.tC.forEach(e=>{(0,J.sp)(e,e=>{c(e)},!0,this.removeOnAbort?.signal)}
2);const s=()=>(0,S.p)("newURL",[(0,_.t)(),""+window.location],void 0,this.featureName,this.ee);n.on("pushState-end",s),n.on("replaceState-end",s),(0,J.sp)(wt.OV,e=>{c(e),(0,S.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)},!0,this.removeOnAbort?.signal);let a=!1;const o=new((0,i.dV)().o.MO)((e,t)=>{a||(a=!0,requestAnimationFrame(()=>{(0,S.p)("newDom",[(0,_.t)()],void 0,this.featureName,this.ee),a=!1}))}),c=(0,C.s)(e=>{"loading"!==document.readyState&&((0,S.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0}))},100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,()=>r.e(478).then(r.bind(r,4393)),{domObserver:o})}}var Tt=r(981);const At={},St=new Set;function xt(e){return"string"==typeof e?{type:"string",size:(new TextEncoder).encode(e).length}:e instanceof ArrayBuffer?{type:"ArrayBuffer",size:e.byteLength}:e instanceof Blob?{type:"Blob",size:e.size}:e instanceof DataView?{type:"DataView",size:e.byteLength}:ArrayBuffer.isView(e)?{type:"TypedArray",size:e.byteLength}:{type:"unknown",size:0}}class Ot{constructor(e,t){this.timestamp=(0,_.t)(),this.currentUrl=(0,Ee.L)(window.location.href),this.socketId=(0,ye.LA)(8),this.requestedUrl=(0,Ee.L)(e),this.requestedProtocols=Array.isArray(t)?t.join(","):t||"",this.openedAt=void 0,this.protocol=void 0,this.extensions=void 0,this.binaryType=void 0,this.messageOrigin=void 0,this.messageCount=0,this.messageBytes=0,this.messageBytesMin=0,this.messageBytesMax=0,this.messageTypes=void 0,this.sendCount=0,this.sendBytes=0,this.sendBytesMin=0,this.sendBytesMax=0,this.sendTypes=void 0,this.closedAt=void 0,this.closeCode=void 0,this.closeReason="unknown",this.closeWasClean=void 0,this.connectedDuration=0,this.hasErrors=void 0}}class _t extends W{static featureName=o.TZ;constructor(e){super(e,o.TZ);const n=e.init.feature_flags.includes("websockets")||e.init.web_sockets?.enabled,s=!e.init.feature_flags.includes("no_spv"),a=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.performance.resources.enabled,e.init.user_actions.enabled,n,s];var c;let d;if(c=e,(0,N.Y)(k.hG,(e,t)=>ce(e,t,c),c),function(e){(0,N.Y)(k.fF,(t,r)=>ue(t,r,e),e)}(e),ct(e),Se(e),function(e){(0,N.Y)(k.V1,(t,r)=>de(t,r,e),e)}(e),this.removeOnAbort=new AbortController,this.abortHandler=()=>{this.removeOnAbort.abort(),this.abortHandler=void 0},n){const u=function(e,t){if(!(0,i.dV)().o.WS)return e;const r=e.get("websockets");if(At[r.debugId]++)return r;At[r.debugId]=1,(0,V.G)(()=>{const e=(0,_.t)();St.forEach(t=>{t.nrData.closedAt=e,t.nrData.closeCode=1001,t.nrData.closeReason="Page navigating away",t.nrData.closeWasClean=!1,t.nrData.openedAt&&(t.nrData.connectedDuration=e-t.nrData.openedAt),r.emit("ws",[t.nrData,t.targets],t)})});
2class n extends WebSocket{static name=Tt.R.WS;static toString(){return"function WebSocket() { [native code] }"}toString(){return"[object WebSocket]"}get[Symbol.toStringTag](){return n.name}#o(e){(e.__newrelic??={}).socketId=this.nrData.socketId,this.nrData.hasErrors??=!0}constructor(...e){super(...e),this.nrData=new Ot(e[0],e[1]),this.targets=(0,Ie.$5)(t),this.addEventListener("open",()=>{this.nrData.openedAt=(0,_.t)(),["protocol","extensions","binaryType"].forEach(e=>{this.nrData[e]=this[e]}),St.add(this)}),this.addEventListener("message",e=>{const{type:t,size:r}=xt(e.data);this.nrData.messageOrigin??=(0,Ee.L)(e.origin),this.nrData.messageCount++,this.nrData.messageBytes+=r,this.nrData.messageBytesMin=Math.min(this.nrData.messageBytesMin||1/0,r),this.nrData.messageBytesMax=Math.max(this.nrData.messageBytesMax,r),(this.nrData.messageTypes??"").includes(t)||(this.nrData.messageTypes=this.nrData.messageTypes?"".concat(this.nrData.messageTypes,",").concat(t):t)}),this.addEventListener("close",e=>{this.nrData.closedAt=(0,_.t)(),this.nrData.closeCode=e.code,e.reason&&(this.nrData.closeReason=e.reason),this.nrData.closeWasClean=e.wasClean,this.nrData.connectedDuration=this.nrData.closedAt-this.nrData.openedAt,St.delete(this),r.emit("ws",[this.nrData,this.targets],this)})}addEventListener(e,t,...r){const n=this,i="function"==typeof t?function(...e){try{return t.apply(this,e)}catch(e){throw n.#o(e),e}}:t?.handleEvent?{handleEvent:function(...e){try{return t.handleEvent.apply(t,e)}catch(e){throw n.#o(e),e}}}:t;return super.addEventListener(e,i,...r)}send(e){if(this.readyState===WebSocket.OPEN){const{type:t,size:r}=xt(e);this.nrData.sendCount++,this.nrData.sendBytes+=r,this.nrData.sendBytesMin=Math.min(this.nrData.sendBytesMin||1/0,r),this.nrData.sendBytesMax=Math.max(this.nrData.sendBytesMax,r),(this.nrData.sendTypes??"").includes(t)||(this.nrData.sendTypes=this.nrData.sendTypes?"".concat(this.nrData.sendTypes,",").concat(t):t)}try{return super.send(e)}catch(e){throw this.#o(e),e}}close(...e){try{super.close(...e)}catch(e){throw this.#o(e),e}}}return g.gm.WebSocket=n,r}(this.ee,e);u.on("ws",(e,t)=>{(0,S.p)("ws-complete",[e,t],void 0,this.featureName,this.ee)})}if(s){if("function"==typeof g.gm.ReportingObserver){const l=new g.gm.ReportingObserver(e=>{e.forEach(e=>{(0,S.p)("spv",[kt(e),(0,_.t)()],void 0,t.K7.genericEvents,this.ee)}),l.disconnect()},{types:["csp-violation"],buffered:!0});l.observe()}g.gm.addEventListener("securitypolicyviolation",e=>{(0,S.p)("spv",[kt(e),e.timeStamp],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal))}if(g.RI){if(ze(this.ee,e),De(this.ee,e),d=at(this.ee,e),e.init.user_actions.enabled){function f(t){const r=(0,Ge.D)(t);return e.beacons.includes(r.hostname+":"+r.port)}function h(){d.emit("navChange")}o.Zp.forEach(e=>(0,J.sp)(e,e=>(0,S.p)("ua",[e],void 0,this.featureName,this.ee),!0)),o.qN.forEac
2h(e=>{const t=(0,C.s)(e=>{(0,S.p)("ua",[e],void 0,this.featureName,this.ee)},500,{leading:!0});(0,J.sp)(e,t)}),g.gm.addEventListener("error",()=>{(0,S.p)("uaErr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(!1,this.removeOnAbort.signal)),this.ee.on("open-xhr-start",(e,r)=>{f(e[1])||r.addEventListener("readystatechange",()=>{2===r.readyState&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)},(0,J.jT)(void 0,this.removeOnAbort.signal))}),this.ee.on("fetch-start",e=>{e.length>=1&&!f(Ze(e[0]))&&(0,S.p)("uaXhr",[],void 0,t.K7.genericEvents,this.ee)}),d.on("pushState-end",h),d.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,J.jT)(!0,this.removeOnAbort.signal)),window.addEventListener("popstate",h,(0,J.jT)(!0,this.removeOnAbort.signal))}if(e.init.performance.resources.enabled&&g.gm.PerformanceObserver?.supportedEntryTypes.includes("resource")){new PerformanceObserver(e=>{e.getEntries().forEach(e=>{(0,S.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)})}).observe({type:"resource",buffered:!0})}}a.some(e=>e)?this.importAggregator(e,()=>r.e(478).then(r.bind(r,8019))):this.deregisterDrain()}}function kt(e){const t=e.body??e;return{blockedUrl:t.blockedURL??e.blockedURI,documentUrl:t.documentURL??e.documentURI,effectiveDirective:t.effectiveDirective,originalPolicy:t.originalPolicy,sourceFile:t.sourceFile,statusCode:t.statusCode,lineNumber:t.lineNumber,columnNumber:t.columnNumber,disposition:"reporting"===t.disposition?"report":t.disposition,sample:t.sample,referrer:t.referrer}}var Nt=r(2646);const Lt=new Map;function Mt(e,t,r,n,i=!0,s){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const a=function(e){return(e||R.ee).get("logger")}(e),o=(0,Pe.YM)(a,void 0,s),c=new Nt.y(R.P);c.level=n.level,c.customAttributes=n.customAttributes,c.autoCaptured=i;const d=t[r]?.[Pe.Jt]||t[r];return Lt.set(d,c),o.inPlace(t,[r],"wrap-logger-",()=>Lt.get(d),void 0,!0),a}var Pt=r(1910);class It extends W{static featureName=se.TZ;constructor(e){var t;super(e,se.TZ),t=e,(0,N.Y)("log",(e,r)=>oe(e,r,t),t),function(e){(0,N.Y)(k.Wb,(t,r,{customAttributes:n={},level:i=se.p_.INFO}={})=>{Mt(e.ee,t,r,{customAttributes:n,level:i},!1,e)},e)}(e),Se(e);const n=this.ee;["log","error","warn","info","debug","trace"].forEach(t=>{(0,Pt.i)(g.gm.console[t]),Mt(n,g.gm.console,t,{level:"log"===t?"info":t},void 0,e)}),this.ee.on("wrap-logger-end",function([t],r,i,s=[e.runtime.v2Target]){const{level:a,customAttributes:o,autoCaptured:c}=this;s.forEach(e=>{(0,ae.R)(n,t,o,a,c,e)})}),this.importAggregator(e,()=>r.e(478).then(r.bind(r,5288)))}}new F({features:[nt,K,G,vt,Et,Y,Oe,_t,It,Rt],loaderType:"spa"})})()})();</script>
2
3<meta name="title" content="BIRKENSTOCK TH | Shop online | Thailand&#039;s Official Website"/>
4<meta name="description" content="Welcome to BIRKENSTOCK Thailand online. World-famous brand of comfortable shoes &amp; sandals for health. Free shipping &amp; returns. Shop footwear for women, men, and kids."/>
5<meta name="keywords" content="Birkenstock Thailand, Birkenstock"/>
6<meta name="robots" content="INDEX,FOLLOW"/>
7<meta name="viewport" content="width=device-width, initial-scale=1"/>
8<meta name="format-detection" content="telephone=no"/>
9<title>BIRKENSTOCK TH | Shop online | Thailand&#039;s Official Website</title>
10<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/mage/calendar.min.css" />
11<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Isobar_Megamenu/css/owl.carousel.min.css" />
12<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Isobar_Megamenu/fonts/font-awesome-4.5.0/css/font-awesome.min.css" />
13<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/css/styles-m.min.css" />
14<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Aheadworks_Popup/css/magnific-popup.min.css" />
15<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Aheadworks_Popup/css/magnific-animation.min.css" />
16<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Amasty_Base/vendor/slick/amslick.min.css" />
17<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Amasty_Label/vendor/tooltipster/css/tooltipster.min.css" />
18<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Amasty_LibSwiperJs/vendor/swiper/swiper.min.css" />
19<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Amasty_Storelocator/vendor/chosen/chosen.min.css" />
20<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Isobar_SocialLogin/css/default.min.css" />
21<link  rel="stylesheet" type="text/css"  media="all" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Anowave_Ec/css/ec.min.css" />
22<link  rel="stylesheet" type="text/css"  media="screen and (min-width: 768px)" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/css/styles-l.min.css" />
23<link  rel="stylesheet" type="text/css"  media="print" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/css/print.min.css" />
24<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/requirejs/require.min.js"></script>
vendor: 1 bytes, line 24
24
25<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/requirejs-min-resolver.min.js"></script>
vendor: 1 bytes, line 25
25
26<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/mage/requirejs/mixins.min.js"></script>
vendor: 1 bytes, line 26
26
27<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/requirejs-config.min.js"></script>
vendor: 1 bytes, line 27
27
28<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Mageplaza_GdprPro/js/cookie.min.js"></script>
vendor: 1 bytes, line 28
28
29<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Anowave_Ec/js/ec.min.js"></script>
vendor: 1 bytes, line 29
29
30<script  type="text/javascript"  src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Anowave_Ec4/js/ec4.min.js"></script>
30
31<link rel="preload" as="font" crossorigin="anonymous" href="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/fonts/Luma-Icons.woff2" />
32<link  rel="preconnect" href="https://fonts.googleapis.com" />
33<link  rel="preconnect" href="https://fonts.gstatic.com" />
34<link  rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" />
35<link  rel="icon" type="image/x-icon" href="https://ikonthailand.com/media/favicon/websites/4/favicon.png" />
36<link  rel="shortcut icon" type="image/x-icon" href="https://ikonthailand.com/media/favicon/websites/4/favicon.png" />
37<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
37
38
39
40<meta name="google-site-verification" content="NyX2brNdS6r-aepxYTy2Y9-J9rixZkWA5tW9wgqp-qw">
41<style>
42        /*.navigation .level0:last-child a {
43color: #023f85;
44}*/
45.amgdprcookie-bar-container .amgdprcookie-button.-settings {
46  display: none;
47}
48.header.content .top_menu {
49padding-top: 0px;
50}
51 @media (max-width: 769px){
52.top_menu {
53padding-top: 0px;
54}
55}
56media="screen and (min-width: 768px)" {
57    .navigation li.level-top, .navigation a.level-top {
58	font-size: 16px;
59}
60}
61
62@media only screen and (max-width: 600px) {
63    .logo img {
64        width: 120px !important;
65        margin-top: 0px;
66    }
67}
68
69@media only screen and (max-width: 768px) {
70    .header.content {   
71margin-top: 0px; 
72        height: 60px;
73}
74}
75</style>
76
77
78   
78<script type="text/x-magento-init">
79        {
80            "*": {
81                "Magento_PageCache/js/form-key-provider": {
82                    "isPaginationCacheEnabled":
83                        1                }
84            }
85        }</script>
85  <!-- GOOGLE TAG MANAGER -->
85<script type="text/x-magento-init">
86            {
87                "*": {
88                    "Magento_GoogleTagManager/js/google-tag-manager": {
89                        "isCookieRestrictionModeEnabled": 0,
90                        "currentWebsite": 4,
91                        "cookieName": "user_allowed_save_cookie",
92                        "gtmAccountId": "GTM\u002DNDH8H6P",
93                        "storeCurrencyCode": "THB",
94                        "ordersData": []                    }
95                }
96            }</script>
96<!-- END GOOGLE TAG MANAGER -->   
96<script>require(['magentoStorefrontEvents'], function (magentoStorefrontEvents) {
97    if(!magentoStorefrontEvents) return;
98
99    window.magentoStorefrontEvents = magentoStorefrontEvents;
100    magentoStorefrontEvents.context.setStorefrontInstance(
101        {"storeUrl":"https:\/\/ikonthailand.com\/","websiteId":4,"websiteCode":"birkenstockth","storeId":4,"storeCode":"BKTH","storeViewId":4,"storeViewCode":"eng","websiteName":"Birkenstock Thailand Website","storeName":"Birkenstock Thailand Store","storeViewName":"EN","baseCurrencyCode":"THB","storeViewCurrencyCode":"THB","catalogExtensionVersion":"103.4.2","environmentId":"4348fbba-02c8-45e8-aa5d-c63567e8eb03","environment":"Production","storefrontTemplate":"Luma"}
102    );
103    magentoStorefrontEvents.context.setMagentoExtension({
104        magentoExtensionVersion: "7.7.0",
105    });
106    magentoStorefrontEvents.context.setDataServicesExtension({
107        version: "7.7.0",
108    });
109    magentoStorefrontEvents.context.setPage({
110        pageType: "Default"
111    });
112    magentoStorefrontEvents.context.setContext("pageExtended", {
113        action: "page-view"
114    });
115    
116});</script>
116 
116<script type="text/x-magento-init">
117    {
118        "*": {
119            "dataServicesBase": {
120                "isCookieRestrictionModeEnabled": 0,
121                "isEnabled": 1            },
122            "magentoStorefrontEventCollector": {}
123        }
124    }</script>
124   
124<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
125
126	window.dataLayer = window.dataLayer || [];
127
128	window.AEC = window.AEC || {};
129
130	AEC.Const = {"URL":"https:\/\/ikonthailand.com\/eng\/","TIMING_CATEGORY_ADD_TO_CART":"Add To Cart Time","TIMING_CATEGORY_REMOVE_FROM_CART":"Remove From Cart Time","TIMING_CATEGORY_PRODUCT_CLICK":"Product Detail Click Time","TIMING_CATEGORY_CHECKOUT":"Checkout Time","TIMING_CATEGORY_CHECKOUT_STEP":"Checkout Step Tim","TIMING_CATEGORY_PRODUCT_WISHLIST":"Add to Wishlist Time","TIMING_CATEGORY_PRODUCT_COMPARE":"Add to Compare Time","VARIANT_DELIMITER":"-","VARIANT_DELIMITER_ATT":":","CHECKOUT_STEP_SHIPPING":1,"CHECKOUT_STEP_PAYMENT":2,"CHECKOUT_STEP_ORDER":3,"DIMENSION_SEARCH":18,"COOKIE_DIRECTIVE":false,"COOKIE_DIRECTIVE_ENGINE":0,"COOKIE_DIRECTIVE_SEGMENT_MODE":true,"COOKIE_DIRECTIVE_SEGMENT_MODE_EVENTS":["cookieConsentGranted","cookieConsentMarketingGranted","cookieConsentPreferencesGranted","cookieConsentAnalyticsGranted","cookieConsentUserdata","cookieConsentPersonalization"],"COOKIE_DIRECTIVE_CONSENT_GRANTED_EVENT":"cookieConsentGranted","COOKIE_DIRECTIVE_CONSENT_DECLINE_EVENT":"cookieConsentDeclined","COOKIE_DIRECTIVE_OVERRIDE_DECLINE":false,"CATALOG_CATEGORY_ADD_TO_CART_REDIRECT_EVENT":"catalogCategoryAddToCartRedirect"};
131
132	AEC.Const.COOKIE_DIRECTIVE_CONSENT_GRANTED = AEC.CookieConsent.getConsent("cookieConsentGranted");
133
134	Object.entries({"Message":{"confim":true,"confirmRemoveTitle":"Are you sure?","confirmRemove":"Are you sure you would like to remove this item from the shopping cart?"},"storeName":"EN","currencyCode":"THB","useDefaultValues":false,"facebook":false,"tiktok":true,"SUPER":[],"CONFIGURABLE_SIMPLES":[],"BUNDLE":{"bundles":[],"options":[]},"localStorage":"true","summary":true,"reset":false,"tax":1,"simples":true}).forEach(([key,value]) => 
135	{
136		AEC[key] = value;
137	});</script>
137  
137<script nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=" data-ommit="1">
138!function (w, d, t) {
139  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
140var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
141;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
142
143
144  ttq.load('D72AQJJC77UAEQ8SFLVG');
145  ttq.page();
146}(window, document, 'ttq');
147</script>
147
148<!-- TikTok Pixel Code End -->
149    
149<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
150
151    (summary => 
152    {
153    	if (summary)
154    	{
155        	let getSummary = (event) => 
156        	{
157            	AEC.Request.post("https:\/\/ikonthailand.com\/eng\/datalayer\/index\/cart\/",{ event:event }, (response) => 
158            	{
159                	dataLayer.push(response);
160               	});
161            };
162
163            ['ec.cookie.remove.item.data','ec.cookie.update.item.data','ec.cookie.add.data'].forEach(event => 
164            {
165            	AEC.EventDispatcher.on(event, (event => 
166            	{
167                	return () => 
168                	{
169                    	setTimeout(() => { getSummary(event); }, 2000);
170                    };
171                })(event));
172            });
173    	}
174    })(AEC.summary);</script>
174<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
175
176    if ('undefined' !== typeof AEC && AEC.GA4)
177    {
178    	AEC.GA4.enabled = true;
179
180    	 AEC.GA4.conversion_event = "purchase";
181
182    	 AEC.GA4.currency = "THB";
183
184    	 AEC.GA4.quote = [];
185    }</script>
185 
185<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
186
187	 window.dataLayer = window.dataLayer || [];
188
189	   var dataLayerTransport = (function()
190	{
191		var data = [];
192		
193		return {
194			data:[],
195			push: function(data)
196			{
197				this.data.push(data);
198				
199				return this;
200			},
201			serialize: function()
202			{
203				return this.data;
204			}
205		}	
206	})();</script>
206   
206<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
207
208		(endpoints => 
209		{
210			let engines = 
211			{
212				0: () => {},
213				1: () => {},
214				2: () => 
215				{
216					window.addEventListener('CookiebotOnAccept', event => 
217					{
218						return true;
219					}, 
220					false);
221				},
222				3: () => {},
223				4: () => 
224				{
225					(() =>  
226					{
227						let wait = 0, interval = 100;
228
229						let otc = () => 
230						{
231							return 'undefined' !== typeof window.OneTrust;
232						};
233
234						window.ot = setInterval(end => 
235						{
236							wait += interval;
237
238							if (wait > end)
239							{
240								if (window.ot)
241								{
242									clearInterval(window.ot);
243								}
244							}
245
246							if (otc())
247							{
248								clearInterval(window.ot);
249								
250								let uuid = AEC.Cookie.get('cookieUuid');
251
252								let map = [];
253
254								OneTrust.OnConsentChanged(() => 
255								{
256									let groups = window.OptanonActiveGroups.split(',').filter(String);
257
258									let grant = [], consent = {};
259
260									groups.forEach(group => 
261									{
262										if (map.hasOwnProperty(group))
263										{
264											map[group].forEach(signal => 
265											{
266												consent[signal] = true;
267											});
268										}
269									});
270									
271									Object.keys(consent).forEach(key => 
272									{
273										grant.push(key);
274									});
275
276									let params = 
277									{
278										cookie: grant
279									};
280
281									if (!grant.length)
282									{
283										params['decline'] = true;
284									}
285
286									AEC.Request.post(endpoints.cookie, params , response => 
287									{
288										return true;
289									});
290
291									return true;
292								});
293							}
294						},
295						interval);
296						
297					})(2000);
298				},
299				5: () => 
300				{
301					let grant = [];
302
303					grant.push("cookieConsentGranted");
304
305					let uuid = AEC.Cookie.get('cookieUuid');
306
307					if (!uuid)
308					{
309						AEC.Request.post(endpoints.cookie, { cookie: grant }, response => 
310						{
311							return true;
312						});
313					}
314					return true;
315				}
316			};
317
318			engines[AEC.Const.COOKIE_DIRECTIVE_ENGINE].apply(this,[]);
319
320		})({"type":"json","cookie":"https:\/\/ikonthailand.com\/eng\/datalayer\/index\/cookie\/","cookieContent":"https:\/\/ikonthailand.com\/eng\/datalayer\/index\/cookieContent\/","cookieConsent":"https:\/\/ikonthailand.com\/eng\/datalayer\/index\/cookieConsent\/"});</script>
320  
320<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
321
322	/* Dynamic remarketing */
323	window.google_tag_params = window.google_tag_params || {};
324
325	/* Default pagetype */
326	window.google_tag_params.ecomm_pagetype = "home";
327
328	/* Grouped products collection */
329	window.G = [];
330
331	/**
332	 * Global revenue 
333	 */
334	window.revenue = 0;
335
336	/**
337	 * DoubleClick
338	 */
339	window.DoubleClick = 
340	{
341		DoubleClickRevenue:	 	0,
342		DoubleClickTransaction: 0,
343		DoubleClickQuantity: 	0
344	};
345	
346	 AEC.Cookie.visitor({"pageType":"home","pageName":"BIRKENSTOCK TH | Shop online | Thailand's Official Website","websiteCountry":"TH","websiteLanguage":"en_US","visitorLoginState":"Logged out","visitorLifetimeValue":0,"visitorExistingCustomer":"No","clientStatus":"Not client","visitorType":"NOT LOGGED IN","currentStore":"EN"}).push(dataLayer, false);</script>
346    
346<script nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
347new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
348j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.nonce='ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=';j.src=
349'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
350})(window,document,'script','dataLayer','GTM-P2MRM43');</script>
350
351<!-- End Google Tag Manager -->
352
353<!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 353-354
353
354<script async src="https://www.googletagmanager.com/gtag/js?id=
354G-11PDWD4K6G
vendor: 66 bytes, line 354
354" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk="></script>
355<script nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
356  
vendor: 138 bytes, lines 356-360
356window.dataLayer = window.dataLayer || [];
357  function gtag(){dataLayer.push(arguments);}
358  gtag('js', new Date());
359
360  gtag('config', '
360G-11PDWD4K6G
vendor: 5 bytes, line 360
360');
361</script>
361
362   
362<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
363
364    </script>
364 
364<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">AEC.Bind.apply({"performance":false})</script>
364  
364<script data-ommit="true">
365
366	AEC.Const.CHECKOUT_STEP_START	 = 0;
367	AEC.Const.CHECKOUT_STEP_CART	 = 1;
368	AEC.Const.CHECKOUT_STEP_CHECKOUT = 2;
369	AEC.Const.CHECKOUT_STEP_SHIPPING = 3;
370	AEC.Const.CHECKOUT_STEP_PAYMENT  = 4;
371	AEC.Const.CHECKOUT_STEP_REVIEW   = 5;
372	AEC.Const.CHECKOUT_STEP_ORDER    = 6;</script>
372 <style> #social-login-popup .social-login-title { background-color: #6e716e } #social-login-popup .social-login #bnt-social-login-authentication, #social-login-popup .forgot .primary button, #social-login-popup .create .primary button, #social-login-popup .fake-email .primary button { background-color: #6e716e; border: #6e716e } .block.social-login-authentication-channel.account-social-login .block-content { text-align: center; } 
373                    #bnt-social-login-fake-email {
374                    background-color: grey !important;
375                    border: grey !important;
376                    }
377
378                    #request-popup .social-login-title {
379                    background-color: grey !important;
380                    }
381                 /* Compatible ETheme_YOURstore*/ div#centerColumn .column.main .block.social-login-authentication-channel.account-social-login { max-width: 900px !important; margin: 0 auto !important; } div#centerColumn .column.main .block.social-login-authentication-channel.account-social-login .block-content { text-align: center; } @media (max-width: 1024px) { div#centerColumn .column.main .block.social-login-authentication-channel.account-social-login .block-content { padding: 0 15px; } }</style>  <style> .ec-gtm-cookie-directive > div { background: #ffffff; color: #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; } .ec-gtm-cookie-directive > div > div > div { padding-left: 0px; } .ec-gtm-cookie-directive > div > div > div a.action.accept, .ec-gtm-cookie-directive > div > div > div a.action.accept-all { color: #8bc53f; } .ec-gtm-cookie-directive > div > div > div a.action.refuse, .ec-gtm-cookie-directive > div > div > div a.action.customize { color: #000000; } .ec-gtm-cookie-directive > div > div > div .ec-gtm-cookie-directive-note-toggle { color: #8bc53f; } .ec-gtm-cookie-directive-segments { background: #ffffff; } .ec-gtm-cookie-directive-segments > div input[type="checkbox"] + label:before { border:1px solid #000000; } .ec-gtm-cookie-directive .consent-logo { width: 0px; } </style></head><body data-container="body" data-mage-init='{"loaderAjax": {}, "loader": { "icon": "https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/images/loader-2.gif"}}' id="html-body" class="cms-birkenstock-thailand page-layout-1column cms-index-index page-layout-cms-full-width">             
381<script type="text/x-magento-init">
382    {
383        "*": {
384            "Magento_PageBuilder/js/widget-initializer": {
385                "config": {"[data-content-type=\"slider\"][data-appearance=\"default\"]":{"Magento_PageBuilder\/js\/content-type\/slider\/appearance\/default\/widget":false},"[data-content-type=\"map\"]":{"Magento_PageBuilder\/js\/content-type\/map\/appearance\/default\/widget":false},"[data-content-type=\"row\"]":{"Magento_PageBuilder\/js\/content-type\/row\/appearance\/default\/widget":false},"[data-content-type=\"tabs\"]":{"Magento_PageBuilder\/js\/content-type\/tabs\/appearance\/default\/widget":false},"[data-content-type=\"slide\"]":{"Magento_PageBuilder\/js\/content-type\/slide\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-slide-button","showOverlay":"hover","dataRole":"slide"}},"[data-content-type=\"banner\"]":{"Magento_PageBuilder\/js\/content-type\/banner\/appearance\/default\/widget":{"buttonSelector":".pagebuilder-banner-button","showOverlay":"hover","dataRole":"banner"}},"[data-content-type=\"buttons\"]":{"Magento_PageBuilder\/js\/content-type\/buttons\/appearance\/inline\/widget":false},"[data-content-type=\"products\"][data-appearance=\"carousel\"]":{"Magento_PageBuilder\/js\/content-type\/products\/appearance\/carousel\/widget":false},"[data-content-type=\"product_recommendations\"]":{"Magento_PageBuilderProductRecommendations\/js\/content-type\/product-recommendations\/appearance\/default\/widget":false}},
386                "breakpoints": {"desktop":{"label":"Desktop","stage":true,"default":true,"class":"desktop-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-desktop.svg","conditions":{"min-width":"1024px"},"options":{"products":{"default":{"slidesToShow":"5"}}}},"tablet":{"conditions":{"max-width":"1024px","min-width":"768px"},"options":{"products":{"default":{"slidesToShow":"4"},"continuous":{"slidesToShow":"3"}}}},"mobile":{"label":"Mobile","stage":true,"class":"mobile-switcher","icon":"Magento_PageBuilder::css\/images\/switcher\/switcher-mobile.svg","media":"only screen and (max-width: 768px)","conditions":{"max-width":"300px","min-width":"640px"},"options":{"products":{"default":{"slidesToShow":"3"}}}},"mobile-small":{"conditions":{"max-width":"640px"},"options":{"products":{"default":{"slidesToShow":"2"},"continuous":{"slidesToShow":"1"}}}}}            }
387        }
388    }</script>
388  <div class="cookie-status-message" id="cookie-status">The store will not work correctly when cookies are disabled.</div> 
388<script type="text&#x2F;javascript">document.querySelector("#cookie-status").style.display = "none";</script>
388 
388<script type="text/x-magento-init">
389    {
390        "*": {
391            "cookieStatus": {}
392        }
393    }</script>
393 
393<script type="text/x-magento-init">
394    {
395        "*": {
396            "mage/cookies": {
397                "expires": null,
398                "path": "\u002F",
399                "domain": ".ikonthailand.com",
400                "secure": true,
401                "lifetime": "2592000"
402            }
403        }
404    }</script>
404  <noscript><div class="message global noscript"><div class="content"><p><strong>JavaScript seems to be disabled in your browser.</strong> <span> For the best experience on our site, be sure to turn on Javascript in your browser.</span></p></div></div></noscript>   
404<script>    require.config({
405        map: {
406            '*': {
407                wysiwygAdapter: 'mage/adminhtml/wysiwyg/tiny_mce/tinymceAdapter'
408            }
409        }
410    });</script>
410  
410<script> window.cookiesConfig = window.cookiesConfig || {}; window.cookiesConfig.secure = true; </script>
410 <!-- GOOGLE TAG MANAGER -->
vendor: 67 bytes, line 410
410<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
410GTM-NDH8H6P
vendor: 82 bytes, line 410
410" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
410<!-- END GOOGLE TAG MANAGER --> 
410<script type="text/x-magento-init">
411    {
412        "*": {
413            "Magento_GoogleTagManager/js/google-tag-manager-cart": {
414                "blockNames": ["category.products.list","product.info.upsell","catalog.product.related","checkout.cart.crosssell","search_result_list"],
415                "cookieAddToCart": "add_to_cart",
416                "cookieRemoveFromCart":
417                    "remove_from_cart",
418                "advancedAddToCart": "add_to_cart_advanced"
419            }
420        }
421    }</script>
421 
421<script>    require.config({
422        paths: {
423            googleMaps: 'https\u003A\u002F\u002Fmaps.googleapis.com\u002Fmaps\u002Fapi\u002Fjs\u003Fv\u003D3\u0026key\u003DAIzaSyAlJIJJy3Kd2C0NE835O0EH2T0K0Tk92nw'
424        },
425        config: {
426            'Magento_PageBuilder/js/utils/map': {
427                style: '',
428            },
429            'Magento_PageBuilder/js/content-type/map/preview': {
430                apiKey: 'AIzaSyAlJIJJy3Kd2C0NE835O0EH2T0K0Tk92nw',
431                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fikonthailand.com\u002Feng\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
432            },
433            'Magento_PageBuilder/js/form/element/map': {
434                apiKey: 'AIzaSyAlJIJJy3Kd2C0NE835O0EH2T0K0Tk92nw',
435                apiKeyErrorMessage: 'You\u0020must\u0020provide\u0020a\u0020valid\u0020\u003Ca\u0020href\u003D\u0027https\u003A\u002F\u002Fikonthailand.com\u002Feng\u002Fadminhtml\u002Fsystem_config\u002Fedit\u002Fsection\u002Fcms\u002F\u0023cms_pagebuilder\u0027\u0020target\u003D\u0027_blank\u0027\u003EGoogle\u0020Maps\u0020API\u0020key\u003C\u002Fa\u003E\u0020to\u0020use\u0020a\u0020map.'
436            },
437        }
438    });</script>
438<script>
439    require.config({
440        shim: {
441            'Magento_PageBuilder/js/utils/map': {
442                deps: ['googleMaps']
443            }
444        }
445    });</script>
445 
445<script type="text&#x2F;javascript">window.isGdprCookieEnabled = true;
446
447require(['Amasty_GdprFrontendUi/js/modal-show'], function (modalConfigInit) {
448    modalConfigInit({"isDeclineEnabled":0,"barLocation":0,"policyText":"We use cookies to help improve our services, make personal offers, and enhance your experience. If you do not accept optional cookies below, your experience may be affected. If you want to know more, please read the <a href=\"https:\/\/ikonthailand.com\/eng\/terms-conditions\" title=\"Privacy and Security Policy\" target=\"_blank\">Privacy and Security Policy<\/a>","firstShowProcess":"0","cssConfig":{"backgroundColor":"#FFFFFF","policyTextColor":"#000000","textColor":null,"titleColor":null,"linksColor":"#000000","acceptBtnColor":"#000000","acceptBtnColorHover":"#4A4949","acceptBtnTextColor":"#FFFFFF","acceptBtnTextColorHover":"#F4F4F4","acceptBtnOrder":null,"allowBtnTextColor":null,"allowBtnTextColorHover":null,"allowBtnColor":null,"allowBtnColorHover":null,"allowBtnOrder":null,"declineBtnTextColorHover":null,"declineBtnColorHover":null,"declineBtnTextColor":null,"declineBtnColor":null,"declineBtnOrder":null},"isAllowCustomersCloseBar":true,"isPopup":true,"isModal":false,"className":"amgdprjs-bar-template","buttons":[{"label":"Accept all cookies","dataJs":"accept","class":"-allow -save","action":"allowCookies"},{"label":"Custom Settings","dataJs":"settings","class":"-settings"}],"template":"<div role=\"alertdialog\"\n     class=\"modal-popup _show amgdprcookie-bar-container <% if (data.isPopup) { %>-popup<% } %>\"\n     data-amcookie-js=\"bar\"\n     aria-label=\"<%= phrase.cookieBar %>\"\n>\n    <div data-amgdprcookie-focus-start tabindex=\"0\">\n        <span tabindex=\"0\" class=\"amgdprcookie-focus-guard\" data-focus-to=\"last\"><\/span>\n        <% if (data.isAllowCustomersCloseBar){ %>\n        <button class=\"action-close\" data-amcookie-js=\"close-cookiebar\" type=\"button\">\n            <span data-bind=\"i18n: 'Close Cookie Bar'\"><\/span>\n        <\/button>\n        <% } %>\n        <div class=\"amgdprcookie-bar-block\">\n            <div id=\"amgdprcookie-policy-text\" class=\"amgdprcookie-policy\"><%= data.policyText %><\/div>\n            <div class=\"amgdprcookie-buttons-block\">\n                <% _.each(data.buttons, function(button) { %>\n                <button\n                    class=\"amgdprcookie-button <%= button.class %>\"\n                    disabled\n                    data-amgdprcookie-js=\"<%= button.dataJs %>\"\n                >\n                    <%= button.label %>\n                <\/button>\n                <% }); %>\n            <\/div>\n        <\/div>\n        <span tabindex=\"0\" class=\"amgdprcookie-focus-guard\" data-focus-to=\"first\"><\/span>\n    <\/div>\n<\/div>\n\n<style>\n    <% if(css.backgroundColor){ %>\n    .amgdprcookie-bar-container {\n        background-color: <%= css.backgroundColor %>\n    }\n    <% } %>\n    <% if(css.policyTextColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-policy {\n        color: <%= css.policyTextColor %>;\n    }\n    <% } %>\n    <% if(css.textColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-text {\n        color: <%= css.textColor %>;\n    }\n    <% } %>\n    <% if(css.titleColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-header {\n        color: <%= css.titleColor %>;\n    }\n    <% } %>\n    <% if(css.linksColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-link,\n    .amgdprcookie-bar-container .amgdprcookie-policy a {\n        color: <%= css.linksColor %>;\n    }\n    <% } %>\n    <% if(css.acceptBtnOrder || css.acceptBtnColor || css.acceptBtnTextColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-button.-save {\n        <% if(css.acceptBtnOrder) { %>order: <%= css.acceptBtnOrder %>; <% } %>\n        <% if(css.acceptBtnColor) { %>\n            background-color: <%= css.acceptBtnColor %>;\n            border-color: <%= css.acceptBtnColor %>;\n        <% } %>\n        <% if(css.acceptBtnTextColor) { %>color: <%= css.acceptBtnTextColor %>; <% } %>\n    }\n    <% } %>\n    <% if(css.acceptBtnColorHover || css.acceptBtnTextColorHover){ %>
448\n    .amgdprcookie-bar-container .amgdprcookie-button.-save:hover {\n        <% if(css.acceptBtnColorHover) { %>\n            background-color: <%= css.acceptBtnColorHover %>;\n            border-color: <%= css.acceptBtnColorHover %>;\n        <% } %>\n        <% if(css.acceptBtnTextColorHover) { %> color: <%= css.acceptBtnTextColorHover %>; <% } %>\n    }\n    <% } %>\n    <% if(css.allowBtnOrder || css.allowBtnColor || css.allowBtnTextColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-button.-settings {\n        <% if(css.allowBtnOrder) { %> order: <%= css.allowBtnOrder %>; <% } %>\n        <% if(css.allowBtnColor) { %>\n            background-color: <%= css.allowBtnColor %>;\n            border-color: <%= css.allowBtnColor %>;\n        <% } %>\n        <% if(css.allowBtnTextColor) { %> color: <%= css.allowBtnTextColor %>; <% } %>\n    }\n    <% } %>\n    <% if(css.allowBtnColorHover || css.allowBtnTextColorHover){ %>\n    .amgdprcookie-bar-container .amgdprcookie-button.-settings:hover {\n        <% if(css.allowBtnColorHover) { %>\n            background-color: <%= css.allowBtnColorHover %>;\n            border-color: <%= css.allowBtnColorHover %>;\n        <% } %>\n        <% if(css.allowBtnTextColorHover) { %> color: <%= css.allowBtnTextColorHover %>; <% } %>\n    }\n    <% } %>\n    <% if(css.declineBtnOrder || css.declineBtnColor || css.declineBtnTextColor){ %>\n    .amgdprcookie-bar-container .amgdprcookie-button.-decline {\n        <% if(css.declineBtnOrder) { %> order: <%= css.declineBtnOrder %>; <% } %>\n        <% if(css.declineBtnColor) { %>\n            background-color: <%= css.declineBtnColor %>;\n            border-color: <%= css.declineBtnColor %>;\n        <% } %>\n        <% if(css.declineBtnTextColor) { %> color: <%= css.declineBtnTextColor %>; <% } %>\n    }\n    <% } %>\n    <% if(css.declineBtnColorHover || css.declineBtnTextColorHover){ %>\n    .amgdprcookie-bar-container .amgdprcookie-button.-decline:hover {\n        <% if(css.declineBtnColorHover) { %>\n            background-color: <%= css.declineBtnColorHover %>;\n            border-color: <%= css.declineBtnColorHover %>;\n        <% } %>\n        <% if(css.declineBtnTextColorHover) { %> color: <%= css.declineBtnTextColorHover %>; <% } %>\n    }\n    <% } %>\n<\/style>\n"});
449});</script>
449 
449<script type="text/x-magento-init">
450        {
451            "*": {
452                "Magento_Ui/js/core/app": {"components":{"gdpr-cookie-modal":{"cookieText":"We use cookies to help improve our services, make personal offers, and enhance your experience. If you do not accept optional cookies below, your experience may be affected. If you want to know more, please read the <a href=\"https:\/\/ikonthailand.com\/eng\/terms-conditions\" title=\"Privacy and Security Policy\" target=\"_blank\">Privacy and Security Policy<\/a>","firstShowProcess":"0","acceptBtnText":"Accept all cookies","declineBtnText":null,"settingsBtnText":null,"isDeclineEnabled":0,"isAllowCustomersCloseBar":true,"component":"Amasty_GdprFrontendUi\/js\/cookies","barType":2,"barLocation":0,"children":{"gdpr-cookie-settings-modal":{"component":"Amasty_GdprFrontendUi\/js\/modal\/cookie-settings"},"gdpr-cookie-information-modal":{"component":"Amasty_GdprFrontendUi\/js\/modal\/cookie-information"}}}}}            }
453        }</script>
453<!-- ko scope: 'gdpr-cookie-modal' --><!--ko template: getTemplate()--><!-- /ko --><!-- /ko --><style> .amgdprjs-bar-template { z-index: 999;  bottom: 0;  }</style> <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 453-454
453
454<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
454GTM-P2MRM43
vendor: 85 bytes, lines 454-455
454"
455height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
456<!-- End Google Tag Manager (noscript) --><div class="page-wrapper">  
456<script>
457    require(['magentoStorefrontEvents'], function (magentoStorefrontEvents) {
458        magentoStorefrontEvents?.context?.setContext("recsContext", {
459            alternateEnvironmentId: ""
460        });
461    });</script>
461<script type="text/x-magento-init">
462        {
463            "*": {
464                "Magento_ProductRecommendationsLayout/js/recsFetcher": {}
465            }
466        }</script>
466<header class="page-header"><div class="panel wrapper"><div class="panel header"> <a class="action skip contentarea" href="#contentarea"><span> Skip to Content</span></a> <ul class="header links"><style>#html-body [data-pb-style=FXTU3XG]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=FXTU3XG],#html-body [data-pb-style=HB7WA3V]{border-style:none;border-width:1px;border-radius:0;margin:0;padding:0}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="ic-header-link-row" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="FXTU3XG"><div class="ic-header-link-html" data-content-type="html" data-appearance="default" data-element="main" data-pb-style="HB7WA3V" data-decoded="true"><li class="faq_link" title=FAQ><a href="https://ikonthailand.com/eng/faq/">FAQ</a></li>
467<!--<li class="store_link" title=Store Locator><a href="https://ikonthailand.com/eng/store-locator/">Store Locator</a></li>-->
468<li class="wishlist_link" title=Wishlist><a href="https://ikonthailand.com/eng/wishlist/index/index/">Wishlist</a></li></div></div></div>  <li class="greet welcome" data-bind="scope: 'customer'"><!-- ko if: customer().fullname --><span class="logged-in" data-bind="text: new String('Welcome, %1!'). replace('%1', customer().fullname)"></span> <!-- /ko --><!-- ko ifnot: customer().fullname --><span class="not-logged-in" data-bind="text: 'Welcome to Birkenstock Thailand’s Official Website'"></span>  <!-- /ko --></li>  
468<script type="text/x-magento-init">
469        {
470            "*": {
471                "Magento_Ui/js/core/app": {
472                    "components": {
473                        "customer": {
474                            "component": "Magento_Customer/js/view/customer"
475                        }
476                    }
477                }
478            }
479        }</script>
479  <li class="link authorization-link" data-label="or"><a href="https://ikonthailand.com/eng/customer/account/login/" >Sign In</a></li><li class="nav item"><a href="https://ikonthailand.com/eng/knowledge-base/">FAQ</a></li>   <div class="switcher language switcher-language" data-ui-id="language-switcher" id="switcher-language"><strong class="label switcher-label"><span>Language</span></strong> <div class="actions dropdown options switcher-options"><div class="action toggle switcher-trigger" id="switcher-language-trigger" data-mage-init='{"dropdown":{}}' data-toggle="dropdown" data-trigger-keypress-button="true"><strong class="view-eng"><span>EN</span></strong></div><ul class="dropdown switcher-dropdown" data-target="dropdown">  <li class="view-tha switcher-option"><a href="https://ikonthailand.com/eng/stores/store/redirect/___store/tha/uenc/aHR0cHM6Ly9pa29udGhhaWxhbmQuY29tL3RoYS8~/___from_store/eng/">TH</a></li>    </ul></div></div><li><a href="https://ikonthailand.com/eng/customer/account/create/" id="idl2JDqlX8" >Create an Account</a></li><li class="nav item"><a href="https://ikonthailand.com/eng/amlocator/">Store Locator</a></li></ul></div></div><div class="header content"> <span data-action="toggle-nav" class="action nav-toggle"><span>Toggle Nav</span></span> <a class="logo" href="https://ikonthailand.com/eng/" title="Birkenstock&#x20;online&#x20;shop" aria-label="store logo"><img src="https://ikonthailand.com/media/logo/stores/4/logo_1.png" title="Birkenstock&#x20;online&#x20;shop" alt="Birkenstock&#x20;online&#x20;shop" width="120" height="20" /></a>   <div class="switcher language mobile-switcher-language" data-ui-id="language-switcher" id="mobile-switcher-language-nav"><strong style="display: none" class="label switcher-label"><span>Language</span></strong> <div class="actions dropdown options switcher-options"><div class="action toggle switcher-trigger" id="mobile-switcher-language-trigger-nav" data-mage-init='{"dropdown":{}}' data-toggle="dropdown" data-trigger-keypress-button="true"><strong class="view-eng"><span>EN/TH</span></strong></div><ul class="dropdown switcher-dropdown" data-target="dropdown">  <li class="view-tha switcher-option"><a href="https://ikonthailand.com/eng/stores/store/redirect/___store/tha/uenc/aHR0cHM6Ly9pa29udGhhaWxhbmQuY29tL3RoYS8~/___from_store/eng/">TH</a></li>    <li class="view-eng switcher-option"><a class="disabled" role="link" aria-disabled="true">EN</a></li>  </ul></div></div> <div data-block="minicart" class="minicart-wrapper"><a class="action showcart" href="https://ikonthailand.com/eng/checkout/cart/" data-bind="scope: 'minicart_content'"><span class="text">My Cart</span> <span class="counter qty empty" data-bind="css: { empty: !!getCartParam('summary_count') == false && !isLoading() }, blockLoader: isLoading"><span class="counter-number"><!-- ko if: getCartParam('summary_count') --><!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --><!-- /ko --><!-- ko ifnot: getCartParam('summary_count') -->0<!-- /ko --></span> <span class="counter-label"><!-- ko if: getCartParam('summary_count') --><!-- ko text: getCartParam('summary_count').toLocaleString(window.LOCALE) --><!-- /ko --><!-- ko i18n: 'items' --><!-- /ko --><!-- /ko --></span></span></a>  <div class="block block-minicart" data-role="dropdownDialog" data-mage-init='{"dropdownDialog":{ "appendTo":"[data-block=minicart]", "triggerTarget":".showcart", "timeout": "2000", "closeOnMouseLeave": false, "closeOnEscape": true, "triggerClass":"active", "parentClass":"active", "buttons":[]}}'><div id="minicart-content-wrapper" data-bind="scope: 'minicart_content'"><!-- ko template: getTemplate() --><!-- /ko --></div></div> 
479<script>window.checkout = {"shoppingCartUrl":"https:\/\/ikonthailand.com\/eng\/checkout\/cart\/","checkoutUrl":"https:\/\/ikonthailand.com\/eng\/checkout\/","updateItemQtyUrl":"https:\/\/ikonthailand.com\/eng\/checkout\/sidebar\/updateItemQty\/","removeItemUrl":"https:\/\/ikonthailand.com\/eng\/checkout\/sidebar\/removeItem\/","imageTemplate":"Magento_Catalog\/product\/image_with_borders","baseUrl":"https:\/\/ikonthailand.com\/eng\/","minicartMaxItemsVisible":5,"websiteId":"4","maxItemsToDisplay":10,"storeId":"4","storeGroupId":"4","customerLoginUrl":"https:\/\/ikonthailand.com\/eng\/customer\/account\/login\/","isRedirectRequired":false,"autocomplete":"on","captcha":{"user_login":{"isCaseSensitive":false,"imageHeight":50,"imageSrc":"","refreshUrl":"https:\/\/ikonthailand.com\/eng\/captcha\/refresh\/","isRequired":false,"timestamp":1791444588}}}</script>
479 
479<script type="text/x-magento-init">
480        {
481        "[data-block='minicart']": {
482            "Magento_Ui/js/core/app": {"components":{"minicart_content":{"children":{"subtotal.container":{"children":{"subtotal":{"children":{"subtotal.totals":{"config":{"display_cart_subtotal_incl_tax":1,"display_cart_subtotal_excl_tax":0,"template":"Magento_Tax\/checkout\/minicart\/subtotal\/totals"},"component":"Magento_Tax\/js\/view\/checkout\/minicart\/subtotal\/totals","children":{"subtotal.totals.msrp":{"component":"Magento_Msrp\/js\/view\/checkout\/minicart\/subtotal\/totals","config":{"displayArea":"minicart-subtotal-hidden","template":"Magento_Msrp\/checkout\/minicart\/subtotal\/totals"}}}}},"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/subtotal"}}},"component":"uiComponent","config":{"displayArea":"subtotalContainer"}},"item.renderer":{"component":"Magento_Checkout\/js\/view\/cart-item-renderer","config":{"displayArea":"defaultRenderer","template":"Magento_Checkout\/minicart\/item\/default"},"children":{"item.image":{"component":"Magento_Catalog\/js\/view\/image","config":{"template":"Magento_Catalog\/product\/image","displayArea":"itemImage"}},"checkout.cart.item.price.sidebar":{"component":"uiComponent","config":{"template":"Magento_Checkout\/minicart\/item\/price","displayArea":"priceSidebar"}}}},"extra_info":{"component":"uiComponent","config":{"displayArea":"extraInfo"}},"promotion":{"component":"uiComponent","config":{"displayArea":"promotion"}}},"config":{"itemRenderer":{"default":"defaultRenderer","simple":"defaultRenderer","virtual":"defaultRenderer"},"template":"Magento_Checkout\/minicart\/content"},"component":"Magento_Checkout\/js\/view\/minicart"}},"types":[]}        },
483        "*": {
484            "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fikonthailand.com\u002Fstatic\u002Fversion1790841721\u002Ffrontend\u002FIsobar\u002Fbirkenstock_en\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
485        }
486    }</script>
486</div>  <li> <a href="https://ikonthailand.com/eng/customer/account/login/" class="link nav-link authorization-link" title="Sign In">Sign In</a></li>   <div class="block block-search"><div class="block block-title"><strong>Search</strong></div><div class="block block-content"><form class="form minisearch" id="search_mini_form" action="https://ikonthailand.com/eng/catalogsearch/result/" method="get"> <div class="field search"><label class="label" for="search" data-role="minisearch-label"><span>Search</span></label> <div class="control"><input id="search" data-mage-init='{ "quickSearch": { "formSelector": "#search_mini_form", "url": "https://ikonthailand.com/eng/search/ajax/suggest/", "destinationSelector": "#search_autocomplete", "minSearchLength": "3" } }' type="text" name="q" value="" placeholder="Search" class="input-text" maxlength="128" role="combobox" aria-haspopup="false" aria-autocomplete="both" autocomplete="off" aria-expanded="false" /><div id="search_autocomplete" class="search-autocomplete"></div> <div class="nested"><a class="action advanced" href="https://ikonthailand.com/eng/catalogsearch/advanced/" data-action="advanced-search">Advanced Search</a></div></div></div><div class="actions"><button type="submit" title="Search" class="action search" aria-label="Search"><span>Search</span></button></div></form></div></div><div class="top_menu">  <div class="sections nav-sections"> <div id="header-tabs" class="section-items nav-sections-items" data-mage-init='{"tabs":{"openedState":"active"}}'>  <div class="section-item-title nav-sections-item-title" data-role="collapsible"><a class="nav-sections-item-switch" data-toggle="switch" href="#store.menu">Menu</a></div><div class="section-item-content nav-sections-item-content" id="store.menu" data-role="content">    <!-- Top Nav --><nav class="navigation navigation-megamenu  tm-top-navigation" data-action="navigation"><ul data-mage-init='{"megamenu":{"menus": "li ul:not(.mm-submenu), li.level0 > .megamenu-wrapper", "responsive":true, "expanded":true, "position":{"my":"left top","at":"left bottom"}, "differentPositionMenus":".megamenu-wrapper", "differentPosition":{"my":"left top","at":"left bottom","of":".navigation"}}}'>
486<li  class="level0 nav-1 category-item first level-top parent" category_id="1963"><a href="https://ikonthailand.com/eng/new.html"  class="level-top" ><span class="mm-title">NEW</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-1-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/bestsellers.html" class="item-level1">   <span class='mm-title'>Best Sellers</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-1-1-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/bestsellers/arizona.html" class="item-level2">   <span class='mm-title'>Arizona</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-1-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/bestsellers/boston.html" class="item-level2">   <span class='mm-title'>Boston</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-1-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/bestsellers/madrid.html" class="item-level2">   <span class='mm-title'>Madrid</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-1-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/bestsellers/gizeh.html" class="item-level2">   <span class='mm-title'>Gizeh</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-1-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/women.html" class="item-level1">   <span class='mm-title'>Women</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-1-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/women/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/women/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-2-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/women/leather.html" class="item-level2">   <span class='mm-title'>Leather</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-1-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men.html" class="item-level1">   <span class='mm-title'>Men</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-1-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men/birko-flor-cork.html" class="item-level2">   <span class='mm-title'>Birko-flor (cork)</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-3-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men/shoes.html" class="item-level2">   <span class='mm-title'>Shoes</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-3-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/men/leather.html" class="item-level2">   <span class='mm-title'>Leather</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-1-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/kids.html" class="item-level1">   <span class='mm-title'>Kids</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-1-4-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/kids/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-4-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/kids/birko-flor-cork.html" class="item-level2">   <span class='mm-title'>Birko-flor (cork)</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-1-4-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/new/kids/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li>
486<li  class="level0 nav-2 category-item level-top parent" category_id="1921"><a href="https://ikonthailand.com/eng/women.html"  class="level-top" ><span class="mm-title">WOMEN</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models.html" class="item-level1">   <span class='mm-title'>Models</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-2-1-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/arizona.html" class="item-level2">   <span class='mm-title'>Arizona</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/catalog/category/view/s/madrid/id/2098/" class="item-level2">   <span class='mm-title'>Madrid</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/mayari.html" class="item-level2">   <span class='mm-title'>Mayari</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/florida.html" class="item-level2">   <span class='mm-title'>Florida</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-6 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/gizeh.html" class="item-level2">   <span class='mm-title'>Gizeh</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-9 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/franca.html" class="item-level2">   <span class='mm-title'>Franca</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-1-11 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/models/kyoto.html" class="item-level2">   <span class='mm-title'>Kyoto</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles.html" class="item-level1">   <span class='mm-title'>Styles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-2-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/thong.html" class="item-level2">   <span class='mm-title'>Thong</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/one-strap.html" class="item-level2">   <span class='mm-title'>One-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/two-strap.html" class="item-level2">   <span class='mm-title'>Two-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/multi-strap.html" class="item-level2">   <span class='mm-title'>Multi-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-6 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/wedges-platforms.html" class="item-level2">   <span class='mm-title'>Wedges & Platforms</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-7 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/back-ankle-strap.html" class="item-level2">   <span class='mm-title'>Back & Ankle-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-8 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-2-9 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/styles/shoes.html" class="item-level2">   <span class='mm-title'>Shoes</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/accessories.html" class="item-level1">   <span class='mm-title'>Accessories</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-2-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/accessories/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/accessories/arch-supports-and-insoles.html" class="item-level2">   <span class='mm-title'>Arch Supports And Insoles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-2-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/women/accessories/socks.html" class="item-level2">   <span class='mm-title'>Socks</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li>
486<li  class="level0 nav-3 category-item level-top parent" category_id="1933"><a href="https://ikonthailand.com/eng/men.html"  class="level-top" ><span class="mm-title">MEN</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models.html" class="item-level1">   <span class='mm-title'>Models</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-3-1-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/arizona.html" class="item-level2">   <span class='mm-title'>Arizona</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/mayari.html" class="item-level2">   <span class='mm-title'>Mayari</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/gizeh.html" class="item-level2">   <span class='mm-title'>Gizeh</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/atacama.html" class="item-level2">   <span class='mm-title'>Atacama</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-6 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/milano.html" class="item-level2">   <span class='mm-title'>Milano</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-1-7 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/models/kyoto.html" class="item-level2">   <span class='mm-title'>Kyoto</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles.html" class="item-level1">   <span class='mm-title'>Styles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-3-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/thong.html" class="item-level2">   <span class='mm-title'>Thong</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/one-strap.html" class="item-level2">   <span class='mm-title'>One-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/two-strap.html" class="item-level2">   <span class='mm-title'>Two-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/multi-strap.html" class="item-level2">   <span class='mm-title'>Multi-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-6 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/back-ankle-strap.html" class="item-level2">   <span class='mm-title'>Back & Ankle-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-7 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-8 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/shoes.html" class="item-level2">   <span class='mm-title'>Shoes</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-2-9 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/styles/clogs.html" class="item-level2">   <span class='mm-title'>Clogs</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/accessories.html" class="item-level1">   <span class='mm-title'>Accessories</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-3-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/accessories/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/accessories/arch-supports-and-insoles.html" class="item-level2">   <span class='mm-title'>Arch Supports And Insoles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-3-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/men/accessories/socks.html" class="item-level2">   <span class='mm-title'>Socks</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li>
486<li  class="level0 nav-4 category-item level-top parent" category_id="2101"><a href="https://ikonthailand.com/eng/kids.html"  class="level-top" ><span class="mm-title">KIDS</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-3"></div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-4-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles.html" class="item-level1">   <span class='mm-title'>Girl Styles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-4-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles/thong.html" class="item-level2">   <span class='mm-title'>Thong</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles/two-strap.html" class="item-level2">   <span class='mm-title'>Two-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-2-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles/back-ankle-strap.html" class="item-level2">   <span class='mm-title'>Back & Ankle-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-2-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/girl-styles/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-4-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles.html" class="item-level1">   <span class='mm-title'>Boy Styles</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-4-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles/thong.html" class="item-level2">   <span class='mm-title'>Thong</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles/two-strap.html" class="item-level2">   <span class='mm-title'>Two-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu">
486<li class="item nav-4-3-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles/back-ankle-strap.html" class="item-level2">   <span class='mm-title'>Back & Ankle-strap</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-4-3-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/kids/boy-styles/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li><li  class="level0 nav-5 category-item level-top parent" category_id="2047"><a href="https://ikonthailand.com/eng/professionals.html"  class="level-top" ><span class="mm-title">PROFESSIONALS</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-3"></div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-5-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/professions.html" class="item-level1">   <span class='mm-title'>Professions</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-5-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/professions/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-5-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/professions/medical-nursing.html" class="item-level2">   <span class='mm-title'>Medical & Nursing</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-5-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/professions/culinary-hospitality.html" class="item-level2">   <span class='mm-title'>Culinary & Hospitality</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-5-2-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/professions/gardening.html" class="item-level2">   <span class='mm-title'>Gardening</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-5-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/featured.html" class="item-level1">   <span class='mm-title'>Featured</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-5-3-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/featured/view-all.html" class="item-level2">   <span class='mm-title'>View All</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-5-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/featured/esd.html" class="item-level2">   <span class='mm-title'>Esd</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-5-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/professionals/featured/anti-slip-system.html" class="item-level2">   <span class='mm-title'>Anti-slip System</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li>
486<li  class="level0 nav-6 category-item last level-top parent" category_id="2005"><a href="https://ikonthailand.com/eng/our-story.html"  class="level-top" ><span class="mm-title">OUR STORY</span></a><!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level1 vertical tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="container"><div class="row"><div class="col-sm-2"></div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-6-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear.html" class="item-level1">   <span class='mm-title'>Footwear</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-6-2-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear/fit-guide.html" class="item-level2">   <span class='mm-title'>Fit Guide</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-2-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear/footbed.html" class="item-level2">   <span class='mm-title'>Footbed</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-2-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear/materials.html" class="item-level2">   <span class='mm-title'>Materials</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-2-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear/sustainability.html" class="item-level2">   <span class='mm-title'>Sustainability</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-2-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/footwear/repair-service.html" class="item-level2">   <span class='mm-title'>Repair Service</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-3">  <ul class="mm-submenu"><li class="item nav-6-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news.html" class="item-level1">   <span class='mm-title'>News</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-6-3-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/clogs.html" class="item-level2">   <span class='mm-title'>Clogs</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/the-big-buckle.html" class="item-level2">   <span class='mm-title'>Big Buckle</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/shoes.html" class="item-level2">   <span class='mm-title'>Shoes</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-5 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/vegan.html" class="item-level2">   <span class='mm-title'>Vegan</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-6 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/adventure.html" class="item-level2">   <span class='mm-title'>Adventure</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-7 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/professionals.html" class="item-level2">   <span class='mm-title'>Professionals</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-8 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/hooknloop.html" class="item-level2">   <span class='mm-title'>Hook & Loop</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-3-9 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/news/water-friendly-eva.html" class="item-level2">   <span class='mm-title'>Water-friendly & Eva</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div><div class="col-sm-4">  <ul class="mm-submenu"><li class="item nav-6-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/birkenstories.html" class="item-level1">   <span class='mm-title'>Birkenstories</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level2 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  >  <div class="row"><div class="col-sm-12">  <ul class="mm-submenu"><li class="item nav-6-4-1 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/birkenstories/piyada-nanta-pilates-instru
486ctor.html" class="item-level2">   <span class='mm-title'>Piyada Nanta - Pilates Instructor</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-4-2 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/birkenstories/pichaya-sukviboon-chef.html" class="item-level2">   <span class='mm-title'>Pichaya Sukviboon - Chef</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-4-3 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/birkenstories/vvon-sugunnasil-designer.html" class="item-level2">   <span class='mm-title'>Vvon Sugunnasil - Designer</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul>   <ul class="mm-submenu"><li class="item nav-6-4-4 category-item ui-menu-item"><a href="https://ikonthailand.com/eng/our-story/birkenstories/krit-jirakiertivadhana-hair-stylist.html" class="item-level2">   <span class='mm-title'>Krit Jirakiertivadhana - Hair Stylist</span> </a> <!-- For sidebar menu: add class "in-sidebar" to "tm-megamenu" div --> <div class="level3 horizontal tm-megamenu megamenu-wrapper submenu " style="   "  ></div></li></ul> </div></div>  </div></li></ul> </div></div></div> </div></li></ul></nav></div>  <div class="section-item-title nav-sections-item-title" data-role="collapsible"><a class="nav-sections-item-switch" data-toggle="switch" href="#store.links">Account</a></div><div class="section-item-content nav-sections-item-content" id="store.links" data-role="content"><!-- Account links --></div></div></div> 
486<script>
487    require(['jquery'], function($) {
488
489        $("#header-tabs").on("dimensionsChanged", function (event, data) {
490            var opened = data.opened;
491            if (opened) {
492                $('.opener').removeClass('active');
493                $('.submenu').hide().removeClass('expand');
494                return;
495            }
496        });
497
498    });</script>
498</div></div>  
498<script type="text/x-magento-init">
499        {
500            "*": {
501                "Isobar_StickyMenu/js/sticky-header": {}
502            }
503        }</script>
503</header> <main id="maincontent" class="page-main-full-width">  <div data-bind="scope:'product_recommendations_above-main-content'"><!-- ko template: getTemplate() --><!-- /ko --></div>
503<script type="text/x-magento-init">
504        {
505            "*": {
506                "Magento_Ui/js/core/app": {
507                    "components": {
508                        "product_recommendations_above-main-content": {
509                            "component": "Magento_ProductRecommendationsLayout/js/layoutRenderer",
510                            "pagePlacement": "above-main-content",
511                            "placeholderUrl": "https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Magento_Catalog/images/product/placeholder/image.jpg",
512                            "priceFormat": {"pattern":"\u0e3f%s","precision":"0","requiredPrecision":"0","decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false,"currencyCode":null,"showMinus":"before_symbol","symbol":"\u0e3f","minusSign":"-"},
513                            "currencyConfiguration": {"currency":"THB","rate":1},
514                            "isAlternateEnvironmentEnabled": false                        }
515                    }
516                }
517            }
518        }</script>
518 <a id="contentarea" tabindex="-1"></a>  <div class="page-title-wrapper"><h1 class="page-title"  ><span class="base" data-ui-id="page-title-wrapper" >Birkenstock Thailand Official</span></h1></div><div class="page messages"> <div data-placeholder="messages"></div> <div data-bind="scope: 'messages'"><!-- ko if: cookieMessages && cookieMessages.length > 0 --><div aria-atomic="true" role="alert" data-bind="foreach: { data: cookieMessages, as: 'message' }" class="messages"><div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"><div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div></div></div><!-- /ko --><!-- ko if: messages().messages && messages().messages.length > 0 --><div aria-atomic="true" role="alert" class="messages" data-bind="foreach: { data: messages().messages, as: 'message' }"><div data-bind="attr: { class: 'message-' + message.type + ' ' + message.type + ' message', 'data-ui-id': 'message-' + message.type }"><div data-bind="html: $parent.prepareMessageForHtml(message.text)"></div></div></div><!-- /ko --></div>
518<script type="text/x-magento-init">
519    {
520        "*": {
521            "Magento_Ui/js/core/app": {
522                "components": {
523                        "messages": {
524                            "component": "Magento_Theme/js/view/messages"
525                        }
526                    }
527                }
528            }
529    }</script>
529</div><div class="columns"><div class="column main"><input name="form_key" type="hidden" value="mPOjIt059Wr6glJH" /> <div id="authenticationPopup" data-bind="scope:'authenticationPopup', style: {display: 'none'}"> 
529<script>window.authenticationPopup = {"autocomplete":"on","customerRegisterUrl":"https:\/\/ikonthailand.com\/eng\/customer\/account\/create\/","customerForgotPasswordUrl":"https:\/\/ikonthailand.com\/eng\/customer\/account\/forgotpassword\/","baseUrl":"https:\/\/ikonthailand.com\/eng\/","customerLoginUrl":"https:\/\/ikonthailand.com\/eng\/customer\/ajax\/login\/"}</script>
529 <!-- ko template: getTemplate() --><!-- /ko --> 
529<script type="text/x-magento-init">
530        {
531            "#authenticationPopup": {
532                "Magento_Ui/js/core/app": {"components":{"authenticationPopup":{"component":"Magento_Customer\/js\/view\/authentication-popup","children":{"messages":{"component":"Magento_Ui\/js\/view\/messages","displayArea":"messages"},"captcha":{"component":"Magento_Captcha\/js\/view\/checkout\/loginCaptcha","displayArea":"additional-login-form-fields","formId":"user_login","configSource":"checkout"},"recaptcha":{"component":"Magento_ReCaptchaFrontendUi\/js\/reCaptcha","displayArea":"additional-login-form-fields","reCaptchaId":"recaptcha-popup-login","settings":{"rendering":{"sitekey":"6Lcap40rAAAAAJo5w7a-lZ9ItWQYOtJcnU0JbK3A","badge":"inline","size":"invisible","theme":"light","hl":""},"invisible":true}},"social-fields":{"sortOrder":"0","component":"Isobar_SocialLogin\/js\/authentication\/social","template":"Isobar_SocialLogin\/authentication\/social","displayArea":"additional-login-form-fields","linksContent":""},"social-buttons":{"component":"Mageplaza_SocialLogin\/js\/view\/social-buttons","displayArea":"before"}}}}}            },
533            "*": {
534                "Magento_Ui/js/block-loader": "https\u003A\u002F\u002Fikonthailand.com\u002Fstatic\u002Fversion1790841721\u002Ffrontend\u002FIsobar\u002Fbirkenstock_en\u002Fen_US\u002Fimages\u002Floader\u002D1.gif"
535                 }
536        }</script>
536</div> 
536<script type="text/x-magento-init">
537    {
538        "*": {
539            "Magento_Customer/js/section-config": {
540                "sections": {"stores\/store\/switch":["*"],"stores\/store\/switchrequest":["*"],"directory\/currency\/switch":["*"],"*":["messages"],"customer\/account\/logout":["*","recently_viewed_product","recently_compared_product","persistent"],"customer\/account\/loginpost":["*"],"customer\/account\/createpost":["*"],"customer\/account\/editpost":["*"],"customer\/ajax\/login":["checkout-data","cart","captcha"],"catalog\/product_compare\/add":["compare-products"],"catalog\/product_compare\/remove":["compare-products"],"catalog\/product_compare\/clear":["compare-products"],"sales\/guest\/reorder":["cart","ammessages"],"sales\/order\/reorder":["cart","ammessages"],"checkout\/cart\/add":["cart","directory-data","ammessages"],"checkout\/cart\/delete":["cart","ammessages"],"checkout\/cart\/updatepost":["cart","ammessages"],"checkout\/cart\/updateitemoptions":["cart","ammessages"],"checkout\/cart\/couponpost":["cart","ammessages"],"checkout\/cart\/estimatepost":["cart","ammessages"],"checkout\/cart\/estimateupdatepost":["cart","ammessages"],"checkout\/onepage\/saveorder":["cart","checkout-data","last-ordered-items","ammessages"],"checkout\/sidebar\/removeitem":["cart","ammessages"],"checkout\/sidebar\/updateitemqty":["cart","ammessages"],"rest\/*\/v1\/carts\/*\/payment-information":["cart","last-ordered-items","captcha","instant-purchase","ammessages"],"rest\/*\/v1\/guest-carts\/*\/payment-information":["cart","captcha","ammessages"],"rest\/*\/v1\/guest-carts\/*\/selected-payment-method":["cart","checkout-data","ammessages"],"rest\/*\/v1\/carts\/*\/selected-payment-method":["cart","checkout-data","instant-purchase","ammessages"],"wishlist\/index\/add":["wishlist"],"wishlist\/index\/remove":["wishlist"],"wishlist\/index\/updateitemoptions":["wishlist"],"wishlist\/index\/update":["wishlist"],"wishlist\/index\/cart":["wishlist","cart"],"wishlist\/index\/fromcart":["wishlist","cart"],"wishlist\/index\/allcart":["wishlist","cart"],"wishlist\/shared\/allcart":["wishlist","cart"],"wishlist\/shared\/cart":["cart"],"giftregistry\/index\/cart":["cart"],"giftregistry\/view\/addtocart":["cart"],"customer_order\/cart\/updatefaileditemoptions":["cart"],"checkout\/cart\/updatefaileditemoptions":["cart"],"customer_order\/cart\/advancedadd":["cart"],"checkout\/cart\/advancedadd":["cart"],"checkout\/cart\/removeallfailed":["cart"],"checkout\/cart\/removefailed":["cart"],"customer_order\/cart\/addfaileditems":["cart"],"checkout\/cart\/addfaileditems":["cart"],"customer_order\/sku\/uploadfile":["cart"],"multishipping\/checkout\/overviewpost":["cart","ammessages"],"customer\/address\/*":["instant-purchase"],"customer\/account\/*":["instant-purchase"],"vault\/cards\/deleteaction":["instant-purchase"],"wishlist\/index\/copyitem":["wishlist"],"wishlist\/index\/copyitems":["wishlist"],"wishlist\/index\/deletewishlist":["wishlist","multiplewishlist"],"wishlist\/index\/createwishlist":["multiplewishlist"],"wishlist\/index\/editwishlist":["multiplewishlist"],"wishlist\/index\/moveitem":["wishlist"],"wishlist\/index\/moveitems":["wishlist"],"wishlist\/search\/addtocart":["cart","wishlist"],"paypal\/express\/placeorder":["cart","checkout-data","ammessages"],"paypal\/payflowexpress\/placeorder":["cart","checkout-data","ammessages"],"paypal\/express\/onauthorization":["cart","checkout-data","ammessages"],"persistent\/index\/unsetcookie":["persistent"],"review\/product\/post":["review"],"faq\/index\/save":["faq"],"gdpr\/customer\/anonymise":["customer"],"amasty_promo\/cart\/add":["cart","ammessages"],"braintree\/paypal\/placeorder":["ammessages"],"authorizenet\/directpost_payment\/place":["ammessages"],"gbprimepay\/checkout\/pendingdirect":["cart","customer"],"gbprimepay\/checkout\/pendinginstallment":["cart","customer"],"gbprimepay\/checkout\/pendingqrcode":["cart","customer"],"gbprimepay\/checkout\/pendingqrcredit":["cart","customer"],"gbprimepay\/checkout\/pendingqrwechat":["cart","customer"],"gbprimepay\/checkout\/pendingbarcode":["cart","customer"],"checkout\/onepage\/success":["cart","message"],"social\/account\/login":["customer","checkout-data"],"social\/account\/save":["*"],"abandonedcart\/checkout\/cart":["*"],"sociallogin\/popup\/create":["checkout-data","cart"]},
541                "clientSideSections": ["checkout-data","cart-data","faq_product"],
542                "baseUrls": ["https:\/\/ikonthailand.com\/eng\/"],
543                "sectionNames": ["messages","customer","compare-products","last-ordered-items","cart","directory-data","captcha","wishlist","instant-purchase","loggedAsCustomer","multiplewishlist","persistent","review","faq","ammessages","re
543cently_viewed_product","recently_compared_product","product_data_storage","paypal-billing-agreement"]            }
544        }
545    }</script>
545 
545<script type="text/x-magento-init">
546    {
547        "*": {
548            "Magento_Customer/js/customer-data": {
549                "sectionLoadUrl": "https\u003A\u002F\u002Fikonthailand.com\u002Feng\u002Fcustomer\u002Fsection\u002Fload\u002F",
550                "expirableSectionLifetime": 60,
551                "expirableSectionNames": ["cart","persistent"],
552                "cookieLifeTime": "2592000",
553                "updateSessionUrl": "https\u003A\u002F\u002Fikonthailand.com\u002Feng\u002Fcustomer\u002Faccount\u002FupdateSession\u002F"
554            }
555        }
556    }</script>
556 
556<script type="text/x-magento-init">
557    {
558        "*": {
559            "Magento_Customer/js/invalidation-processor": {
560                "invalidationRules": {
561                    "website-rule": {
562                        "Magento_Customer/js/invalidation-rules/website-rule": {
563                            "scopeConfig": {
564                                "websiteId": "4"
565                            }
566                        }
567                    }
568                }
569            }
570        }
571    }</script>
571 
571<script type="text/x-magento-init">
572    {
573        "body": {
574            "pageCache": {"url":"https:\/\/ikonthailand.com\/eng\/page_cache\/block\/render\/","handles":["default","cms_index_index","cms_page_view","cms_index_index_id_birkenstock-thailand","default_ec"],"originalRequest":{"route":"cms","controller":"index","action":"index","uri":"\/eng\/"},"versionCookieName":"private_content_version"}        }
575    }</script>
575    <style>#html-body [data-pb-style=D9CRNC4],#html-body [data-pb-style=F8A46K6],#html-body [data-pb-style=MN84FI8],#html-body [data-pb-style=OCBGU8A],#html-body [data-pb-style=Q1NJSXU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=BA5A545]{display:none}#html-body [data-pb-style=AFW1SOH],#html-body [data-pb-style=QTJBD9Y],#html-body [data-pb-style=SQW5T0K],#html-body [data-pb-style=V4N1OIJ]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=L4ITAEQ]{display:none}#html-body [data-pb-style=BVJJD29],#html-body [data-pb-style=F0FQ17A],#html-body [data-pb-style=J2OW8AA],#html-body [data-pb-style=PGR0ECM]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=XFW9QN2]{display:none}#html-body [data-pb-style=DDCP3L4],#html-body [data-pb-style=HE4AR78],#html-body [data-pb-style=J85GWNY],#html-body [data-pb-style=MVW8GDO],#html-body [data-pb-style=T21RFCL],#html-body [data-pb-style=TFW1H10]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=PSGPRBT]{display:none}</style><div data-content-type="row" data-appearance="full-bleed" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="main" data-pb-style="D9CRNC4"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- Skiny Banner ENG (Centered Auto Slider) -->
576<div class="skinny-banner-section">
577    <div id="owl-one-birken" class="owl-carousel owl-theme">
578        <div id="item1-skinny" class="item mb">
579            10% off for new register and 0% installment up to 10 months*
580        </div>        
581        <!--<div id="item1-skinny" class="item mb">
582            3 easy payments, 0% interest with <img src="https://d12ipkz3g33odj.cloudfront.net/content/2025/dec/atome-logo-ae-new.png"
583                    style="width: 75px; height: auto; vertical-align: middle; display: inline-block; margin-left: 0px; margin-right: 0px; margin-bottom: 5px;"> <a href="https://ikonthailand.com/eng/atome-payment" style="text-decoration: underline;">Discover More</a>
584        </div>-->
585    </div>
586    <div class="owl-theme">
587        <div class="owl-controls">
588            <div class="custom-nav1 owl-nav"></div>
589        </div>
590    </div>
591</div>
592
593<style>
594    #owl-one-birken {
595        background-color: #0a2f80;
596        text-align: center;
597        padding: 8px 0px;
598    }
599
600    #item1-skinny {
601        color: white;
602        font-size: 17px;
603    }
604
605    #item1-skinny.item a {
606        color: white;
607        font-size: 17px;
608        text-decoration: none;
609    }
610
611    .skinny-banner-section {
612        position: relative;
613        margin-top: 0px;
614    }
615
616    .owl-prev,
617    .owl-next {
618        position: absolute;
619
620        /* color: inherit;
621                background: none;
622                border: none; */
623        z-index: 100;
624        background: transparent;
625        border: 0px;
626        color: #fff;
627
628    }
629
630    .owl-prev2,
631    .owl-next2 {
632        position: absolute;
633
634        /* color: inherit;
635                background: none;
636                border: none; */
637        z-index: 100;
638        background: transparent;
639        border: 0px;
640        color: #fff;
641
642    }
643
644
645    .owl-prev {
646        left: 0;
647    }
648
649    .owl-next {
650        right: 0;
651    }
652
653    .owl-prev2 {
654        left: 0;
655    }
656
657    .owl-next2 {
658        right: 0;
659    }
660
661    .owl-prev3 {
662        left: 0;
663    }
664
665    .owl-next3 {
666        right: 0;
667    }
668
669    button.owl-prev,
670    button.owl-next {
671        background: transparent;
672        border: 0px;
673    }
674
675    /* button.owl-prev, button.owl-next {
676                padding: 1px 2px;
677            } */
678    .fa {
679        font-size: 25px;
680    }
681
682    .vdesktop {
683        display: block;
684    }
685
686    .vmobile {
687        display: none;
688    }
689
690    @media only screen and (max-width: 600px) {
691        .vdesktop {
692            display: none;
693        }
694
695        .vmobile {
696            display: block;
697        }
698
699        .skinny-banner-section {
700            margin-top: 0px;
701        }
702
703
704        button.owl-prev,
705        button.owl-next {
706            background: transparent;
707            border: .5px #0a2f80;
708        }
709
710        #item1-skinny {
711            color: white;
712            font-size: 10px;
713            font-weight: 600;
714        }
715
716        #item1-skinny.item a {
717            font-size: 14px;
718            font-weight: 600;
719        }
720        .fa {
721            display: none;
722        }
723
724    }
725
726    .slick-dots li button {
727        width: 6px;
728        height: 6px;
729        padding: 5px;
730    }
731</style>
732
733<script type="text/javascript">
734    require([
735        'jquery',
736        'owlCarousel'
737    ], function ($) {
738        // Initialize the first carousel (skinny-banner-section)
739        $('.skinny-banner-section .owl-carousel').owlCarousel({
740            stagePadding: 0,
741            loop: true,
742            margin: 10,
743            autoplay: true,
744            autoplayTimeout: 5000,
745            autoplayHoverPause: true,
746            dots: false,
747            nav: false,
748            smartSpeed: 1350,
749            navText: [
750                '<i class="fa fa-angle-left" id="top-arrow-left-desk-en-dt" aria-hidden="true"></i>',
751                '<i class="fa fa-angle-right" id="top-arrow-right-desk-en-dt" aria-hidden="true"></i>'
752            ],
753            navContainer: '.skinny-banner-section .custom-nav1',
754            responsive: {
755                0: {
756                    items: 1
757                },
758                600: {
759                    items: 1
760                },
761                1000: {
762                    items: 1
763                }
764            }
765        });
766    });
767</script>
767</div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="OCBGU8A"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- M1 banner 16 Sep 26 ENG -->
768<div class="vdesktop">
769    <div class="m-1">
770        <div id="item3" class="item">
771            <a href="https://ikonthailand.com/eng/new.html">
772                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/Blair_-_PC.jpg"
773                    alt="Website Exclusive PC">
774            </a>
775            <div class="text-m1">
776                <H1 style="color: white; text-transform: none; font-weight: bold; font-size: 50px;     margin-bottom: 0px;">BLAIR</H1>
777                <p style="color: white; text-transform: none;">EARLY ACCESS — Available first on our website</p>
778                <p style="font-size: 20px;">
779                    <a href="https://ikonthailand.com/eng/new.html" class="btn-m1">SHOP NEW ARRIVALS</a>
780                </p>
781            </div>
782        </div>
783    </div>
784</div>
785
786
787<div class="vmobile">
788    <div class="m-2">
789        <div id="item1" class="item">
790            <a href="https://ikonthailand.com/eng/new.html">
791                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/Blair_-_MB.jpg"
792                    alt="Website Exclusive MB">
793            </a>
794            <div class="text-m1">
795                <h4 style="font-size: 25px; padding-top: 5px; font-weight: bold; color: white;">BLAIR</h4>
796                <p style="font-size: 15px; margin-bottom: 0px;">EARLY ACCESS — Available first on our website</p>    
797                <p style="font-size: 20px; margin-top: 5px; margin-bottom: 10px;">
798                    <a href="https://ikonthailand.com/eng/new.html" class="btn-m1">SHOP NEW ARRIVALS</a>
799                </p>
800            </div>
801        </div>
802    </div>
803</div>
804
805<style>
806    .m-1,
807    .m-2 {
808        position: relative;
809        text-align: center;
810    }
811
812    .text-m1 {
813        position: absolute;
814        width: max-content;
815        transform: translateX(-50%);
816        left: 70%;
817        top: 43%;
818        text-align: right;
819    }
820
821
822    #text-birken-m1 {
823        font-weight: 700;
824        font-size: 50px;
825        color: black;
826        text-align: center;
827        white-space: nowrap;
828        position: absolute;
829        top: 81%;
830        left: 50%;
831        transform: translate(-50%, -50%);
832        display: flex;
833        justify-content: center;
834        align-items: center;
835    }
836
837    .btn-m1 {
838        font-size: 20px;
839        border: 1px solid white;
840        border-radius: 2px;
841        padding: 10px 15px;
842        line-height: 1.5;
843        font-weight: 700;
844        background-color: white;
845        text-decoration: none;
846        color: black !important;
847    }
848
849    .btn-m1:hover {
850        background-color: white !important;
851        color: black !important;
852        text-decoration: none;
853    }
854
855    .head-m1 {
856        color: white;
857        position: absolute;
858        width: max-content;
859        transform: translateX(-50%);
860        left: 50%;
861        top: 65%;
862    }
863
864    .text-m1 p {
865        font-size: 35px;
866        font-weight: normal;
867        margin-bottom: 15px;
868    }
869
870    .con-m1 {
871        color: white;
872        position: absolute;
873        width: max-content;
874        transform: translateX(-50%);
875        left: 78%;
876        top: 88%;
877    }
878
879    .con-m1 p {
880        font-size: 20px;
881    }
882
883    @media only screen and (max-width: 1366px) {
884        .text-m1 {
885            top: 43%;
886        }
887
888        .text-m1 h3 {
889            font-size: 40px;
890        }
891
892        .con-m1 {
893            top: 86%;
894        }
895
896        .btn-m1 {
897            padding: 10px 15px;
898        }
899
900        .con-m1 p {
901            font-size: 17px;
902        }
903
904        .text-m1 p {
905            margin-bottom: 25px;
906            font-size: 32px;
907        }
908    }
909
910
911    @media only screen and (max-width: 600px) {
912        .text-m1 {
913            left: 50%;
914            top: 69% !important;
915            text-align: center;
916        }
917
918        .btn-m1 {
919            padding: 4px 14px;
920        }
921    }
922
923    @media only screen and (max-width: 360px) {
924        .text-m1 {
925            left: 50%;
926            top: 65% !important;
927            text-align: center;
928        }
929    }
930</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MN84FI8"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- <a class="link-1" href="https://ikonthailand.com/eng/sale.html"">
931    <div id="item1" style="padding: 8px 0px;
932    text-align: center;
933    color: black;
934    background: #d8cccc;">
935        Exclusive Selection 25 % off <span style="color: black;  font-weight: 600; text-decoration: underline;
936        text-underline-offset: 3px;" >Shop Now</span>
937    </div>
938    </a> -->
939    <style>
940        a.link-1:hover {
941            text-decoration: none;
942        }
943    
944        a.button-3 {
945            font-weight: 700;
946            color: white;
947            background-color: black;
948            text-decoration: none;
949            border: 1px solid black;
950            border-radius: 2px;
951            padding: 7px 15px;
952        }
953    
954        a.button-3:hover {
955            color: black;
956            background-color: white;
957        }
958    
959        #owl-one {
960            background-color: black;
961            text-align: center;
962            padding: 8px 0px;
963        }
964    
965        #owl-two {
966            background-color: transparent;
967            text-align: center;
968            padding: 0px 0px;
969        }
970    
971        #item1 {
972            color: white;
973            font-size: 17px;
974        }
975    
976        #item1.item a {
977            color: white;
978            font-size: 17px;
979            text-decoration: none;
980        }
981    
982        #item2 {
983            color: white;
984            font-size: 17px;
985        }
986    
987        #item2.item a {
988            color: black;
989            font-size: 17px;
990            text-decoration: none;
991        }
992    
993        #item2.item a:hover {
994            color: white;
995            background-color: black;
996        }
997    
998        #item3 {
999            color: black;
1000            font-size: 17px;
1001        }
1002    
1003        /* #item3.item a {color: black; font-size: 17px; text-decoration: none;} */
1004        #item3.item a:hover {
1005            color: black;
1006            background-color: white;
1007        }
1008    
1009        .skinny-banner-section {
1010            position: relative;
1011        }
1012    
1013        .custom-nav1 {
1014            position: absolute;
1015            top: 2%;
1016            left: 0px;
1017            right: 0px;
1018        }
1019    
1020        .custom-nav2 {
1021            position: absolute;
1022            top: 42%;
1023            left: 1px;
1024            right: 1px;
1025        }
1026    
1027        .custom-nav3 {
1028            position: absolute;
1029            top: 40%;
1030            left: 1px;
1031            right: 1px;
1032        }
1033    
1034        .owl-prev,
1035        .owl-next {
1036            position: absolute;
1037            /* color: inherit;
1038                        background: none;
1039                        border: none; */
1040            z-index: 100;
1041            background: transparent;
1042            border: 0px;
1043            color: #fff;
1044    
1045        }
1046    
1047        .owl-prev2,
1048        .owl-next2 {
1049            position: absolute;
1050            /* color: inherit;
1051                        background: none;
1052                        border: none; */
1053            z-index: 100;
1054            background: transparent;
1055            border: 0px;
1056            color: #fff;
1057        }
1058    
1059    
1060        .owl-prev {
1061            left: 0;
1062        }
1063    
1064        .owl-next {
1065            right: 0;
1066        }
1067    
1068        .owl-prev2 {
1069            left: 0;
1070        }
1071    
1072        .owl-next2 {
1073            right: 0;
1074        }
1075    
1076        .owl-prev3 {
1077            left: 0;
1078        }
1079    
1080        .owl-next3 {
1081            right: 0;
1082        }
1083    
1084        button.owl-prev,
1085        button.owl-next {
1086            background: transparent;
1087            border: 0px;
1088        }
1089    
1090        /* button.owl-prev, button.owl-next {
1091                        padding: 1px 2px;
1092                    } */
1093        .fa {
1094            font-size: 25px;
1095        }
1096    
1097        .vdesktop {
1098            display: block;
1099        }
1100    
1101        .vmobile {
1102            display: none;
1103        }
1104    
1105        @media only screen and (max-width: 600px) {
1106            .vdesktop {
1107                display: none;
1108            }
1109    
1110            .vmobile {
1111                display: block;
1112            }
1113    
1114            .custom-nav1 {
1115                top: 0%;
1116            }
1117    
1118            /* .custom-nav2 {
1119                            top: 30%;
1120                            left: 0px;
1121                            right: 0px;
1122                        } */
1123            .custom-nav3 {
1124                top: 38%;
1125                left: 0px;
1126                right: 0px;
1127            }
1128    
1129            button.owl-prev,
1130            button.owl-next {
1131                background: transparent;
1132                border: 0px;
1133            }
1134    
1135            #item1 {
1136                color: white;
1137                font-size: 14px;
1138                font-weight: 600;
1139            }
1140    
1141            #item1.item a {
1142                font-size: 14px;
1143                font-weight: 600;
1144            }
1145    
1146            #item2 {
1147                color: white;
1148                font-size: 14px;
1149    
1150            }
1151    
1152            #item2.item a {
1153                font-size: 14px;
1154                font-weight: 600;
1155                color: black;
1156                text-align: center;
1157            }
1158    
1159            #item3 {
1160                color: black;
1161                font-size: 14px;
1162                font-weight: 600;
1163                margin-bottom: 4px;
1164            }
1165    
1166            #item3.item a {
1167                font-size: 14px;
1168                font-weight: 600;
1169                text-align: center;
1170            }
1171    
1172        }
1173    
1174        .slick-dots li button {
1175            width: 6px;
1176            height: 6px;
1177            padding: 5px;
1178        }
1179    </style>
1180    
1181    
1182    
1183    
1184    
1185    <!-- <div class="vdesktop">
1186        <div class="pc-1" style="position: relative;">
1187            <div class="slide-section-5" style="margin-left: 0px;">
1188                <div class="item2">
1189                    <div class="mainbanner1">
1190                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/june/boston-1.webp" loading="lazy"
1191                            alt="homepage shoes1" />
1192                        <div class="text-b2-1" style="top: 83%; width: -webkit-fill-available;">
1193                            <h2
1194                                style="font-weight: 700; text-align: center; font-size: 33px; color: black;     margin-bottom: 15px;">
1195                                The Boston Braided
1196                            </h2>
1197                            <p style="text-align: center; font-size: 21px; color: black;"><a
1198                                    id="evt-1009-shop-bttn-birken-shoes-en-dt" class="button-1"
1199                                    href="{{store url=""}new/bestsellers/boston.html">SHOP NOW</a></p>
1200                        </div>
1201    
1202    
1203                    </div>
1204                </div>
1205    
1206            </div>
1207    
1208        </div>
1209    
1210    
1211    </div> -->
1212    
1213    
1214    
1215    <!-- <div class="vmobile">
1216        <div class="mb-1" style="position: relative;">
1217            <div class="slide-section-6" style="margin-left: 0px;">
1218               
1219                <div class="item2">
1220                    <div class="mainbanner2">
1221                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/june/boston-mb-1.webp" loading="lazy"
1222                            alt="homepage shoes1" />
1223                        <div class="text-m-b" style="position: absolute; bottom: 5%; text-align: center;  right: 0%;">
1224                           
1225                            <h2
1226                                style="font-weight: 700; text-align: center; color: black; margin-top: 15px; font-size: 18px; margin-bottom: 5px;">
1227                                The Boston Braided
1228                            </h2>
1229    
1230                            <p
1231                                style="text-align: center; font-size: 10px; margin-bottom: 10px; letter-spacing: .5px; color: black;">
1232                                <a class="button-2" id="evt-1005-shop-bttn-the-season-most-en-mb"
1233                                    href="https://ikonthailand.com/eng/new/bestsellers/boston.html" style="background-color: white;
1234                                            border-color: black; color: black;   font-size: 13px;  padding: 4px 9px;">SHOP
1235                                    NOW</a></p>
1236                        </div>
1237    
1238    
1239                    </div>
1240                </div>
1241    
1242            </div>
1243    
1244        </div>
1245    
1246    
1247    </div> -->
1248    
1249    <style>
1250        .button-5 {
1251            background-color: black;
1252            color: white;
1253            text-decoration: none;
1254            border: none;
1255            border-radius: 2px;
1256            padding: 7px 15px;
1257            font-weight: 700;
1258        }
1259    
1260        .button-5:hover {
1261            background-color: black;
1262            color: white;
1263            text-decoration: none;
1264        }
1265    
1266        .button-5:visited {
1267            background-color: black;
1268            color: white;
1269        }
1270    
1271        .text-m-b {
1272            left: 0;
1273            right: 0;
1274            margin-left: auto;
1275            margin-right: auto;
1276        }
1277    
1278        /* .page-wrapper {
1279                overflow-y: hidden;
1280            } */
1281        .custom-nav5 {
1282            position: absolute;
1283            top: 50%;
1284            left: 5px;
1285            right: 5px;
1286        }
1287    
1288        .custom-nav6 {
1289            position: absolute;
1290            top: 40%;
1291            left: 0px;
1292            right: 0px;
1293        }
1294    
1295        .button-1 {
1296            font-size: 20px;
1297            border: 1px solid black;
1298            border-radius: 2px;
1299            padding: 7px 15px;
1300            line-height: 1.5;
1301            font-weight: 700;
1302            background-color: white;
1303            text-decoration: none;
1304              
1305        }
1306    
1307        .button-1:hover {
1308            color: white;
1309            background-color: black;
1310            text-decoration: none;
1311        }
1312    
1313        .text-b2-1 {
1314            position: absolute;
1315            top: 17%;
1316            left: 44px;
1317            /* margin-top: -3px; */
1318            background-color: transparent;
1319            padding: 20px 23px;
1320        }
1321    
1322        .text-b2-2 {
1323            position: absolute;
1324            bottom: 6%;
1325            right: 44px;
1326            /* margin-top: -3px; */
1327            background-color: transparent;
1328            padding: 20px 23px;
1329        }
1330    
1331        .mainbanner1 {
1332            position: relative;
1333        }
1334    
1335        .mainbanner2 {
1336            position: relative;
1337        }
1338    
1339        .container2 h2 {
1340            /* position: absolute;
1341                right: 9%;
1342                top: 43%; */
1343            font-weight: 700;
1344            font-size: 27px;
1345        }
1346    
1347        .container1 {
1348            text-align: center;
1349            position: absolute;
1350            left: 24%;
1351            top: 81%;
1352            padding: 28px 30px;
1353        }
1354    
1355        .container2 {
1356            text-align: center;
1357            position: absolute;
1358            left: 8%;
1359            top: 13%;
1360            color: white;
1361            background-color: black;
1362            padding: 28px 30px;
1363        }
1364    
1365        .container3 {
1366            text-align: center;
1367            position: absolute;
1368            left: 35%;
1369            top: 24%;
1370            color: black;
1371            background-color: white;
1372            padding: 28px 30px;
1373        }
1374    
1375        .container5 {
1376            text-align: center;
1377            position: absolute;
1378            color: black;
1379            font-size: 8px;
1380            left: -5%;
1381            top: 86%;
1382            padding: 28px 30px;
1383        }
1384    
1385        .page-header {
1386            margin-bottom: 0px;
1387        }
1388    
1389        .page-title-wrapper {
1390            display: none;
1391        }
1392    
1393        .trend {
1394            margin-top: 30px;
1395            margin-bottom: 20px;
1396            font-size: 30px;
1397            font-weight: 700;
1398            text-align: center;
1399            line-height: 32px;
1400        }
1401    
1402        .mobile-break {
1403            display: none;
1404        }
1405    
1406        .skinny-text1 {
1407            font-size: 18px;
1408        }
1409    
1410        .logo img {
1411            width: 160px;
1412        }
1413    
1414        @media only screen and (max-width: 600px) {
1415            .button-1 {
1416                font-size: 14px;
1417                font-weight: 700;
1418                background-color: white;
1419                text-decoration: none;
1420                border: 1px solid black;
1421                border-radius: 2px;
1422                padding: 4px 15px;
1423                margin-top: 2px;
1424                color: #1a1919;
1425                line-height: 1.5;
1426            }
1427            .logo img {
1428                width: 120px;
1429            }
1430    
1431            .skinny-text1 {
1432                font-size: 13px;
1433            }
1434    
1435            .trend {
1436                font-size: 23px;
1437            }
1438    
1439            .mobile-break {
1440                display: block;
1441            }
1442    
1443    
1444            .container1 {
1445                left: 15% !important;
1446                top: 70%;
1447            }
1448    
1449            .container4 {
1450                text-align: center;
1451                position: absolute;
1452                left: 6%;
1453                top: 32%;
1454                color: black;
1455                background-color: white;
1456                padding: 22px 10px;
1457    
1458            }
1459    
1460            .mainbanner1 {
1461                text-align: center;
1462            }
1463    
1464            .mainbanner1 h2 {
1465                font-weight: 700;
1466                font-size: 21px;
1467            }
1468    
1469            .mainbanner2 {
1470                text-align: center;
1471                background-color: transparent;
1472                /* background-color: #292929; */
1473                padding-bottom: 20px;
1474            }
1475    
1476    
1477            h2 {
1478                font-weight: 700;
1479                font-size: 28px;
1480            }
1481    
1482            [data-content-type=products] .product-items.widget-product-carousel .slick-list {
1483                padding-bottom: 30px;
1484            }
1485    
1486        }
1487    </style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="F8A46K6"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- Tabs updated 16 Sep 26 -->
1488<div class="tabs">
1489    <button class="tab-button active" onclick="showTab('trending', this)" style="margin-right: -2px;">NOW
1490        TRENDING</button>
1491    <button class="tab-button" onclick="showTab('bestsellers', this)" style="margin-left: -2px;">OUR BEST
1492        SELLERS</button>
1493</div>
1494<div id="trending" class="tab-content swiper active" style="padding-right: 10px; padding-left: 10px;">
1495    <div class="swiper-wrapper">
1496        <!-- product 1 -->
1497        <div class="swiper-slide">
1498            <div class="product1">
1499
1500                <a class="a-product1" href="https://ikonthailand.com/eng/new/blair-Bl1-Taupe.html?color=5062">
1501                    <div class="vdesktop">
1502                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/PC_-_Product_-_1.1.jpg"
1503                            alt="trending 3-1 pc" class="primary">
1504                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/PC_-_Product_-_1.2.jpg"
1505                            alt="trending 3-2 pc" class="secondary">
1506                    </div>
1507                    <div class="vmobile">
1508                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/MB_-_Product_-_1.1.jpg"
1509                            alt="trending 3-1 mb" class="primary">
1510                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/MB_-_Product_-_1.2.jpg"
1511                            alt="trending 3-2 mb" class="secondary">
1512                    </div>
1513                    <div class="product1-text">
1514                        <h5 style="text-transform: uppercase;">BLAIR</h5>
1515                        <p>Suede Leather</p>
1516                        <p>Taupe</p>
1517                        <h5 class="text-price1">
1518                            <span>฿7,990</span>
1519                        </h5>
1520                    </div>
1521                </a>
1522            </div>
1523        </div>
1524
1525        <!-- product 2 -->
1526        <div class="swiper-slide">
1527            <div class="product1">
1528
1529                <a class="a-product1" href="https://ikonthailand.com/eng/new/blair-Bl1-Carafe.html?color=17752">
1530                    <div class="vdesktop">
1531                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/PC_-_Product_-_2.1.jpg"
1532                            alt="trending 2-1 pc" class="primary">
1533                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/PC_-_Product_-_2.2.jpg"
1534                            alt="trending 2-2 pc" class="secondary">
1535                    </div>
1536                    <div class="vmobile">
1537                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/MB_-_Product_-_2.1.jpg"
1538                            alt="trending 2-1 mb" class="primary">
1539                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/MB_-_Product_-_2.2.jpg"
1540                            alt="trending 2-2 mb" class="secondary">
1541                    </div>
1542                    <div class="product1-text">
1543                        <h5 style="text-transform: uppercase;">BLAIR</h5>
1544                        <p>Suede Leather</p>
1545                        <p>Carafe</p>
1546                        <h5 class="text-price1">
1547                            <span>฿7,990</span>
1548                        </h5>
1549                    </div>
1550                </a>
1551
1552            </div>
1553        </div>
1554
1555        <!-- product 3 -->
1556        <div class="swiper-slide">
1557            <div class="product1">
1558
1559                <a class="a-product1" href="https://ikonthailand.com/eng/new/madrid-ma3-habana.html?color=4843">
1560                    <div class="vdesktop">
1561                        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-b-1.jpg"
1562                            alt="trending 3-1 pc" class="primary">
1563                        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-b-2.jpg"
1564                            alt="trending 3-2 pc" class="secondary">
1565                    </div>
1566                    <div class="vmobile">
1567                        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-b-1.jpg"
1568                            alt="trending 3-1 mb" class="primary">
1569                        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-b-2.jpg"
1570                            alt="trending 3-2 mb" class="secondary">
1571                    </div>
1572                    <div class="product1-text">
1573                        <h5 style="text-transform: uppercase;">MADRID</h5>
1574                        <p>Oiled Leather</p>
1575                        <p>Habana</p>
1576                        <h5 class="text-price1">
1577                            <span>฿6,490</span>
1578                        </h5>
1579                    </div>
1580                </a>
1581
1582            </div>
1583        </div>
1584
1585        <!-- product 4 -->
1586<div class="swiper-slide">
1587    <div class="product1">
1588
1589        <a class="a-product1" href="https://ikonthailand.com/eng/new/madrid-ma16-oyster.html?color=16242">
1590            <div class="vdesktop">
1591                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-w-1.jpg"
1592                    alt="trending 2-1 pc" class="primary">
1593                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-w-2.jpg"
1594                    alt="trending 2-2 pc" class="secondary">
1595            </div>
1596            <div class="vmobile">
1597                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-w-1.jpg"
1598                    alt="trending 2-1 mb" class="primary">
1599                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/madrid-w-2.jpg"
1600                    alt="trending 2-2 mb" class="secondary">
1601            </div>
1602            <div class="product1-text">
1603                <h5 style="text-transform: uppercase;">MADRID</h5>
1604                <p>Oiled Leather</p>
1605                <p>Oyster</p>
1606                <h5 class="text-price1">
1607                    <span>฿6,490</span>
1608                </h5>
1609            </div>
1610        </a>
1611
1612    </div>
1613</div>
1614
1615<!-- product 5 -->
1616<div class="swiper-slide">
1617    <div class="product1">
1618
1619        <a class="a-product1" href="https://ikonthailand.com/eng/santa-clarita-san2-dark-tea.html?color=12744">
1620            <div class="vdesktop">
1621                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-b-1.jpg"
1622                    alt="trending 4-1 pc" class="primary">
1623                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-b-2.jpg"
1624                    alt="trending 4-2 pc" class="secondary">
1625            </div>
1626            <div class="vmobile">
1627                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-b-1.jpg"
1628                    alt="trending 4-1 mb" class="primary">
1629                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-b-2.jpg"
1630                    alt="trending 4-2 mb" class="secondary">
1631            </div>
1632            <div class="product1-text">
1633                <h5 style="text-transform: uppercase;">SANTA CLARITA</h5>
1634                <p>Nubuck Leather</p>
1635                <p>Dark Tea</p>
1636                <h5 class="text-price1">
1637                    <span>฿6,990</span>
1638                </h5>
1639            </div>
1640        </a>
1641
1642    </div>
1643</div>
1644
1645<!-- product 6 -->
1646<div class="swiper-slide">
1647    <div class="product1">
1648
1649        <a class="a-product1" href="https://ikonthailand.com/eng/new/santa-clarita-san2-sandcastle.html?color=5026">
1650            <div class="vdesktop">
1651                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-w-1.jpg"
1652                    alt="trending 5-1 pc" class="primary">
1653                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-w-2.jpg"
1654                    alt="trending 5-2 pc" class="secondary">
1655            </div>
1656            <div class="vmobile">
1657                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-w-1.jpg"
1658                    alt="trending 5-1 mb" class="primary">
1659                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/santa-w-2.jpg"
1660                    alt="trending 5-2 mb" class="secondary">
1661            </div>
1662            <div class="product1-text">
1663                <h5 style="text-transform: uppercase;">SANTA CLARITA</h5>
1664                <p>Nubuck Leather</p>
1665                <p>Sandcastle</p>
1666                <h5 class="text-price1">
1667                    <span>฿6,990</span>
1668                </h5>
1669            </div>
1670        </a>
1671
1672    </div>
1673</div>
1674
1675<!-- product 7 -->
1676<div class="swiper-slide">
1677    <div class="product1">
1678
1679        <a class="a-product1" href="https://ikonthailand.com/eng/new/sylt-syl1-carafe.html?color=17752">
1680            <div class="vdesktop">
1681                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-b-1.jpg"
1682                    alt="trending 6-1 pc" class="primary">
1683                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-b-2.jpg"
1684                    alt="trending 6-2 pc" class="secondary">
1685            </div>
1686            <div class="vmobile">
1687                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-b-1.jpg"
1688                    alt="trending 6-1 mb" class="primary">
1689                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-b-2.jpg"
1690                    alt="trending 6-2 mb" class="secondary">
1691            </div>
1692            <div class="product1-text">
1693                <h5 style="text-transform: uppercase;">SYLT</h5>
1694                <p>Suede Leather</p>
1695                <p>Carafe</p>
1696                <h5 class="text-price1">
1697                    <span>฿5,990</span>
1698                </h5>
1699            </div>
1700        </a>
1701
1702    </div>
1703</div>
1704
1705<!-- product 8 -->
1706<div class="swiper-slide">
1707    <div class="product1">
1708
1709        <a class="a-product1" href="https://ikonthailand.com/eng/new/sylt-syl1-oyster.html?color=16242">
1710            <div class="vdesktop">
1711                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-w-1.jpg"
1712                    alt="trending 1-1 pc" class="primary">
1713                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-w-2.jpg"
1714                    alt="trending 1-2 pc" class="secondary">
1715            </div>
1716            <div class="vmobile">
1717                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-w-1.jpg"
1718                    alt="trending 1-1 mb" class="primary">
1719                <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/sylt-w-2.jpg"
1720                    alt="trending 1-2 mb" class="secondary">
1721            </div>
1722            <div class="product1-text">
1723                <h5 style="text-transform: uppercase;">SYLT</h5>
1724                <p>Suede Leather</p>
1725                <p>Oyster</p>
1726                <h5 class="text-price1">
1727                    <span>฿5,990</span>
1728                </h5>
1729            </div>
1730        </a>
1731
1732    </div>
1733</div>
1734
1735    </div>
1736    <div class="swiper-pagination"></div>
1737    <div class="swiper-button-prev"></div>
1738    <div class="swiper-button-next"></div>
1739</div>
1740
1741<div id="bestsellers" class="tab-content swiper">
1742    <div class="swiper-wrapper">
1743        <!-- Repeat this block for each product -->
1744
1745        <div class="swiper-slide">
1746            <div class="product1">
1747
1748                <a class="a-product1" href="https://ikonthailand.com/eng/madrid-ma14-graceful-pearl-white.html?color=4828">
1749                    <div class="vdesktop">
1750                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/sep/tabs-monday-8-sep-25-1-1.webp"
1751                            alt="trending2" class="primary">
1752                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/sep/tabs-monday-8-sep-25-1-2.webp"
1753                            alt="trending2-2" class="secondary">
1754                    </div>
1755                    <div class="vmobile">
1756                        <img src="https://static.wixstatic.com/media/756761_3d07226114494181a8f0a601c56ac0ce~mv2.jpg"
1757                            alt="trending2-mb" class="primary">
1758                        <img src="https://static.wixstatic.com/media/756761_a9cfe0fa7b3247f2bcde34d72ab12823~mv2.jpg"
1759                            alt="trending2-2-mb" class="secondary">
1760                    </div>
1761                    <div class="product1-text">
1762                        <h5>Madrid</h5>
1763                        <p>Birki-Flor</p>
1764                        <p>Graceful Pearl White</p>
1765                        <h5 class="text-price1">฿3,990</h5>
1766                    </div>
1767                </a>
1768
1769            </div>
1770        </div>
1771
1772        <div class="swiper-slide">
1773            <div class="product1">
1774                <a class="a-product1" href="https://ikonthailand.com/eng/arizona-ar15-black.html?color=49">
1775
1776                    <div class="vdesktop">
1777                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-01-2.webp"
1778                            alt="bestseller1" class="primary">
1779                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-01-1.webp"
1780                            alt="bestseller1-2" class="secondary">
1781                    </div>
1782                    <div class="vmobile">
1783                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jan-26/best-seller-02-1.jpg"
1784                            alt="bestseller1-mb" class="primary">
1785                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jan-26/best-seller-02-2.jpg"
1786                            alt="bestseller1-2-mb" class="secondary">
1787                    </div>
1788
1789                    <div class="product1-text">
1790                        <h5>Arizona</h5>
1791                        <p>Birko-Flor</p>
1792                        <p>Black</p>
1793                        <h5 class="text-price1">฿3,990</h5>
1794                    </div>
1795                </a>
1796            </div>
1797        </div>
1798
1799        <div class="swiper-slide">
1800            <div class="product1">
1801                <a class="a-product1" href="https://ikonthailand.com/eng/arizona-ar16-blue.html?color=50">
1802
1803                    <div class="vdesktop">
1804                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-02-2.webp"
1805                            alt="bestseller2" class="primary">
1806                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-02-1.webp"
1807                            alt="bestseller2-2" class="secondary">
1808                    </div>
1809                    <div class="vmobile">
1810                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-02-2-mb.webp"
1811                            alt="bestseller2-mb" class="primary">
1812                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-02-1-mb.webp"
1813                            alt="bestseller2-2-mb" class="secondary">
1814                    </div>
1815
1816                    <div class="product1-text">
1817                        <h5>Arizona</h5>
1818                        <p>
1818Birko-Flor</p>
1819                        <p>Blue</p>
1820                        <h5 class="text-price1">฿3,990</h5>
1821                    </div>
1822                </a>
1823            </div>
1824        </div>
1825
1826        <div class="swiper-slide">
1827            <div class="product1">
1828                <a class="a-product1" href="https://ikonthailand.com/eng/new/bestsellers/arizona/arizona-ar15-white.html?color=59">
1829                    <div class="vdesktop">
1830                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-03-2.webp"
1831                            alt="bestseller3" class="primary">
1832                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-03-1.webp"
1833                            alt="bestseller3-2" class="secondary">
1834                    </div>
1835                    <div class="vmobile">
1836                        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/sep-26/bestseller_3-1.jpg"
1837                            alt="bestseller3-mb" class="primary">
1838                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-03-2-mb.webp"
1839                            alt="bestseller3-2-mb" class="secondary">
1840                    </div>
1841
1842                    <div class="product1-text">
1843                        <h5>Arizona</h5>
1844                        <p>Birko-Flor</p>
1845                        <p>White</p>
1846                        <h5 class="text-price1">฿3,990</h5>
1847                    </div>
1848                </a>
1849            </div>
1850        </div>
1851
1852        <div class="swiper-slide">
1853            <div class="product1">
1854                <a class="a-product1" href="https://ikonthailand.com/eng/new/bestsellers/madrid/madrid-ma6-white.html?color=59">
1855                    <div class="vdesktop">
1856                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-04-2.webp"
1857                            alt="bestseller4" class="primary">
1858                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-04-1.webp"
1859                            alt="bestseller4-2" class="secondary">
1860                    </div>
1861                    <div class="vmobile">
1862                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-04-2-mb.webp"
1863                            alt="bestseller4-mb" class="primary">
1864                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-04-1-mb.webp"
1865                            alt="bestseller4-2-mb" class="secondary">
1866                    </div>
1867
1868                    <div class="product1-text">
1869                        <h5>Madrid</h5>
1870                        <p>Birko-Flor</p>
1871                        <p>White</p>
1872                        <h5 class="text-price1">฿3,390</h5>
1873                    </div>
1874                </a>
1875            </div>
1876        </div>
1877
1878        <div class="swiper-slide">
1879            <div class="product1">
1880                <a class="a-product1" href="https://ikonthailand.com/eng/new/bestsellers/madrid/madrid-ma6-black.html?color=49">
1881
1882                    <div class="vdesktop">
1883                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-05-2.webp"
1884                            alt="bestseller5" class="primary">
1885                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-05-1.webp"
1886                            alt="bestseller5-2" class="secondary">
1887                    </div>
1888                    <div class="vmobile">
1889                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-05-2-mb.webp"
1890                            alt="bestseller5-mb" class="primary">
1891                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-05-1-mb.webp"
1892                            alt="bestseller5-2-mb" class="secondary">
1893                    </div>
1894
1895                    <div class="product1-text">
1896                        <h5>Madrid</h5>
1897                        <p>
1897Birko-Flor</p>
1898                        <p>Black</p>
1899                        <h5 class="text-price1">฿3,390</h5>
1900                    </div>
1901                </a>
1902            </div>
1903        </div>
1904
1905        <div class="swiper-slide">
1906            <div class="product1">
1907                <a class="a-product1"
1908                    href="https://ikonthailand.com/eng/new/bestsellers/madrid/madrid-ma6-dark-brown.html?color=5248">
1909                    <div class="vdesktop">
1910                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-06-2.webp"
1911                            alt="bestseller6" class="primary">
1912                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-06-1.webp"
1913                            alt="bestseller6-2" class="secondary">
1914                    </div>
1915                    <div class="vmobile">
1916                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-06-2-mb.webp"
1917                            alt="bestseller6-mb" class="primary">
1918                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/bs-1/best-seller-06-1-mb.webp"
1919                            alt="bestseller6-2-mb" class="secondary">
1920                    </div>
1921
1922                    <div class="product1-text">
1923                        <h5>Madrid</h5>
1924                        <p>Birko-Flor</p>
1925                        <p>Dark Brown</p>
1926                        <h5 class="text-price1">฿3,390</h5>
1927                    </div>
1928                </a>
1929            </div>
1930        </div>
1931    </div>
1932    <div class="swiper-pagination"></div>
1933    <div class="swiper-button-prev"></div>
1934    <div class="swiper-button-next"></div>
1935</div>
1936
1937<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 1937
1937
1938<script>
1939    function showTab(tabName, element) {
1940        var tabs = document.getElementsByClassName('tab-content');
1941        for (var i = 0; i < tabs.length; i++) {
1942            tabs[i].classList.remove('active');
1943        }
1944        document.getElementById(tabName).classList.add('active');
1945
1946        var buttons = document.getElementsByClassName('tab-button');
1947        for (var i = 0; i < buttons.length; i++) {
1948            buttons[i].classList.remove('active');
1949        }
1950        element.classList.add('active');
1951
1952        swiper.update(); // Update swiper when tab changes
1953    }
1954
1955    var swiper = new Swiper('.swiper', {
1956        slidesPerView: 4.6,
1957        slidesPerGroup: 2,
1958        spaceBetween: 20,
1959        pagination: {
1960            el: '.swiper-pagination',
1961            clickable: true,
1962        },
1963        navigation: {
1964            nextEl: '.swiper-button-next',
1965            prevEl: '.swiper-button-prev',
1966        },
1967        breakpoints: {
1968            320: {
1969                slidesPerView: 2.3,
1970                slidesPerGroup: 2,
1971            },
1972            768: {
1973                slidesPerView: 3,
1974                slidesPerGroup: 3,
1975            },
1976            1024: {
1977                slidesPerView: 4.6,
1978                slidesPerGroup: 4,
1979            }
1980        }
1981    });
1982</script>
1982
1983<style>
1984    .tabs {
1985        text-align: center;
1986        margin-top: 20px;
1987    }
1988
1989    .tab-button {
1990        font-size: 2.6rem;
1991        margin: 0 -5px;
1992        padding: 10px 20px;
1993        cursor: pointer;
1994        border: none;
1995        border-bottom: 3px solid #CCCCCC;
1996        color: black;
1997        font-weight: 500;
1998        border-radius: 0px;
1999    }
2000
2001    .tab-button.active {
2002        color: black;
2003        font-weight: 800;
2004        border-bottom: 3px solid black;
2005        border-radius: 0px;
2006    }
2007
2008    .tab-button:hover {
2009        background: black;
2010        border: none;
2011        color: #fff;
2012    }
2013
2014    .tab-button.active:hover {
2015        color: white;
2016    }
2017
2018    .tab-content {
2019        display: none;
2020        width: 80%;
2021        margin: auto;
2022    }
2023
2024    .tab-content.active {
2025        display: block;
2026    }
2027
2028    .swiper {
2029        width: 100%;
2030        padding-top: 20px;
2031        padding-bottom: 40px;
2032    }
2033
2034    .product1 {
2035        position: relative;
2036        width: 100%;
2037        text-align: center;
2038    }
2039
2040    .product1 img {
2041        width: 100%;
2042        display: block;
2043        margin: auto;
2044    }
2045
2046    .product1 img.secondary {
2047        position: absolute;
2048        top: 0;
2049        left: 0;
2050        width: 99%;
2051        opacity: 0;
2052        transition: opacity 0.3s ease;
2053        cursor: pointer;
2054        box-shadow: 2px 4px 5px 2px rgba(0, 0, 0, 0.2), 0 6px 2px 0 rgba(0, 0, 0, 0.19);
2055    }
2056
2057    .product1:hover .secondary {
2058        opacity: 1;
2059        padding-bottom: 0px;
2060    }
2061
2062    .product1-text {
2063        position: absolute;
2064        line-height: 15px;
2065        font-size: 85%;
2066        text-align: left;
2067        bottom: 9%;
2068        left: 6%;
2069    }
2070
2071    .swiper-button-next,
2072    .swiper-button-prev {
2073        color: white;
2074    }
2075
2076    .swiper-pagination-bullet {
2077        width: 275px;
2078        opacity: 1;
2079        height: 5px;
2080        border-radius: 6px;
2081        background: #CCCCCC;
2082        margin: -1px !important;
2083    }
2084
2085    .swiper-pagination-bullet-active {
2086        background: black;
2087    }
2088
2089    .text-price1 {
2090        margin-top: 2px;
2091    }
2092
2093    .product1-text h5 {
2094        font-size: 18px;
2095    }
2096
2097    .product1-text p {
2098        font-size: 14px;
2099    }
2100
2101    .a-product1:hover {
2102        color: black;
2103    }
2104
2105    @media only screen and (max-width: 600px) {
2106        .tab-button {
2107            font-size: 1.9rem;
2108        }
2109
2110        .tabs {
2111            margin-top: 20px;
2112        }
2113
2114        .swiper-pagination-bullet {
2115            width: 65px;
2116            opacity: 1;
2117            height: 3px;
2118        }
2119
2120        .swiper-pagination {
2121            display: none !important;
2122        }
2123
2124        .product1-text {
2125            font-size: 60%;
2126            text-align: left;
2127            bottom: 8%;
2128            left: 5%;
2129            line-height: 10px;
2130        }
2131
2132        .product1-text h5 {
2133            margin-top: 0px;
2134            font-size: 12px;
2135        }
2136
2137        .product1-text p {
2138            font-size: 12px;
2139            line-height: 17px;
2140        }
2141
2142        .text-price1 {
2143            margin-top: 12px;
2144        }
2145
2146        .swiper {
2147            padding-bottom: 30px;
2148        }
2149
2150        .product1:hover .secondary {
2151            padding-bottom: 0px;
2152        }
2153
2154        .tab-button {
2155            padding: 12px 5px;
2156        }
2157
2158        .swiper-button-next,
2159        .swiper-button-prev {
2160            color: white;
2161            width: 25px;
2162            height: 25px;
2163            background: none;
2164            border: none;
2165        }
2166
2167        .swiper-button-next::after,
2168        .swiper-button-prev::after {
2169            font-size: 14px;
2170            font-weight: bold;
2171            /* border: 2px solid currentColor; */
2172            border-radius: 50%;
2173            width: 20px;
2174            height: 20px;
2175            display: flex;
2176            align-items: center;
2177            justify-content: center;
2178        }
2179    }
2180</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="Q1NJSXU"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- Survey Banner EN  -->
2181<div class="vdesktop">
2182    <div class="extra-clr">
2183        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/bksurvey-PC.jpg" alt="Survey PC">
2184        <p class="Survey-text" style="transform: translate(-50%, -50%);"><span class="Survey-text1">Your opinion matters!</span> Share your thoughts and enjoy 300 THB off</p>
2185        <div class="btn-sv">
2186            <button class="btn-bk">
2187                <a style="color: #182c52; letter-spacing: 0.5px; display: block; text-decoration: none;" href="https://ikonthailand.com/eng/survey-bk">Start the survey</a>
2188            </button>
2189            <p class="conclusions-sv" style="font-size: 11px; text-align: center; line-height: 2; color: white;">
2190                T&Cs Apply <a href="https://ikonthailand.com/eng/bk-promotion-policy"
2191                    class="open-popup2-11"
2192                    style="text-decoration: underline;
2192 color: white; cursor: pointer; font-weight: bold;">Details</a>
2193            </p>
2194        </div>
2195    </div>
2196</div>
2197
2198<div class="vmobile">
2199    <div class="extra-clr" style="margin-bottom: -6px;">
2200        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/bksurvey-MB.jpg" alt="Survey MB">
2201        <p class="Survey-text">Your opinion matters!</p>
2202        <p class="Survey-text2">Share your thoughts and enjoy 300 THB off</p>
2203        <div class="btn-sv">
2204            <button class="btn-bk sv">
2205                <a style="color: #182c52; letter-spacing: 0.5px; display: block; text-decoration: none; " href="https://ikonthailand.com/eng/survey-bk">Start the survey</a>
2206            </button>
2207            <p class="conclusions-sv"
2208                style="font-size: 10px; text-align: center; color: white; line-height: 2; white-space: nowrap;">
2209                T&Cs Apply <a href="https://ikonthailand.com/eng/bk-promotion-policy"
2210                    class="open-popup2-12"
2211                    style="text-decoration: underline; color: white; cursor: pointer; font-weight: bold;">Details</a>
2212            </p>
2213        </div>
2214    </div>
2215</div>
2216
2217<style>
2218    .extra-clr {
2219        position: relative;
2220    }
2221
2222    .btn-sv {
2223        position: absolute;
2224        top: 53%;
2225        left: 80%;
2226        text-align: center;
2227        transform: translate(-50%, -50%);
2228    }
2229
2230    .conclusions-sv {
2231        margin-top: 20px;
2232    }
2233
2234    .Survey-text {
2235        position: absolute;
2236        top: 50%;
2237        left: 40%;
2238        width: 50%;
2239        color: white;
2240        font-size: 24px;
2241        font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2242    }
2243
2244    .Survey-text1 {
2245        font-weight: bold;
2246        font-size: 45px;
2247    }
2248
2249    .btn-bk {
2250        background-color: white;
2251        border: none;
2252        padding: 20px 30px;
2253        font-size: 24px;
2254        font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2255    }
2256
2257    .btn-bk:hover {
2258        background-color: white;
2259        border: none; 
2260    }
2261
2262
2263
2264    @media only screen and (max-width: 1366px) {
2265        .conclusions-sv {
2266            margin-top: 15px;
2267        }
2268
2269        .btn-sv {
2270            top: 55%;
2271        }
2272
2273        .Survey-text {
2274            position: absolute;
2275            top: 50%;
2276            left: 40%;
2277            width: 50%;
2278            color: white;
2279            font-size: 20px;
2280            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2281        }        
2282
2283        .Survey-text1 {
2284            font-weight: bold;
2285            font-size: 31px;
2286        }        
2287
2288    }
2289
2290    @media only screen and (max-width: 767px) {
2291        .btn-sv {
2292            top: 73%;
2293            left: 50%;
2294        }
2295
2296        .sv-sale-text {
2297            top: 30%;
2298            width: 90%;
2299        }
2300
2301        .conclusions-sv {
2302            margin-top: 5px;
2303        }
2304
2305        .sv {
2306            width: 150px;
2307        }
2308
2309        .Survey-text {
2310            position: absolute;
2311            text-align: center;            
2312            top: 5%;
2313            left: 0%;
2314            width: 100%;
2315            color: white;
2316            font-size: 18px;
2317            font-weight: bold;
2318            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2319        }
2320
2321        .Survey-text2 {
2322            position: absolute;
2323            text-align: center;            
2324            top: 28%;
2325            left: 0%;
2326            width: 100%;
2327            color: white;
2328            font-size: 14px;
2329            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2330        }        
2331        
2332        .btn-bk {
2333            background-color: white;
2334            border: none;
2335            padding: 3px 10px;
2336            font-size: 11px;
2337            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2338        }        
2339    }
2340
2341    @media only screen and (max-width: 360px) {
2342        .Survey-text {
2343            position: absolute;
2344            text-align: center;
2345            top: 0%;
2346            left: 0%;
2347            width: 100%;
2348            color: white;
2349            font-size: 18px;
2350            font-weight: bold;
2351            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2352        }
2353
2354        .Survey-text2 {
2355            position: absolute;
2356            text-align: center;
2357            top: 25%;
2358            left: 0%;
2359            width: 100%;
2360            color: white;
2361            font-size: 14px;
2362            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2363        }        
2364
2365        .conclusions-sv {
2366            margin-top: 5px;
2367        }
2368
2369        .btn-sv {
2370            top: 73%;
2371            left: 50%;
2372        }
2373
2374        .sv {
2375            width: 140px !important;
2376        }
2377
2378
2379        .btn-bk {
2380            background-color: white;
2381            border: none;
2382            padding: 3px 10px;
2383            font-size: 11px;
2384            font-family: 'Barlow', 'Helvetica Neue', Helvetica, Arial, sans-serif;
2385        }      
2386    }
2387</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="BA5A545"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="SQW5T0K"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- ATOME-->
2388<div class="vdesktop">
2389    <div class="atome-container">
2390        <div class="atome-content">
2391
2392            <div class="main-line">
2393                <span class="main-line-text">3 easy payments, 0% interest with</span>
2394                <img src="https://d12ipkz3g33odj.cloudfront.net/content/2025/dec/atome-logo-ae-new.png" alt="atome A"
2395                    class="inline-logo">                
2396            </div>
2397
2398            <p class="link-wrapper">
2399                <a href="https://ikonthailand.com/eng/atome-payment" class="atome-button">DISCOVER MORE</a>
2400            </p>
2401
2402            <div class="disclaimer-wrapper">
2403                <p class="disclaimer-text">
2404                    *Borrow with necessity and within your means. 0-15% interest rates.
2405                </p>
2406            </div>
2407        </div>
2408    </div>
2409</div>
2410
2411<div class="vmobile">
2412    <div class="atome-container">
2413        <div class="atome-content">
2414
2415            <div class="main-line">
2416                <span class="main-line-text">3 easy payments, 0% interest with</span>
2417                <img src="https://d12ipkz3g33odj.cloudfront.net/content/2025/dec/atome-logo-ae-new.png" alt="atome A"
2418                    class="inline-logo">                
2419            </div>
2420
2421            <p class="link-wrapper" style="text-align: center;">
2422                <a href="https://ikonthailand.com/eng/atome-payment" class="atome-button">DISCOVER MORE</a>
2423            </p>
2424
2425            <div class="disclaimer-wrapper">
2426                <p class="disclaimer-text">
2427                    *Borrow with necessity and within your means. 0-15% interest rates.                                    
2428                </p>
2429            </div>
2430        </div>
2431    </div>
2432</div>
2433
2434<style>
2435    .atome-container {
2436        width: 100%;
2437        background-color: black;
2438        padding: 0.1px 0;
2439        box-sizing: border-box;
2440        color: white;
2441        height: 119px;
2442    }
2443
2444    .atome-content {
2445        margin: 6px auto;
2446        text-align: center;
2447    }
2448
2449    .main-line {
2450        display: flex;
2451        justify-content: center;
2452        align-items: center;
2453        line-height: 1;
2454    }
2455
2456    .main-line-text {
2457        font-size: 25px;
2458        font-weight: 900;
2459        color: white;
2460    }
2461
2462    .inline-logo {
2463        height: 30px;
2464        width: auto;
2465        margin-bottom: 5px;
2466    }
2467
2468    .atome-button {
2469        display: inline-block;
2470        color: white !important;
2471        font-size: 20px;
2472        text-decoration: underline;
2473        text-underline-offset: 3px;
2474        text-decoration-thickness: 1px;
2475        transition: color 0.3s, text-decoration-color 0.3s;
2476    }
2477
2478    .atome-button:hover {
2479        background-color: transparent !important;
2480        border-width: 0px;
2481        text-decoration: underline !important;
2482        text-underline-offset: 3px;
2483        color: #bababa !important;
2484        text-decoration-thickness: 1px !important;
2485    }
2486
2487    .disclaimer-wrapper {
2488        margin-top: 13px;
2489        padding: 0 20px;
2490        text-align: center;
2491    }
2492
2493    .disclaimer-text {
2494        font-size: 10px;
2495        font-weight: 400;
2496        color: #ccc;
2497        line-height: 1.4;
2498    }
2499
2500    .link-wrapper {
2501        margin-top: 10px;
2502    }
2503
2504    @media only screen and (max-width: 600px) {
2505        .main-line-text {
2506            font-size: 15px;
2507            text-align: center;
2508
2509        }
2510
2511        .inline-logo {
2512            margin-bottom: 0px;
2513            height: 18px;
2514            margin-top: -2.5px;
2515        }
2516
2517        .main-line {
2518            margin-bottom: 15px;
2519        }
2520
2521        .disclaimer-text {
2522            font-size: 8px;
2523            margin-top: 10px;
2524        }
2525        .atome-button {
2526            font-size: 14px;
2527        }
2528        
2529        .atome-content {
2530            margin: 9px auto;
2531        }
2532
2533        .atome-container {
2534            height: 88px;
2535        }
2536
2537        .link-wrapper {
2538            margin-top: -5px;
2539        }
2540    }
2541</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="V4N1OIJ"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- Section 5july ENG -->
2542<div class="v-both">
2543    <div id="newintroducings" class="new-introducing swiper" style="padding: 10px;">
2544        <div class="swiper-wrapper">
2545
2546            <!-- Slide 1 -->
2547            <div class="swiper-slide">
2548                <div class="ni1">
2549                    <a href="https://ikonthailand.com/eng/new/bestsellers/boston.html">
2550                        <img style="position: relative; width: 100%;"
2551                            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/mar-26/boston-birken-mar.jpg"
2552                            loading="lazy" alt="BOSTON" />
2553                    </a>
2554                    <div class="vdesktop">
2555                        <div class="cell2-2">
2556                            <h3 class="text-cell2-h3" style="color: black; font-weight: 700;">BOSTON</h3>
2557                            <p class="text-cell2-p" style="color: black; font-weight: 500; font-size: 26px;">Craft for
2558                                everyday comfort</p>
2559                            <p style="font-size: 20px; color: black;"><a id="evt-1015-shop-btn-shop-birken-hp-th-dt"
2560                                    class="button-1" style="position: relative; text-decoration: none;"
2561                                    href="https://ikonthailand.com/eng/new/bestsellers/boston.html">SHOP NOW</a>
2562                            </p>
2563                        </div>
2564
2565                    </div>
2566                    <div class="vmobile">
2567                        <h4>BOSTON</h4>
2568                        <p>Craft for everyday comfort</p>
2569                        <p><a href="https://ikonthailand.com/eng/new/bestsellers/boston.html">SHOP NOW</a>
2570                        </p>
2571                    </div>
2572
2573                </div>
2574            </div>
2575
2576            <!-- Slide 2 -->
2577            <div class="swiper-slide">
2578                <div class="ni1">
2579                    <a href="https://ikonthailand.com/eng/our-story/news/clogs.html">
2580                        <img style="position: relative;"
2581                            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/mar-26/clog-birken-mar.jpg"
2582                            loading="lazy" alt="CLOG" />
2583                    </a>
2584                    <div class="vdesktop">
2585                        <div class="cell2-2">
2586                            <h3 class="text-cell2-h3" style="color: black; font-weight: 700;">CLOG</h3>
2587                            <p class="text-cell2-p" style="color: black; font-weight: 500; font-size: 26px;">Perfectly
2588                                crafted for every occasion</p>
2589                            <p style="font-size: 20px; color: black;"><a id="evt-1015-shop-btn-shop-birken-hp-th-dt"
2590                                    class="button-1" style="position: relative; text-decoration: none;"
2591                                    href="https://ikonthailand.com/eng/our-story/news/clogs.html">SHOP NOW</a></p>
2592                        </div>
2593                    </div>
2594                    <div class="vmobile">
2595                        <h4>CLOG</h4>
2596                        <p>Perfectly crafted for every occasion</p>
2597                        <p><a href="https://ikonthailand.com/eng/our-story/news/clogs.html">SHOP NOW</a></p>
2598                    </div>
2599                </div>
2600            </div>
2601
2602            <!-- Slide 3 -->
2603            <div class="swiper-slide">
2604                <div class="ni1">
2605                    <a href="https://ikonthailand.com/eng/women/styles/wedges-platforms.html">
2606                        <img style="position: relative;"
2607                            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/mar-26/chunky-birken-mar.jpg"
2608                            loading="lazy" alt="CHUNKY PLATFORM" />
2609                    </a>
2610                    <div class="vdesktop">
2611                        <div class="cell2-2">
2612                            <h3 class="text-cell2-h3" style="color: black; font-weight: 700;">CHUNKY PLATFORM</h3>
2613                            <p class="text-cell2-p" style="color: black; font-weight: 500; font-size: 26px;">Iconic
2614                                design to new heights</p>
2615                            <p style="font-size: 20px; color: black;"><a id="evt-1015-shop-btn-shop-birken-hp-th-dt"
2616                                    class="button-1" style="position: relative; text-decoration: none;"
2617                                    href="https://ikonthailand.com/eng/women/styles/wedges-platforms.html">SHOP NOW</a></p>
2618                        </div>
2619                    </div>
2620                    <div class="vmobile">
2621                        <h4>CHUNKY PLATFORM</h4>
2622                        <p>Iconic design to new heights</p>
2623                        <p><a href="https://ikonthailand.com/eng/women/styles/wedges-platforms.html">SHOP NOW</a></p>
2624                    </div>
2625                </div>
2626            </div>
2627
2628            <!-- Slide 4 -->
2629            <div class="swiper-slide">
2630                <div class="ni1">
2631                    <a href="https://ikonthailand.com/eng/women/models/mayari.html">
2632                        <img style="position: relative;"
2633                            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/mar-26/miyari.jpg" loading="lazy"
2634                            alt="MAYARI" />
2635                    </a>
2636                    <div class="vdesktop">
2637                        <div class="cell2-2">
2638                            <h3 class="text-cell2-h3" style="color: black; font-weight: 700;">MAYARI</h3>
2639                            <p class="text-cell2-p" style="color: black; font-weight: 500; font-size: 26px;">Where line
2640                                become style</p>
2641                            <p style="font-size: 20px; color: black;"><a id="evt-1015-shop-btn-shop-birken-hp-th-dt"
2642                                    class="button-1" style="position: relative; text-decoration: none;"
2643                                    href="https://ikonthailand.com/eng/women/models/mayari.html">SHOP NOW</a></p>
2644                        </div>
2645                    </div>
2646                    <div class="vmobile">
2647                        <h4>MAYARI</h4>
2648                        <p>Where line become style</p>
2649                        <p><a href="https://ikonthailand.com/eng/women/models/mayari.html">SHOP NOW</a></p>
2650                    </div>
2651                </div>
2652
2653            </div>
2654
2655            <!-- Slide 5 -->
2656            <div class="swiper-slide">
2657                <div class="ni1">
2658                    <a href="https://ikonthailand.com/eng/women/models/florida.html">
2659                        <img style="position: relative;"
2660                            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/mar-26/florida-birken-mar.jpg"
2661                            loading="lazy" alt="FLORIDA" />
2662                    </a>
2663                    <div class="vdesktop">
2664                        <div class="cell2-2">
2665                            <h3 class="text-cell2-h3" style="color: black; font-weight: 700;">FLORIDA</h3>
2666                            <p class="text-cell2-p" style="color: black; font-weight: 500; font-size: 26px;">The
2667                                three-strap sandal</p>
2668                            <p style="font-size: 20px; color: black;"><a id="evt-1015-shop-btn-shop-birken-hp-th-dt"
2669                                    class="button-1" style="position: relative; text-decoration: none;"
2670                                    href="https://ikonthailand.com/eng/women/models/florida.html">SHOP NOW</a></p>
2671                        </div>
2672                    </div>
2673                    <div class="vmobile">
2674                        <h4>FLORIDA</h4>
2675                        <p>The three-strap sandal</p>
2676                        <p><a href="https://ikonthailand.com/eng/women/models/florida.html">SHOP NOW</a></p>
2677                    </div>
2678                </div>
2679
2680            </div>
2681
2682            <!-- Add more slides as necessary -->
2683        </div>
2684        <!-- Swiper Pagination and Navigation -->
2685        <!-- <div class="swiper-pagination"></div> -->
2686        <div class="swiper-button-prev"></div>
2687        <div class="swiper-button-next"></div>
2688    </div>
2689
2690    
2690<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
2690
2691    
2691<script>
2692        // New Swiper instance for New styles
2693        var newintroducingsSwiper = new Swiper('.new-introducing', {
2694            slidesPerView: 3.3,
2695            slidesPerGroup: 2,
2696            spaceBetween: 10,
2697            pagination: {
2698                el: '.swiper-pagination',
2699                clickable: true,
2700            },
2701            navigation: {
2702                nextEl: '.swiper-button-next',
2703                prevEl: '.swiper-button-prev',
2704            },
2705            breakpoints: {
2706                320: {
2707                    slidesPerView: 1.5,
2708                    slidesPerGroup: 1,
2709                },
2710                768: {
2711                    slidesPerView: 1.5,
2712                    slidesPerGroup: 1,
2713                },
2714                1024: {
2715                    slidesPerView: 2,
2716                    slidesPerGroup: 2,
2717                }
2718            }
2719        });
2720
2721
2722    </script>
2722
2723</div>
2724
2725<style>
2726    .cell2-1 {
2727        position: relative;
2728    }
2729
2730    .london {
2731        margin-bottom: 25px;
2732    }
2733
2734    .cell2-2 {
2735        text-align: center;
2736        color: white;
2737        position: absolute;
2738        width: max-content;
2739        transform: translateX(-50%);
2740        left: 50%;
2741        bottom: 4%;
2742    }
2743
2744    .text-cell2-h3 {
2745        font-size: 5rem;
2746    }
2747
2748    .text-cell2-p {
2749        font-size: 2.5rem;
2750        margin-bottom: 1.1rem;
2751    }
2752
2753    .button-1-1,
2754    .button-1-1:visited {
2755        font-size: 20px;
2756        border: 1px solid white;
2757        border-radius: 2px;
2758        padding: 7px 15px;
2759        line-height: 1.5;
2760        font-weight: 700;
2761        background-color: black;
2762        text-decoration: none;
2763        color: white;
2764    }
2765
2766    .button-1-1:hover,
2767    .button-1-1:visited:hover {
2768        background-color: white;
2769        color: black;
2770        border: 1px solid black;
2771    }
2772
2773    .button-1-1-special,
2774    .button-1-1-special:visited {
2775        font-size: 20px;
2776        border: 1px solid #042290;
2777        border-radius: 2px;
2778        padding: 7px 15px;
2779        line-height: 1.5;
2780        font-weight: 700;
2781        background-color: #042290;
2782        text-decoration: none;
2783        color: white;
2784    }
2785
2786    .button-1-1-special:hover,
2787    .button-1-1-special:visited:hover {
2788        background-color: white;
2789        color: #042290;
2790        border: 1px solid #042290;
2791    }
2792
2793    .special {
2794        bottom: 6.5%;
2795    }
2796
2797    .ni1 {
2798        text-align: left;
2799    }
2800
2801    .ni1 h4 {
2802        font-size: 20px;
2803        padding-left: 5px;
2804    }
2805
2806    .ni1 p {
2807        padding-left: 5px;
2808        font-weight: 500;
2809    }
2810
2811    .ni1 a {
2812        text-decoration: underline;
2813        text-underline-offset: 2px;
2814        font-weight: 700
2815    }
2816
2817    @media only screen and (max-width: 1366px) {
2818        .special {
2819            bottom: 7.5%;
2820        }
2821    }
2822
2823
2824    @media only screen and (max-width: 600px) {
2825        .cell2-3 {
2826            text-align: center;
2827        }
2828
2829        svg:not(:root) {
2830            display: none;
2831        }
2832
2833        .text-cell2-h3 {
2834            font-size: 22px;
2835            margin-top: 10px;
2836        }
2837
2838        .text-cell2-p {
2839            font-size: 17px;
2840        }
2841
2842    }
2843</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="QTJBD9Y"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- big buckle 26feb -->
2844<div class="vdesktop">
2845    <table class="cat-4" style="table-layout: fixed;">
2846        <tr>
2847            <td>
2848                <a href="https://ikonthailand.com/eng/new/bestsellers.html">
2849                    <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/best-sellers.jpg"
2850                        alt="BEST SELLERS shoes" loading="lazy" />
2851
2852                </a>
2853                <p style="text-align: center; font-size: 20px; margin-top: 20px;">
2854                    <a id="evt-1015-shop-btn-shop-birken-hp-th-dt" class="button-1"
2855                        style="margin-top: 10px; z-index: 9999;" href="https://ikonthailand.com/eng/new/bestsellers.html">BEST
2856                        SELLERS</a>
2857                </p>
2858            </td>
2859            <td>
2860                <a href="https://ikonthailand.com/eng/our-story/news/the-big-buckle.html">
2861                    <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/big-buckle.jpg"
2862                        alt="BIG BUCKLE shoes" loading="lazy" />
2863
2864                </a>
2865                <p style="text-align: center; font-size: 20px; margin-top: 20px;">
2866                    <a id="evt-1015-shop-btn-shop-birken-hp-th-dt" class="button-1"
2867                        style="margin-top: 10px; z-index: 9999;"
2868                        href="https://ikonthailand.com/eng/our-story/news/the-big-buckle.html">BIG BUCKLE</a>
2869                </p>
2870            </td>
2871            <td>
2872                <a href="https://ikonthailand.com/eng/our-story/news/shoes.html">
2873                    <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/shoes.jpg"
2874                        alt="birkenstock shoes" loading="lazy" />
2875
2876                </a>
2877                <p style="text-align: center; font-size: 20px; margin-top: 20px;">
2878                    <a id="evt-1015-shop-btn-shop-birken-hp-th-dt" class="button-1"
2879                        style="margin-top: 10px; z-index: 9999;"
2880                        href="https://ikonthailand.com/eng/our-story/news/shoes.html">SHOES</a>
2881                </p>
2882            </td>
2883
2884            <td>
2885                <a href="https://ikonthailand.com/eng/our-story/news/water-friendly-eva.html">
2886                    <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/water-friendly.jpg"
2887                        alt="WATER-FRIENDLY shoes" loading="lazy" />
2888
2889                </a>
2890                <p style="text-align: center; font-size: 20px; margin-top: 20px;">
2891                    <a id="evt-1015-shop-btn-shop-birken-hp-th-dt" class="button-1"
2892                        style="margin-top: 10px; z-index: 9999;"
2893                        href="https://ikonthailand.com/eng/our-story/news/water-friendly-eva.html">WATER-FRIENDLY</a>
2894                </p>
2895            </td>
2896        </tr>
2897    </table>
2898
2899</div>
2900
2901
2902<div class="vmobile" style="margin-top: 25px;">
2903    <!-- <h2 style="font-size: 20px; padding-top: 20px; padding-bottom: 20px; font-weight: 700; text-align: center;">WHICH STYLE SUITS YOU BEST?</h2> -->
2904    <div style="position: relative;">
2905        <a id="evt-2011-cont-hook-loop-img-en-mb" href="https://ikonthailand.com/eng/new/bestsellers.html">
2906            <img style="width: 100%;" src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/sep-26/Best_Seller.jpg"
2907                alt="shoes 4" loading="lazy" />
2908        </a>
2909        <div style="position: absolute; bottom: 6%; left: 2%;">
2910            <p id="evt-2012-cont-hook-loop-text-en-mb" style="text-align: left; color: white;">
2911                <a id="evt-2012-cont-hook-loop-text-en-mb" href="https://ikonthailand.com/eng/new/bestsellers.html"
2912                    style="color:white; font-size: 18px;"><strong>BEST SELLERS ></strong> </a>
2913            </p>
2914        </div>
2915    </div>
2916
2917    <div style="position: relative;">
2918        <a id="evt-2011-cont-st-barth-img-en-mb" href="https://ikonthailand.com/eng/our-story/news/the-big-buckle.html">
2919            <img style="width: 100%;" src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/big-buckle-mb.jpg"
2920                alt="shoes 2" loading="lazy" />
2921        </a>
2922        <div style="position: absolute; bottom: 6%; left: 2%;">
2923            <p id="evt-2012-cont-waterfriendly-text-en-mb" style="text-align: left; color: white;">
2924                <a id="evt-2012-cont-waterfriendly-text-en-mb" href="https://ikonthailand.com/eng/our-story/news/the-big-buckle.html"
2925                    style="color:white; font-size: 18px;"><strong>BIG BUCKLE ></strong> </a>
2926            </p>
2927        </div>
2928    </div>
2929
2930
2931
2932    <div style="position: relative;">
2933        <a id="evt-2011-cont-st-barth-img-en-mb" href="https://ikonthailand.com/eng/our-story/news/shoes.html">
2934            <img style="width: 100%;" src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/shoes-mb.jpg"
2935                alt="shoes 1" loading="lazy" />
2936        </a>
2937        <div style="position: absolute; bottom: 6%; left: 2%;">
2938            <p id="evt-2012-cont-shoes-text-en-dt" style="text-align: left; color: white;">
2939                <a id="evt-2012-cont-shoes-text-en-dt" href="https://ikonthailand.com/eng/our-story/news/shoes.html"
2940                    style="color:white; font-size: 18px;"><strong>SHOES ></strong> </a>
2941            </p>
2942        </div>
2943    </div>
2944
2945    <div style="position: relative;">
2946        <a id="evt-2011-cont-shoes-img-en-mb" href="https://ikonthailand.com/eng/our-story/news/water-friendly-eva.html">
2947            <img style="width: 100%;" src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/feb-26/water-friendly-mb.jpg"
2948                alt="shoes 3" loading="lazy" />
2949        </a>
2950        <div style="position: absolute; bottom: 6%; left: 2%;">
2951            <p id="evt-2012-cont-shoes-text-en-mb" style="text-align: left; color: white;">
2952                <a id="evt-2012-cont-shoes-text-en-mb" href="https://ikonthailand.com/eng/our-story/news/water-friendly-eva.html"
2953                    style="color:white; font-size: 18px;"><strong>WATER-FRIENDLY ></strong> </a>
2954            </p>
2955        </div>
2956    </div>
2957
2958
2959
2960</div>
2961
2962<style>
2963    .button1 {
2964        padding: 8px 20px;
2965    }
2966</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="AFW1SOH"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="L4ITAEQ" data-decoded="true"><div class="vdesktop">
2967    <div class="exclusive-sec">
2968        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/nov/exclusive-offers-birken-nov.webp" alt="Exclusive 1"
2969            loading="lazy" />
2970        <div class="exclusive-text">
2971            <h3
2972                style="text-align: left; font-size: 50px; margin-bottom: 15px; text-transform: none; line-height: 40px; color: white;">
2973                EXCLUSIVE OFFERS</h3>
2974            <p
2975                style="text-align: left; margin-bottom: 30px; text-transform: none; line-height: 40px; color: white; font-size: 30px; margin-top: 30px;">
2976                A
2977                little surprise for your wish list</p>
2978            <p>
2979                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; width: 150px;
2980                margin-right: auto;
2981                font-size: 20px;" class="button-exclusive" href="https://ikonthailand.com/eng/exclusive-offers.html">SHOP NOW</a>
2982            </p>
2983        </div>
2984    </div>
2985</div>
2986
2987<div class="vmobile">
2988    <h2 class="trend" style="text-align: left; margin-left: 20px; margin-top: 15px; color: #AA060D;">EXCLUSIVE OFFERS</h2>
2989    <div class="exclusive-sec" style="margin-top: 0px;">
2990        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/nov/exclusive-offers-birken-nov-mb.webp" alt="Exclusive 2"
2991            loading="lazy" />
2992        <div class="exclusive-text">
2993            <h3
2994                style="text-align: left; font-size: 18px; margin-bottom: 10px; text-transform: none; line-height: 24px; color: white; width: 160px;">A little surprise for your wish list</h3>
2995            <p>
2996                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; width: 85px;
2997                margin-right: auto;
2998                font-size: 12px; padding: 3px 10px;" class="button-exclusive"
2999                    href="https://ikonthailand.com/eng/exclusive-offers.html">SHOP NOW</a>
3000            </p>
3001        </div>
3002    </div>
3003</div>
3004<style>
3005    .exclusive-sec {
3006        position: relative;
3007        margin-top: 50px;
3008    }
3009
3010    .exclusive-text {
3011        position: absolute;
3012        top: 25%;
3013        text-align: center;
3014        left: 12%;
3015    }
3016
3017    .button-exclusive,
3018    .button-exclusive:visited {
3019        background-color: white;
3020        color: #AA060D;
3021        text-decoration: none;
3022        border: none;
3023        border-radius: 2px;
3024        padding: 7px 15px;
3025        font-weight: 700;
3026    }
3027
3028    .button-exclusive:hover {
3029        background-color: #AA060D;
3030        color: white;
3031        text-decoration: none;
3032    }
3033
3034    @media only screen and (max-width: 600px) {
3035        .exclusive-text {
3036            top: 15%;
3037            left: 5%;
3038        }
3039    }
3040
3041    @media only screen and (max-width: 360px) {
3042        .exclusive-text {
3043            top: 12%;
3044            left: 4%;
3045        }
3046    }
3047</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="F0FQ17A"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- Women/Men 19jun26 ENG -->
3048<div class="vdesktop">
3049    <div class="main-i" style="padding-top: 35px;">
3050        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/pc-gender-birkenstock.jpg"
3051            alt="women shoes" loading="lazy" />
3052        <!-- <div class="sub-i">
3053        <p style="font-size: 20px; margin-bottom: 25px;"><a id="evt-1115-shop-btn-shop-men-gender-th-dt" style=" display: block; width: 200px;" class="button-5" href="https://ikonthailand.com/eng/men.html">SHOP MEN</a></p>
3054        <p style="font-size: 20px;"><a id="evt-1116-shop-btn-shop-women-gender-th-dt" style=" display: block; width: 200px;" class="button-5" href="https://ikonthailand.com/eng/women.html">SHOP WOMEN</a></p>
3055      </div> -->
3056        <div class="sub-j">
3057            <p style="display: flex;
3058        font-size: 20px;
3059        margin-bottom: 25px;
3060        margin-top: 20px;
3061        text-align: center;
3062        justify-content: space-around;"><a href="https://ikonthailand.com/eng/men.html" id="evt-1115-shop-btn-shop-men-gender-th-dt"
3063                    style=" display: block; width: 200px;" class="button-6">SHOP MEN</a>
3064                <a  href="https://ikonthailand.com/eng/women.html" id="evt-1116-shop-btn-shop-women-gender-th-dt" style=" display: block; width: 200px;"
3065                    class="button-6">SHOP WOMEN</a></p>
3066        </div>
3067    </div>
3068</div>
3069
3070<div class="vmobile">
3071    <div>
3072        <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/mb-gender-birkenstock.jpg"
3073            alt="men shoes" loading="lazy" />
3074        <p style="font-size: 20px; color: black; text-align: center;">
3075          <a href="https://ikonthailand.com/eng/men.html" id="evt-1015-shop-btn-shop-birken-hp-th-dt"
3076                class="button-wm" style="margin-right: 10px; width: 140px; display: inline-block;" >SHOP MEN</a>
3077            <a href="https://ikonthailand.com/eng/women.html" id="evt-1015-shop-btn-shop-birken-hp-th-dt" class="button-wm"
3078                style="margin-left: 10px; width: 140px; display: inline-block;" >SHOP WOMEN</a>
3079        </p>
3080    </div>
3081
3082
3083</div>
3084<style>
3085    [data-content-type=row][data-appearance=contained] {
3086        max-width: 1800px;
3087    }
3088
3089    .main-i {
3090        position: relative;
3091    }
3092
3093    .sub-i {
3094        text-align: center;
3095        position: absolute;
3096        bottom: 15%;
3097        left: 5%;
3098    }
3099
3100    .button-6 {
3101        background-color: white;
3102        color: black;
3103        text-decoration: none;
3104        border: none;
3105        border-radius: 2px;
3106        border: 1px solid black;
3107        padding: 7px 15px;
3108        font-weight: 700;
3109    }
3110
3111    .button-6:hover {
3112        background-color: black;
3113        color: white;
3114        text-decoration: none;
3115    }
3116
3117    /* .button-6:visited {
3118            background-color: white;
3119            color: black;
3120        } */
3121
3122
3123    @media only screen and (max-width: 600px) {
3124        .button-wm {
3125            font-size: 14px;
3126            font-weight: 700;
3127            background-color: white;
3128            text-decoration: none;
3129            border: 1px solid black;
3130            border-radius: 2px;
3131            padding: 4px 15px;
3132            margin-top: 2px;
3133            color: #1a1919;
3134            line-height: 1.5;
3135        }
3136
3137        .button-wm:hover {
3138            background-color: black;
3139            color: white;
3140            text-decoration: none;
3141        }
3142    }
3143</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="PGR0ECM"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="vdesktop">
3144    <h2 class="trend" style="text-align: left; margin-left: 60px; margin-top: 45px;">BY MODELS</h2>
3145    </div>
3146    <div class="vmobile">
3147    <h2 class="trend" style="text-align: left; margin-left: 20px;">BY MODELS</h2>
3148    </div>
3149    <!--
3150    <h2 class="trend">Now Trending : CHUNKY
3151    VEGAN CANVAS</h2>-->
3152    
3153    <div class="main-image-container" id="mainImageContainer" style="margin-bottom: 10px;">
3154      <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/arizona.webp" class="main-image" id="mainImage">
3155      <!-- Define the clickable areas -->
3156      <div class="clickable-area" data-target="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/arizona.webp" data-category="/tha/women/models/arizona.html" style="left: 0%;"></div>
3157      <div class="clickable-area" data-target="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/madrid.webp" data-category="/tha/new/bestsellers/madrid.html" style="left: 20%;"></div>
3158      <div class="clickable-area" data-target="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/gizeh.webp" data-category="/tha/new/bestsellers/gizeh.html" style="left: 40%;"></div>
3159      <div class="clickable-area" data-target="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/mayari.webp" data-category="/tha/women/models/mayari.html" style="left: 60%;"></div>
3160      <div class="clickable-area" data-target="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/boston.webp" data-category="/tha/our-story/news/clogs.html" style="left: 80%;"></div>
3161      <!-- Category 1 button displayed by default -->
3162      <button id="categoryButton" class="category-button" style="border-radius: 2px; border: 1px solid black;
3163     " onclick="window.location.href='/tha/women/models/arizona.html';">SHOP ARIZONA</button>
3164    </div>
3165    
3166    
3166<script>
3167      const mainImage = document.getElementById('mainImage');
3168      const clickableAreas = document.querySelectorAll('.clickable-area');
3169      const categoryButton = document.getElementById('categoryButton');
3170    
3171      const categoryTexts = ['SHOP ARIZONA', 'SHOP MADRID', 'SHOP GIZEH', 'SHOP MAYARI', 'SHOP BOSTON'];
3172    
3173      clickableAreas.forEach((area, index) => {
3174        area.addEventListener('click', function() {
3175          // For mobile, adjust the image source path if necessary
3176          const isMobile = window.innerWidth <= 600; // Example breakpoint
3177          const targetImg = isMobile ? this.getAttribute('data-target').replace('.webp', '-mb.webp') : this.getAttribute('data-target');
3178          
3179          mainImage.src = targetImg;
3180          
3181          // Set category button text and onclick action
3182          categoryButton.innerText = categoryTexts[index];
3183          categoryButton.onclick = function() {
3184            window.location.href = area.getAttribute('data-category');
3185          };
3186          
3187          // Show the category button
3188          categoryButton.style.display = 'block';
3189        });
3190      });
3191    </script>
3191
3192    
3193    <style>
3194 .category-button {
3195    background: white;
3196    color: black;
3197 }
3198 .category-button:hover {
3199    background: black;
3200    color: white;
3201 }
3202      .main-image-container {
3203        /* width: 800px;
3204        height: 750px; */
3205        position: relative; /* Needed to absolutely position the clickable areas */
3206      }
3207      .main-image {
3208        width: 100%;
3209        height: 100%;
3210      }
3211      .clickable-area {
3212        position: absolute;
3213        bottom: 60px;
3214        width: 20%; /* 5 columns, so 20% each */
3215        height: 170px; /* Height of the clickable area at the bottom */
3216        cursor: pointer;
3217        opacity: 0; /* Make the areas invisible */
3218      }
3219      .category-button {
3220        margin-top: 14px;
3221        position: relative;
3222        margin-left: auto;
3223        margin-right: auto;
3224        /*bottom: 160px;  Just above the clickable area */
3225        /*left: 5%;  Position where Category 1 would be */
3226        background: transparent; 
3227        font-size: 20px;
3228        border: 1px solid black;
3229        border-radius: 2px;
3230        padding: 7px 15px;
3231        line-height: 1.5;
3232        font-weight: 700;
3233        background-color: white;
3234        text-decoration: none;
3235        cursor: pointer;
3236        display: block; /* Displayed by default */
3237        z-index: 10; /* Ensure the button is above other elements */
3238      }
3239       /* Mobile Styles */
3240       @media (max-width: 600px) {
3241        .main-image-container {
3242          width: 100%; /* Adjust container size for mobile */
3243          height: auto; /* Maintain aspect ratio */
3244        }
3245        .main-image {
3246          /* Use different images for mobile */
3247          /* Example: background-image: url('path/to/mobile-image.jpg'); */
3248        }
3249        .clickable-area {
3250          /* Adjust size and position for mobile */
3251          height: 70px;
3252            bottom: 48px;
3253        }
3254        .category-button {
3255            font-size: 14px;
3256            font-weight: 700;
3257            background-color: white;
3258            text-decoration: none;
3259            border: 1px solid black;
3260            border-radius: 2px;
3261            padding: 4px 15px;
3262            margin-top: 2px;
3263            color: #1a1919;
3264            line-height: 1.5;
3265
3266          bottom: 24%;
3267            left: 2%;
3268        }
3269        /* Specific mobile image overrides */
3270        .main-image[src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/arizona.webp"] {
3271          content: url('https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/arizona-mb.webp');
3272        }
3273        .main-image[src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/madrid.webp"] {
3274          content: url('https://d3g7q01tmofvat.cloudfront.net/hp/2024/may/madrid-mb.webp');
3275        }
3276        /* Repeat for other images */
3277      }
3278    </style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="J2OW8AA"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- sock 26Mar -->
3279<div class="vdesktop">
3280    <div class="sock-sec">
3281        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/mar-26/birkenstock-socks.jpg" alt="socks 1"
3282            loading="lazy" />
3283        <div class="sock-text">
3284            <h3
3285                style="text-align: left; font-size: 33px; margin-bottom: 15px; text-transform: none; line-height: 40px; color: white;">
3286                The perfect add-on for<br>your favorite shoes
3287            </h3>
3288            <p>
3289                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; font-size: 20px;" class="button-sock"
3290                    href="https://ikonthailand.com/eng/new/combine-socks.html">SHOP BIRKENSTOCK
3291                    SOCKS</a>
3292            </p>
3293        </div>
3294    </div>
3295</div>
3296
3297<div class="vmobile">
3298    <div class="sock-sec" style="margin-top: 20px;">
3299        <img src="https://thailand.coach.com/media/wysiwyg/birkenstock/hp/mar-26/birkenstock-socks.jpg" alt="socks 2"
3300            loading="lazy" />
3301        <div class="sock-text">
3302            <!--<h3
3303                style="text-align: center; font-size: 16px; margin-bottom: 10px; text-transform: none; line-height: 24px; color: white;">
3304                The perfect add-on for<br />
3305                your favorite shoes
3306            </h3>-->
3307            <p>
3308                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; width: 160px;
3309                margin-left: auto;
3310                margin-right: auto;
3311                font-size: 11px; padding: 4px 10px;" class="button-sock"
3312                    href="https://ikonthailand.com/eng/new/combine-socks.html">SHOP BIRKENSTOCK SOCKS</a>
3313            </p>
3314        </div>
3315    </div>
3316</div>
3317<style>
3318    .sock-sec {
3319        position: relative;
3320        margin-top: 15px;
3321    }
3322
3323    .sock-text {
3324        position: absolute;
3325        top: 65%;
3326        text-align: center;
3327        left: 3%;
3328    }
3329
3330    .button-sock,
3331    .button-sock:link,
3332    .button-sock:visited {
3333        background-color: transparent;
3334        color: white;
3335        text-decoration: none;
3336        border: none;
3337        border-radius: 2px;
3338        border: 1px solid white;
3339        padding: 7px 15px;
3340        font-weight: 700;
3341    }
3342
3343    .button-sock:hover {
3344        background-color: white;
3345        color: black;
3346        text-decoration: none;
3347    }
3348
3349    @media only screen and (max-width: 1366px) {
3350        .sock-text {
3351            top: 53%;
3352            left: 2%;
3353        }
3354    }
3355
3356
3357    @media only screen and (max-width: 600px) {
3358        .sock-text {
3359            top: 35%;
3360            left: 29%;
3361        }
3362    }
3363
3364    @media only screen and (max-width: 360px) {
3365        .sock-text {
3366            top: 12%;
3367            left: 4%;
3368        }
3369    }
3370</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="BVJJD29"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- A FRESH NEW RANGE : SHOE CARE PRODUCTS -->
3371<div class="vdesktop">
3372    <h2 class="trend" style="text-align: left; margin-left: 60px;">A FRESH NEW RANGE : SHOE CARE PRODUCTS
3373    </h2>
3374    <table>
3375        <tr>
3376            <td>
3377                <div class="sc1">
3378                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027674.html?color=12753">
3379                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/1-shoe-care.webp" loading="lazy" alt="shoe care1"/>
3380                    </a>
3381                    <p>Application Brush</p>
3382                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027674.html?color=12753">SHOP NOW</a></p>
3383                </div>                
3384            </td>
3385            <td>
3386                <div class="sc1">
3387                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027653.html?color=12753">
3388                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/2-shoe-care.webp" loading="lazy" alt="shoe care2"/>
3389                    </a>                    
3390                    <p>Leather Conditioner</p>
3391                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027653.html?color=12753">SHOP NOW</a></p>
3392                </div>                
3393            </td>
3394            <td>
3395                <div class="sc1">
3396                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027643.html?color=12753">
3397                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/3-shoe-care.webp" loading="lazy" alt="shoe care3"/>
3398                    </a>                    
3399                    <p>Polishing Cloth</p>
3400                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027643.html?color=12753">SHOP NOW</a></p>
3401                </div>                
3402            </td>
3403            <td>
3404                <div class="sc1">
3405                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1029667.html?color=12753">
3406                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/4-shoe-care.webp" loading="lazy" alt="shoe care4"/>
3407                    </a>
3408                    
3409                    <p>Cork Sealer & Protector</p>
3410                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1029667.html?color=12753">SHOP NOW</a></p>
3411                </div>                
3412            </td>
3413            <td>
3414                <div class="sc1">
3415                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027673.html?color=12753">
3416                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/5-shoe-care.webp" loading="lazy" alt="shoe care5"/>
3417                    </a>                    
3418                    <p>Footbed & Shoe Protector</p>
3419                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027673.html?color=12753">SHOP NOW</a></p>
3420                </div>                
3421            </td>
3422        </tr>
3423    </table>
3424
3425</div>
3426<div class="vmobile">
3427    <h2 class="trend" style="text-align: left; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; font-size: 18px;">A FRESH NEW RANGE: SHOE CARE PRODUCTS
3428    </h2>
3429    <div id="newranges" class="new-range swiper" style="padding: 10px;">
3430        <div class="swiper-wrapper">
3431            <!-- Slide 1 -->
3432            <div class="swiper-slide">
3433                <div class="sc1">
3434                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027674.html?color=12753">
3435                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/1-shoe-care.webp" loading="lazy" alt="shoe care1"/>
3436                    </a>
3437                    <p>Application Brush</p>
3438                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027674.html?color=12753">SHOP NOW</a></p>
3439                </div>         
3440            </div>
3441         
3442            <div class="swiper-slide">
3443                <div class="sc1">
3444                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027653.html?color=12753">
3445                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/2-shoe-care.webp" loading="lazy" alt="shoe care2"/>
3446                    </a>                    
3447                    <p>Leather Conditioner</p>
3448                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027653.html?color=12753">SHOP NOW</a></p>
3449                </div>    
3450          </div>
3451          <div class="swiper-slide">
3452            <div class="sc1">
3453                <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027643.html?color=12753">
3454                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/3-shoe-care.webp" loading="lazy" alt="shoe care3"/>
3455                </a>                    
3456                <p>Polishing Cloth</p>
3457                <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027643.html?color=12753">SHOP NOW</a></p>
3458            </div>        
3459        </div>
3460         
3461            <!-- Slide 4 -->
3462            <div class="swiper-slide">
3463                <div class="sc1">
3464                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1029667.html?color=12753">
3465                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/4-shoe-care.webp" loading="lazy" alt="shoe care4"/>
3466                    </a>
3467                    
3468                    <p>Cork Sealer & Protector</p>
3469                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1029667.html?color=12753">SHOP NOW</a></p>
3470                </div>     
3471            </div>
3472            <div class="swiper-slide">
3473                <div class="sc1">
3474                    <a href="https://ikonthailand.com/eng/men/shoe-care-bs1027673.html?color=12753">
3475                        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/oct/5-shoe-care.webp" loading="lazy" alt="shoe care4"/>
3476                    </a>
3477                    
3478                    <p>Footbed & Shoe Protector</p>
3479                    <p><a href="https://ikonthailand.com/eng/men/shoe-care-bs1027673.html?color=12753">SHOP NOW</a></p>
3480                </div>           
3481            </div>
3482            <!-- Add more slides as necessary -->
3483        </div>
3484        <!-- Swiper Pagination and Navigation -->
3485        <!-- <div class="swiper-pagination"></div> -->
3486        <div class="swiper-button-prev"></div>
3487        <div class="swiper-button-next"></div>
3488      </div>
3489      
3490      
3490<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
3490
3491      
3491<script>
3492        // New Swiper instance for New styles
3493        var newrangesSwiper = new Swiper('.new-range', {
3494            slidesPerView: 3.3,
3495            slidesPerGroup: 2,
3496            spaceBetween: 10,
3497            pagination: {
3498                el: '.swiper-pagination',
3499                clickable: true,
3500            },
3501            navigation: {
3502                nextEl: '.swiper-button-next',
3503                prevEl: '.swiper-button-prev',
3504            },
3505            breakpoints: {
3506                320: {
3507                    slidesPerView: 2,
3508                    slidesPerGroup: 1,
3509                },
3510                768: {
3511                    slidesPerView: 2,
3512                    slidesPerGroup: 1,
3513                },
3514                1024: {
3515                    slidesPerView: 2.5,
3516                    slidesPerGroup: 3,
3517                }
3518            }
3519        });
3520      
3521       
3522      </script>
3522
3523
3524</div>
3525
3526<style>
3527    .sc1 {text-align: center;}
3528    .sc1 p {font-weight: 500;}
3529    .sc1 p a {text-decoration: underline; text-underline-offset: 2px; font-weight: 700;}
3530
3531</style>
3532</div></div></div><div data-content-type="row" data-appearance="contained" data-element="main" data-pb-style="XFW9QN2"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="J85GWNY"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="vdesktop">
3533    <div class="last-chance">
3534        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/jun/last-chance-june.webp" alt="Last Chance" loading="lazy" />
3535        <div class="last-chance-text">
3536            <h3 style="    text-align: center;
3537            font-size: 33px;
3538            margin-bottom: 35px;
3539            text-transform: none;
3540            line-height: 40px;">Last chance… It’s almost gone!</h3>
3541            <p>
3542                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; width: 135px;
3543                margin-left: auto;
3544                margin-right: auto;
3545                font-size: 20px; padding: 4px;" class="button-6" href="https://ikonthailand.com/eng/last-chance.html">SHOP NOW</a>
3546            </p>
3547        </div>
3548    </div>
3549</div>
3550
3551<div class="vmobile">
3552    <div class="last-chance" style="margin-top: 10px; margin-bottom: -15px;">
3553        <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2025/jun/last-chance-june-new.webp" alt="Last Chance" loading="lazy" />
3554        <div class="last-chance-text">
3555            <h3 style="    text-align: center;
3556                font-size: 20px;
3557                margin-bottom: 15px;
3558                text-transform: none;
3559                line-height: 24px; white-space: nowrap;">Last chance… It’s almost gone!</h3>
3560            <p>
3561                <a id="evt-shop-btn-shop-socks-th-dt" style="display: block; width: 100px;
3562                margin-left: auto;
3563                margin-right: auto;
3564                font-size: 15px; padding: 1px;" class="button-6"
3565                    href="https://ikonthailand.com/eng/last-chance.html">SHOP NOW</a>
3566            </p>
3567        </div>
3568    </div>
3569</div>
3570<style>
3571    .last-chance {
3572        position: relative;
3573    }
3574
3575    .last-chance-text {
3576        position: absolute;
3577        top: 50%;
3578        text-align: center;
3579        left: 50%;
3580        transform: translate(-50%, -50%);
3581    }
3582
3583    @media only screen and (max-width: 600px) {
3584    }
3585
3586    @media only screen and (max-width: 360px) {
3587        .last-chance-text {
3588            top: 11%;
3589            left: 4%;
3590        }
3591    }
3592</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="DDCP3L4"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- New & Update 21/7/2026 -->
3593<div class="vdesktop">
3594    <h2 class="trend" style="text-align: left; margin-left: 60px;">NEWS & UPDATE: </h2>
3595</div>
3596<div class="vmobile">
3597    <h2 class="trend" style="text-align: left; margin-left: 20px; margin-bottom: 0px;">NEWS & UPDATE: </h2>
3598</div>
3599<div id="newstyless" class="new-styles swiper">
3600    <div class="swiper-wrapper">
3601        <!-- Slide 1 -->
3602        <div class="swiper-slide">
3603            <div class="img1">
3604                <a href="https://ikonthailand.com/eng/birkenstock-shoe-charm-workshop"
3605                    id="evt-4003-cont-outdoor-collection-img-en-dt">
3606                    <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/shoe-charm-workshop/blog-shoecharm.jpg"
3607                        alt="Walk Club Wag Wonder" loading="lazy" />
3608                </a>
3609                <div class="img1-text">
3610                    <h3 style="text-align: left;">
3611                        SHOE CHARM WORKSHOP
3612                    </h3>
3613
3614                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3615                            href="https://ikonthailand.com/eng/birkenstock-shoe-charm-workshop">Explore more</a></p>
3616                </div>
3617            </div>
3618        </div>
3619        <!-- Slide 2 -->
3620        <div class="swiper-slide">
3621            <div class="img1">
3622                <a href="https://ikonthailand.com/eng/birkenstock-walkclub-wagandwonder"
3623                    id="evt-4003-cont-outdoor-collection-img-en-dt">
3624                    <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/walk-club-wag-wonder/blog-cover-walk-club.jpg"
3625                        alt="Walk Club Wag Wonder" loading="lazy" />
3626                </a>
3627                <div class="img1-text">
3628                    <h3 style="text-align: left;">
3629                        WALK CLUB WAG & WONDER
3630                    </h3>
3631
3632                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3633                            href="https://ikonthailand.com/eng/birkenstock-walkclub-wagandwonder">Explore more</a></p>
3634                </div>
3635            </div>
3636        </div>
3637        <!-- Slide 3 -->
3638        <div class="swiper-slide">
3639            <div class="img1">
3640                <a href="https://ikonthailand.com/eng/birkenstock-walkclub" id="evt-4003-cont-outdoor-collection-img-en-dt">
3641                    <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/walk-club/blog-cover-walk-club.jpg"
3642                        alt="Walk Club 2026" loading="lazy" />
3643                </a>
3644                <div class="img1-text">
3645                    <h3 style="text-align: left;">
3646                        Our Walk Club at Bangkok Design Week
3647
3648                    </h3>
3649
3650                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3651                            href="https://ikonthailand.com/eng/birkenstock-walkclub">Explore more</a></p>
3652                </div>
3653            </div>
3654        </div>
3655        <!-- Slide 4 -->
3656        <div class="swiper-slide">
3657            <div class="img1">
3658                <a href="https://ikonthailand.com/eng/safetyshoes-superbirki-profibirki-2-0.html"
3659                    id="evt-4003-cont-outdoor-collection-img-en-dt">
3660                    <img src="https://d3g7q01tmofvat.cloudfront.net/content/safety-shoes/professional-safety-shoes.webp"
3661                        alt="Super Birki" loading="lazy" />
3662                </a>
3663                <div class="img1-text">
3664                    <h3 style="text-align: left;">
3665                        Super Birki 2.0
3666
3667                    </h3>
3668
3669                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3670                            href="https://ikonthailand.com/eng/safetyshoes-superbirki-profibirki-2-0.html">Explore more</a></p>
3671                </div>
3672            </div>
3673        </div>
3674        <!-- Slide 5 -->
3675        <div class="swiper-slide">
3676            <div class="img1">
3677                <a href="https://ikonthailand.com/eng/tokio-strap-sandals.html" id="evt-4003-cont-outdoor-collection-img-en-dt">
3678                    <img src="https://d3g7q01tmofvat.cloudfront.net/content/strap-sandals/tokio-strap-sandals.webp"
3679                        alt="Super Birki" loading="lazy" />
3680                </a>
3681                <div class="img1-text">
3682                    <h3 style="text-align: left;">
3683                        TOKIO
3684
3685                    </h3>
3686
3687                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3688                            href="https://ikonthailand.com/eng/tokio-strap-sandals.html">Explore more</a></p>
3689                </div>
3690            </div>
3691        </div>
3692        <!-- Slide 6 -->
3693        <div class="swiper-slide">
3694            <div class="img1">
3695                <a href="https://ikonthailand.com/eng/birki-flow/water-resistant-clog.html"
3696                    id="evt-4003-cont-outdoor-collection-img-en-dt">
3697                    <img src="https://d3g7q01tmofvat.cloudfront.net/content/birki-flow/1-1.webp" alt="men shoes"
3698                        loading="lazy" />
3699                </a>
3700                <div class="img1-text">
3701                    <h3 style="text-align: left;">
3702                        BIRKI FLOW
3703
3704                    </h3>
3705
3706                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3707                            href="https://ikonthailand.com/eng/birki-flow/water-resistant-clog.html">Explore more</a></p>
3708                </div>
3709            </div>
3710        </div>
3711        <!-- Slide 7 -->
3712        <div class="swiper-slide">
3713            <div class="img1">
3714                <a href="https://ikonthailand.com/eng/new/premium-collection.html" id="evt-4003-cont-outdoor-collection-img-en-dt">
3715                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/sep/news-1.webp" alt="men shoes"
3716                        loading="lazy" />
3717                </a>
3718                <div class="img1-text">
3719                    <h3 style="text-align: left;">
3720                        PREMIUM COLLECTION
3721
3722                    </h3>
3723
3724                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3725                            href="https://ikonthailand.com/eng/new/premium-collection.html">Explore more</a></p>
3726                </div>
3727            </div>
3728        </div>
3729        <!-- Slide 8 -->
3730        <!-- <div class="swiper-slide">
3731            <div class="img1">
3732                <a href="https://ikonthailand.com/eng/our-story/news/adventure.html" id="evt-4003-cont-self-love-img-en-dt">
3733                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/june/h5-3.webp" alt="men shoes" loading="lazy"/>
3734                </a>
3735                <div class="img1-text">
3736                    <h3 style="text-align: left; ">
3737                        OUTDOOR COLLETION
3738                    </h3>
3739                   
3740                    <p style="margin-bottom:20px; text-decoration: underline;"><a href="https://ikonthailand.com/eng/our-story/news/adventure.html">Explore more</a></p>
3741                </div>
3742            </div>
3743        </div> -->
3744        <!-- Slide 9 -->
3745        <div class="swiper-slide">
3746            <div class="img1">
3747                <a href="https://ikonthailand.com/eng/professionals.html" id="evt-4003-cont-self-love-img-en-dt">
3748                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/sep/news-2.webp" alt="men shoes"
3749                        loading="lazy" />
3750                </a>
3751                <div class="img1-text">
3752                    <h3 style="text-align: left; ">
3753                        PROFESSIONAL
3754                    </h3>
3755
3756                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3757                            href="https://ikonthailand.com/eng/professionals.html">Explore more</a></p>
3758                </div>
3759            </div>
3760        </div>
3761        <!-- Slide 10 -->
3762        <!-- <div class="swiper-slide">
3763            <div class="img1">
3764                <a href="https://ikonthailand.com/eng/self-love-activity" id="evt-4003-cont-self-love-img-en-dt">
3765                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/june/h5-2.webp" alt="men shoes" loading="lazy"/>
3766                </a>
3767                <div class="img1-text">
3768                    <h3 style="text-align: left;">
3769                        SELF-LOVE ACTIVITY
3770                    </h3>
3771                   
3772                    <p style="margin-bottom:20px; text-decoration: underline;"><a href="https://ikonthailand.com/eng/self-love-activity">Explore more</a></p>
3773                </div>
3774            </div>
3775        </div> -->
3776        <!-- Slide 11 -->
3777        <div class="swiper-slide">
3778            <div class="img1">
3779                <a href="https://ikonthailand.com/eng/store-location" id="evt-4003-cont-self-love-img-en-dt">
3780                    <img src="https://d3g7q01tmofvat.cloudfront.net/hp/2024/sep/news-3.webp" alt="men shoes"
3781                        loading="lazy" />
3782                </a>
3783                <div class="img1-text">
3784                    <h3 style="text-align: left;">
3785                        NEW STORE OPENING
3786                    </h3>
3787
3788                    <p style="margin-bottom:20px; text-decoration: underline; text-underline-offset: 5px;"><a
3789                            href="https://ikonthailand.com/eng/store-location">Explore more</a></p>
3790                </div>
3791            </div>
3792        </div>
3793        <!-- Add more slides as necessary -->
3794    </div>
3795    <!-- Swiper Pagination and Navigation -->
3796    <!-- <div class="swiper-pagination"></div> -->
3797    <div class="swiper-button-prev"></div>
3798    <div class="swiper-button-next"></div>
3799</div>
3800
3801<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
vendor: 2 bytes, line 3801
3801
3802<script>
3803    // New Swiper instance for New styles
3804    var newstylessSwiper = new Swiper('.new-styles', {
3805        slidesPerView: 3.3,
3806        slidesPerGroup: 2,
3807        spaceBetween: 10,
3808        pagination: {
3809            el: '.swiper-pagination',
3810            clickable: true,
3811        },
3812        navigation: {
3813            nextEl: '.swiper-button-next',
3814            prevEl: '.swiper-button-prev',
3815        },
3816        breakpoints: {
3817            320: {
3818                slidesPerView: 1.3,
3819                slidesPerGroup: 1,
3820            },
3821            768: {
3822                slidesPerView: 1.3,
3823                slidesPerGroup: 1,
3824            },
3825            1024: {
3826                slidesPerView: 2.5,
3827                slidesPerGroup: 3,
3828            }
3829        }
3830    });
3831
3832    // Toggle list visibility
3833    document.addEventListener('DOMContentLoaded', function () {
3834        const buttons = document.querySelectorAll('.btn-jeans');
3835        buttons.forEach(button => {
3836            button.addEventListener('click', function () {
3837                const list = this.nextElementSibling;
3838                list.classList.toggle('visible');
3839                list.style.display = list.style.display === 'block' ? 'none' : 'block';
3840                this.classList.toggle('active');
3841            });
3842        });
3843    });
3844</script>
3844
3845
3846<style>
3847    #newstyless {
3848        margin-bottom: 10px;
3849        padding-bottom: 0px;
3850    }
3851
3852    .text-price1 {
3853        font-size: 2.0rem;
3854        font-family: 'Lato Bold';
3855        margin-bottom: 0.2rem;
3856        line-height: 1.4;
3857        letter-spacing: 0.8px;
3858
3859        text-transform: none;
3860    }
3861
3862    .img1 {
3863        position: relative;
3864        width: 100%;
3865
3866    }
3867
3868    .img1 img {
3869        width: 100%;
3870        height: 100%;
3871        object-fit: contain;
3872    }
3873
3874    .img1-text {
3875        position: relative;
3876        left: 0%;
3877
3878        color: black;
3879    }
3880
3881    .img1-text {
3882        font-size: 20px;
3883        color: gray
3884    }
3885
3886    .img1-text h3 {
3887        color: black;
3888    }
3889
3890    .img1-text a:hover {
3891        color: black;
3892    }
3893
3894    .img1-text .btn-jeans {
3895        margin-top: 10px;
3896        border-radius: 30px;
3897        width: 154px;
3898        background: #F9EDA7;
3899        border: 0;
3900        height: 37px;
3901        font-size: 12px;
3902        line-height: 18px;
3903        max-width: 154px;
3904        padding: 5px 18px;
3905        min-width: 154px;
3906        letter-spacing: 0.5px;
3907        color: rgba(24, 44, 82, 1);
3908        background-color: #F9EDA7;
3909        position: relative;
3910        font-family: 'Lato black';
3911    }
3912
3913    .img1-text .btn-jeans:before {
3914        content: '\002B';
3915        display: block;
3916        font-family: 'luma-icons';
3917        font-size: 23px;
3918        color: rgba(24, 44, 82, 1);
3919        font-weight: 600;
3920        position: absolute;
3921        right: 6%;
3922        top: 19%;
3923        line-height: inherit;
3924    }
3925
3926    .img1-text .btn-jeans.active:before {
3927        content: '\2212';
3928        display: block;
3929        font-family: 'luma-icons';
3930        font-size: 23px;
3931        color: rgba(24, 44, 82, 1);
3932        font-weight: 600;
3933        position: absolute;
3934        right: 6%;
3935        top: 19%;
3936        line-height: inherit;
3937    }
3938
3939    .children.shop-women {
3940        list-style: none;
3941        padding: 0;
3942        text-align: left;
3943        box-shadow: 0 1px 4px 0 rgba(192, 192, 192, .5);
3944        margin-bottom: 5px;
3945        overflow: hidden;
3946        background-color: #fff;
3947        border-radius: 15px;
3948        max-width: 200px;
3949        width: 100%;
3950        position: absolute;
3951        bottom: 40px;
3952        /* Adjust this value as needed to position above the button */
3953        display: none;
3954    }
3955
3956    .children.shop-women .shop-jeans,
3957    .children.shop-women .shop-cargo-pants {
3958        padding: 15px 18px;
3959        margin: 0;
3960    }
3961
3962    .children.shop-women .shop-jeans {
3963        border-bottom: 1px solid #d6d6d6;
3964    }
3965
3966    .section-title {
3967        margin-bottom: 30px;
3968        margin-left: 50px;
3969    }
3970
3971    .swiper-button-next,
3972    .swiper-button-prev {
3973        color: white;
3974    }
3975
3976    .new-styles.swiper {
3977        padding-bottom: 0px;
3978    }
3979
3980    @media only screen and (max-width: 600px) {
3981        .img1-text {
3982            left: 3%;
3983        }
3984
3985        .img1-text .btn-jeans {
3986            width: 154px;
3987            height: 37px;
3988            min-width: 154px;
3989            max-width: 155px;
3990            font-size: 11px;
3991        }
3992
3993        /* .img1-text .btn-jeans:before {top: 20%; right: 9%;}
3994        .img1-text .btn-jeans.active:before {top: 19%; right: 9%;} */
3995        .children.shop-women {
3996            bottom: 40px;
3997        }
3998
3999        .text-price1 {
4000            font-size: 1.7rem;
4001            line-height: 1.2;
4002        }
4003
4004        #newstyless {
4005            margin-bottom: 15px;
4006        }
4007    }
4008
4009    @media only screen and (min-width: 601px) and (max-width: 1600px) {
4010        #newstyless {
4011            margin-bottom: 10px;
4012            padding-bottom: 80px;
4013        }
4014
4015        .img1 {
4016            height: 450px;
4017        }
4018    }
4019
4020    .img1-text h3 {
4021        font-size: 3rem;
4022    }
4023
4024    @media (max-width: 600px) {
4025        .img1-text h3 {
4026            font-size: 1.8rem;
4027        }
4028    }
4029</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="MVW8GDO"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- <div class="banner-2">
4030    <img  src="https://d3g7q01tmofvat.cloudfront.net/hp/may2023/banner-2-1.webp" loading="lazy" alt="banner birkenstock 2"></img>
4031    <div class="text-2">
4032        <h2 style="color: white;">SUMMER WHITE</h2>
4033        <p><a href="https://ikonthailand.com/tha/men.html?color_group_desc=235" class="button-2">FOR HIM</a> <a href="https://ikonthailand.com/tha/women.html?color_group_desc=235" class="button-2">FOR HER</a></p>
4034    </div>
4035
4036</div> -->
4037
4038<div class="banner-3">
4039    <img style="width: 100%;" src="https://d3g7q01tmofvat.cloudfront.net/hp/may2023/banner-3.webp" loading="lazy" alt="banner birkenstock 3"></img>
4040    <div class="text-3">
4041        <h2>CARE INSTRUCTIONS</h2>
4042        <p><a href="https://ikonthailand.com/tha/our-story/footwear/fit-guide.html" id="evt-5001-cont-fit-guide-th-dt">FIT GUIDE</a> 
4043            <a href="https://ikonthailand.com/tha/care-tips" id="evt-5002-cont-how-care-th-dt">HOW TO CARE</a> 
4044            <a href="https://ikonthailand.com/tha/our-story/footwear/repair-service.html" id="evt-5003-cont-about-repair-th-dt">ABOUT REPAIR</a></p>
4045    </div>
4046</div>
4047
4048<style>
4049    .banner-2 {position: relative;}
4050    .banner-3 {position: relative; text-align: right; margin-top: 30px;}
4051    .text-2 {position: absolute; bottom: 73px; left: 137px;}
4052    .text-2 p {margin: 17px; text-align: center;}
4053    .text-2 h2 {font-size: 4rem;}
4054    .text-3 {position: absolute; bottom: 140px; right: 120px;}
4055    .text-3 h2 {margin-bottom: 20px;}
4056    .text-3 p a {text-decoration: underline; padding: 3px; font-size: 2.0rem; text-underline-offset: 4px;}
4057
4058    @media only screen and (max-width: 600px) {
4059        .text-2 {bottom: 28px; left: 22px;}
4060        .text-2 p {margin: 0px; margin-top: 10px;}
4061        .text-2 h2 {font-size: 25px;}
4062        .text-3 {bottom: 25px; right: 9px;}
4063        .text-3 h2 {margin-bottom: 10px;}
4064        .text-3 p a {padding: 1px; font-size: 11px;}
4065    }
4066</style>
4067</div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="TFW1H10"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- IG Updated 19jun26 -->
4068<div class="ig-title">
4069    <a href="https://www.instagram.com/birkenstock_thailand/" targer="_blank" rel="noopener noreferrer">
4070        <h3 style="font-weight: 700;">@BIRKENSTOCK_THAILAND</h3>
4071    </a>
4072    <p>Share your BIRKENSTOCK-style and tag us with #BIRKENSTOCKTHAILAND</p>
4073</div>
4074<div class="ig-section">
4075
4076
4077    <div class="owl-carousel owl-theme">
4078        <div class="item">
4079            <a href="https://ikonthailand.com/eng/madrid-ma14-graceful-pearl-white.html?color=4828" targer="_blank"
4080                rel="noopener noreferrer">
4081                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-1.jpg" loading="lazy"
4082                    alt="instagram bk 1">
4083            </a>
4084        </div>
4085        <div class="item">
4086            <a href="https://ikonthailand.com/eng/tokio-to2-taupe.html?color=5062" targer="_blank" rel="noopener noreferrer">
4087                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-2.jpg" loading="lazy"
4088                    alt="instagram bk 2">
4089            </a>
4090        </div>
4091        <div class="item">
4092            <a href="https://ikonthailand.com/eng/our-story/news/the-big-buckle/madrid-ma16-oyster.html?color=16242" targer="_blank"
4093                rel="noopener noreferrer">
4094                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-3.jpg" loading="lazy"
4095                    alt="instagram bk 3">
4096            </a>
4097        </div>
4098        <div class="item">
4099            <a href="https://ikonthailand.com/eng/our-story/news/shoes/london-lo3-taupe.html?color=5062" targer="_blank"
4100                rel="noopener noreferrer">
4101                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-4.jpg" loading="lazy"
4102                    alt="instagram bk 4">
4103            </a>
4104        </div>
4105        <div class="item">
4106            <a href="https://ikonthailand.com/eng/new/solana-so1-oyster.html?color=16242" targer="_blank"
4107                rel="noopener noreferrer">
4108                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-5.jpg" loading="lazy"
4109                    alt="instagram bk 5">
4110            </a>
4111        </div>
4112        <div class="item">
4113            <a href="https://ikonthailand.com/eng/new/bestsellers/boston.html" targer="_blank"
4114                rel="noopener noreferrer">
4115                <img src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/ig-jun-6.jpg" loading="lazy"
4116                    alt="instagram bk 6">
4117            </a>
4118        </div>
4119
4120
4121    </div>
4122    <div class="owl-theme">
4123        <div class="owl-controls">
4124            <div class="custom-nav owl-nav"></div>
4125        </div>
4126    </div>
4127</div>
4128
4129<style>
4130    .ig-section {
4131        position: relative;
4132    }
4133
4134    .ig-section .owl-carousel .item img {
4135        width: 100%;
4136    }
4137
4138    .ig-title h2 {
4139        text-align: center;
4140        font-size: 30px;
4141        margin-bottom: 10px;
4142        text-transform: none;
4143    }
4144
4145    .ig-title h3 {
4146        text-align: center;
4147        margin-bottom: 10px;
4148        font-size: 26px;
4149        margin-top: 30px;
4150    }
4151
4152    .ig-title p {
4153        text-align: center;
4154        margin-bottom: 20px;
4155        font-size: 14px;
4156    }
4157    .custom-nav {
4158        position: absolute;
4159        top: 43%;
4160        left: 0;
4161        right: 0;
4162    }
4163
4164    .owl-prev,
4165    .owl-next {
4166        position: absolute;
4167        z-index: 100;
4168        background: transparent;
4169        border: 0px;
4170        color: #fff;
4171
4172    }
4173
4174    .owl-prev {
4175        left: 0;
4176    }
4177
4178    .owl-next {
4179        right: 0;
4180    }
4181
4182    @media only screen and (max-width: 600px) {
4183        .custom-nav {
4184            top: 45%;
4185        }
4186
4187        .ig-title h2 {
4188            font-size: 30px;
4189        }
4190
4191        .ig-title h3 {
4192            font-size: 23px;
4193        }
4194
4195        .ig-title p {
4196            margin-left: 10px;
4197            margin-right: 10px;
4198            font-size: 18px;
4199        }
4200    }
4201</style>
4202
4203<script type="text/javascript">
4204    require([
4205        'jquery',
4206        'owlCarousel'
4207    ], function ($) {
4208        $('.owl-carousel').owlCarousel({
4209            stagePadding: 50,
4210            loop: true,
4211            nav: true,
4212            navText: [
4213                '<i class="fa fa-angle-left" aria-hidden="true"></i>',
4214                '<i class="fa fa-angle-right" aria-hidden="true"></i>'
4215            ],
4216            navContainer: '.ig-section .custom-nav',
4217
4218            responsive: {
4219                0: {
4220                    items: 1
4221                },
4222                600: {
4223                    items: 2
4224                },
4225                1000: {
4226                    items: 4
4227                }
4228            }
4229        })
4230    })
4231</script>
4231</div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="T21RFCL"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><!-- TEAM & CORPORATE ORDERS -->
4232<div class="teams-co">
4233    <div class="vdesktop">
4234        <img style="width: 100%;"
4235            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/team-corporate-orders-banner-hp-pc.jpg"
4236            loading="lazy" alt="TEAM & CORPORATE ORDERS"></img>
4237    </div>
4238    <div class="vmobile">
4239        <img style="width: 100%;"
4240            src="https://ikonthailand.com/media/wysiwyg/birkenstock/hp/jun-26/team-corporate-orders-banner-hp-mb.jpg"
4241            loading="lazy" alt="TEAM & CORPORATE ORDERS"></img>
4242    </div>
4243    <div class="teams-co-text">
4244        <h2>TEAM & CORPORATE<br>ORDERS</h2>
4245        <p><a href="https://ikonthailand.com/eng/team-corporate-orders" class="teams-co-btn">Explore more</a>
4246        </p>
4247    </div>
4248</div>
4249
4250<style>
4251    .teams-co {
4252        position: relative;
4253        text-align: right;
4254        margin-top: 30px;
4255    }
4256
4257    .teams-co-text {
4258        position: absolute;
4259        bottom: 115px;
4260        right: 120px;
4261    }
4262
4263    .teams-co-text h2 {
4264        font-weight: bold;
4265        color: #0a2f80;
4266        font-size: 45px;
4267    }
4268
4269    .teams-co-text p a {
4270        text-decoration: underline;
4271        padding: 3px;
4272        font-size: 2.5rem;
4273        text-underline-offset: 4px;
4274        color: #0a2f80;
4275    }
4276
4277    .teams-co-btn:hover {
4278        color: black;
4279    }
4280
4281    .vdesktop {
4282        display: block;
4283    }
4284
4285    .vmobile {
4286        display: none;
4287    }
4288
4289    @media only screen and (max-width: 1367px) {
4290        .teams-co-text {
4291            position: absolute;
4292            bottom: 65px;
4293        }
4294
4295        .teams-co-text h2 {
4296            font-size: 40px;
4297        }
4298
4299        .teams-co-text p a {
4300            font-size: 2.2rem;
4301        }
4302    }
4303
4304    @media only screen and (max-width: 767px) {
4305        .teams-co-text {
4306            bottom: 35px;
4307            right: 9px;
4308        }
4309
4310        .teams-co-text h2 {
4311            font-size: 18px;
4312        }
4313
4314        .teams-co-text p a {
4315            padding: 1px;
4316            font-size: 13px;
4317        }
4318
4319        .teams-co {
4320            margin-top: 0px;
4321        }
4322
4323        .vdesktop {
4324            display: none;
4325        }
4326
4327        .vmobile {
4328            display: block;
4329        }
4330
4331    }
4332</style></div></div></div><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="HE4AR78"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="PSGPRBT" data-decoded="true"><p>ช้อปรองเท้าแตะไม้ Cork เพื่อสุขภาพจากแบรนด์ BIRKENSTOCK เบอร์เคนสต๊อก รองเท้าแตะที่สวมใส่สบายเข้ากับรูปเท้า ช้อปรองเท้าแตะ 
4333    BIRKENSTOCK แท้ พร้อมโปรโมชั่นที่ดีที่สุด และของขวัญสุดเอ็กซ์คลูซีฟได้ที่นี่ สั่งซื้อสินค้าออนไลน์ จัดส่งฟรีทั่วประเทศไทย ช้อปรองเท้าแตะรุ่นใหม่ก่อนใคร 
4334    สมัครสมาชิก รับส่วนลด 10% รองเท้าแตะดีต่อสุขภาพ สวมใส่สบาย รองเท้าแตะจาก เยอรมัน. รองเท้าแตะ BIRKENSTOCK แท้ รุ่นยอดฮิต</p>
4335    <ul>
4336      <li><a href ="https://ikonthailand.com/eng/women/models/arizona.html">รองเท่าแตะรุ่น Arizona</a></li>
4337      <li><a href ="https://ikonthailand.com/eng/women/models/madrid.html">รองเท่าแตะรุ่น Madrid</a></li>
4338      <li><a href ="https://ikonthailand.com/eng/women/models/mayari.html">รองเท่าแตะรุ่น Mayari</a></li>
4339      <li><a href ="https://ikonthailand.com/eng/women/models/gizeh.html">รองเท่าแตะรุ่น Gizeh</a></li>
4340    </ul>
4341    </div></div></div> 
4341<script>
4342        require([
4343            'jquery',
4344            'amScrollScript'
4345        ], function ($) {
4346            var bodyElem = $('body');
4347            if ($.data(bodyElem[0], 'mage-amScrollScript')) {
4348                bodyElem.amScrollScript('initialize');
4349            } else {
4350                bodyElem.amScrollScript({"product_container":".products.products-grid.products-primary:not(.amasty-banners), .products.products-list:not(.amasty-banners)","product_link":".product-item-link","loadingImage":"https:\/\/ikonthailand.com\/static\/version1790841721\/frontend\/Isobar\/birkenstock_en\/en_US\/Amasty_Scroll\/images\/loader.svg","pageNumbers":"0","pageNumberContent":"Page #","pageNumberStyle":"button","buttonColor":"#023f85","buttonColorPressed":"#023f85","loadingafterTextButton":"Load More","loadingbeforeTextButton":"Load previous","backToTop":{"enabled":"1","style_desktop":"text","style_mobile":"arrow","color":"#023f85"},"backToTopText":"Back to Top","current_page":1,"footerSelector":"footer.footer","actionMode":"button"});
4351            }
4352        });</script>
4352</div></div>  <div data-bind="scope:'product_recommendations_below-main-content'"><!-- ko template: getTemplate() --><!-- /ko --></div>
4352<script type="text/x-magento-init">
4353        {
4354            "*": {
4355                "Magento_Ui/js/core/app": {
4356                    "components": {
4357                        "product_recommendations_below-main-content": {
4358                            "component": "Magento_ProductRecommendationsLayout/js/layoutRenderer",
4359                            "pagePlacement": "below-main-content",
4360                            "placeholderUrl": "https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/Magento_Catalog/images/product/placeholder/image.jpg",
4361                            "priceFormat": {"pattern":"\u0e3f%s","precision":"0","requiredPrecision":"0","decimalSymbol":".","groupSymbol":",","groupLength":3,"integerRequired":false,"currencyCode":null,"showMinus":"before_symbol","symbol":"\u0e3f","minusSign":"-"},
4362                            "currencyConfiguration": {"currency":"THB","rate":1},
4363                            "isAlternateEnvironmentEnabled": false                        }
4364                    }
4365                }
4366            }
4367        }</script>
4367</main><footer class="footer"><div class="footer content"><div class="footer-container-left"><style>#html-body [data-pb-style=RG9E1MY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=MTH10UC]{display:none}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="RG9E1MY"><div data-content-type="block" data-appearance="default" data-element="main"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=B2RXNYY]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="col_md_4" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="B2RXNYY"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="vdesktop">    
4368    <div class="col_sp_12">
4369      <p class="footer_link_title">Customer Service</p>
4370        <ul class="links">
4371            <li class="nav item"><a href="https://ikonthailand.com/eng/track-my-order/">Track My Order</a></li>
4372            <li class="nav item"><a href="https://ikonthailand.com/eng/contact/">Contact Us</a></li>
4373            <li class="nav item"><a href="https://ikonthailand.com/eng/amasty-faq-home-page/">FAQ</a></li>
4374            <li class="nav item"><a href="https://ikonthailand.com/eng/care-tips/">Product Care</a></li>
4375            <li class="nav item"><a href="https://ikonthailand.com/eng/fit-guide/">Fit Guide</a></li>
4376            <li class="nav item"><a href="https://ikonthailand.com/eng/returns-and-exchanges/">Return &amp; Exchange Policy</a></li>
4377        </ul>
4378    </div>
4379</div>
4380<div class="vmobile">
4381    <div class="col_sp_12">
4382        <div class="accordion0">
4383            <span><p class="footer_link_title">Customer Service</p></span>
4384        </div>
4385        <div class="panel0">
4386            <ul class="links">
4387                <li class="nav item"><a href="https://ikonthailand.com/eng/track-my-order/">Track My Order</a></li>
4388                <li class="nav item"><a href="https://ikonthailand.com/eng/contact/">Contact Us</a></li>
4389                <li class="nav item"><a href="https://ikonthailand.com/eng/amasty-faq-home-page/">FAQ</a></li>
4390                <li class="nav item"><a href="https://ikonthailand.com/eng/care-tips/">Product Care</a></li>
4391                <li class="nav item"><a href="https://ikonthailand.com/eng/fit-guide/">Fit Guide</a></li>
4392                <li class="nav item"><a href="https://ikonthailand.com/eng/returns-and-exchanges/">Return &amp; Exchange Policy</a></li>
4393            </ul>
4394        </div>
4395        
4395<script>
4396            var acc = document.getElementsByClassName("accordion0");
4397            var j;
4398            
4399            for (j = 0; j < acc.length; j++) {
4400              acc[j].addEventListener("click", function() {
4401                this.classList.toggle("active");
4402                var panel0 = this.nextElementSibling;
4403                if (panel0.style.maxHeight) {
4404                  panel0.style.maxHeight = null;
4405                } else {
4406                  panel0.style.maxHeight = panel0.scrollHeight + "px";
4407                } 
4408              });
4409            }
4410            </script>
4410
4411    </div>
4412</div>
4413
4414<style>
4415   
4416
4417    .accordion0 {
4418      background-color: transparent;
4419      color: black;
4420      cursor: pointer;
4421      padding: 0px;
4422      width: 100%;
4423      border: none;
4424      text-align: left;
4425      outline: none;
4426      font-size: 15px;
4427      transition: 0.4s;
4428      display: table;
4429    }
4430    
4431    .accordion0 span {
4432        vertical-align:middle;
4433        display: table-cell;
4434        width: 400px;
4435        font-size: 24px;
4436    }
4437
4438    .accordion0 .active, .accordion:hover {
4439      background-color: transparent;
4440      
4441    }
4442    
4443    .accordion0:after {
4444      content: '\002B';
4445      color: black;
4446      font-weight: bold;
4447      float: right;
4448      margin-left: 5px;
4449      vertical-align: top;
4450      display: table-cell;
4451    }
4452    
4453    .accordion0.active:after {
4454      content: "\2212";
4455      vertical-align: top;
4456     display: table-cell;
4457    }
4458    
4459    .panel0 {
4460      padding: 0 8px;
4461      background-color: transparent;
4462      max-height: 0;
4463      overflow: hidden;
4464      transition: max-height 0.2s ease-out;
4465      
4466    }
4467    .panel0 p{
4468        margin-left: 15px;
4469        margin-bottom: 0.1rem;
4470      
4471    }
4472    [data-content-type$=block] .block p:last-child {margin-bottom: 0px;}
4473
4474    @media only screen and (max-width: 600px) {
4475
4476
4477       
4478        .footer .footer.content .footer_link_title {
4479        border-bottom: 1px solid black !important;
4480        }
4481    }
4482</style>
4483</div></div></div></div></div><div data-content-type="block" data-appearance="default" data-element="main"> <div class="widget block block-static-block"><style>#html-body [data-pb-style=M7P0BB1]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="col_md_4" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="M7P0BB1"><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><div class="vdesktop">
4484    <div class="col_sp_12">
4485        <p class="footer_link_title">About Us</p>
4486        <ul class="links">
4487            <li class="nav item"><a href="https://ikonthailand.com/eng/our-stories/">Our Story</a></li>
4488            <li class="nav item"><a href="https://ikonthailand.com/eng/ktc-promotion/">Credit Card Promotion KTC</a></li>
4489            <li class="nav item"><a href="https://ikonthailand.com/eng/terms-conditions/">Terms &amp; Conditions</a></li>
4490            <li class="nav item"><a href="https://ikonthailand.com/eng/store-location/">Store Locator</a></li>
4491        </ul>
4492    </div>
4493</div>
4494<div class="vmobile">
4495    <div class="col_sp_12">
4496        <div class="accordion1">
4497            <span>
4498                <p class="footer_link_title">About Us</p>
4499            </span>
4500        </div>
4501        <div class="panel1">
4502            <ul class="links">
4503                <li class="nav item"><a href="https://ikonthailand.com/eng/our-stories/">Our Story</a></li>
4504                <li class="nav item"><a href="https://ikonthailand.com/eng/ktc-promotion/">Credit Card Promotion KTC</a></li>
4505
4506                <li class="nav item"><a href="https://ikonthailand.com/eng/terms-conditions/">Terms &amp; Conditions</a></li>
4507                <li class="nav item"><a href="https://ikonthailand.com/eng/store-location/">Store Locator</a></li>
4508            </ul>
4509        </div>
4510        
4510<script>
4511            var acc = document.getElementsByClassName("accordion1");
4512            var i;
4513
4514            for (i = 0; i < acc.length; i++) {
4515                acc[i].addEventListener("click", function () {
4516                    this.classList.toggle("active");
4517                    var panel1 = this.nextElementSibling;
4518                    if (panel1.style.maxHeight) {
4519                        panel1.style.maxHeight = null;
4520                    } else {
4521                        panel1.style.maxHeight = panel1.scrollHeight + "px";
4522                    }
4523                });
4524            }
4525        </script>
4525
4526    </div>
4527</div>
4528<style>
4529    .vdesktop {
4530        display: block;
4531    }
4532
4533    .vmobile {
4534        display: none;
4535    }
4536
4537    .accordion1 {
4538        background-color: transparent;
4539        color: black;
4540        cursor: pointer;
4541        padding: 0px;
4542        width: 100%;
4543        border: none;
4544        text-align: left;
4545        outline: none;
4546        font-size: 15px;
4547        transition: 0.4s;
4548        display: table;
4549    }
4550
4551    .accordion1 span {
4552        vertical-align: middle;
4553        display: table-cell;
4554        width: 400px;
4555        font-size: 24px;
4556    }
4557
4558    .accordion1 .active,
4559    .accordion:hover {
4560        background-color: transparent;
4561
4562    }
4563
4564    .accordion1:after {
4565        content: '\002B';
4566        color: black;
4567        font-weight: bold;
4568        float: right;
4569        margin-left: 5px;
4570        vertical-align: top;
4571        display: table-cell;
4572    }
4573
4574    .accordion1.active:after {
4575        content: "\2212";
4576        vertical-align: top;
4577        display: table-cell;
4578    }
4579
4580    .panel1 {
4581        padding: 0 8px;
4582        background-color: transparent;
4583        max-height: 0;
4584        overflow: hidden;
4585        transition: max-height 0.2s ease-out;
4586
4587    }
4588
4589    .panel1 p {
4590        margin-left: 15px;
4591        margin-bottom: 0.1rem;
4592
4593    }
4594
4595    [data-content-type$=block] .block p:last-child {
4596        margin-bottom: 0px;
4597    }
4598
4599    @media only screen and (max-width: 600px) {
4600
4601
4602        .vdesktop {
4603            display: none;
4604        }
4605
4606        .vmobile {
4607            display: block;
4608        }
4609
4610        .footer .footer.content .footer_link_title {
4611            border-bottom: 1px solid black !important;
4612        }
4613    }
4614</style></div></div></div></div></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="MTH10UC" data-decoded="true"><div class="left_content col_md_8">
4615<div class="col_md_4 col_sp_12">
4616<p class="footer_link_title">About Us</p>
4617<ul class="links">
4618<li class="nav item"><a href="https://ikonthailand.com/eng/about-us/">About us</a></li>
4619<li class="nav item"><a href="https://ikonthailand.com/eng/customer-service/">Customer Service</a></li>
4620</ul>
4621</div>
4622<div class="col_md_4 col_sp_12">
4623<p class="footer_link_title">Programmes</p>
4624<ul class="links">
4625<li class="nav item"><a href="https://ikonthailand.com/eng/bachelor-of-technology-programmer/">Bachelor of Technology Programmes</a></li>
4626<li class="nav item"><a href="https://ikonthailand.com/eng/coming-soon/">Specialist Certificate Courses</a></li>
4627<li class="nav item"><a href="https://ikonthailand.com/eng/coming-soon/">Executive &amp; Professional Development</a></li>
4628</ul>
4629</div>
4630<div class="col_md_4 col_sp_12">
4631<p class="footer_link_title">FAQs</p>
4632<ul class="links">
4633<li class="nav item"><a href="https://ikonthailand.com/eng/coming-soon/">Financial Aid &amp; Subsidies</a></li>
4634<li class="nav item"><a href="https://ikonthailand.com/eng/coming-soon/">Bachelor of Technology Programmes</a></li>
4635<li class="nav item"><a href="https://ikonthailand.com/eng/coming-soon/">Specialist Certificate Courses</a></li>
4636</ul>
4637</div>
4638</div></div></div></div></div><div class="footer-container-right"> <div class="block newsletter"><div class="title"><strong>Newsletter</strong></div><div class="content"><form class="form subscribe" novalidate action="https://ikonthailand.com/eng/newsletter/subscriber/newaction/" method="post" data-mage-init='{"validation": {"errorClass": "mage-error"}}' id="newsletter-validate-detail"><div class="field newsletter"><div class="control"><label for="newsletter"><span class="label">Sign Up for Our Newsletter:</span> <input name="email" type="email" id="newsletter" placeholder="Enter your email address" data-mage-init='{"mage/trim-input":{}}' data-validate="{required:true, 'validate-email':true}" /></label></div></div><div class="actions"><button class="action subscribe primary" title="Subscribe" type="submit" aria-label="Subscribe"><span>Subscribe</span></button></div>  <div class="list-checkbox-amasty-gdpr"></div><input type="hidden" name="am-gdpr-checkboxes-from" value="subscription" />
4638<script type="text/x-magento-init">
4639    {
4640        ".list-checkbox-amasty-gdpr": {
4641             "Amasty_Gdpr/js/custom-checkbox":{}
4642        }
4643    }</script>
4643</form></div></div>
4643<script type="text/x-magento-init">
4644    {
4645        "*": {
4646            "Magento_Customer/js/block-submit-on-send": {
4647                "formId": "newsletter-validate-detail"
4648            }
4649        }
4650    }</script>
4650<style>#html-body [data-pb-style=DSHMO7N]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=DSHMO7N],#html-body [data-pb-style=P27WO09]{border-style:none;border-width:1px;border-radius:0;margin:0;padding:0}</style><div data-content-type="row" data-appearance="contained" data-element="main"><div class="footer_social col_md_4" data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-video-fallback-src="" data-element="inner" data-pb-style="DSHMO7N"><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="P27WO09" data-decoded="true"><div>
4651<div class="module_inner">
4652<div class="module-ct">
4653<ul class="_contact_us">
4654<li>Enter email for news and special offers.</ul>
4655</div>
4656</div>
4657<div class="link_social">
4658<ul class="_social">
4659<li title="Facebook" ><span class="icon fb"></span><a href="https://www.facebook.com/Birkenstockofficialthailand" target="_blank" rel="noopener noreferrer"><img
4660src="https://ikonthailand.com/media/wysiwyg/footer-icons-02.png"/></a></li>
4661<li title="Instagram" ><span class="icon in"></span><a href="https://www.instagram.com/birkenstock_thailand/" target="_blank" rel="noopener noreferrer"><img 
4662src="https://ikonthailand.com/media/wysiwyg/footer-icons-01.png"/></a></li>
4663<li title="Line" ><span class="icon in"></span><a href="https://lin.ee/dDcKSmx" target="_blank" rel="noopener noreferrer"><img 
4664src="https://ikonthailand.com/media/wysiwyg/line1.png"/></a></li>
4665</ul>
4666</div>
4667</div>
4668
4669<style>
4670.footer .footer.content .footer_social ._social li {
4671    width: 25px;
4672    margin-left: 0px;
4673    margin-right: 20px;
4674}
4675.footer .footer.content .block.newsletter .title strong {
4676font-weight: 600;
4677}
4678</style></div></div></div></div></div> <div class="box-line-chat"><div id="modal" class="content-modal-line hidden-line"><div color="rgb(255, 255, 255)" role="button" tabindex="0" class="btn-close"></div><style>#html-body [data-pb-style=B39VACU]{justify-content:flex-start;display:flex;flex-direction:column;background-position:left top;background-size:cover;background-repeat:no-repeat;background-attachment:scroll}#html-body [data-pb-style=JKB0QDJ]{display:none}#html-body [data-pb-style=RKKYP90]{text-align:center;border-style:none}#html-body [data-pb-style=CY4YQ0J],#html-body [data-pb-style=RLXDIO7]{max-width:100%;height:auto}
4678#html-body [data-pb-style=WY5BGY4]{display:none}#html-body [data-pb-style=YLSFBYJ]{text-align:center}@media only screen and (max-width: 768px) { #html-body [data-pb-style=RKKYP90]{border-style:none} }</style><div data-content-type="row" data-appearance="contained" data-element="main"><div data-enable-parallax="0" data-parallax-speed="0.5" data-background-images="{}" data-background-type="image" data-video-loop="true" data-video-play-only-visible="true" data-video-lazy-load="true" data-video-fallback-src="" data-element="inner" data-pb-style="B39VACU"><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="JKB0QDJ"><p id="QKPHL0T" style="text-align: center;"><strong>Scan to Contact Us</strong></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p style="text-align: center;"><strong>Scan to Contact Us</strong></p></div><figure data-content-type="image" data-appearance="full-width" data-element="main" data-pb-style="RKKYP90"><img class="pagebuilder-mobile-hidden" src="https://ikonthailand.com/media/wysiwyg/L_gainfriends_birkenstock.png" alt="LINE OA Birkenstock Thailand" title="" data-element="desktop_image" data-pb-style="CY4YQ0J"><img class="pagebuilder-mobile-only" src="https://ikonthailand.com/media/wysiwyg/L_gainfriends_birkenstock.png" alt="LINE OA Birkenstock Thailand" title="" data-element="mobile_image" data-pb-style="RLXDIO7"></figure><div data-content-type="html" data-appearance="default" data-element="main" data-decoded="true"><p style="text-align: center;"><strong>Click To Add Friend</strong></p></div><div data-content-type="text" data-appearance="default" data-element="main" data-pb-style="WY5BGY4"><p id="X12JNGM" style="text-align: center;"><strong>Click To Add Friend&nbsp;</strong></p></div><div data-content-type="html" data-appearance="default" data-element="main" data-pb-style="YLSFBYJ" data-decoded="true"><a href="https://lin.ee/VROdoWe"><img src="https://scdn.line-apps.com/n/line_add_friends/btn/th.png" alt="เพิ่มเพื่อน" height="36" border="0"></a></div></div></div></div><div role="button" tabindex="0" type="bubble" class="btn-line"><img src="https://ikonthailand.com/static/version1790841721/frontend/Isobar/birkenstock_en/en_US/images/line_chat_icon.png" alt='line_chat_icon' /></div></div>
4678<script type="text/x-magento-init">
4679    {
4680        ".box-line-chat": {
4681             "Magento_Theme/js/linechat":{}
4682        }
4683    }</script>
4683</footer> 
4683<script type="text/x-magento-init">
4684        {
4685            "*": {
4686                "Magento_Ui/js/core/app": {
4687                    "components": {
4688                        "storage-manager": {
4689                            "component": "Magento_Catalog/js/storage-manager",
4690                            "appendTo": "",
4691                            "storagesConfiguration" : {"recently_viewed_product":{"requestConfig":{"syncUrl":"https:\/\/ikonthailand.com\/eng\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"1"},"recently_compared_product":{"requestConfig":{"syncUrl":"https:\/\/ikonthailand.com\/eng\/catalog\/product\/frontend_action_synchronize\/"},"lifetime":"1000","allowToSendRequest":"1"},"product_data_storage":{"updateRequestConfig":{"url":"https:\/\/ikonthailand.com\/eng\/rest\/eng\/V1\/products-render-info"},"requestConfig":{"syncUrl":"https:\/\/ikonthailand.com\/eng\/catalog\/product\/frontend_action_synchronize\/"},"allowToSendRequest":"1"}}                        }
4692                    }
4693                }
4694            }
4695        }</script>
4695   
4695<script id="form-tmpl-multiple" type="text/x-magento-template">
4696    <form id="wishlist-hidden-form" method="post" action="<%- data.url %>" class="no-display">
4697        <% if (data.itemId) { %>
4698            <input name="item_id" value="<%- data.itemId %>">
4699        <% } %>
4700        <% if (data.wishlistId) { %>
4701            <input name="wishlist_id" value="<%- data.wishlistId %>">
4702        <% } %>
4703        <% if (data.qty) { %>
4704            <input name="qty" value="<%- data.qty %>">
4705        <% } %>
4706        <% if (data.item) { %>
4707            <input name="item" value="<%- data.item %>">
4708        <% } %>
4709        <% if (data.entity) { %>
4710            <input name="entity" value="<%- data.entity %>">
4711        <% } %>
4712        <% if (data.form_key) { %>
4713            <input name="form_key" value="<%- data.form_key %>">
4714        <% } %></form></script>
4714<script id="popup-tmpl" type="text/x-magento-template">
4715    <div class="window wishlist overlay active"></div>
4716    <div id="<%- data.popupWishlistBlockId %>" class="window wishlist popup active">
4717        <div class="popup-actions">
4718            <div class="secondary">
4719                <button type="button"
4720                        title="<%- window.jQuery.mage.__('Close') %>"
4721                        class="action close <%- data.btnCloseClass %>"
4722                        data-dismiss="popup">
4723                    <span><%- data.translate.close %></span></button></div></div>
4724        <div class="popup-header">
4725             <strong class="title" id="popup-title">
4726                 <span>
4727                     <% if (data.isEdit) { %>
4728                        <%- data.translate.editWishlist %>
4729                     <% } else { %>
4730                        <%- data.translate.createNewWishlist %>
4731                     <% } %></span></strong></div>
4732        <div class="popup-content" id="popup-content">
4733            <form id="<%- data.popupWishlistFormId %>" method="post" action="<%- data.url %>" class="form wishlist">
4734                <input name="form_key" type="hidden" value="<%- data.formKey %>">
4735                <fieldset class="fieldset">
4736                    <div class="field name">
4737                        <label for="wishlist-name" class="label">
4738                            <span><%- data.translate.wishListName %></span></label>
4739                        <div class="control">
4740                            <input id="wishlist-name"
4741                                   class="input-text"
4742                                   data-role="prompt-field"
4743                                   data-validate="{required:true}"
4744                                   type="text"
4745                                   name="name"
4746                                   maxlength="255"
4747                                   value="<%- data.name %>"></div></div>
4748                    <div class="field choice">
4749                        <input id="wishlist-public"
4750                               type="checkbox"
4751                               name="visibility"<% if (data.isPublic) { %> checked=true<% } %>">
4752                        <label for="wishlist-public" class="label">
4753                            <span><%- data.translate.publicWishList %></span></label></div>
4754                    <div class="actions-toolbar">
4755                        <div class="primary">
4756                            <button class="action save primary" type="submit" title="<%- window.jQuery.mage.__('Save') %>">
4757                                <span><%- data.translate.save %></span></button></div>
4758                        <div class="secondary">
4759                            <button class="action cancel <%- data.btnCloseClass %>" type="button" title="<%- window.jQuery.mage.__('Cancel') %>">
4760                                <span><%- data.translate.cancel %></span></button></div></div></fieldset></form></div></div></script>
4760<script id="split-btn-tmpl" type="text/x-magento-template">
4761    <div class="split button wishlist">
4762        <button type="button" data-post='<%- JSON.stringify(data.generalParams) %>' data-action="add-to-wishlist" class="label action split">
4763            <span><%- data.buttonName %></span></button>
4764        <button class="action toggle change"
4765                title="<%- window.jQuery.mage.__('Add to:') %>"
4766                type="button"
4767                data-mage-init='{"dropdown":{}}'
4768                data-toggle="dropdown"
4769                data-trigger-keypress-button="true">
4770            <span><%- window.jQuery.mage.__('Add to:') %></span></button>
4771        <ul class="items" data-target="dropdown">
4772            <% _.each(data.wishlists, function(item) { %>
4773                <li class="item">
4774                    <% if (item.newClass) { %>
4775                        <span role="button"
4776                              tabindex="0"
4777                              class="action <%- item.newClass %>"
4778                              data-action-keypress="true"
4779                              data-post-new-wishlist='<%- JSON.stringify(item.params) %>'
4780                              data-action="add-to-wishlist"
4781                              title="<%- item.name %>">
4782                            <span><%- item.name %></span></span>
4783                    <% } else { %>
4784                        <span role="button"
4785                              tabindex="0"
4786                              data-action-keypress="true"
4787                              data-post='<%- JSON.stringify(item.params) %>'
4788                              data-action="add-to-wishlist"
4789                              title="<%- item.name %>">
4790                            <%- item.name %></span>
4791                    <% } %></li>
4792            <% }); %></ul></div></script>
4792<script type="text/x-magento-init">
4793    {
4794        "*": {
4795            "Magento_Ui/js/core/app": {
4796                "components": {
4797                    "multipleWishlist": {
4798                        "component": "Magento_MultipleWishlist/js/view/multiple-wishlist",
4799                        "config": {
4800                            "multipleWishlistOptions": {
4801                                "createUrl": "https://ikonthailand.com/eng/wishlist/index/createwishlist/",
4802                                "wishlistLink": ".action.towishlist"
4803                            }
4804                        }
4805                    }
4806                }
4807            }
4808        }
4809    }</script>
4809 <div class="amgdpr-privacy-policy" id="amgdpr-privacy-popup"></div>
4809<script type="text/x-magento-init">
4810    {
4811        "#amgdpr-privacy-popup": {
4812            "Amasty_Gdpr/js/popup":{
4813                "textUrl":"https://ikonthailand.com/eng/gdpr/policy/policytext/",
4814                "modalClass": "amgdpr-modal-container"
4815            }
4816        }
4817    }</script>
4817  
4817<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
4818
4819    document.addEventListener("DOMContentLoaded", () => 
4820    {
4821    	let bind = () => 
4822    	{
4823    		Object.entries(
4824	    	{
4825	    		add_to_cart: event => 
4826	    		{
4827	    			AEC.add(event.currentTarget, dataLayer);
4828	    		},
4829	    		remove_from_cart:event => 
4830	    		{
4831	    			AEC.remove(event.currentTarget, dataLayer);
4832	    		},
4833	    		select_item:event => 
4834	    		{	
4835	    			AEC.click(event.currentTarget, dataLayer);	
4836	    		},
4837	    		add_to_wishlist:event => 
4838	    		{
4839	    			AEC.wishlist(event.currentTarget, dataLayer);
4840	    		},
4841	    		remove_from_wishlist:event => 
4842	    		{
4843	    			AEC.wishlistRemove(event.currentTarget, dataLayer);
4844	    		},
4845	    		add_to_compare:event => 
4846	    		{
4847	    			AEC.compare(event.currentTarget, dataLayer);
4848	    		},
4849	    		add_to_cart_swatch:event => 
4850	    		{
4851	    			AEC.addSwatch(event.currentTarget, dataLayer);
4852	    		}
4853	        }).forEach(([event, callback]) => 
4854	    	{
4855	    	    [...document.querySelectorAll('[data-event]:not([data-bound])')].filter(element => { return element.dataset.event === event; }
4855).forEach(element => 
4856	        	{
4857	            	element.addEventListener('click', callback);
4858
4859	            	element.dataset.bound = true;
4860	        	});
4861		  	});
4862        };
4863
4864        bind();
4865
4866        if("PerformanceObserver" in window)
4867        {
4868        	const observer = new PerformanceObserver((items) => 
4869        	{
4870                items.getEntries().filter(({ initiatorType }) => initiatorType === "xmlhttprequest").forEach((entry) => 
4871                {
4872                    bind();
4873                });
4874      		});
4875
4876      		observer.observe(
4877      		{
4878          		entryTypes: ["resource"]
4879      		});
4880        }
4881    });</script>
4881<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
4882
4883    document.addEventListener("DOMContentLoaded", () => 
4884    {
4885    	var PromotionTrack = ((dataLayer) => 
4886	    {
4887	        return {
4888	            apply: () => 
4889	            {
4890	                var promotions = [], position = 0;
4891	
4892	                document.querySelectorAll('[data-promotion]').forEach(promotion => 
4893	                {
4894						let entity =
4895						{
4896							promotion_id: 	promotion.dataset.promotionId,
4897							promotion_name: promotion.dataset.promotionName,
4898							creative_name:	promotion.dataset.promotionCreative,
4899							creative_slot:	promotion.dataset.promotionPosition
4900                        };
4901
4902	                	AEC.EventDispatcher.trigger('ec.cookie.promotion.entity', entity, 
4903	    	            {
4904		    	            element: promotion
4905		    	        });
4906
4907	                    promotions.push(entity);
4908
4909	                    promotion.addEventListener('click', (event) => 
4910	                    {
4911	                    	var data = 
4912	                        {
4913                       			'event': 'select_promotion',
4914                                'ecommerce': 
4915                                {
4916                                    'items':
4917                                    [
4918                                    	{
4919                                    		promotion_id: 	event.target.dataset.promotionId,
4920                							promotion_name: event.target.dataset.promotionName,
4921                							creative_name:	event.target.dataset.promotionCreative,
4922                							creative_slot:	event.target.dataset.promotionPosition
4923                                    	}
4924                                    ]
4925                                }
4926			                };
4927			                
4928                            AEC.Cookie.promotionClick(data, promotion).push(dataLayer);
4929
4930                            /**
4931                             * Save persistent data
4932                             */
4933                            AEC.Persist.push(AEC.Persist.CONST_KEY_PROMOTION,
4934	                        {
4935    	                        'promotion': data.ecommerce.items[0]
4936    	                    });
4937		                });
4938	                });
4939	
4940	                if (promotions.length)
4941	                {
4942		                AEC.Cookie.promotion(
4943				        {
4944	                        'event':'view_promotion',
4945                            'ecommerce':
4946                            {
4947                                'items': promotions
4948                            }
4949                        }).push(dataLayer);
4950	                }
4951	
4952	                return this;
4953	            }
4954	        }
4955	    })(dataLayer).apply();
4956    });</script>
4956<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
4957
4958    document.addEventListener("DOMContentLoaded", () => 
4959    {
4960    	(() => 
4961    	{
4962    		let map = {}, trace = {};
4963    
4964    		document.querySelectorAll('[data-widget]').forEach((element) => 
4965            {
4966                let widget = element.dataset.widget;
4967
4968                let entity = 
4969    			{
4970    					
4971    				item_id: 		element.dataset.id,
4972    				item_name: 		element.dataset.name,
4973    				item_list_name: element.dataset.list,
4974    				item_list_id:	element.dataset.list,
4975    				item_brand: 	element.dataset.brand,
4976    				category:		element.dataset.category,
4977    				price: 			parseFloat(element.dataset.price),
4978    				index: 			parseFloat(element.dataset.position),
4979    				currency:		AEC.GA4.currency,
4980    				quantity: 		1,
4981    				google_business_vertical: 'retail'
4982    			};
4983
4984                Object.assign(entity, entity, AEC.GA4.augmentCategories(entity));
4985
4986            	let attributes = element.dataset.attributes;
4987                
4988            	if (attributes)
4989    	        {
4990        	        Object.entries(JSON.parse(attributes)).forEach(([key, value]) => 
4991        	        {
4992            	        entity[key] = value;
4993        	        });
4994        	    }
4995
4996        	    if (!map.hasOwnProperty(widget))
4997        	    {
4998            	    map[widget] = [];
4999            	    
5000            	    map[widget].trace = {};
5001            	    map[widget].entry = [];
5002            	    map[widget].item_list_id = '';
5003            	    map[widget].item_list_name = '';
5004        	    }
5005
5006        	    if (!map[widget].trace.hasOwnProperty(element.dataset.id))
5007        	    {
5008        	    	map[widget].trace[element.dataset.id] = true;
5009            	    
5010            	    map[widget].entry.push(entity);
5011
5012            	    map[widget].item_list_id 	= entity.item_list_id;
5013            	    map[widget].item_list_name 	= entity.item_list_name;
5014        	    } 
5015            });
5016
5017    		Object.entries(map).forEach(([key, value]) => 
5018	        {
5019		        if (value.entry.length)
5020		        {
5021    		        let data = 
5022    			    {
5023    					event: 'view_item_list',
5024    					ecommerce:
5025    					{
5026    						item_list_id: 	value.item_list_id,
5027    						item_list_name: value.item_list_name,
5028    						items: 			value.entry
5029    					}
5030    				};
5031
5032    		        if ('undefined' !== typeof dataLayer)
5033    				{
5034    					(function(callback)
5035    					{
5036    						if (AEC.Const.COOKIE_DIRECTIVE)
5037    						{
5038    							AEC.CookieConsent.queue(callback).process();
5039    						}
5040    						else 
5041    						{
5042    							callback.apply(window,[]);
5043    						}
5044    					})
5045    					(
5046    						(function(dataLayer, data)
5047    						{
5048    							return function()
5049    							{
5050    								AEC.EventDispatcher.trigger('ec.widget.view.data', data);
5051
5052    								if (AEC.reset)
5053    								{
5054    									dataLayer.push({ ecommerce: null });
5055    								}
5056    								
5057    								dataLayer.push(data);
5058    							}
5059    						})(dataLayer, data)
5060    					);
5061    				}
5062		        }
5063	        });
5064    	})();
5065    });</script>
5065<script data-ommit="true" nonce="ZnVzd3l6ZXF2c2hyYXJ6a2JlOXZucmk1NndocTY0ZWk=">
5066
5067	if (typeof dataLayer !== "undefined")
5068	{
5069		 
5070			AEC.Request.get(AEC.url('datalayer/index/events'), {}, response => 
5071			{
5072				Object.entries(response.events).forEach(([key, event]) => 
5073				{
5074					dataLayer.push(event);
5075				});
5076			});
5077			
5078		  AEC.EventDispatcher.on('ec.facebook.loaded', () => 
5079		{
5080			 });
5081
5082		 if (window.google_tag_params)
5083		{
5084			(function(callback)
5085			{
5086				if (AEC.Const.COOKIE_DIRECTIVE)
5087				{
5088					if (!AEC.CookieConsent.getConsent("cookieConsentGranted"))
5089					{
5090						AEC.CookieConsent.queue(callback, "cookieConsentGranted");
5091					}
5092					else
5093					{
5094						callback.apply(window,[]);
5095					}
5096				}
5097				else 
5098				{
5099					callback.apply(window,[]);
5100				}
5101			})
5102			(
5103				(function(dataLayer)
5104				{
5105					return () => 
5106					{
5107						AEC.Cookie.remarketing({ event:'fireRemarketingTag', google_tag_params: window.google_tag_params }).push(dataLayer);
5108					}
5109				})(dataLayer)
5110			);
5111		}
5112
5113		  }
5114	else
5115	{
5116		console.log('dataLayer[] is not intialized. Check if GTM is installed properly');
5117	}</script>
5117   
5117<script>    require(['magentoStorefrontEvents'], function (magentoStorefrontEvents) {
5118        if(!magentoStorefrontEvents) return;
5119        
5120        magentoStorefrontEvents.context.setPage({
5121            pageType: "CMS"
5122        });
5123        magentoStorefrontEvents.context.setContext("pageExtended", {
5124            action: "view"
5125        });
5126    });</script>
5126 
5126<script>
5127    window.atomePaymentPluginPriceDividerOptions = {"language":"en","price_divider":"yes","price_divider_applied_on":"detail","max_spend":"0","min_spend":"3000","country":"th","platform":"MAGENTO","version":"6.1.4"}</script>
5127 <div class="popup_home_page"></div>
5127<script type="text/javascript">
5128    require(['jquery', 'awPopupManager', 'cookieViewedPageCount'], function(){
5129        jQuery.awPopupManager.ajaxAddCookieUrl = 'https://ikonthailand.com/eng/popup/ajax/addCookie/';
5130        var popups = [];
5131
5132        jQuery.cookieViewedPageCount.initAddCookieProcess(
5133            'https://ikonthailand.com/eng/cms/index/index/',
5134            'aw_popup_viewed_page',
5135            '86400',
5136            '/',
5137            'ikonthailand.com'
5138        );
5139
5140        jQuery(function(){
5141            jQuery.awPopupManager.initObserversForPopup(popups);
5142        });
5143    });</script>
5143 <small class="copyright"><span>Copyright © 2025 Ikon Thailand Official Distributor, ALL RIGHTS RESERVED</span></small></div><div>   <div class="block block-wishlist" data-bind="scope: 'wishlist'"><div class="block-title"><strong role="heading" aria-level="2">My Wish Lists</strong> <!-- ko if: wishlist().counter --><span data-bind="text: wishlist().counter" class="counter"></span> <!-- /ko --></div><div class="block-content"><strong class="subtitle">Last Added Items</strong> <!-- ko if: wishlist().counter --><ol class="product-items no-display" id="wishlist-sidebar" data-bind="foreach: wishlist().items, css: {'no-display': null}"><li class="product-item"><div class="product-item-info"><a class="product-item-photo" data-bind="attr: { href: product_url, title: product_name }"><!-- ko template: {name: $data.image.template, data: $data.image} --><!-- /ko --></a> <div class="product-item-details"><strong class="product-item-name"><a data-bind="attr: { href: product_url }" class="product-item-link"><span data-bind="text: product_name"></span></a></strong> <div data-bind="html: product_price"></div><div class="product-item-actions"><!-- ko if: product_is_saleable_and_visible --><div class="actions-primary"><!-- ko if: product_has_required_options --><a href="#" data-bind="attr: {'data-post': add_to_cart_params}" class="action tocart primary"><span>Add to Cart</span></a> <!-- /ko --><!-- ko ifnot: product_has_required_options --><button type="button" class="action tocart primary" data-bind="attr: {'data-post': add_to_cart_params}"><span>Add to Cart</span></button> <!-- /ko --></div><!-- /ko --><div class="actions-secondary"><a href="#" data-bind="attr: {'data-post': delete_item_params}" title="Remove&#x20;This&#x20;Item" class="btn-remove action delete"><span>Remove This Item</span></a></div></div></div></div></li></ol><div class="actions-toolbar no-display" data-bind="css: {'no-display': null}"><div class="primary"><a class="action details" href="https://ikonthailand.com/eng/wishlist/" title="Go&#x20;to&#x20;Wish&#x20;List"><span>Go to Wish List</span></a></div></div><!-- /ko --><!-- ko ifnot: wishlist().counter --><div class="empty">You have no items in your wish list.</div><!-- /ko --></div></div>
5143<script type="text/x-magento-init">
5144    {
5145        "*": {
5146            "Magento_Ui/js/core/app": {
5147                "components": {
5148                    "wishlist": {
5149                        "component": "Magento_Wishlist/js/view/wishlist"
5150                    }
5151                }
5152            }
5153        }
5154    }</script>
5154</div>
5154<script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-9e438187ff740f394fb","applicationID":"987197975","transactionName":"YlcHZhdWXkZTUBEIClsdJFERXl9bHVAIEkpcXAFXHRhZW1ZWHQ==","queueTime":0,"applicationTime":722,"atts":"ThAEEF9MTUg=","errorBeacon":"bam.nr-data.net","agent":""}</script>
5154</body></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.