/* One navigation tree for desktop and mobile; native header stays as fallback. */
#idn-header{display:none;--idn-css-ready:1}
.idn-mobile-open{display:none}
@media(min-width:992px){
  .idn-ready #header{height:auto!important;min-height:var(--idn-native-height,92px)!important;padding-top:0!important}
  .idn-ready .idn-original-desktop{display:none!important}
  .idn-ready #idn-header{display:block}
  .idn-ready.idn-locale-ready #header .header-nav{display:none!important}
  .idn-ready #header .header-nav .left-nav,.idn-ready #header .header-nav .center-nav{display:none!important}
  .idn-ready #header .header-nav .right-nav{flex:1;max-width:none;display:flex!important;justify-content:flex-end;align-items:center;gap:22px}
  .idn-ready #header .header-nav .right-nav>div:not(.isolani-language-selector-root):not(.idc-selector),.idn-ready #header .header-nav .right-nav>a{display:none!important}
  .idn-ready #header .header-nav{position:relative!important;top:auto!important;width:100%;padding:3px 0!important;background:#f4f6f7;color:#4f616c;border-bottom:1px solid #e3e7ea;min-height:36px}
  .idn-ready #header .header-nav .idc-selector--desktop,.idn-ready #header .header-nav .idc-selector--desktop label,.idn-ready #header .header-nav .idc-selector--desktop select,.idn-ready #header .header-nav #isolani-language-toggle-desktop{color:#4f616c!important;font-weight:400}
  .idn-ready #header .header-nav .idc-selector--desktop select{appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important}
  .idn-ready #header .header-nav .idc-selector--desktop select:focus{outline:2px solid #327da7;outline-offset:2px}
  .idn-ready #header .header-nav #iqithtmlandbanners-block-2{display:none!important}
  .idn-ready #header .header-nav .isolani-language-selector-root,.idn-ready #header .header-nav .idc-selector{margin:0!important}
  .idn-ready #header .header-nav .idc-selector select{max-width:155px}
  .idn-open,.idn-open body{overflow:hidden!important}
}
.idn{--idn-blue:#193b58;--idn-ink:#23272b;--idn-muted:#687079;--idn-line:#e3e6e8;font:14px/1.45 Arial,Helvetica,sans-serif;letter-spacing:0;color:var(--idn-ink);background:white}
.idn[data-boutique="1"]{--idn-blue:#343b3e}
/* Shared paths keep the same visual identity in both storefronts. */
:is(#idn-view-centri,#idn-view-brands,.idn-centres,.idn-row[data-idn-target="brands"]){--idn-blue:#193b58}
#idn-header :is(#idn-view-centri,#idn-view-brands,.idn-centres,.idn-row[data-idn-target="brands"]),#idn-header :is(#idn-view-centri,#idn-view-brands,.idn-centres,.idn-row[data-idn-target="brands"]) :is(a,button,input,h2,h3,p,span,strong,small,label){font-family:'Nunito Sans',Arial,sans-serif!important}
.idn *{box-sizing:border-box;letter-spacing:0}
.idn [hidden]{display:none!important}
.idn details:not([open])>ul,.idn-more:not([open])>a{display:none!important}
.idn button,.idn input{font:inherit}
.idn button{border:0;background:none;color:inherit;cursor:pointer;border-radius:2px}
.idn a{color:inherit;text-decoration:none}
.idn a:hover{text-decoration:underline}
.idn button:focus-visible,.idn a:focus-visible,.idn summary:focus-visible,.idn input:focus-visible{outline:2px solid #327da7;outline-offset:3px}
.idn img{display:block;max-width:100%;height:auto}
.idn h2,.idn h3,.idn p{margin:0;font-family:inherit;text-transform:none;letter-spacing:0}
.idn .fa{font-family:FontAwesome;font-weight:normal;font-size:18px;line-height:1}
.idn-bar{height:var(--idn-bar-height,92px);padding:0 48px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--idn-line)}
#idn-open{display:flex;align-items:center;gap:12px;padding:12px 0;justify-self:start;color:var(--idn-blue);font-size:15px;min-height:44px}
#idn-open .fa{font-size:21px}
.idn-logo{width:251px;display:block}
.idn-logo img{width:100%;height:56px;object-fit:contain}
.idn-tools{display:flex;align-items:center;gap:10px;justify-self:end}
.idn-locale{margin-left:12px;padding-left:15px;border-left:1px solid var(--idn-line);font-size:11px;flex-shrink:0}
#idn-header .idn-locale .isolani-language-selector-root{display:inline-flex!important;align-items:center;gap:12px}
#idn-header .idn-locale .language-selector-wrapper{display:inline-flex;align-items:center}
#idn-header .idn-locale #isolani-language-toggle-desktop{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;min-height:36px}
#idn-header .idn-locale .idc-selector--desktop{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:89px;white-space:normal}
#idn-header .idn-locale .idc-selector--desktop label{font-size:10px;line-height:1.2;margin:0}
#idn-header .idn-locale .idc-selector--desktop select{width:89px;max-width:89px;height:24px;padding:0!important;font-size:12px;appearance:auto!important;-webkit-appearance:auto!important;background-image:none!important}
#idn-header .idn-locale .idc-selector--desktop,#idn-header .idn-locale .idc-selector--desktop label,#idn-header .idn-locale .idc-selector--desktop select,#idn-header .idn-locale #isolani-language-toggle-desktop{color:#5c6871!important;font-weight:400}
#idn-header .idn-locale .idc-selector--desktop select:focus-visible{outline:2px solid #327da7;outline-offset:2px}
#idn-header .idn-locale .language-selector .dropdown-menu{right:0;left:auto;min-width:155px;color:#23272b}
#idn-header .idn-locale .language-selector .dropdown-menu ul{list-style:none;padding:0;margin:0}
.idn .idn-icon{width:40px;height:40px;padding:0;display:inline-flex;justify-content:center;align-items:center;color:var(--idn-blue);flex:0 0 40px;border-radius:3px}
.idn .idn-icon:hover{background:#edf2f5;text-decoration:none}
#idn-cart{position:relative}
#idn-cart-count{font-size:10px;position:absolute;right:1px;top:1px;line-height:15px;min-width:15px;background:#eef4f5;border-radius:50%;text-align:center}
#idn-cart-count:empty{display:none}
#idn-search{padding:16px 48px;background:#f5f7f8;display:flex;align-items:center;gap:8px}
.idn-search-form{display:flex;align-items:center;gap:8px;flex:1;min-width:0;margin:0}
.idn-language-open{display:inline-flex;align-items:center;gap:7px;max-width:56%;background:none;border:0;padding:8px;color:inherit;font:inherit;text-align:left;min-height:44px}
.idn-language-open span{overflow-wrap:anywhere}
.idn-language-open img,.idn-language-list img{flex:none;object-fit:cover}
.idn-language-list a{display:flex;align-items:center;gap:12px;min-height:48px;border-bottom:1px solid #e3e7ea;color:inherit}
.idn-language-list .fa-check{margin-left:auto}
.idn-delivery{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--idn-line);margin-top:22px;padding-top:14px;font-size:13px;line-height:1.4}
.idn-delivery label{margin:0;flex-shrink:0}
.idn-delivery select{min-width:0;max-width:62%;min-height:44px;border:1px solid #c7d3dc;border-radius:2px;background:#fff;color:var(--idn-ink);padding:8px;font:inherit}
#idn-query{height:45px;min-width:0;flex:1;background:white;border:1px solid #bdc8cf;padding:0 14px;color:var(--idn-ink)}
#idn-navigation{position:fixed;inset:0 auto 0 0;margin:0;padding:0;border:0;width:480px;max-width:100vw;height:100vh;height:100dvh;max-height:100dvh;background:white;color:var(--idn-ink);overflow:hidden;box-shadow:8px 0 30px #00000013}
#idn-navigation[open]{display:flex;flex-direction:column}
#idn-navigation::backdrop{background:#14243166}
.idn-drawer-header{position:relative;display:flex;align-items:center;justify-content:center;padding:0 64px;min-height:78px;height:78px;border-bottom:1px solid var(--idn-line)}
.idn-drawer-header>img{width:202px;height:45px;object-fit:contain}
.idn-drawer-header>.idn-home{display:block;width:202px;max-width:100%}.idn-drawer-header>.idn-home img{width:100%;height:45px;object-fit:contain}.idn-intro>.idn-home{display:block}
#idn-close{position:absolute;right:20px;top:50%;transform:translateY(-50%)}
.idn-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:0 32px 24px;scrollbar-width:thin;scrollbar-color:#b9c6ce transparent}
.idn-intro{padding:22px 0 13px}
.idn-intro h2{font-size:17px;line-height:1.35;font-weight:600;color:var(--idn-blue)}
.idn-intro p{font-size:12px;color:var(--idn-muted);margin-top:6px}
.idn .idn-row{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:16px;min-height:62px;padding:11px 0;border-bottom:1px solid var(--idn-line)}
.idn-row strong{display:block;font-size:16px;font-weight:500;color:var(--idn-blue)}
.idn-row[data-idn-target="brands"] strong,#idn-view-brands .idn-heading h2{font-weight:600}
.idn-row small{display:block;font-size:11.5px;line-height:1.4;color:var(--idn-muted);margin-top:5px}
.idn-row>.fa{color:#7d8b96;flex-shrink:0;font-size:20px}
.idn-row:hover strong{color:#2a769c}
.idn .idn-centres{padding:15px 14px;margin:4px 0 8px;min-height:72px;background:#edf5fb;border-bottom-color:#c7ddeb}
.idn-centres>span{flex:1}.idn-centres strong{font-weight:600}.idn-centres>.fa-map-marker{color:#28678d;font-size:22px}
.idn .idn-centres:hover{background:#e1eff9}
.idn-boutique{display:block;padding:17px 20px;border:1px solid #c4b48d;border-radius:3px;margin:21px 0 24px}
.idn-boutique strong{display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:500;font-size:19px;line-height:1.3;color:#655331}
.idn-boutique>span{display:block;margin-top:9px;color:#81745d;font-size:12px;line-height:1.65}
.idn-secondary{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:3px 0 23px;font-size:12px;color:#626d75}
.idn-more{font-size:12px;border-top:1px solid var(--idn-line);padding-top:16px;color:#626d75}
.idn-more summary{cursor:pointer}.idn-more a{display:block;padding:14px 0 2px}
.idn-worlds{margin:21px 0 24px;padding:14px 18px;border:1px solid #d5dde2;border-radius:3px;background:#fafbfc}
.idn-worlds-boutique{border-color:#d9cfbb;background:#fdfcf9}
.idn-worlds .idn-boutique{display:block;padding:10px 0 2px;margin:0;border:0;border-radius:0}
.idn-worlds .idn-boutique>span{margin-top:7px}
.idn-worlds p{font-size:10px;color:var(--idn-muted);margin-bottom:4px}
.idn-worlds a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px;color:#475861}
.idn-worlds small{font-size:11px;color:var(--idn-muted)}
.idn-drawer-footer{position:relative;min-height:63px;padding:12px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--idn-line);background:#f8fafb;color:var(--idn-blue);font-size:12px}
.idn-drawer-footer>a{display:flex;align-items:center;gap:10px}.idn-drawer-footer .fa{font-size:15px}
.idn-drawer-footer summary{cursor:pointer;padding:8px 0}
.idn-drawer-footer ul{position:absolute;bottom:50px;right:20px;background:white;border:1px solid var(--idn-line);padding:12px 18px;list-style:none;margin:0;box-shadow:0 4px 12px #0001}
.idn-drawer-footer li a{display:block;padding:9px 0}
.idn .idn-back{display:flex;align-items:center;gap:11px;font-size:12px;color:var(--idn-muted);padding:22px 0 20px}
.idn-back .fa{font-size:14px}
.idn-heading{margin-bottom:24px}.idn-heading h2{font-size:28px;line-height:1.2;font-weight:500;color:var(--idn-blue)}
.idn-heading h2:focus{outline:none}.idn-heading>p:first-child{font-size:10px;color:var(--idn-muted);margin:4px 0 7px}
.idn-heading>p:last-child{font-size:12px;color:var(--idn-muted);margin-top:8px}
.idn .idn-all{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:20px;background:var(--idn-blue);color:white;padding:16px 18px;border-radius:2px;margin-bottom:30px;font-size:14px}
/* The parent header forces dark link text with an important declaration. */
#idn-header .idn-all,#idn-header .idn-all:hover,#idn-header .idn-all:focus{color:#fff!important}
.idn-group{margin-bottom:29px}.idn-group h3{font-size:11px;line-height:1.4;font-weight:600;color:#66737d;border-bottom:1px solid var(--idn-line);padding-bottom:11px;margin-bottom:4px}
.idn-links{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}
.idn-links a,.idn-links button{font-size:13px;line-height:1.45;min-height:49px;padding:13px 0;text-align:left;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;overflow-wrap:anywhere}
.idn-links .fa{font-size:15px;color:#8d9ba5;padding-top:2px;flex-shrink:0}
.idn-facets{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:12px}
.idn-facet h4{font:600 13px/1.4 Arial,Helvetica,sans-serif;color:#28678d;margin:0 0 4px;letter-spacing:0}
.idn-facet>a{display:flex;align-items:center;gap:9px;min-height:30px;padding:4px 0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}
.idn-swatch{width:12px;height:12px;flex:0 0 12px;border:1px solid #b8c1c8;border-radius:50%}
.idn-media{display:grid;gap:12px;padding-top:9px;margin-top:14px}.idn-media img{width:100%;height:auto}
.idn .idn-booking{display:flex;align-items:center;gap:14px;padding:15px 16px;margin:-4px 0 20px;background:#edf5fb;border:1px solid #c7ddeb;border-radius:3px;color:#193b58}
.idn-booking>span{flex:1;min-width:0}.idn-booking strong{display:block;font-size:16px;font-weight:600}.idn-booking small{display:block;font-size:12px;line-height:1.4;margin-top:4px}.idn-booking>.fa{flex-shrink:0}.idn .idn-booking:hover{background:#e1eff9;text-decoration:none}
#idn-view-centri .idn-media{grid-template-columns:1fr;gap:14px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-back{padding:10px 0 8px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-heading{margin-bottom:12px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-heading h2{font-size:24px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-heading>p:first-child{margin:0 0 5px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-heading>p:last-child{margin-top:5px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-all{min-height:44px;padding:10px 16px;margin-bottom:18px;font-size:16px;font-weight:600}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-group{margin-bottom:18px}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-group h3{font-size:14px;line-height:1.3;font-weight:600;color:var(--idn-blue);padding-bottom:5px;margin-bottom:2px;border-bottom-color:#c8d3da}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-links a,:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-links button{min-height:34px;padding:6px 0}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-media{padding-top:0;margin-top:8px}
#idn-view-sole .idn-media img{width:100%;max-width:100%;height:auto;max-height:none;margin:0}
#idn-view-centri .idn-media img{width:100%;max-width:300px;height:auto;margin:0 auto}
.idn-group h3,:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-group h3{color:#28678d;border-bottom-color:#c7ddeb}
:is(#idn-view-sole,#idn-view-vista,#idn-view-lac,#idn-view-centri,#idn-view-boutiqueEyewear) .idn-links .idn-link-overview{grid-column:1/-1;padding-right:16px}
:is(#idn-view-vista,#idn-view-boutiqueEyewear) .idn-links button{grid-column:1/-1;padding-right:16px}
#idn-view-lac .idn-links button{padding-right:16px}
#idn-header .idn-group-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:30px;padding-right:16px;color:#28678d!important;font:inherit}
.idn-group-link .fa{font-size:15px;color:#8d9ba5}
#idn-header .idn-links .idn-method{color:#28678d!important;font-weight:700}
.idn-brand-search{display:flex;height:46px;align-items:center;gap:13px;padding:0 13px;border:1px solid #bdc8cf;margin-top:22px;border-radius:2px}
.idn-brand-search:focus-within{outline:2px solid #327da7;outline-offset:2px}
.idn-brand-search input{border:0;min-width:0;flex:1;height:100%;background:transparent;font-size:13px;color:var(--idn-ink)}
.idn-brand-search input:focus-visible{outline:none}
.idn-alphabet{display:flex;flex-wrap:wrap;gap:3px;margin:17px 0 22px;padding-bottom:17px;border-bottom:1px solid var(--idn-line)}
.idn-alphabet button{width:27px;height:29px;font-size:11px;color:#526572;padding:0}.idn-alphabet button:first-child{width:34px}
.idn-alphabet button[aria-pressed="true"]{background:var(--idn-blue);color:white}
.idn-brand-list{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.idn-brand{min-height:51px;font-size:13px;line-height:1.4;padding:10px 0;overflow-wrap:anywhere;align-self:start}
.idn-brand>a{display:block}.idn-brand small{display:block;font-size:9px;color:#806b40;margin-top:3px}
.idn-brand>div{display:flex;gap:10px;font-size:10px;margin-top:4px}.idn-brand>div a{border-bottom:1px solid #c3cbd0}
@media(min-width:1700px){#idn-navigation{width:510px}.idn-scroll{padding-left:38px;padding-right:38px}}
@media(min-width:992px) and (max-width:1100px){.idn-bar{padding:0 28px}.idn-logo{width:217px}.idn-tools{gap:4px}.idn-locale{margin-left:7px;padding-left:10px}.idn .idn-tools>.idn-icon{width:34px;flex-basis:34px}#idn-header .idn-locale .isolani-language-selector-root{gap:8px}}
@media(max-width:991px){
  .idn-ready #idn-header{display:contents}
  #idn-header>.idn-bar,#idn-header>#idn-search{display:none!important}
  .idn-ready #mobile-header .col-mobile-btn-menu>.m-nav-btn{display:none!important}
  .idn-ready .idn-mobile-open{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:44px;min-height:44px;padding:4px 8px;border:0;border-radius:2px;background:transparent;color:inherit;font:inherit;line-height:1.2;cursor:pointer}
  .idn-mobile-open .fa{font:normal 21px/1 FontAwesome}
  .idn-mobile-open span{font-size:11px}
  .idn-mobile-open:focus-visible{outline:2px solid #327da7;outline-offset:2px}
  .idn-open,.idn-open body{overflow:hidden!important}
  #idn-navigation{width:min(480px,100vw)}
  .idn-scroll{padding-left:22px;padding-right:22px}
  .idn-drawer-footer{padding-left:22px;padding-right:22px;padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .idn-alphabet button{min-height:32px}
}
