.ly-global-header {
background: #ffffff;
border-bottom: 1px solid #d9dee7;
box-shadow: none;
backdrop-filter: none;
-webkit-backdrop-filter: none;
} .ly-global-header .ly-header-menu__link,
.ly-global-header .ly-header-menu__trigger {
color: #111827;
}
.ly-global-header .ly-header-menu__link:hover,
.ly-global-header .ly-header-menu__link:focus-visible,
.ly-global-header .ly-header-menu__link[aria-current="page"],
.ly-global-header .ly-header-menu__trigger:hover,
.ly-global-header .ly-header-menu__trigger:focus-visible,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger {
background: transparent;
color: #3e63dd;
box-shadow: none;
}
.ly-global-header .ly-header-menu__link::after,
.ly-global-header .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu__link[aria-current="page"]::after,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger::after {
background: #3e63dd;
height: 2px;
} .ly-global-header .ly-header-menu__dropdown {
background: #ffffff;
border: 1px solid #d9dee7;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}
.ly-global-header .ly-header-menu__dropdown a:hover,
.ly-global-header .ly-header-menu__dropdown a:focus-visible,
.ly-global-header .ly-header-menu__dropdown a[aria-current="page"],
.ly-global-header .ly-header-menu__dropdown a.ly-header-menu__item[aria-current="page"] {
background: transparent;
color: #3e63dd;
} .ly-global-header .ly-header-action,
.ly-global-header .ly-header-account,
.ly-global-header .ly-header-account-compact,
.ly-global-header .ly-header-qq__trigger {
border-radius: 10px;
box-shadow: none;
} .ly-global-header .ly-header-action--wecom {
background: #16243a;
color: #ffffff;
box-shadow: none;
}
.ly-global-header .ly-header-action--wecom:hover,
.ly-global-header .ly-header-action--wecom:focus-visible {
background: #0f1b2c;
color: #ffffff;
box-shadow: none;
transform: none;
}
.ly-global-header .ly-header-action--wecom > span {
background: #ffffff;
box-shadow: none;
} .ly-global-header .ly-header-qq__trigger,
.ly-global-header .ly-header-qq.is-open .ly-header-qq__trigger {
background: #ffffff;
border: 1px solid #d9dee7;
color: #111827;
box-shadow: none;
transform: none;
}
.ly-global-header .ly-header-qq__trigger:hover,
.ly-global-header .ly-header-qq__trigger:focus-visible {
background: #ffffff;
border-color: #c4cbd6;
color: #111827;
box-shadow: none;
transform: none;
} .ly-global-header .ly-header-account,
.ly-global-header .ly-header-account-compact,
.ly-global-header .ly-header-account-menu.is-open .ly-header-account__trigger {
background: #ffffff;
border: 1px solid #d9dee7;
color: #111827;
box-shadow: none;
transform: none;
}
.ly-global-header .ly-header-account:hover,
.ly-global-header .ly-header-account:focus-visible,
.ly-global-header .ly-header-account-compact:hover,
.ly-global-header .ly-header-account-compact:focus-visible {
background: #ffffff;
border-color: #c4cbd6;
color: #111827;
box-shadow: none;
transform: none;
} .ly-global-header .ly-header-qq__card,
.ly-global-header .ly-header-account-menu__dropdown {
background: #ffffff;
border: 1px solid #d9dee7;
border-radius: 12px;
box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
}
.ly-global-header .ly-header-account-menu__dropdown a:hover,
.ly-global-header .ly-header-account-menu__dropdown a:focus-visible {
background: #eef1f4;
color: #16243a;
} .ly-global-header a:focus-visible,
.ly-global-header button:focus-visible,
.ly-global-header input:focus-visible {
outline: 2px solid #3e63dd;
outline-offset: 2px;
box-shadow: none;
} .ly-global-header .ly-global-header__nav {
justify-content: center;
gap: clamp(22px, 2.2vw, 32px);
}
.ly-global-header .ly-header-menu__link,
.ly-global-header .ly-header-menu__trigger {
padding: 0 2px;
border: 0;
background: transparent;
color: #344054;
font-size: 15px;
font-weight: 550;
}
.ly-global-header .ly-header-menu__link:hover,
.ly-global-header .ly-header-menu__link:focus-visible,
.ly-global-header .ly-header-menu__link[aria-current="page"],
.ly-global-header .ly-header-menu__trigger:hover,
.ly-global-header .ly-header-menu__trigger:focus-visible,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger {
background: transparent;
color: #111827;
}
.ly-global-header .ly-header-menu__link::after,
.ly-global-header .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu__link[aria-current="page"]::after,
.ly-global-header .ly-header-menu.is-current .ly-header-menu__trigger::after,
.ly-global-header .ly-header-menu.is-open .ly-header-menu__trigger::after {
background: #16243a;
border-radius: 0;
height: 2px;
}
.ly-global-header .ly-header-menu__dropdown {
width: 260px;
padding: 8px;
border: 1px solid #e4e7ec;
border-radius: 12px;
background: #ffffff;
box-shadow: 0 12px 28px rgba(17, 24, 39, 0.08);
backdrop-filter: none;
-webkit-backdrop-filter: none;
}
.ly-global-header .ly-header-menu__dropdown a {
min-height: 42px;
padding: 9px 10px;
border-radius: 8px;
color: #344054;
font-size: 14px;
font-weight: 550;
}
.ly-global-header .ly-header-menu__dropdown a:hover,
.ly-global-header .ly-header-menu__dropdown a:focus-visible,
.ly-global-header .ly-header-menu__dropdown a[aria-current="page"] {
background: #f7f7f5;
color: #111827;
}
.ly-global-header .ly-header-menu__icon {
display: inline-flex;
align-items: center;
color: #98a2b3;
} .ly-global-header .ly-header-action--contact {
border: 0;
border-radius: 10px;
background: #16243a;
color: #ffffff;
box-shadow: none;
}
.ly-global-header .ly-header-action--contact:hover,
.ly-global-header .ly-header-action--contact:focus-visible {
background: #0f1b2c;
color: #ffffff;
box-shadow: none;
}
.ly-global-header .ly-header-icon__count {
margin-left: 5px;
font-size: 11px;
font-weight: 700;
font-style: normal;
color: #16243a;
} .ly-global-header .ly-header-cart {
display: inline-flex;
align-items: center;
}
.ly-global-header .ly-header-cart.is-empty {
display: none;
}