/* Header and disclosure navigation. Logical properties support RTL and LTR. */
.site-header{position:sticky;top:0;z-index:60;background:#fff;box-shadow:0 4px 22px #142b3b05}
/* Keep the logged-in WordPress toolbar above the sticky navigation. */
.admin-bar .site-header{top:32px}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
html{scroll-padding-top:160px}
@media(max-width:520px){html{scroll-padding-top:190px}}
.header-row{min-height:104px;gap:22px;position:relative}
.header-row>.brand{width:172px}
.main-nav>ul{gap:4px;align-items:center}
.main-nav>ul>li{display:flex;align-items:center;border-radius:12px}
.main-nav>ul>li>a{padding:12px 13px;font-size:14px;font-weight:600}
.main-nav>ul>li:hover,.main-nav>ul>li.is-expanded{background:#f0f8fc}
.main-nav .current-menu-item>a,.main-nav .current-menu-ancestor>a{color:#0089bd}
.main-nav a:focus-visible,.header-tools a:focus-visible,.site-header button:focus-visible{outline:2px solid #0089bd;outline-offset:3px;border-radius:8px}
.submenu-toggle{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:36px;border:0;border-radius:8px;background:transparent;color:#637580;margin-inline-end:5px;padding:0}
.submenu-toggle:hover{color:#0089bd;background:#e2f2fa}
.submenu-toggle svg{transition:transform .18s}
.is-expanded>.submenu-toggle svg{transform:rotate(180deg)}
.main-nav .sub-menu{top:100%;inset-inline-start:0;min-width:240px;padding:12px;border:1px solid #e4edf3;border-radius:16px;background:#fff;box-shadow:0 18px 48px #102b451a;z-index:65}
.main-nav .sub-menu li{display:flex;align-items:center;flex-wrap:wrap;border-radius:9px}
.main-nav .sub-menu a{flex:1;min-width:0;padding:10px 12px;white-space:normal;font-size:14px;line-height:1.7}
.main-nav .sub-menu li:hover>a{background:#f0f8fc;color:#0089bd;border-radius:9px}
.main-nav .sub-menu .sub-menu{position:static;flex:0 0 100%;min-width:0;box-shadow:none;border:0;border-inline-start:2px solid #dceef7;border-radius:0;padding:2px 8px;margin:2px 12px 10px;width:calc(100% - 24px)}
.main-nav .sub-menu .sub-menu a{font-size:13px;padding:7px 9px;color:#526875}
.navigation-ready .main-nav li:hover>.sub-menu,.navigation-ready .main-nav li:focus-within>.sub-menu{display:none}
.navigation-ready .main-nav li.is-expanded>.sub-menu{display:block}
.main-nav>ul>.nav-products{position:static}
.main-nav>ul>.nav-products>.sub-menu{inset-inline:20px;top:calc(100% - 8px);width:auto;min-width:0;padding:22px;gap:10px 20px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:calc(100dvh - 130px);overflow:auto;border-top:3px solid #00aeef}
.main-nav>ul>.nav-products>.sub-menu>li{align-content:start;align-self:start;background:#f7fafc;border:1px solid #edf2f6;padding:4px}
.main-nav>ul>.nav-products:hover>.sub-menu,.main-nav>ul>.nav-products:focus-within>.sub-menu,.navigation-ready .main-nav>ul>.nav-products.is-expanded>.sub-menu{display:grid}
.navigation-ready .main-nav>ul>.nav-products:not(.is-expanded)>.sub-menu{display:none}
.header-tools{gap:10px;flex-shrink:0}
.header-tools>a{border:1px solid #e3ebf1;border-radius:10px;padding:8px 13px;font-size:13px}
.header-tools>a:hover{background:#f0f8fc;border-color:#b8dfef}
.search-toggle,.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #e3ebf1;border-radius:10px;background:#fff;color:#294759}
.nav-toggle{display:none}
.search-toggle:hover,.nav-toggle:hover{background:#f0f8fc;color:#0089bd}
.language-links{gap:2px;padding:4px;background:#f3f7fa;border-radius:10px;white-space:nowrap}
.language-links a{padding:5px 7px;border-radius:7px;font-size:11px}
.language-links a[aria-current]{background:white;border:0;box-shadow:0 1px 5px #142b3b12;color:#0089bd}
.search-panel{padding-top:0;padding-bottom:18px}
.search-panel .search-form{max-width:680px;margin:auto}
.search-panel .search-form label{flex:1}
.search-panel .search-field{width:100%;border-radius:10px;background:#f7fafc;border-color:#dce7ee}
.search-panel .search-submit{border-radius:10px;background:#0089bd}
@media(min-width:1101px) and (max-width:1350px){.header-row{flex-wrap:wrap;padding-top:16px;padding-bottom:10px;gap:10px}.header-row .main-nav{order:3;flex-basis:100%}.header-tools{margin-inline-start:auto}.header-row>.brand{width:156px}.main-nav>ul{justify-content:center}.main-nav>ul>.nav-products>.sub-menu{top:100%}}
@media(max-width:1100px){
 .header-row{min-height:84px;gap:12px;flex-wrap:nowrap;padding-top:14px;padding-bottom:14px}
 .header-row>.brand{width:145px}.nav-toggle{display:inline-flex;order:3;flex-shrink:0}.header-tools{margin-inline-start:auto;gap:8px}
 .main-nav{display:none;position:absolute;inset-inline:12px;top:100%;background:white;border:1px solid #e3ebf1;border-radius:14px;box-shadow:0 16px 40px #142b3b1a;padding:12px;max-height:calc(100dvh - 110px);overflow:auto}
 .main-nav.is-open{display:block}.main-nav>ul{display:block}.main-nav>ul>li{flex-wrap:wrap;margin-bottom:4px}.main-nav>ul>li>a{flex:1;padding:12px}.submenu-toggle{width:40px;height:40px}
 .main-nav .sub-menu,.main-nav>ul>.nav-products>.sub-menu{position:static;flex:0 0 100%;width:100%;min-width:0;max-height:none;box-shadow:none;border:0;border-radius:10px;margin:0;padding:6px;background:#f7fafc;overflow:visible}
 .main-nav>ul>.nav-products>.sub-menu>li{border:0;background:transparent;padding:0}
 .main-nav>ul>.nav-products:hover>.sub-menu,.main-nav>ul>.nav-products:focus-within>.sub-menu,.navigation-ready .main-nav>ul>.nav-products.is-expanded>.sub-menu{display:block}
 .navigation-ready .main-nav>ul>.nav-products:not(.is-expanded)>.sub-menu,.navigation-ready .main-nav li:not(.is-expanded)>.sub-menu{display:none}
 .main-nav .sub-menu .sub-menu{margin-inline:12px;flex-basis:calc(100% - 24px);width:auto}
}
@media(max-width:520px){.header-row{flex-wrap:wrap;gap:10px}.header-row>.brand{width:130px}.nav-toggle{margin-inline-start:auto;order:0}.header-tools{flex-basis:100%;justify-content:space-between}.header-tools>a{padding:6px 12px}.language-links{margin-inline-start:auto}.main-nav{max-height:calc(100dvh - 160px)}.language-links a{font-size:12px;padding:5px 10px}.header-row{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.submenu-toggle svg{transition:none}}

/* OTAZ industrial navigation: white masthead, midnight-blue catalogue. */
.site-header{border-top:3px solid #00aeef;border-bottom:1px solid #e8edf2}
.header-row{max-width:1640px;min-height:106px;gap:24px}
.header-row>.brand{width:190px}
.main-nav>ul{gap:2px}
.main-nav>ul>li{border-radius:0;position:relative}
.main-nav>ul>li>a{position:relative;padding:18px 12px;font-size:14px;font-weight:700}
.main-nav>ul>li>a:after{content:'';position:absolute;bottom:7px;inset-inline:12px;height:2px;background:#00aeef;transform:scaleX(0);transition:transform .18s}
.main-nav>ul>li:hover,.main-nav>ul>li.is-expanded{background:transparent}
.main-nav>ul>li:hover>a:after,.main-nav>ul>li.is-expanded>a:after,.main-nav>ul>li.current-menu-item>a:after{transform:scaleX(1)}
.main-nav>ul>li.is-expanded:before{content:'';position:absolute;bottom:-1px;inset-inline-start:calc(50% - 7px);border-inline:7px solid transparent;border-bottom:7px solid #102536;z-index:66}
.main-nav>ul>.nav-products:before{display:none}
.main-nav .sub-menu{background:#102536;color:#eaf3f9;border:1px solid #264152;border-top:3px solid #00aeef;border-radius:0 0 12px 12px;padding:8px;box-shadow:0 24px 52px #051b3833}
.main-nav .sub-menu>li{border-radius:5px}
.main-nav .sub-menu>li+li{border-top:1px solid #ffffff10}
.main-nav .sub-menu a{padding:14px 16px;color:#eaf3f9}
.main-nav .sub-menu li:hover>a,.main-nav .sub-menu .current-menu-item>a{background:#193c53;color:#5dd5ff;border-radius:5px}
.main-nav .sub-menu .submenu-toggle{color:#9dc7dd}
.main-nav .sub-menu .submenu-toggle:hover{background:#27506a;color:#fff}
.main-nav .sub-menu .sub-menu{background:#0c1e2d;border-inline-start:2px solid #2586ad;border-radius:0;border-top:0}
.main-nav .sub-menu .sub-menu a{color:#bed1df}
.main-nav .sub-menu .sub-menu li:hover>a{color:white;background:#193c53}
.main-nav>ul>.nav-products{position:static}
.main-nav>ul>.nav-products>.sub-menu{inset-inline:24px;top:calc(100% - 1px);padding:24px;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));background:linear-gradient(115deg,#102536,#132e42);border-radius:0 0 16px 16px}
.main-nav>ul>.nav-products>.sub-menu>li{background:#ffffff04;border:1px solid #ffffff14;align-self:stretch;align-content:start;padding:0;border-radius:8px;transition:border-color .18s,background .18s}
.main-nav>ul>.nav-products>.sub-menu>li:hover{border-color:#2785ac;background:#ffffff08}
.main-nav>ul>.nav-products>.sub-menu>li>a{display:flex;align-items:center;gap:15px;padding:14px;min-height:106px;background:transparent}
.nav-product-visual{display:flex;align-items:center;justify-content:center;flex:none;width:76px;height:76px;background:#edf2f5;border-radius:5px;overflow:hidden}
.nav-product-image{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
.main-nav a:hover .nav-product-image{transform:scale(1.06)}
.nav-product-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.nav-product-code{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.6px;color:#58c8f3;text-align:start;unicode-bidi:isolate}
.nav-product-name{font-size:14px;font-weight:600;line-height:1.8}
.nav-product-monogram{color:#1c5a7a;font-size:11px;font-weight:bold}
.header-tools{gap:9px}
.header-tools>a{border:0;border-radius:30px;background:#edf4f8;color:#184b69;padding:9px 14px;font-weight:600}
.search-toggle{width:auto;min-width:42px;border:0;border-radius:24px;padding:10px 15px;gap:10px;background:#163b56;color:white}
.search-toggle:hover,.search-toggle[aria-expanded=true]{background:#007fae;color:white}
.search-label{font-size:12px}
.language-links{background:transparent;border-inline-start:1px solid #dce6ed;padding-inline-start:8px;border-radius:0;gap:1px}
.language-links a{padding:6px;font-size:11px}
.language-links a[aria-current]{background:#e9f6fc;box-shadow:none;color:#007da9}
@media(min-width:1101px) and (max-width:1400px){.header-row{flex-wrap:wrap;gap:8px;padding-top:12px;padding-bottom:0}.header-row>.brand{width:165px}.header-tools{margin-inline-start:auto}.header-row .main-nav{order:3;flex-basis:100%}.main-nav>ul{gap:20px}.main-nav>ul>.nav-products>.sub-menu{top:100%}}
@media(max-width:1100px){
 .header-row{min-height:88px;gap:12px}.header-row>.brand{width:150px}
 .main-nav{background:#102536;color:#eaf3f9;border-color:#264152;border-top:3px solid #00aeef;border-radius:0 0 12px 12px}
 .main-nav>ul>li>a{padding:12px;font-size:14px;color:#eaf3f9}.main-nav>ul>li.is-expanded:before{display:none}
 .main-nav>ul>li+li{border-top:1px solid #ffffff12}.main-nav>ul>li>.submenu-toggle{color:#a7cfdf}
 .main-nav>ul>li>a:after{display:none}.main-nav>ul>li:hover>a,.main-nav>ul>li.current-menu-item>a{color:#5dd5ff}
 .main-nav .sub-menu,.main-nav>ul>.nav-products>.sub-menu{background:#0c1e2d;padding:6px;border:0;border-radius:6px}
 .main-nav>ul>.nav-products>.sub-menu>li{border:0;border-bottom:1px solid #ffffff12;background:transparent;border-radius:0}
 .main-nav>ul>.nav-products>.sub-menu>li>a{min-height:80px;padding:10px;gap:12px}
 .nav-product-visual{width:54px;height:54px}.nav-product-name{font-size:13px}.nav-product-code{font-size:9px;letter-spacing:1px}
 .main-nav .sub-menu .sub-menu{border-inline-start:2px solid #2586ad}
 .search-label{display:none}.search-toggle{width:40px;height:40px;padding:10px}
}
@media(max-width:520px){.header-row>.brand{width:140px}.header-row{gap:8px}.header-tools{gap:8px}.header-tools>a{padding:7px 13px}.language-links a{font-size:12px;padding:5px 8px}.language-links{margin-inline-start:auto}}
