.header-spacer{ height:var(--lucky-header-h); }
.site-header.sticky{
  position:fixed;
  inset:0 0 auto;
  z-index:1200;
  height:var(--lucky-header-h);
  color:var(--header-link);
  background:var(--header-bg);
  border-top:2px solid var(--chrome-border);
  border-bottom:1px solid var(--header-border);
  box-shadow:0 10px 30px rgba(0,0,0,.50);
  backdrop-filter:blur(16px);
}
.header-inner{
  height:var(--lucky-header-h);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(10px,1.25vw,22px);
}
.brand,.brand .logo{ display:flex; align-items:center; min-width:0; }
.brand .logo{ line-height:0; }
.brand{ flex:0 0 auto; }
.brand .custom-logo{
  display:block;
  width:min(238px,20vw);
  height:auto;
  max-height:54px;
  object-fit:contain;
  border-radius:0;
  box-shadow:0 10px 22px rgba(0,0,0,.26);
}
.logo-text{ color:var(--chrome-heading); font-weight:950; letter-spacing:.02em; }
.site-nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(6px,.9vw,14px);
}
.site-nav .menu{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:clamp(2px,.45vw,7px);
  margin:0;
  padding:0;
  list-style:none;
  background:transparent;
}
.site-nav .menu > li{ position:relative; flex:0 0 auto; }
.site-nav .menu > li > a,
.site-nav .menu a{
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:0 clamp(9px,.72vw,13px);
  border-radius:12px;
  color:var(--header-link);
  font-size:1rem;
  font-weight:850;
  line-height:1.1;
  white-space:nowrap;
  transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.site-nav .menu > li > a:hover,
.site-nav .menu > li.current-menu-item > a,
.site-nav .menu > li.current_page_item > a,
.site-nav .menu > li.current-menu-ancestor > a{
  color:var(--chrome-heading);
  background:var(--chrome-active-bg);
  box-shadow:inset 0 -2px 0 var(--chrome-heading);
}
.site-nav .sub-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width:210px;
  margin:0;
  padding:8px;
  list-style:none;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  color:var(--header-link);
  background:var(--chrome-menu-bg);
  border:1px solid var(--chrome-border);
  border-radius:16px;
  box-shadow:0 22px 50px rgba(0,0,0,.38);
  transition:opacity .16s ease,transform .16s ease,visibility .16s ease;
}
.site-nav .menu > li:hover > .sub-menu,
.site-nav .menu > li:focus-within > .sub-menu{ opacity:1; visibility:visible; transform:translateY(0); }
.site-nav .sub-menu a{
  justify-content:flex-start;
  min-height:38px;
  padding:9px 11px;
  white-space:normal;
}
.header-download-link.btn-download{
  flex:0 0 auto;
  gap:10px;
  min-width:max-content;
  min-height:42px;
  padding:0 clamp(15px,1.35vw,23px);
  border-radius:10px;
  white-space:nowrap;
}
.header-download-link .menu-item-icon{ color:var(--header-download-icon-color,currentColor); }
.hamburger{
  display:none;
  width:46px;
  height:46px;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  border:1px solid var(--chrome-border);
  border-radius:14px;
  color:var(--chrome-heading);
  background:var(--chrome-active-bg);
  cursor:pointer;
}
#mobile-drawer.drawer{ position:fixed; inset:0; z-index:1190; pointer-events:none; }
#mobile-drawer .drawer-backdrop{
  position:fixed;
  inset:var(--lucky-header-h) 0 0;
  opacity:0;
  z-index:1;
  background:var(--chrome-overlay-bg);
  backdrop-filter:none;
  transition:opacity .18s ease;
}
#mobile-drawer .drawer-panel{
  position:fixed;
  z-index:2;
  top:var(--lucky-header-h);
  left:0;
  right:0;
  max-height:calc(100dvh - var(--lucky-header-h));
  overflow:auto;
  color:var(--header-link);
  background:var(--chrome-menu-bg);
  border-bottom:1px solid var(--chrome-border);
  border-radius:0 0 22px 22px;
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  transform:translateY(-12px);
  opacity:0;
  visibility:hidden;
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
}
.drawer-open #mobile-drawer{ pointer-events:auto; }
.drawer-open #mobile-drawer .drawer-backdrop{ opacity:1; }
.drawer-open #mobile-drawer .drawer-panel{ opacity:1; visibility:visible; transform:translateY(0); }
.site-nav .menu a .menu-item-label,
.drawer-menu a .menu-item-label{ display:inline-flex; align-items:center; justify-content:center; gap:10px; min-width:0; line-height:1.1; }
.site-nav .menu a .menu-item-icon,
.drawer-menu a .menu-item-icon,
.header-download-link .menu-item-icon,
.drawer-download-link .menu-item-icon{ width:1.2em; height:1.2em; line-height:0; }
.site-nav .menu a .menu-item-text,
.drawer-menu a .menu-item-text,
.header-download-link .menu-item-text,
.drawer-download-link .menu-item-text{ line-height:1.1; }
.drawer-head{
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(18px,4.5vw,26px);
  border-bottom:1px solid var(--chrome-border-soft);
}
.drawer-title{ color:var(--entry-h1-text); font-weight:900; }
.drawer-close{
  width:42px;
  height:42px;
  border:0;
  color:var(--chrome-heading);
  background:transparent;
  font-size:28px;
  line-height:1;
  cursor:pointer;
}
.drawer-menu,.drawer-nav ul{ margin:0; padding:0; list-style:none; }
.drawer-menu a,.drawer-nav a{
  min-height:50px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:13px clamp(18px,4.5vw,26px);
  color:var(--header-link);
  border-bottom:1px solid var(--chrome-border-soft);
  font-weight:820;
}
.drawer-menu a:hover,
.drawer-menu :is(li.current-menu-item>a,li.current_page_item>a,li.current-menu-ancestor>a){
  color:var(--chrome-heading);
  background:var(--chrome-active-bg);
}
.drawer-menu .sub-menu{ display:none; padding-left:14px; background:var(--chrome-overlay-soft); }
.drawer-menu .is-open > .sub-menu{ display:block; }
.submenu-toggle{
  position:absolute;
  right:16px;
  margin-top:-45px;
  width:38px;
  height:38px;
  border:0;
  color:var(--chrome-heading);
  background:transparent;
}
.submenu-toggle__icon::before{ content:"+"; font-weight:900; }
.is-open > .submenu-toggle .submenu-toggle__icon::before{ content:"−"; }
.drawer-download-link.btn-download{ margin:16px clamp(18px,4.5vw,26px) 20px; }

