.np-nav{display:none!important}
/* Preview-only desktop navigation; mobile retains the original DOM and styling. */
.np-notice{display:none}
@media(min-width:1101px){
html.np-active header .head{display:grid!important;grid-template-columns:195px minmax(0,1fr)90px!important;gap:12px!important;width:calc(100% - 32px)!important;max-width:1800px!important;margin-inline:auto!important}
html.np-active[dir=ltr] header .head{grid-template-columns:205px minmax(0,1fr)90px!important}
html.np-active header #desktop-preview-nav.np-nav{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:6px!important;overflow:visible!important;min-width:0!important}
html.np-active header #desktop-preview-nav.np-nav>a:not(.nav-contact),html.np-active header #desktop-preview-nav.np-nav .np-toggle{font-family:inherit!important;font-size:17px!important;font-weight:500!important;color:#101f3b!important;background:none!important;border:0!important;border-radius:0!important;line-height:1.25!important;min-height:58px!important;height:auto!important;padding:8px 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;white-space:normal!important;text-decoration:none!important;cursor:pointer}
html.np-active header #desktop-preview-nav.np-nav>a:not(.nav-contact):hover,html.np-active header #desktop-preview-nav.np-nav .np-toggle:hover{color:#9b7434!important}
html.np-active header #desktop-preview-nav.np-nav .nav-contact{font-size:17px!important;white-space:nowrap!important;padding:12px 18px!important;min-width:max-content!important;flex-shrink:0!important}
.np-group{position:relative;flex:0 1 auto;min-width:0}.np-group>.np-toggle{max-width:10.5em}
.np-panel{display:block;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity 160ms ease,transform 160ms ease,visibility 0s linear 160ms;position:absolute;inset-inline-start:0;top:100%;width:310px;min-width:285px;max-height:72dvh;box-sizing:border-box;overflow:auto;padding:12px;background:#faf7f0;border:1px solid #d4b16a88;border-radius:0 0 16px 16px;box-shadow:0 14px 35px #101f3b26;z-index:150;text-align:start}
.np-group.np-open>.np-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition-delay:0s}
html.np-active header #desktop-preview-nav.np-nav .np-panel a{display:block!important;width:100%;box-sizing:border-box;padding:10px 12px!important;color:#101f3b!important;background:none;border:0;border-radius:8px;font-family:inherit!important;font-size:15px!important;font-weight:400;line-height:1.4!important;text-decoration:none!important;white-space:normal!important;text-align:start;cursor:pointer;min-height:0!important}
html.np-active header #desktop-preview-nav.np-nav .np-panel a:hover{background:#d4b16a26!important;color:#8b6122!important}
.np-group:last-of-type>.np-panel{inset-inline-start:auto;inset-inline-end:0}
.np-nav :focus-visible{outline:2px solid #a37735!important;outline-offset:3px}
.np-notice{display:flex;position:fixed;bottom:12px;inset-inline-start:50%;transform:translateX(50%);gap:9px;align-items:center;z-index:300;padding:8px 14px;border:1px solid #d4b16a88;border-radius:12px;background:#faf7f0f5;box-shadow:0 3px 20px #101f3b25;color:#101f3b;font-size:12px;white-space:nowrap;backdrop-filter:blur(8px)}
html[dir=ltr] .np-notice{transform:translateX(-50%)}.np-notice a{color:#805b25;text-decoration:underline}.np-notice .np-exit{border-inline-start:1px solid #d4b16a77;padding-inline-start:9px}
}

@media(prefers-reduced-motion:reduce){.np-panel{transition:none!important;transform:none!important}}

@media(min-width:1101px){
html.np-active header #main-nav{display:none!important}
.np-label{display:block}.np-label-line{display:block;white-space:nowrap}.np-arrow{font-size:12px;flex-shrink:0;margin-inline-start:5px}
html.np-active header #desktop-preview-nav .np-toggle{gap:3px!important}
}

@media(min-width:1101px){
/* Restore the live site's gold call-to-action in every language. */
html.np-active header #desktop-preview-nav.np-nav>a.nav-contact{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#d4b16a!important;color:#101f3b!important;border:1px solid #d4b16a!important;border-radius:30px!important;font-weight:600!important;line-height:1.4!important;padding:11px 17px!important;margin:0!important;min-height:48px!important;align-self:center!important;white-space:nowrap!important;flex:0 0 auto!important}
html.np-active header #desktop-preview-nav.np-nav>a.nav-contact:hover{background:#e5c480!important;border-color:#e5c480!important}
/* Labels and arrows occupy separate, non-overlapping columns. */
html.np-active header #desktop-preview-nav.np-nav>.np-group{flex-shrink:0;min-width:max-content}
html.np-active header #desktop-preview-nav.np-nav .np-toggle{display:grid!important;grid-template-columns:auto 12px;column-gap:8px!important;max-width:none!important}
html.np-active header #desktop-preview-nav.np-nav .np-arrow{display:block;width:12px;min-width:12px;margin:0!important;text-align:center}
}

/* Size the brand column from its actual contents, never squeeze the logo. */
@media(min-width:1101px){
html.np-active header .head,
html.np-active[dir=ltr] header .head{grid-template-columns:max-content minmax(0,1fr) max-content!important;gap:clamp(6px,.8vw,12px)!important;box-sizing:border-box!important}
html.np-active header .head>.brand{width:auto!important;min-width:max-content!important;max-width:none!important;flex-shrink:0!important;margin:0!important;gap:12px!important}
html.np-active header .head>.brand img{flex:0 0 auto!important}
html.np-active header .head>.brand>span{flex:0 0 auto!important;min-width:0!important;max-width:200px!important}
html.np-active header .head>.brand strong{white-space:nowrap!important}
html.np-active header .head>.brand small{white-space:normal!important;max-width:200px!important;text-wrap:balance}
html.np-active header #desktop-preview-nav.np-nav{gap:clamp(0px,calc((100vw - 1200px)/40),6px)!important}
html.np-active header #desktop-preview-nav.np-nav>a:not(.nav-contact),
html.np-active header #desktop-preview-nav.np-nav .np-toggle{padding-inline:clamp(2px,calc((100vw - 1100px)/30),10px)!important}
html.np-active header #desktop-preview-nav.np-nav .np-toggle{column-gap:5px!important}
}

@media(min-width:1101px){
html.np-active header #desktop-preview-nav.np-nav .np-panel a.np-category-link{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;font-weight:700!important;border-bottom:1px solid #d4b16a88!important;border-radius:0!important;margin-bottom:6px!important;padding-bottom:14px!important}
html.np-active header #desktop-preview-nav.np-nav .np-category-link>span:last-child{flex:0 0 auto;color:#8b6122}
}