.zuofun-header__inner{position:relative;top:-8px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"left center right";align-items:center;width:100%;min-height:112px;padding-inline:64px;column-gap:32px;color:inherit}.zuofun-header__left{grid-area:left;display:flex;align-items:center;justify-content:flex-start;min-width:0}.zuofun-header__center{grid-area:center;display:flex;align-items:center;justify-content:center}.zuofun-header__right{grid-area:right;display:flex;align-items:center;justify-content:flex-end;min-width:0}.zuofun-header__drawer,.zuofun-header__mobile-search{display:none}.zuofun-header__menu,.zuofun-header__desktop-search,.zuofun-header__localization{display:flex;align-items:center}@media screen and (min-width:1200px){.zuofun-header__inner{top:0;min-height:88px}.zuofun-header__right{gap:16px}.zuofun-header__center .header-logo__image{width:160px;height:auto;max-height:48px}#header-component .header__underlay-open{height:var(--header-height)!important;background:transparent;box-shadow:none}#header-component .header__underlay-open:after{display:none}#header-component[transparent]{--closed-underlay-height: 100%;--header-logo-display: block;--header-logo-inverse-display: none;--color-foreground: #000;--color-foreground-rgb: 0, 0, 0;--color-border: rgb(0 0 0 / 10%);--color-border-rgb: 0, 0, 0}body.template-index #header-component[transparent]:not([data-sticky-state=active]){--closed-underlay-height: 0px;--header-logo-display: none;--header-logo-inverse-display: block;--color-foreground: #fff;--color-foreground-rgb: 255, 255, 255}.zuofun-header__menu .menu-list .menu-list__link,.zuofun-header__menu .menu-list .menu-list__link--active,.zuofun-header__menu .menu-list .menu-list__list-item:where(:hover,:focus-within)>.menu-list__link{color:var(--menu-top-level-font-color)!important;opacity:1}#header-component[transparent] .zuofun-header__menu .menu-list .menu-list__link{color:#000!important}body.template-index #header-component[transparent]:not([data-sticky-state=active]) .zuofun-header__menu .menu-list .menu-list__link{color:#fff!important}.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item>.menu-list__link .menu-list__link-title{position:relative}.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item>.menu-list__link .menu-list__link-title:after{content:"";position:absolute;right:12px;bottom:-7px;left:12px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item:first-child>.menu-list__link .menu-list__link-title:after{left:0}.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item:where(:hover,:focus-within)>.menu-list__link .menu-list__link-title:after,.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item>.menu-list__link--active .menu-list__link-title:after,.zuofun-header__menu .menu-list>.overflow-menu>.menu-list__list-item>.menu-list__link[aria-expanded=true] .menu-list__link-title:after{transform:scaleX(1)}.zuofun-header__menu .menu-list__list-item:not([slot=overflow])>.menu-list__submenu{top:calc(100% - 24px);left:64px;width:320px;padding:0;clip-path:none;background:transparent}.zuofun-header__menu .menu-list__submenu-inner{display:block;width:100%;padding:8px;overflow:visible;transform:translateY(-6px);background:#fff;border:1px solid rgb(0 0 0 / 10%);border-radius:6px;box-shadow:0 14px 36px #00000024;transition:opacity .18s ease,transform .18s ease}.zuofun-header__menu .menu-list__list-item:has([aria-expanded=true])>.menu-list__submenu .menu-list__submenu-inner,.zuofun-header__menu .menu-list__submenu:hover .menu-list__submenu-inner{transform:translateY(0)}.zuofun-header__menu .mega-menu,.zuofun-header__menu .mega-menu__grid,.zuofun-header__menu .mega-menu__list{display:block;width:100%;margin:0;padding:0}.zuofun-header__menu .mega-menu__column{display:block;width:100%}.zuofun-header__menu .mega-menu__link{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:10px 12px;color:#303030;font-family:Inter,var(--font-body--family),sans-serif;font-size:14px;font-weight:500;line-height:1.4;text-transform:none;border-radius:4px;transition:color .16s ease,background-color .16s ease}.zuofun-header__menu .mega-menu__link:hover,.zuofun-header__menu .mega-menu__link:focus-visible{color:#000;background:#f4f4f2}}@media screen and (min-width:750px)and (max-width:1199px){.zuofun-header__inner{top:0;min-height:80px;padding-inline:24px;column-gap:16px}.zuofun-header__menu,.zuofun-header__mobile-search{display:none}.zuofun-header__drawer,.zuofun-header__desktop-search{display:flex;align-items:center}.zuofun-header__localization{display:none}.zuofun-header__right{gap:10px}#header-component .zuofun-header__localization .dropdown-localization,#header-component .zuofun-header__desktop-search .search-action--hidden-on-drawer{display:flex;align-items:center}#header-component .zuofun-header__right .account-button{display:none!important}.zuofun-header__center .header-logo__image{width:140px;height:auto;max-height:42px}}@media screen and (max-width:749px){.zuofun-header__inner{min-height:64px;padding-inline:12px;column-gap:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.zuofun-header__menu,.zuofun-header__localization,.zuofun-header__desktop-search{display:none}.zuofun-header__drawer,.zuofun-header__mobile-search{display:flex;align-items:center}.zuofun-header__drawer{margin-left:-8px}.zuofun-header__right{gap:0}.zuofun-header__center .header-logo__image{width:110px;height:auto;max-height:35px}.zuofun-header__right .account-button{display:none!important}}@media screen and (min-width:750px){.zuofun-header__menu .menu-list__link{font-family:Inter,var(--font-body--family),sans-serif;font-size:16px;font-weight:700;line-height:1;text-transform:uppercase}.zuofun-header__menu .menu-list__link-title{padding-inline:12px}.zuofun-header__menu .menu-list__list-item:first-child .menu-list__link-title{padding-inline-start:0}.zuofun-header__right{display:flex;align-items:center;justify-content:flex-end;gap:0}.zuofun-header__localization{display:flex;align-items:center;height:44px}.zuofun-header__localization dropdown-localization-component,.zuofun-header__localization .dropdown-localization{display:flex;align-items:center;height:44px}.zuofun-header__localization .dropdown-localization__button{display:flex;align-items:center;justify-content:center;gap:7px;height:44px;margin:0;padding:8px 0;font-family:Inter,var(--font-body--family),sans-serif;font-size:16px;font-weight:550;line-height:1;color:inherit;background:transparent;border:0;box-shadow:none;outline:none}.zuofun-header__localization .icon-flag{display:block;flex:0 0 28px;width:28px;height:28px;margin:0 5px 0 0;border-radius:50%;background-position:center;background-size:cover}.zuofun-header__localization .currency-code,.zuofun-header__localization .currency-symbol{display:inline-block;white-space:nowrap}.zuofun-header__localization .icon-caret{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-left:1px}.zuofun-header__localization .icon-caret svg{display:block;width:14px;height:14px}.zuofun-header__localization:after{content:"";display:block;flex:0 0 1px;width:1px;height:24px;margin-left:24px;margin-right:16px;background-color:rgb(var(--color-foreground-rgb) / 18%)}.zuofun-header__desktop-search{display:flex;align-items:center;justify-content:center;width:28px;min-width:28px;height:28px;margin-right:16px}.zuofun-header__right header-actions{display:flex;align-items:center;gap:16px;margin:0}.zuofun-header__right .account-button{display:flex!important}.zuofun-header__right .account-button,.zuofun-header__right cart-drawer-component{flex:0 0 28px;width:28px;min-width:28px;height:28px;margin:0}.zuofun-header__desktop-search button,.zuofun-header__right .account-button,.zuofun-header__right cart-drawer-component>button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;margin:-8px;padding:8px;color:inherit;background:transparent;border:0;box-shadow:none;outline:none}.zuofun-header__desktop-search svg,.zuofun-header__right .account-button__icon,.zuofun-header__right cart-drawer-component svg{display:block;flex:0 0 28px;width:28px;height:28px;max-width:none;max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/zuofun-header.css.map */