.locale-picker{display:inline-flex;align-items:center;justify-self:end;min-width:0;margin:0;color:#d9d3c8;line-height:1}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.locale-links{display:flex;align-items:center;justify-content:flex-end;white-space:nowrap;line-height:1}
.locale-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:54px;padding:0 10px;border-radius:17px;color:#b8c1d3;font:inherit;font-size:1rem;font-weight:650;letter-spacing:.055em;text-decoration:none;transition:background-color .18s ease,color .18s ease}
.locale-link+.locale-link::before{content:"/";margin:0 10px 0 -9px;color:#78849b;font-weight:400}
.locale-link:hover{color:#f1eadc}
.locale-link:focus-visible{outline:2px solid #d59d38;outline-offset:2px}
.locale-link.is-current{background:#171720;color:#e4e6ef}
.nav:has(.sample-nav){grid-template-columns:minmax(100px,auto) minmax(0,1fr) auto auto!important;gap:14px!important}
.nav:has(.sample-nav)>.icon-button{justify-self:end;padding-left:16px;border-left:1px solid #ffffff30}
.nav:has(.sample-nav)>.locale-picker{justify-self:end;padding:0;border:0}
@media(max-width:1050px){.locale-link{min-width:38px;padding-inline:8px;font-size:.9rem}.locale-link+.locale-link::before{margin-inline:7px 6px}.nav:has(.sample-nav){gap:10px!important}}
@media(max-width:760px){.nav:has(.sample-nav){grid-template-columns:minmax(0,1fr) auto auto!important;gap:8px!important}.nav:has(.sample-nav) .brand{grid-row:1;grid-column:1}.nav:has(.sample-nav) .sample-nav{grid-row:2;grid-column:1/-1}.nav:has(.sample-nav)>a.icon-button{grid-row:1;grid-column:2;padding-left:9px}.nav:has(.sample-nav)>.locale-picker{grid-row:1;grid-column:3}.locale-link{min-width:34px;min-height:46px;padding-inline:6px;border-radius:14px;font-size:.78rem;letter-spacing:.035em}.locale-link+.locale-link::before{margin-inline:5px 4px}}
@media(max-width:430px){.nav:has(.sample-nav){padding-inline:10px!important;gap:3px!important}.nav:has(.sample-nav) .brand-logo{max-width:78px!important}.nav:has(.sample-nav)>a.icon-button{padding-left:5px;font-size:.84rem}.locale-link{min-width:27px;min-height:40px;padding-inline:4px;border-radius:12px;font-size:.68rem;letter-spacing:0}.locale-link+.locale-link::before{margin-inline:3px 2px}}
@media(max-width:360px){.nav.catalog-nav:has(.sample-nav){grid-template-columns:minmax(0,1fr) auto auto!important;gap:2px!important;padding-inline:8px!important}.nav.catalog-nav .brand-logo{max-width:70px!important}.nav.catalog-nav>.icon-button{padding-left:4px}.nav.catalog-nav .locale-link{min-width:24px;padding-inline:3px;font-size:.62rem}.nav.catalog-nav .locale-link+.locale-link::before{margin-inline:2px 1px}}
/* Mobile: never squeeze the logo, bag and six languages into a single row. */
@media(min-width:761px) and (max-width:1200px){
 .nav:has(.sample-nav){grid-template-columns:minmax(0,1fr) auto auto!important;height:auto!important;padding:12px 22px!important;gap:8px 18px!important}
 .nav:has(.sample-nav) .brand{grid-row:1;grid-column:1;width:144px;height:48px;min-width:0}
 .nav:has(.sample-nav) .brand-logo{width:128px!important;max-width:100%!important}
 .nav:has(.sample-nav)>.icon-button{grid-row:1;grid-column:2;margin:0}
 .nav:has(.sample-nav)>.locale-picker{grid-row:1;grid-column:3}
 .nav:has(.sample-nav) .sample-nav{grid-row:2;grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;justify-self:stretch;gap:12px 24px;padding:4px 0;width:auto;min-width:0}
}
@media(max-width:760px){
 .nav:has(.sample-nav){grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto;height:auto!important;min-height:0;padding:14px 16px!important;gap:10px 16px!important;align-items:center}
 .nav:has(.sample-nav) .brand{grid-row:1!important;grid-column:1!important;width:132px;max-width:100%;height:44px;min-width:0;justify-self:start}
 .nav:has(.sample-nav) .brand-logo{width:112px!important;max-width:100%!important;object-fit:contain}
 .nav:has(.sample-nav)>a.icon-button{grid-row:1!important;grid-column:2!important;justify-self:end;min-width:0;margin:0;padding:8px 0 8px 12px;border:0;white-space:nowrap;font-size:.9rem}
 .nav:has(.sample-nav)>.locale-picker{grid-row:2!important;grid-column:1/-1!important;justify-self:end;width:auto;max-width:100%;margin:0;padding:0}
 .nav:has(.sample-nav) .locale-links{justify-content:flex-end;flex-wrap:wrap;gap:0;max-width:100%}
 .nav:has(.sample-nav) .locale-link{min-width:38px;min-height:44px;padding:0 7px;border-radius:12px;font-size:.8rem;letter-spacing:.02em}
 .nav:has(.sample-nav) .locale-link+.locale-link::before{margin:0 6px 0 -5px}
 .nav:has(.sample-nav) .sample-nav{grid-row:3!important;grid-column:1/-1!important;display:flex;flex-wrap:wrap;justify-content:center;justify-self:stretch;align-items:center;width:auto;min-width:0;margin:0;padding:5px 0 0;gap:8px 18px;font-size:.8rem;line-height:1.4}
 .nav:has(.sample-nav) .sample-nav a{display:inline-flex;align-items:center;min-height:36px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
}