/* 2026-07-05 Store-home-copy revision: light Store-style main header. Dropdown panels and chevron mechanism are intentionally preserved. */
:root {
  --fs-store-copy-active:#8641A9;
  --fs-store-copy-text:#1d1d1f;
  --fs-store-copy-soft:rgba(29,29,31,.78);
  --fs-store-copy-border:rgba(0,0,0,.12);
  --fs-store-copy-header:rgba(255,255,255,1);
  --fs-store-copy-font:-apple-system, "system-ui", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.whb-header,
.whb-header .whb-main-header,
.whb-header .whb-general-header,
.whb-header .whb-header-bottom,
.whb-header .whb-general-header .whb-flex-row,
.whb-header .whb-header-bottom .whb-flex-row {
  background:var(--fs-store-copy-header) !important;
  background-color:var(--fs-store-copy-header) !important;
  color:var(--fs-store-copy-text) !important;
  min-height:54px !important;
  border:0 !important;
  box-shadow:none !important;
}
.whb-header .whb-general-header .container,
.whb-header .whb-general-header-inner {
  min-height:54px !important;
  height:54px !important;
}
.whb-header .whb-general-header-inner {
  position:relative !important;
  display:flex !important;
  align-items:stretch !important;
  overflow:visible !important;
}
.whb-header .whb-general-header-inner::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  background:var(--fs-store-copy-border) !important;
  pointer-events:none !important;
  z-index:10 !important;
}
.whb-header .whb-column8,
.whb-header .whb-column9,
.whb-header .whb-column10 {
  align-self:stretch !important;
  display:flex !important;
  align-items:center !important;
}
.whb-header .whb-column8 { flex:0 0 auto !important; }
.whb-header .whb-column9 { flex:0 1 auto !important; min-width:0 !important; }
.whb-header .whb-column10 { margin-left:auto !important; justify-content:flex-end !important; }
.whb-header .wd-header-text.reset-last-child,
.whb-header .wd-header-text h1,
.whb-header .wd-header-text h2,
.whb-header .wd-header-text h3,
.whb-header .wd-header-text h4 {
  display:flex !important;
  align-items:center !important;
  height:54px !important;
  margin:0 !important;
  line-height:1 !important;
}
.whb-header .wd-header-text h1 a,
.whb-header .wd-header-text a[href="/"],
.whb-header .wd-header-text a[href="https://fashionstar.com.hk/"] {
  display:inline-flex !important;
  align-items:center !important;
  height:54px !important;
  color:var(--fs-store-copy-text) !important;
  font-family:"IBM Plex Sans", Inter, sans-serif !important;
  font-size:20px !important;
  font-weight:700 !important;
  line-height:1 !important;
  letter-spacing:-.015em !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  text-shadow:none !important;
}
.whb-header .wd-header-main-nav {
  align-self:stretch !important;
  display:flex !important;
  align-items:stretch !important;
  height:54px !important;
  min-height:54px !important;
  margin-left:130px !important;
}
.whb-header .wd-header-main-nav .wd-header-nav,
.whb-header .wd-header-main-nav .menu-main-navigation-container,
.whb-header .wd-nav-main {
  display:flex !important;
  align-items:stretch !important;
  height:54px !important;
  min-height:54px !important;
}
.whb-header .wd-nav-main {
  gap:20px !important;
  flex-wrap:nowrap !important;
  white-space:nowrap !important;
}
.whb-header .wd-nav-main > li {
  position:relative !important;
  align-self:stretch !important;
  display:flex !important;
  align-items:stretch !important;
  height:54px !important;
  min-height:54px !important;
  margin:0 !important;
  padding:0 !important;
}
.whb-header .wd-nav-main > li > a {
  position:static !important;
  display:inline-flex !important;
  align-items:center !important;
  min-height:54px !important;
  height:54px !important;
  padding:0 !important;
  color:var(--fs-store-copy-soft) !important;
  font-family:var(--fs-ui-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:15.6px !important;
  text-transform:capitalize !important;
  text-align:start !important;
  text-decoration:none !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  transition:color .16s ease !important;
}
.whb-header .wd-nav-main > li > a .nav-link-text {
  display:inline-flex !important;
  align-items:center !important;
  color:inherit !important;
  font-family:var(--fs-ui-font) !important;
  font-size:15px !important;
  font-weight:600 !important;
  line-height:15.6px !important;
  text-transform:capitalize !important;
}
.whb-header .wd-nav-main > li > a::before,
.whb-header .wd-nav-main > li > a::after,
.whb-header .wd-nav-main.wd-style-underline > li > a::after,
.whb-header .wd-nav-main > li > a .nav-link-text::before {
  display:none !important;
  content:none !important;
  opacity:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transform:none !important;
}
.whb-header .wd-nav-main > li::after {
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:2px !important;
  background:var(--fs-store-copy-active) !important;
  opacity:0 !important;
  transform:scaleX(.58) !important;
  transform-origin:center !important;
  transition:opacity .16s ease, transform .16s ease !important;
  z-index:12 !important;
}
.whb-header .wd-nav-main > li:hover::after,
.whb-header .wd-nav-main > li.current-menu-item::after,
.whb-header .wd-nav-main > li.current-menu-ancestor::after,
.whb-header .wd-nav-main > li.current-product_cat-ancestor::after {
  opacity:1 !important;
  transform:scaleX(1) !important;
}
.whb-header .wd-nav-main > li:hover > a,
.whb-header .wd-nav-main > li.current-menu-item > a,
.whb-header .wd-nav-main > li.current-menu-ancestor > a,
.whb-header .wd-nav-main > li.current-product_cat-ancestor > a {
  color:var(--fs-store-copy-active) !important;
}
.whb-header .wd-nav-main > li.menu-item-has-children > a .nav-link-text::after {
  content:"" !important;
  position:static !important;
  display:inline-block !important;
  flex:0 0 auto !important;
  margin:0 0 0 2px !important;
  padding:0 !important;
  color:currentColor !important;
  font-size:15px !important;
  font-weight:700 !important;
  line-height:1 !important;
  transform:translateY(-1px) !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:auto !important;
  height:auto !important;
  vertical-align:middle !important;
  opacity:1 !important;
}
.whb-header .wd-nav-main > li#menu-item-31565 {
  align-items:center !important;
}
.whb-header .wd-nav-main > li#menu-item-31565::after {
  display:none !important;
  content:none !important;
}
.whb-header .wd-nav-main > li#menu-item-31565 > a {
  align-self:center !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 13px !important;
  border:1px solid rgba(134,65,169,.22) !important;
  border-radius:999px !important;
  background:transparent !important;
  background-color:transparent !important;
  color:var(--fs-store-copy-active) !important;
  box-shadow:none !important;
  gap:1px !important;
}
.whb-header .wd-nav-main > li#menu-item-31565 > a:hover,
.whb-header .wd-nav-main > li#menu-item-31565.current-menu-item > a,
.whb-header .wd-nav-main > li#menu-item-31565.current-menu-ancestor > a {
  border-color:rgba(134,65,169,.34) !important;
  background:rgba(134,65,169,.06) !important;
  background-color:rgba(134,65,169,.06) !important;
  color:var(--fs-store-copy-active) !important;
}
.whb-header .wd-nav-main > li#menu-item-31565 > a .nav-link-text,
.whb-header .wd-nav-main > li#menu-item-31565 > a .nav-link-text::after {
  color:var(--fs-store-copy-active) !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}
