/* English-only shared navigation. No selectors apply to the RU/AR templates. */
body[data-xg-navigation="en"] .top-bar-area>.container,
body[data-xg-navigation="en"] .main-header .container,
body[data-xg-navigation="en"] .footer-area>.container,
body[data-xg-navigation="en"] .footer-bottom-area>.container{width:100%;max-width:1320px;padding-left:30px;padding-right:30px}
body[data-xg-navigation="en"] .top-bar-area{position:relative;z-index:1200}
body[data-xg-navigation="en"] .top-bar,body[data-xg-navigation="en"] .top-left{overflow:visible}
body[data-xg-navigation="en"] .mainmenu-area .inner-content{position:relative}
body[data-xg-navigation="en"] .xg-nav{float:left;position:static;font-family:Rubik,Arial,sans-serif}
.xg-nav-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.xg-nav-list,.xg-mega ul{list-style:none;margin:0;padding:0}
.xg-nav-list{display:flex;gap:36px;align-items:stretch}
.xg-nav-list>.xg-nav-item{position:static;margin:0;padding:0}
.xg-nav-item>a,.xg-menu-toggle{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:#222;font-family:inherit;font-weight:500;font-size:14px;line-height:14px;text-transform:uppercase;padding:29px 0 26px;cursor:pointer;position:relative}
.xg-menu-toggle .xg-nav-icon{width:13px;height:13px}
.xg-nav-item.is-current>a,.xg-nav-item.is-current>.xg-menu-toggle,.xg-nav-item>a:hover,.xg-menu-toggle:hover,.xg-menu-toggle[aria-expanded="true"]{color:#1772f6}
.xg-nav-item.is-current>a::after,.xg-nav-item.is-current>.xg-menu-toggle::after{content:"";position:absolute;height:3px;background:#1772f6;bottom:0;left:0;right:0}
.xg-mega{position:absolute;left:0;right:0;top:100%;background:#fff;color:#142949;padding:25px 32px 30px;border-top:1px solid #dce6ef;border-bottom:3px solid #1772f6;box-shadow:0 12px 24px rgba(15,36,62,.12);z-index:1200;max-height:calc(100dvh - 90px);overflow-y:auto;overscroll-behavior:contain}
.xg-mega[hidden],.xg-language-options[hidden]{display:none!important}
.xg-overview{display:inline-flex;align-items:center;gap:18px;color:#1458a5;font-size:16px;font-weight:500;line-height:1.5;margin-bottom:22px}
.xg-mega-columns{display:grid;gap:38px}
.xg-solutions-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
.xg-products-columns{grid-template-columns:1.15fr 1.1fr 1fr}
.xg-mega-group+ .xg-mega-group{margin-top:24px}
.xg-mega-group h2{font-family:inherit;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:1px;text-transform:uppercase;color:#526b84;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid #e2eaf1}
.xg-mega-group li{margin:0;padding:0}
.xg-mega-link{display:block;color:#24364d;font-size:14px;line-height:1.5;font-weight:400;padding:9px 10px;margin:0 -10px;border-radius:2px;text-transform:none}
.xg-mega-link:hover,.xg-mega-link[aria-current="page"]{color:#1772f6;background:#f0f6fc}
.xg-nav a:focus-visible,.xg-nav button:focus-visible,.xg-language a:focus-visible,.xg-language button:focus-visible{outline:2px solid #1772f6;outline-offset:3px}
.xg-menu-open,.xg-menu-close,.xg-mobile-utilities{display:none}
.xg-language{position:relative;font-family:Roboto,Arial,sans-serif}
.xg-language-toggle{display:flex;align-items:center;gap:8px;border:0;padding:0;background:none;color:#fff;min-height:26px;font-size:13px;font-weight:500;cursor:pointer}
.xg-language-toggle .xg-nav-icon:last-child{width:13px;height:13px}
.xg-language-options{position:absolute;top:100%;left:0;min-width:150px;padding:8px;background:#fff;border:1px solid #dce6ef;box-shadow:0 6px 16px rgba(0,0,0,.12);z-index:1300}
.xg-language .xg-language-options a{display:block;float:none;padding:10px 12px;margin:0;font-size:14px;line-height:1.5;color:#24364d;white-space:nowrap}
.xg-language .xg-language-options a:hover,.xg-language .xg-language-options a.is-active{background:#f0f6fc;color:#1772f6}
@media(min-width:992px){
 .xg-nav-panel{display:block!important}
}
@media(max-width:1199px){
 body[data-xg-navigation="en"] .top-bar-area>.container,body[data-xg-navigation="en"] .main-header .container,body[data-xg-navigation="en"] .footer-area>.container,body[data-xg-navigation="en"] .footer-bottom-area>.container{padding-left:24px;padding-right:24px}
 .xg-nav-list{gap:28px}
}
@media(max-width:991px){
 body[data-xg-navigation="en"] .top-bar-area{display:none}
 body[data-xg-navigation="en"] .header-style1-area.main-header{position:fixed!important;top:0!important;left:0;width:100%;height:74px;background:transparent;z-index:1120}
 body[data-xg-navigation="en"] .header-style1-area.main-header.fixed-header{background:#050709}
 body[data-xg-navigation="en"] .main-header .header-top{position:absolute;top:0;left:0;width:100%;padding:22px 18px 0;background:transparent}
 body[data-xg-navigation="en"] .header-top .container,body[data-xg-navigation="en"] .header-top .row,body[data-xg-navigation="en"] .header-top [class*="col-"]{width:100%;max-width:none;padding:0;margin:0}
 body[data-xg-navigation="en"] .header-style1-logo{float:none!important;width:172px;max-width:46vw;margin:0;position:relative}
 body[data-xg-navigation="en"] .header-style1-logo img{width:100%;height:auto}
 body[data-xg-navigation="en"] .headers1-header-right,body[data-xg-navigation="en"] .mainmenu-right{display:none}
 body[data-xg-navigation="en"] .header-lower.mainmenu-area{position:absolute;top:16px;right:16px;width:auto;margin:0;border:0;background:none}
 body[data-xg-navigation="en"] .header-lower .main-box,body[data-xg-navigation="en"] .header-lower .container,body[data-xg-navigation="en"] .header-lower .row,body[data-xg-navigation="en"] .header-lower [class*="col-"],body[data-xg-navigation="en"] .header-lower .inner-content{position:static!important;width:auto;max-width:none;margin:0;padding:0;border:0;background:transparent!important}
 .xg-menu-open,.xg-menu-close{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;background:transparent;color:#fff;cursor:pointer}
 .xg-menu-open .xg-nav-icon,.xg-menu-close .xg-nav-icon{width:28px;height:28px}
 .xg-menu-close{position:fixed;top:16px;right:16px;background:#071017;z-index:1301}
 .xg-nav-panel{display:none;position:fixed;inset:0 0 0 auto;width:min(92vw,400px);height:100dvh;padding:76px 24px 28px;background:#071017;color:#fff;overflow-y:auto;overscroll-behavior:contain;z-index:1300;box-shadow:-15px 0 30px rgba(0,0,0,.2)}
 body.xg-nav-open{overflow:hidden}
 body.xg-nav-open .xg-nav-panel{display:block}
 .xg-nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:1110}
 .xg-nav-backdrop[hidden]{display:none}
 .xg-nav-list{display:block}
 .xg-nav-list>.xg-nav-item{border-top:1px solid #28333d}
 .xg-nav-item>a,.xg-menu-toggle{width:100%;min-height:52px;color:#fff;padding:16px 0;font-size:15px;line-height:20px;justify-content:space-between}
 .xg-nav-item.is-current>a::after,.xg-nav-item.is-current>.xg-menu-toggle::after{display:none}
 .xg-nav-item.is-current>a,.xg-nav-item.is-current>.xg-menu-toggle,.xg-menu-toggle[aria-expanded="true"]{color:#6fb8ff}
 .xg-menu-toggle .xg-nav-icon{width:18px;height:18px}
 .xg-menu-toggle[aria-expanded="true"] .xg-nav-icon{transform:rotate(180deg)}
 .xg-mega{position:static;padding:8px 0 20px;max-height:none;overflow:visible;box-shadow:none;border:0;background:transparent;color:#fff}
 .xg-overview{color:#8ac4ff;font-size:15px;margin-bottom:20px}
 .xg-mega-columns{display:block}
 .xg-mega-group,.xg-mega-group+ .xg-mega-group{margin:0 0 20px}
 .xg-mega-group h2{color:#aabfce;border-color:#28333d;line-height:1.6;font-size:11px}
 .xg-mega-link{color:#e1e8ee;font-size:14px;padding:10px 0;margin:0}
 .xg-mega-link:hover,.xg-mega-link[aria-current="page"]{background:transparent;color:#8ac4ff}
 .xg-mobile-utilities{display:block;border-top:1px solid #28333d;margin-top:24px;padding-top:24px}
 .xg-mobile-utilities .xg-language{margin:0 0 24px}
 .xg-mobile-utilities .xg-language-options{position:static;margin-top:10px}
 .xg-mobile-utilities .btn-one{display:block;text-align:center;padding:13px 16px;margin:0 0 24px}
 .xg-mobile-utilities .top-contact-info{padding:0;list-style:none}
 .xg-mobile-utilities .top-contact-info li{display:block;margin:0 0 16px;float:none;font-size:13px;line-height:1.6;color:#c2c2c2}
 .xg-mobile-utilities .top-contact-info a{color:#fff;overflow-wrap:anywhere}
 body[data-xg-navigation="en"] .footer-area>.container,body[data-xg-navigation="en"] .footer-bottom-area>.container{padding-left:20px;padding-right:20px}
}
@media(max-width:359px){
 .xg-nav-panel{padding-left:18px;padding-right:18px}
 body[data-xg-navigation="en"] .footer-area>.container,body[data-xg-navigation="en"] .footer-bottom-area>.container{padding-left:15px;padding-right:15px}
}

/* Body containers reuse the header/footer box model so their content edges line up with
   the header at every width. Declared after the block above so the base rule does not
   override the narrower breakpoints. Header and footer keep their own insets, which are
   more specific (three classes to two) and therefore still win where they differ. */
body[data-xg-navigation="en"] .container{width:100%;max-width:1320px;padding-left:30px;padding-right:30px}
@media(max-width:1199px){
 body[data-xg-navigation="en"] .container{padding-left:24px;padding-right:24px}
}
@media(max-width:991px){
 body[data-xg-navigation="en"] .container{padding-left:18px;padding-right:18px}
}

/* The wider body container collapsed this 17px lead paragraph from three lines to two at
   roughly 161 characters per line. Keep it at the measure it had before the widening.
   Kept here rather than in products.html so that page stays byte-identical to baseline
   outside the approved navigation slots. */
body[data-xg-navigation="en"] .products-selector p{max-width:1170px}
