dth: 0;
}
body.bd-site-shell .main-mnu-list {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2px;
width: auto;
flex-wrap: nowrap;
white-space: nowrap;
}
body.bd-site-shell .main-mnu-list > li,
body.bd-site-shell .main-mnu-list > li:hover,
body.bd-site-shell .main-mnu-list > li:focus-within,
body.bd-site-shell .main-mnu-list > li > a,
body.bd-site-shell .main-mnu-list > li > a:hover,
body.bd-site-shell .main-mnu-list > li > a:focus,
body.bd-site-shell .main-mnu-list li ul a,
body.bd-site-shell .main-mnu-list li ul a:hover {
top: auto !important;
bottom: auto !important;
left: auto !important;
right: auto !important;
transform: none !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body.bd-site-shell .main-mnu-list > li {
position: relative;
padding-bottom: 14px;
margin-bottom: -14px;
flex: 0 0 auto;
}
body.bd-site-shell .main-mnu-list > li > a {
min-height: 48px;
padding: 0 12px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
white-space: nowrap;
border-radius: 999px;
background: transparent;
font-size: 16px;
}
body.bd-site-shell .main-mnu-list > li > a > div {
display: inline-flex;
align-items: center;
gap: 8px;
}
body.bd-site-shell .main-mnu-list > li > a i.material-icons {
font-size: 20px;
line-height: 1;
}
body.bd-site-shell .main-mnu-list > li::after {
content: "";
position: absolute;
left: 0;
right: 0;
top: 100%;
height: 14px;
}
body.bd-site-shell .main-mnu-list > li > ul,
body.bd-site-shell .main-mnu-list > li > .sub-menu {
top: calc(100% + 2px);
left: 0;
min-width: 240px;
padding: 12px;
border-radius: 22px;
opacity: 0;
visibility: hidden;
pointer-events: none;
transform: none;
transition: opacity 180ms ease, visibility 180ms ease;
}
body.bd-site-shell .main-mnu-list > li:hover > ul,
body.bd-site-shell .main-mnu-list > li:hover > .sub-menu,
body.bd-site-shell .main-mnu-list > li:focus-within > ul,
body.bd-site-shell .main-mnu-list > li:focus-within > .sub-menu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li + li {
margin-top: 6px;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a {
min-height: 46px;
justify-content: flex-start;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul {
left: 50%;
top: calc(100% + 2px);
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu):hover > ul,
body.bd-site-shell .main-mnu-list > li:not(.mega-menu):focus-within > ul {
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu {
position: absolute;
left: 50%;
top: calc(100% + 2px);
width: min(980px, calc(100vw - 48px));
min-width: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
padding: 24px;
border-radius: 28px;
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list .mega-menu {
position: static !important;
}
body.bd-site-shell .main-mnu-list .mega-menu:hover > .sub-menu,
body.bd-site-shell .main-mnu-list .mega-menu:focus-within > .sub-menu {
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li {
margin: 0;
padding: 0;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a {
min-height: auto;
justify-content: flex-start;
padding: 10px 12px;
margin-bottom: 8px;
color: var(--bd-header-ink);
font-size: 0.98rem;
font-weight: 600;
border-radius: 14px;
background: rgba(37, 99, 235, 0.04);
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a > div {
display: none !important;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul {
position: static;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: transparent;
box-shadow: none;
backdrop-filter: none;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: none;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul::before {
content: none;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li + li {
margin-top: 4px;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a {
min-height: 40px;
padding: 0 12px;
margin: 0 !important;
justify-content: flex-start;
border-radius: 12px;
color: #475569;
font-weight: 500;
background-position: 0 0 !important;
background-size: auto !important;
letter-spacing: normal !important;
text-indent: 0 !important;
}
body.bd-site-shell .main-mnu-list li ul ul {
left: 50% !important;
top: calc(100% + 2px) !important;
min-width: 220px;
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list li ul li:hover > ul,
body.bd-site-shell .main-mnu-list li ul li:focus-within > ul {
transform: translateX(-50%) !important;
}
body.bd-site-shell .bd-nav-tools {
flex: 0 0 auto;
display: flex;
align-items: center;
margin-left: 0;
}
body.bd-site-shell .header-actions {
display: flex;
align-items: center;
margin: 0;
}
body.bd-site-shell .header-search {
display: flex;
align-items: center;
justify-content: center;
}
body.bd-site-shell button.header-action-icon.header-search-ico {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
margin: 0;
line-height: 0;
border-radius: 0;
box-sizing: content-box;
background: transparent;
box-shadow: none;
border: 0;
}
body.bd-site-shell .header-search-ico-search,
body.bd-site-shell .header-search-ico-close {
inset: 0;
display: flex;
align-items: center;
justify-content: center;
font-size: 28px;
line-height: 1;
}
body.bd-site-shell .header-search-ico .material-icons {
width: 28px;
height: 28px;
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
}
.header-search-form .container {
width: 100%;
max-width: none;
margin: 0 auto;
padding: 0;
}
.header-search-dialog {
position: fixed;
left: 50%;
top: 50%;
width: min(640px, calc(100vw - 32px));
padding: 28px;
border: 1px solid rgba(226, 232, 240, 0.96);
border-radius: 28px;
background: #ffffff;
box-shadow: 0 28px 70px rgba(15, 23, 42, 0.22);
transform: translate(-50%, -50%) !important;
}
.header-search-top {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin-bottom: 18px;
}
.header-search-title {
margin: 0;
color: var(--bd-header-ink);
font-size: 1.5rem;
font-weight: 800;
line-height: 1.1;
}
.header-search-dismiss {
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(37, 99, 235, 0.08);
color: var(--bd-header-primary);
cursor: pointer;
}
.header-search-dismiss .material-icons {
font-size: 22px;
line-height: 1;
}
.header-search-hint {
margin: 0 0 18px;
color: var(--bd-header-muted);
font-size: 0.98rem;
line-height: 1.7;
}
.header-search-btn:hover,
.header-search-btn:focus-visible {
box-shadow: 0 18px 36px rgba(37, 99, 235, 0.34);
filter: brightness(1.05);
transform: translateY(-50%) scale(1.02);
outline: none;
}
/* ============================================================
核心隔离：完全消除外部CSS对导航的一切位移干扰
============================================================ */
/* 顶层菜单项 — 禁止所有位移 */
html body.bd-site-shell .main-mnu-list > li,
html body.bd-site-shell .main-mnu-list > li:hover,
html body.bd-site-shell .main-mnu-list > li:focus-within {
transform: none !important;
translate: none !important;
top: auto !important;
bottom: auto !important;
margin-top: 0 !important;
margin-bottom: 0 !important;
animation: none !important;
}
/* 顶层菜单链接 — 禁止所有位移 */
html body.bd-site-shell .main-mnu-list > li > a,
html body.bd-site-shell .main-mnu-list > li > a:hover,
html body.bd-site-shell .main-mnu-list > li > a:focus,
html body.bd-site-shell .main-mnu-list > li:hover > a,
html body.bd-site-shell .main-mnu-list > li:focus-within > a {
transform: none !important;
translate: none !important;
top: auto !important;
bottom: auto !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
animation: none !important;
box-shadow: none !important;
}
/* 子菜单 li — 完全静止，overflow hidden 裁剪任何溢出背景 */
html body.bd-site-shell .main-mnu-list li ul li,
html body.bd-site-shell .main-mnu-list li ul li:hover,
html body.bd-site-shell .main-mnu-list li ul li:focus-within {
position: relative !important;
top: 0 !important;
bottom: auto !important;
transform: none !important;
translate: none !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
overflow: hidden !important;
animation: none !important;
}
/* 子菜单链接 — 严格固定，禁止 padding/top 引起的偏移 */
html body.bd-site-shell .main-mnu-list li ul li > a,
html body.bd-site-shell .main-mnu-list li ul li > a:hover,
html body.bd-site-shell .main-mnu-list li ul li:hover > a,
html body.bd-site-shell .main-mnu-list li ul li:focus-within > a {
display: flex !important;
align-items: center !important;
position: relative !important;
top: 0 !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
transform: none !important;
translate: none !important;
margin: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
animation: none !important;
box-shadow: none !important;
min-height: 40px !important;
height: auto !important;
line-height: normal !important;
vertical-align: middle !important;
padding-left: 12px !important;
padding-right: 12px !important;
margin-left: 0 !important;
margin-right: 0 !important;
justify-content: flex-start !important;
text-indent: 0 !important;
letter-spacing: normal !important;
background-position: 0 0 !important;
background-size: auto !important;
}
/* 子菜单容器 — 锁定字号防止页面样式污染 */
html body.bd-site-shell .main-mnu-list li ul {
font-size: 14px !important;
}
/* 头部所有文字元素字号锁定 */
html body.bd-site-shell .main-mnu-list > li > a,
html body.bd-site-shell .main-mnu-list > li > a > span {
font-size: 16px !important;
line-height: 1.4 !important;
}
html body.bd-site-shell .header-top-info a,
html body.bd-site-shell .header-top-info span {
font-size: 14px !important;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu),
body.bd-site-shell .main-mnu-list .mega-menu {
position: relative !important;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul {
left: 50% !important;
right: auto !important;
top: calc(100% + 2px) !important;
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list > li:not(.mega-menu):hover > ul,
body.bd-site-shell .main-mnu-list > li:not(.mega-menu):focus-within > ul {
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu {
left: 50% !important;
right: auto !important;
top: calc(100% + 2px) !important;
width: min(920px, calc(100vw - 48px)) !important;
min-width: 0 !important;
transform: translateX(-50%) !important;
}
body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul {
position: static !important;
left: auto !important;
top: auto !important;
transform: none !important;
}
body.bd-site-shell .main-mnu-list li ul ul {
left: 50% !important;
right: auto !important;
top: calc(100% + 2px) !important;
min-width: 220px !important;
transform: translateX(-50%) !important;
}
body.bd-site-shell .header-search {
position: static !important;
}
/* 遮罩层：只做背景，不参与居中布局 */
body.bd-site-shell .header-search-form {
position: fixed !important;
inset: 0 !important;
display: block !important;
padding: 0 !important;
background: rgba(8, 15, 28, 0.56) !important;
backdrop-filter: none !important;
opacity: 0;
visibility: hidden;
pointer-events: none;
z-index: 1400 !important;
}
/* 模糊背景改用伪元素，避免 backdrop-filter 产生新包含块干扰子元素定位 */
body.bd-site-shell .header-search-form::before {
content: "" !important;
position: fixed !important;
inset: 0 !important;
backdrop-filter: blur(12px) !important;
-webkit-backdrop-filter: blur(12px) !important;
pointer-events: none !important;
z-index: 0 !important;
}
body.bd-site-shell .header-search.is-open .header-search-form {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
/* container 清空所有布局干扰 */
body.bd-site-shell .header-search-form .container {
all: unset !important;
display: block !important;
}
/* 弹窗直接 fixed 到视口正中央，不依赖任何父级布局 */
body.bd-site-shell .header-search-dialog {
position: fixed !important;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%) !important;
width: min(620px, calc(100vw - 32px)) !important;
margin: 0 !important;
z-index: 1401 !important;
padding: 32px !important;
border-radius: 24px !important;
background: #ffffff !important;
border: 1px solid rgba(226, 232, 240, 0.92) !important;
box-shadow: 0 32px 80px rgba(15, 23, 42, 0.28), 0 0 0 1px rgba(37, 99, 235, 0.06) !important;
}
/* 导航最终重写：保留现站风格，但统一字重、字号和交互 */
html body.bd-site-shell .header-top-links .btn-group-outer span {
font-family: var(--font-family), sans-serif !important;
font-weight: 400 !important;
letter-spacing: 0.01em !important;
}
html body.bd-site-shell .main-mnu-list {
gap: 6px !important;
}
html body.bd-site-shell .header-top-info a,
html body.bd-site-shell .header-top-info span,
html body.bd-site-shell .main-mnu-list > li > a,
html body.bd-site-shell .main-mnu-list > li > a > span,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a > span,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a > span {
font-family: var(--font-family), sans-serif !important;
font-style: normal !important;
letter-spacing: 0 !important;
}
html body.bd-site-shell .main-mnu-list > li > a,
html body.bd-site-shell .main-mnu-list > li > a > span {
font-size: 18px !important;
font-weight: 400 !important;
letter-spacing: 0 !important;
}
html body.bd-site-shell .main-mnu-list > li > a {
min-height: 50px !important;
padding: 0 14px !important;
border-radius: 999px !important;
}
html body.bd-site-shell .main-mnu-list > li > a:hover,
html body.bd-site-shell .main-mnu-list > li:hover > a,
html body.bd-site-shell .main-mnu-list > li:focus-within > a {
background: rgba(37, 99, 235, 0.08) !important;
color: var(--bd-header-primary) !important;
box-shadow: none !important;
}
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu {
width: min(980px, calc(100vw - 56px)) !important;
padding: 22px 22px 24px !important;
gap: 20px !important;
border-radius: 30px !important;
background: rgba(255, 255, 255, 0.99) !important;
border: 1px solid rgba(226, 232, 240, 0.96) !important;
box-shadow: 0 28px 60px rgba(15, 23, 42, 0.14) !important;
}
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a {
min-height: 50px !important;
padding: 0 16px !important;
margin-bottom: 10px !important;
border-radius: 16px !important;
background: linear-gradient(180deg, #f3f7fb 0%, #eff5fb 100%) !important;
color: #1f3144 !important;
font-size: 0.95rem !important;
font-weight: 500 !important;
transform: none !important;
translate: none !important;
}
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > a:hover,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li:hover > a,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li:focus-within > a {
background: linear-gradient(180deg, #eef4fb 0%, #e9f1fb 100%) !important;
color: var(--bd-header-primary) !important;
transform: none !important;
translate: none !important;
}
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a,
html body.bd-site-shell .main-mnu-list li ul li > a,
html body.bd-site-shell .main-mnu-list li ul li > a:hover,
html body.bd-site-shell .main-mnu-list li ul li:hover > a,
html body.bd-site-shell .main-mnu-list li ul li:focus-within > a {
min-height: 42px !important;
padding: 0 12px !important;
margin: 0 !important;
border-radius: 12px !important;
font-size: 0.92rem !important;
font-weight: 400 !important;
line-height: 1.45 !important;
color: #425469 !important;
background: transparent !important;
transform: none !important;
translate: none !important;
text-indent: 0 !important;
background-position: 0 0 !important;
background-size: auto !important;
box-shadow: none !important;
}
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul a:hover,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li:hover > a,
html body.bd-site-shell .main-mnu-list .mega-menu > .sub-menu > li > ul li:focus-within > a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a:hover,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover > a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within > a {
color: var(--bd-header-primary) !important;
background: rgba(37, 99, 235, 0.07) !important;
transform: none !important;
translate: none !important;
padding-left: 12px !important;
padding-right: 12px !important;
}
html body.bd-site-shell .main-mnu-list > li > a::after,
html body.bd-site-shell .main-mnu-list > li > a > span,
html body.bd-site-shell .main-mnu-list li ul a::after,
html body.bd-site-shell .main-mnu-list li ul a > span {
transform: none !important;
translate: none !important;
}
html body.bd-site-shell .main-mnu-list > li:hover > a > span,
html body.bd-site-shell .main-mnu-list > li.active > a > span,
html body.bd-site-shell .main-mnu-list > li.current-lang > a > span,
html body.bd-site-shell .main-mnu-list > li > ul li:hover > a > span,
html body.bd-site-shell .main-mnu-list > li > ul li.active > a > span {
transform: none !important;
translate: none !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul {
padding: 10px !important;
border-radius: 24px !important;
overflow: visible !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul::before,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul::after,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li::before,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li::after,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a::before,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a::after,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span::before,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span::after {
content: none !important;
display: none !important;
background: none !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within {
margin: 0 !important;
padding: 0 !important;
overflow: visible !important;
background: transparent !important;
transform: none !important;
translate: none !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li + li {
margin-top: 6px !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a:hover,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:hover > a,
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul li:focus-within > a {
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
min-height: 44px !important;
padding: 0 14px !important;
border-radius: 14px !important;
line-height: 1.35 !important;
white-space: normal !important;
background-image: none !important;
background-clip: padding-box !important;
}
html body.bd-site-shell .main-mnu-list > li:not(.mega-menu) > ul a > span {
display: block !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
position: static !important;
top: auto !important;
left: auto !important;
transform: none !important;
translate: none !important;
line-height: 1.35 !important;
text-indent: 0 !important;
background: none !important;
box-shadow: none !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade {
position: relative !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade > ul,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade > .sub-menu {
left: 50% !important;
right: auto !important;
top: calc(100% + 2px) !important;
min-width: 220px !important;
width: max-content !important;
max-width: 320px !important;
transform: translateX(-50%) !important;
overflow: visible !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:hover > ul,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:hover > .sub-menu,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:focus-within > ul,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade:focus-within > .sub-menu {
transform: translateX(-50%) !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item {
position: relative !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item > a,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:hover,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:hover > a,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-item:focus-within > a {
transform: none !important;
translate: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
text-indent: 0 !important;
background-position: 0 0 !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li > a,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li > a,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4 > li > a {
justify-content: space-between !important;
padding-right: 16px !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4 {
position: absolute !important;
left: calc(100% + 20px) !important;
right: auto !important;
top: 0 !important;
min-width: 220px !important;
width: max-content !important;
max-width: 320px !important;
margin: 0 !important;
padding: 12px !important;
border: 1px solid rgba(226, 232, 240, 0.96) !important;
border-radius: 22px !important;
background: rgba(255, 255, 255, 0.985) !important;
box-shadow: var(--bd-header-shadow-strong) !important;
backdrop-filter: blur(18px) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
transform: none !important;
overflow: visible !important;
z-index: 80 !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3::before,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-4::before {
content: "" !important;
position: absolute !important;
left: -24px !important;
top: 0 !important;
width: 28px !important;
height: 100% !important;
background: transparent !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li:hover > .bd-products-level-3,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li:focus-within > .bd-products-level-3,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li:hover > .bd-products-level-4,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li:focus-within > .bd-products-level-4 {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
}
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-2 > li::after,
html body.bd-site-shell .main-mnu-list > li.bd-products-cascade .bd-products-level-3 > li::after {
right: -20px !important;
width: 28px !important;
}
@media (max-width: 1399px) {
.main-mnu-list > li > a {
padding: 0 10px;
font-size: 14px;
}
}
@media (max-width: 1199px) {
.header-top {
display: none;
}
body.bd-site-shell .bd-nav-shell {
min-height: 74px;
gap: 14px;
}
body.bd-site-shell .bd-nav-mobile {
display: flex;
align-items: center;
}
body.bd-site-shell .bd-nav-main {
display: none;
}
.header-search-form {
padding: 24px 20px;
}
}
@media (max-width: 767px) {
.header-fixed .container {
width: min(calc(100% - 20px), 1280px) !important;
max-width: 1280px !important;
}
button.header-action-icon.header-search-ico {
width: 24px;
height: 24px;
}
.header-search-form {
padding: 18px 16px;
}
.header-search-panel {
width: auto;
}
.header-search-dialog {
width: min(100vw - 32px, 640px);
padding: 22px;
border-radius: 22px;
}
.header-search-copy h3 {
font-size: 1.4rem;
}
.header-search-form .form-field {
min-height: 76px;
padding: 18px 72px 14px 18px;
border-radius: 20px;
}
.header-search-form .form-field-label {
left: 18px;
}
.header-search-form .form-field-input {
font-size: 1rem;
}
.header-search-btn {
right: 12px;
width: 48px;
height: 48px;
border-radius: 14px;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;
}
.bd-skip-link,
.header-fixed,
.header-fixed::before,
.main-mnu-list > li > a,
.main-mnu-list > li > ul,
.main-mnu-list > li > .sub-menu,
button.header-action-icon.header-search-ico,
.header-search-ico-search,
.header-search-ico-close,
.header-search-form,
.header-search-btn {
transition: none;
}
}
Skip to content