@media (min-width:1024px){
  .site-nav .menu > li > a,
  .site-nav .menu a{
    gap:clamp(8px,.62vw,11px);
    padding-inline:clamp(7px,.62vw,13px);
    font-size:1rem;
  }
  .header-download-link.btn-download{ padding-inline:clamp(13px,1vw,23px); }
}
@media (min-width:768px) and (max-width:1023px){
  .site-nav{ display:none; }
  .hamburger{ display:inline-flex; }
  .site-header.sticky > .container.header-inner{ width:100%; max-width:100%; padding:0 clamp(16px,3vw,24px); }
  .site-header.sticky .brand{ max-width:calc(100% - 68px); }
  .site-header.sticky .brand .custom-logo{ width:min(220px,calc(100vw - 100px)); height:auto; max-height:50px; }
}
@media (max-width:767px){
  .site-nav{ display:none; }
  .hamburger{ display:inline-flex; width:44px; height:44px; }
  .site-header.sticky > .container.header-inner{ width:100%; max-width:100%; padding:0 clamp(14px,4vw,22px); }
  .site-header.sticky .brand{ max-width:calc(100% - 64px); }
  .site-header.sticky .brand .custom-logo{ width:min(190px,calc(100vw - 92px)); height:auto; max-height:46px; }
}