/* Shared navigation layout for every public page. */
body .topbar{min-height:36px;padding:11px max(5%,calc((100vw - 1350px)/2));background:#ffe02b;color:#244454;font-size:10px;letter-spacing:1px;align-items:center}
body .top-detail{color:#36515a}
body .header{display:grid;grid-template-columns:160px minmax(0,1fr) 210px;align-items:center;gap:16px;min-height:89px;padding:17px max(5%,calc((100vw - 1350px)/2));background:#fff;box-shadow:0 1px 0 #dbedf0}
body .header .brand{font-size:16px;line-height:1.08;gap:11px;color:#22738a;white-space:nowrap}
body .header .brand img{width:55px;height:55px}
body .header .brand>span{display:block}
body .header .nav{display:flex;align-items:center;justify-content:center;gap:20px;font-size:12px;font-weight:500;white-space:nowrap;order:0;width:auto;flex-wrap:nowrap}
body .header .nav a,body .header .nav button{min-height:0;padding:8px 0;background:none;font-size:inherit;font-weight:500;color:#28546a}
body .header .nav [aria-current="page"]{color:#bd397b}
body .header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;margin-left:0}
body .header .languages{display:flex;align-items:center;gap:6px;font-size:10px}
body .header .languages button{min-width:0;padding:6px 2px;font-size:11px;color:#5b727c}
body .header .languages .active{color:#b52b65}
body .header .contact-btn{display:block;min-width:84px;min-height:44px;padding:13px 18px;background:#ffe02b;color:#244454;font-size:12px;white-space:nowrap;border-radius:12px;box-shadow:0 4px 0 #edbf1350}
body .header .contact-btn:hover{background:#fff078}
body .header .menu-toggle{display:none}
.catalog-page-actions{display:flex;justify-content:flex-end;margin-bottom:20px}
@media(min-width:1101px){body .header{grid-template-columns:180px minmax(0,1fr) 210px}body .header .nav{gap:29px}}
@media(max-width:850px){body .topbar{font-size:8px;padding:10px 5%;min-height:30px}body .top-detail{display:none}body .header{grid-template-columns:1fr auto;min-height:68px;padding:12px 5%;gap:10px}body .header .brand{font-size:13px}body .header .brand img{width:44px;height:44px}body .header .header-actions{gap:8px}body .header .languages{gap:3px}body .header .contact-btn{display:none}body .header .menu-toggle{display:block;background:none;font-size:24px;color:#22738a}body .header .nav{display:none!important;position:absolute;top:100%;left:0;right:0;background:#fff;padding:20px 5%;box-shadow:0 10px 20px #0001;border-bottom:1px solid #d9e7e9;white-space:normal}body .header .nav.open{display:flex!important;flex-direction:column;align-items:flex-start;gap:6px}}

/* Hide while scrolling; return after scrolling settles. Keep its layout space. */
body .header{position:sticky;top:0;z-index:100;transform:translateY(0);transition:transform .22s ease,opacity .18s ease}
body .header.is-scrolling{transform:translateY(-110%);opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){body .header{transition:none}}

/* Larger navigation and a translucent background over scrolled content. */
body .header .nav{font-size:15px}
body .header{transition:transform .22s ease,opacity .18s ease,background-color .25s ease}
body .header.is-scrolled{background:rgba(255,255,255,.58);box-shadow:0 1px 0 rgba(219,237,240,.35);backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:850px){body .header .nav{font-size:16px}body .header .nav.open{background:rgba(255,255,255,.96)}}
@media(prefers-reduced-motion:reduce){body .header{transition:none}}

[data-i18n="productionPhotoNote"]:empty,.factory-gallery-note:empty{display:none}