/* SkyX menus. Mirror the side columns to keep navigation centered as active pages change. */
:root { --sx-menu-width: 1200px; --sx-menu-gutter: clamp(12px, 2vw, 28px); }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) {
  box-sizing: border-box !important;
  display: grid !important;
  grid-template-columns: minmax(112px, 1fr) auto minmax(112px, 1fr) !important;
  align-items: center !important;
  justify-content: normal !important;
  gap: 4px 10px !important;
  width: min(100%, var(--sx-menu-width)) !important;
  max-width: var(--sx-menu-width) !important;
  min-height: 84px;
  height: auto !important;
  margin-inline: auto !important;
  padding: 12px var(--sx-menu-gutter) !important;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) > :is(a:first-child,.logo,.brandmark,.brand) {
  grid-column: 1; grid-row: 1; justify-self: start;
  margin: 0 !important; max-width: 100%;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) > nav { grid-column: 2; grid-row: 1; justify-self: center; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .mast-inner > .market-jump { grid-column: 3; grid-row: 1 / 3; justify-self: end; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .mast-inner > .brand-note { display: block; grid-column: 1; grid-row: 2; font-size: 11px; line-height: 1.25; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .mast-inner > nav { grid-row: 1 / 3; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.cross-navigation > .wrap, nav.skyx-category-navigation) {
  box-sizing: border-box !important;
  width: min(100%, var(--sx-menu-width)) !important;
  max-width: var(--sx-menu-width) !important;
  margin-inline: auto !important;
  padding-inline: var(--sx-menu-gutter) !important;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) {
  display: flex !important; flex-wrap: wrap !important;
  align-items: stretch !important; justify-content: center !important;
  gap: 4px !important; margin-inline: auto !important;
  min-width: 0 !important; max-width: 100% !important;
  text-align: center !important; overflow: visible !important;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .cross-navigation nav:not(.cross-breadcrumb) { padding-block: 4px; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[href], 
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details > summary {
  box-sizing: border-box !important; display: inline-flex !important;
  align-items: center !important; justify-content: center !important;
  margin: 0 !important; padding: 9px 12px !important; min-height: 44px !important;
  max-width: 100% !important; min-width: 0 !important;
  font: 500 15px/1.35 Arial, Helvetica, sans-serif !important;
  text-align: center !important; border-radius: 10px !important;
  white-space: normal !important; overflow-wrap: normal !important;
  text-decoration: none !important;
  transition: background-color 150ms ease, color 150ms ease !important;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[aria-current="page"] {background-color: #e9e3f5 !important;color:#32224e !important;}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[href]:is(:hover,:focus-visible),
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details > summary:is(:hover,:focus-visible) {
  color: #2d185c !important; background-color: #ded6f0 !important;
  text-decoration: none !important; filter: none !important;
}
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[href]:focus-visible, html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details > summary:focus-visible {
  outline: 2px solid #6e4db4 !important; outline-offset: 2px !important;
}
@media(max-width: 1040px) {
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) {grid-template-columns: 1fr auto 1fr !important; row-gap: 8px !important;}
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) > :is(a:first-child,.logo,.brandmark,.brand) {grid-column: 2; justify-self: center;}
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) > nav {grid-column: 1 / -1; grid-row: 2; width: 100% !important;}
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .mast-inner > .brand-note {grid-column: 1; grid-row: 1; justify-self: start;}
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body .mast-inner > .market-jump {grid-column: 3; grid-row: 1;}
}
@media(max-width: 640px) {
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast > .mast-inner, header.header.wrap, header.sx-journal-top, header:has(> a.brand):has(> nav)) {padding-block: 8px !important; min-height: 0; }
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) {display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 4px !important; width: 100% !important;}
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[href], html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details > summary {
    padding: 6px 4px !important; font-size: 14px !important; height: 100%;
  }
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details {min-width: 0;}
}
@media(max-width: 350px) {
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) {grid-template-columns: repeat(2,minmax(0,1fr)) !important;}
}
@media(prefers-reduced-motion: reduce) {
  html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > a[href], html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body :is(.mast-inner > .sx-main-menu, header.header.wrap > nav, header.sx-journal-top > nav, header:has(> a.brand) > nav, .cross-navigation nav[aria-label="Быстрые переходы по сайту"], .cross-navigation nav[aria-label="Переходы в другие разделы"], .cross-navigation nav.cross-extra, nav.skyx-category-navigation, nav.site-nav[aria-label="Разделы SkyX"], header.top > nav[aria-label="Основная навигация"], header > nav[aria-label="Навигация"], footer nav.sx-footer-sections, header:has(> a:first-child > img):has(> a:nth-child(2))) > details > summary {transition:none !important;}
}

html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body header.top:has(> nav[aria-label="Основная навигация"]) { display:grid; justify-items:center; justify-content:center; gap:5px; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body header:has(> a:first-child > img):has(> a:nth-child(2)) { padding-block:10px; }
html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body header:has(> a:first-child > img):has(> a:nth-child(2)) > a:first-child { padding:0 !important; }
@media (max-width:640px) {
 html:root:is(html, #sx-navigation-layout):is(html, #sx-navigation-legacy) body header:has(> a:first-child > img):has(> a:nth-child(2)) > a:first-child {grid-column:1/-1; justify-self:center;}
}
/* Retire the empty space reserved by the old drawer where the drawer is absent. */
html:root body:not(:has(.site-side-nav)) > .site-content { margin-inline: 0 !important; }
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy) body .site-content > .cross-navigation:not(.cross-navigation-bottom) { padding-block: 0 !important; }
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy) body header.header.wrap > a.logo {
  box-sizing: border-box !important; width: 132px !important; height: 74px !important;
}
@media(max-width:1040px){
  html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy) body header.header.wrap > a.logo {width:96px !important;height:54px !important;}
}
/* Product breadcrumbs remain visible on a separate track below the two menu rows. */
html:root body .site-content:has(> header.header):has(> .cross-navigation:first-child .cross-breadcrumb) {
  display: grid; grid-template-columns: minmax(0, 1fr); grid-auto-flow: row;
}
html:root body .site-content:has(> header.header) > .cross-navigation:first-child:has(.cross-breadcrumb),
html:root body .site-content:has(> header.header) > .cross-navigation:first-child:has(.cross-breadcrumb) > .wrap {
  display: contents !important;
}
html:root body .site-content:has(> header.header) > .cross-navigation:first-child:has(.cross-breadcrumb) nav[aria-label="Быстрые переходы по сайту"] {
  grid-row: 1; width: 100%; box-sizing: border-box; background: #f0edf7;
  border-bottom: 1px solid #ded8ed; padding-inline: var(--sx-menu-gutter);
}
html:root body .site-content:has(> .cross-navigation:first-child .cross-breadcrumb) > header.header { grid-row: 2; }
html:root body .site-content:has(> header.header) > .cross-navigation:first-child .cross-breadcrumb {
  grid-row: 3; box-sizing: border-box; width: min(100%, var(--sx-menu-width));
  margin: 0 auto; padding: 6px var(--sx-menu-gutter);
}
html:root:is(html,#sx-navigation-layout):is(html,#sx-navigation-legacy) body .cross-navigation > .wrap { padding-block: 0 !important; }