/* Shared desktop and mobile navigation. Kept after page styles to give the menu its own layout. */
.mobile-products-group,.mobile-navigation-quote{display:none}
.menu-icon{position:relative;width:20px;height:20px;display:block;margin:0!important}
.menu-icon i{position:absolute;inset-inline:0;top:7px;height:1.5px;border-radius:2px;background:currentColor;transition:transform .2s,top .2s}
.menu-icon i:last-child{top:13px}
.menu-toggle[aria-expanded=true] .menu-icon i{top:10px;transform:rotate(45deg)}
.menu-toggle[aria-expanded=true] .menu-icon i:last-child{transform:rotate(-45deg)}
/* Desktop: readable type, one alignment system, and consistent disclosure panels. */
.desktop-accessory-link{display:none}
@media(max-width:1199px){body .header nav#navigation .desktop-accessory-link{display:none}}
@media(min-width:1200px){
 body .header,body.lumiva-studio .header{height:76px;padding:0 max(32px,calc((100vw - 1440px)/2));gap:24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);border-bottom:1px solid #e4e7eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:#343940;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
 body .header .header-navigation{display:flex;flex:1;align-items:center;gap:36px;min-width:0}
 body .header .brand{width:110px;flex:none;direction:ltr;color:#252a30;align-items:center}
 body .header .brand>span{font:650 23px/1 Inter,Arial,sans-serif;letter-spacing:.045em}
 body .header .brand small{font:500 6px/1 Inter,Arial,sans-serif;letter-spacing:.36em;margin-top:8px}
 body .header nav#navigation{display:flex;position:static;flex:1;width:auto;min-width:0;height:auto;max-height:none;margin:0;padding:0;border:0;background:none;overflow:visible;align-items:center;justify-content:center;flex-direction:row;gap:6px;font-size:14px}
 body .header nav#navigation>.products-nav,body .header nav#navigation>.mobile-navigation-quote{display:none}
 body .header nav#navigation>.mobile-products-group{display:block}
 body .header nav#navigation>details{position:relative;flex:none;width:auto}
 body .header nav#navigation>a,body .header nav#navigation>details>summary{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#454c56;font:500 15px/1.5 Inter,Arial,sans-serif;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;text-decoration:none;list-style:none}
 body .header nav#navigation a::after{display:none}
 body .header nav#navigation summary::-webkit-details-marker{display:none}
 body .header nav#navigation>details>summary::after{content:'';width:6px;height:6px;flex:none;border-right:1.3px solid #747d88;border-bottom:1.3px solid #747d88;transform:translateY(-2px) rotate(45deg);transition:transform .18s}
 body .header nav#navigation>details[open]>summary::after{transform:translateY(1px) rotate(225deg)}
 body .header nav#navigation>a:hover,body .header nav#navigation>details>summary:hover{background:#f3f5f7;color:#252a30}
 body .header nav#navigation>a[aria-current=page],body .header nav#navigation>details[data-current=true]>summary{color:#305fae;background:#f0f4fa}
 body .header nav#navigation>details[open]>summary{background:#edf0f4;color:#252a30}
 body .header nav#navigation>details>div{position:absolute;top:calc(100% + 24px);left:0;right:auto;min-width:0;width:292px;max-width:calc(100vw - 48px);max-height:calc(100dvh - 116px);margin:0;padding:12px;background:#fff;border:1px solid #e4e7eb;border-radius:16px;box-shadow:0 16px 44px #1c27321a;z-index:110;overflow-y:auto;overscroll-behavior:contain;animation:desktop-navigation-in .14s ease-out}
 body .header nav#navigation>details.nav-align-end>div{left:auto;right:0}
 body .header nav#navigation details:not([open])>div{display:none}
 body .header nav#navigation details[open]>div{display:grid;gap:3px}
 body .header nav#navigation details>div a,body .header nav#navigation details>div summary{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-radius:9px;color:#454c56;font:400 14px/1.5 Inter,Arial,sans-serif;letter-spacing:0;white-space:normal;overflow-wrap:anywhere;text-decoration:none}
 body .header nav#navigation details>div>a:first-child{font-size:13px;font-weight:500;color:#3567c5;border-bottom:1px solid #edf0f3;border-radius:8px 8px 0 0;padding-bottom:13px;margin-bottom:3px}
 body .header nav#navigation details>div a:hover,body .header nav#navigation details>div summary:hover{background:#f3f5f8;color:#252a30}
 body .header nav#navigation details>div a[aria-current=page]{background:#f0f4fa;color:#305fae;font-weight:500}
 body .header nav#navigation details details>div{position:static;width:auto;min-width:0;padding:3px 6px 3px 16px;background:none;border:0;border-radius:0;box-shadow:none}
 body .header nav#navigation .desktop-accessory-link{display:flex;border-top:1px solid #edf0f3;border-radius:0 0 8px 8px;margin-top:4px;padding-top:13px;font-size:13px;color:#66717f}
 body .header .header-tools{display:flex;align-items:center;justify-content:flex-end;flex:none;width:auto;gap:10px;border-inline-start:1px solid #e5e8ec;padding-inline-start:18px}
 body .header .language-picker>summary{display:flex;min-width:72px;width:auto;height:40px;min-height:40px;padding:8px;border:0;border-radius:10px;background:none;gap:6px;color:#454c56;font:500 12px/1.5 Inter,Arial,sans-serif}
 body .header .language-picker>summary svg{display:block;width:16px;height:16px}
 body .header .language-picker>summary:hover,body .header .language-picker[open]>summary{background:#f0f2f5}
 body .header .language-options{width:320px;top:calc(100% + 26px);padding:16px;border:1px solid #e4e7eb;border-radius:16px;box-shadow:0 16px 44px #1c27321a;background:white}
 body .header .language-options>p{color:#6c7581;font:500 12px/1.5 Inter,Arial,sans-serif;letter-spacing:.025em}
 body .header .language-options button{min-height:44px;padding:11px 10px;border-radius:9px;background:#f5f6f8;color:#454c56;font:400 13px/1.5 Inter,Arial,sans-serif}
 body .header .language-options button small{color:#77818e;font-size:10px}
 body .header .language-options button:hover,body .header .language-options button[aria-current=true]{background:#edf2fa;color:#305fae}
 body .header .bag{display:flex;align-items:center;justify-content:center;gap:5px;min-width:40px;min-height:40px;border-radius:10px;color:#454c56}
 body .header .bag:hover{background:#f0f2f5}
 body .header .bag svg{width:18px;height:18px}
 body .header .bag span{font:500 12px/1.5 Inter,Arial,sans-serif}
 body .header .header-tools>.button{display:inline-flex;flex:none;gap:8px;min-height:40px;padding:10px 18px;border:1px solid #3567df;border-radius:999px;background:#3567df;color:#fff;font:500 13px/1.4 Inter,Arial,sans-serif;white-space:nowrap;text-align:center;letter-spacing:0}
 body .header .header-tools>.button:hover{background:#4776dd;border-color:#4776dd}
 body .header :is(a,button,summary):focus-visible{outline:2px solid #3567df;outline-offset:3px}
 body .header .menu-toggle{display:none}
 html[lang=ar] .header nav#navigation :is(a,summary){font-family:Tahoma,Arial,sans-serif;letter-spacing:0}
 html[dir=rtl] .header nav#navigation details>div{direction:rtl;text-align:start}
}
@media(min-width:1200px) and (max-width:1359px){
 body .header,body.lumiva-studio .header{padding-inline:24px;gap:18px}
 body .header .header-navigation{gap:24px}
 body .header nav#navigation{gap:2px}
 body .header nav#navigation>a,body .header nav#navigation>details>summary{font-size:14px;padding-inline:10px}
 body .header .header-tools{gap:6px;padding-inline-start:12px}
 body .header .header-tools>.button{padding-inline:15px}
}
@media(prefers-reduced-motion:reduce){body .header nav#navigation>details>div{animation:none}}
@keyframes desktop-navigation-in{from{opacity:.5;transform:translateY(-3px)}to{opacity:1;transform:none}}

@media(max-width:1199px){
 body .header,body.lumiva-studio .header{--mobile-header-height:64px;position:sticky;top:0;height:var(--mobile-header-height);padding-inline:24px;display:flex;gap:12px;background:#fff;border-bottom:1px solid #e5e5e8;z-index:100;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
 body.navigation-open .header{background:#fff}
 body .header-navigation{flex:1;gap:0;min-width:0}
 body .header .brand{width:auto;margin-inline-end:auto;color:#1d1d1f}
 body .header .brand>span{font:650 20px/1 Inter,Arial,sans-serif;letter-spacing:.035em}
 body .header .brand small{font:500 5px/1 Inter,Arial,sans-serif;letter-spacing:.35em;margin-top:7px}
 body .header-tools{width:auto;flex:none;gap:8px;justify-content:end}
 body .header-tools>.button{display:none}
 body .header .bag{display:flex;align-items:center;gap:5px;justify-content:center;min-width:38px;min-height:44px;color:#1d1d1f}
 body .header .language-picker>summary{min-width:54px;min-height:44px;padding:6px;border:0;background:transparent;color:#1d1d1f;font-size:11px}
 body .header .menu-toggle{display:flex;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;padding:10px;margin:0;border:0;background:transparent;color:#1d1d1f;font-size:0;border-radius:8px}
 body .header .menu-toggle:focus-visible{outline:2px solid #3567df;outline-offset:0}
 /* A backdrop-filter on the header used to constrain this fixed menu to header height. */
 body .header nav#navigation{display:none;position:fixed;inset:var(--mobile-header-height) 0 0;width:100%;height:calc(100vh - var(--mobile-header-height));height:calc(100dvh - var(--mobile-header-height));max-height:none;margin:0;padding:28px max(32px,calc((100vw - 680px)/2)) calc(32px + env(safe-area-inset-bottom));border:0;background:#f5f5f7;color:#1d1d1f;box-shadow:0 16px 24px #0000000a;z-index:1;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:none;flex-direction:column;align-items:stretch;justify-content:flex-start;justify-self:stretch;align-self:stretch;gap:4px;text-align:start;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
 body .header nav#navigation.open{display:flex;animation:mobile-navigation-in .2s ease-out}
 body .header nav#navigation>*{flex-shrink:0;width:100%;min-width:0;max-width:100%}
 body .header nav#navigation>a,body .header nav#navigation>details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:11px 0;font:600 28px/1.2 Inter,Arial,sans-serif;letter-spacing:-.035em;white-space:normal;overflow-wrap:anywhere;color:#1d1d1f;text-decoration:none}
 body .header nav#navigation a::after{display:none}
 body .header nav#navigation summary{list-style:none;cursor:pointer}
 body .header nav#navigation summary::-webkit-details-marker{display:none}
 body .header nav#navigation>details>summary::after{content:'';display:block;flex:none;width:9px;height:9px;margin-inline:8px;border-inline-end:1.5px solid #86868b;border-bottom:1.5px solid #86868b;transform:rotate(45deg);transition:transform .2s}
 body .header nav#navigation>details[open]>summary::after{transform:rotate(225deg)}
 body .header nav#navigation .cms-nav-group{position:static}
 body .header nav#navigation details>div{position:static;inset:auto;min-width:0;width:100%;padding:12px 18px;margin:6px 0 14px;background:#fff;box-shadow:none;border:1px solid #e5e5e8;border-radius:16px}
 body .header nav#navigation details:not([open])>div{display:none}
 body .header nav#navigation details[open]>div{display:grid;gap:0}
 body .header nav#navigation details>div a{display:flex;align-items:center;padding:11px 0;min-height:46px;white-space:normal;overflow-wrap:anywhere;font:400 16px/1.45 Inter,Arial,sans-serif;letter-spacing:0;color:#515159}
 body .header nav#navigation details>div a:first-child{color:#3567df;font-weight:500}
 body .header nav#navigation details>div summary{padding:12px 0;font-size:17px}
 body .header nav#navigation .products-nav{display:none}
 body .header nav#navigation .mobile-products-group{display:block}
 body .header nav#navigation>.mobile-navigation-quote{display:flex;justify-content:center;min-height:48px;padding:13px 18px;margin-top:24px;border-radius:999px;background:#3567df;color:#fff;font:500 15px/1.4 Inter,Arial,sans-serif;letter-spacing:0}
 body .header nav#navigation a:focus-visible,body .header nav#navigation summary:focus-visible{outline:2px solid #3567df;outline-offset:3px;border-radius:5px}
 html[dir=rtl] .header nav#navigation{direction:rtl}
 html[lang=ar] .header nav#navigation>a,html[lang=ar] .header nav#navigation>details>summary{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;font-size:26px;line-height:1.5}
 html[lang=ar] .header nav#navigation details>div a{font-family:Tahoma,Arial,sans-serif}
}
@media(max-width:600px){body .header,body.lumiva-studio .header{--mobile-header-height:60px;padding-inline:16px;gap:8px}body .header-tools{gap:3px}body .header nav#navigation{padding-top:24px;padding-inline:28px}}
@media(prefers-reduced-motion:reduce){body .header nav#navigation.open{animation:none}.menu-icon i{transition:none}}
@keyframes mobile-navigation-in{from{opacity:.6;transform:translateY(-6px)}to{opacity:1;transform:none}}