.whb-header .wd-tools-element > a,
.whb-header .wd-tools-element .wd-tools-icon,
.whb-header .wd-tools-element .wd-tools-text,
.whb-header .wd-header-search > a,
.whb-header .wd-header-search .wd-tools-icon {
  color:var(--fs-store-copy-soft) !important;
  text-shadow:none !important;
}
.whb-header .wd-button-wrapper .btn[href*="submit-a-ticket"],
.whb-header .wd-button-wrapper .btn[href*="contact"] {
  position:relative !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:28px !important;
  height:28px !important;
  padding:0 13px !important;
  border-radius:999px !important;
  border:1px solid var(--fs-store-copy-active) !important;
  background:var(--fs-store-copy-active) !important;
  background-color:var(--fs-store-copy-active) !important;
  color:#fff !important;
  font-family:var(--fs-ui-font) !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1 !important;
  letter-spacing:.01em !important;
  text-transform:none !important;
  text-shadow:none !important;
  box-shadow:none !important;
  overflow:hidden !important;
  text-decoration:none !important;
}
.whb-header .wd-button-wrapper .btn[href*="submit-a-ticket"]:hover,
.whb-header .wd-button-wrapper .btn[href*="contact"]:hover {
  background:#743492 !important;
  background-color:#743492 !important;
  border-color:#743492 !important;
  color:#fff !important;
  transform:none !important;
  box-shadow:none !important;
}
.whb-header .whb-top-bar { display:none !important; }
@media (max-width:1180px) {
  .whb-header .wd-header-main-nav { margin-left:80px !important; }
  .whb-header .wd-nav-main { gap:16px !important; }
}