:root{--header-height-sp: 65px;--header-height-pc: 120px;--header-padding-sp: 1.5rem;--header-padding-pc: 3rem;--header-bottom-height: 45px}body.overflow-hidden{overflow:hidden}header.header-wrapper,sticky-header.header-wrapper{position:fixed;top:0;left:0;right:0;width:100vw;z-index:50;background-color:rgba(var(--color-background),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--color-foreground),.08);transition:background-color .3s ease}.scrolled-past-header .header-wrapper{background-color:rgba(var(--color-background),.95);box-shadow:0 2px 10px #0000000d}.header__content-wrapper{position:fixed;top:0;left:0;right:0;z-index:100;width:100%;margin:0 auto;padding:0 var(--header-padding-sp);background:#fcfcfc}@media screen and (min-width: 990px){.header__content-wrapper{padding:0 var(--header-padding-pc)}}.header__content-top{display:flex;align-items:center;justify-content:space-between;height:var(--header-height-sp);width:100%}@media screen and (min-width: 990px){.header__content-top{height:calc(var(--header-height-pc) - var(--header-bottom-height))}}.header__content-bottom{height:var(--header-bottom-height);display:none;justify-content:center;align-items:flex-start}@media screen and (min-width: 990px){.header__content-bottom{display:flex}}.header__logo-wrapper{display:block;flex-shrink:0;transition:transform .2s ease-out}.header__logo-wrapper:hover{transform:scale(1.03)}.header__heading-logo{display:block;height:auto;width:100%;max-height:30px}@media screen and (min-width: 990px){.header__heading-logo{max-height:40px}}.header-modern__icons{display:flex;align-items:center;gap:.5rem}.header-modern__icon-link{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:rgb(var(--color-foreground));background:none;border:none;cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s}.header-modern__icon-link:hover{background-color:rgba(var(--color-foreground),.05)}.header-modern__icon-link .icon{width:20px;height:20px;stroke-width:1.5}.header-modern__icon-link--menu{display:none}@media screen and (max-width: 989px){.header-modern__icon-link--menu{display:flex}}#ModernHeader-toggle .icon-hamburger{display:block}#ModernHeader-toggle .icon-close{display:none}.cart-count-bubble{position:absolute;top:4px;right:4px;font-size:1rem;font-weight:500;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));min-width:1.8rem;height:1.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1;transform:scale(0);transition:transform .2s ease;border:2px solid rgb(var(--color-background))}.cart-count-bubble.has-items{transform:scale(1)}.cart-count-bubble span{font-size:1.1rem}.mobile-menu{position:fixed;top:var(--header-height-sp);left:0;width:100%;height:calc(100vh - var(--header-height-sp));background-color:rgba(var(--color-background),.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-menu.is-active{opacity:1;visibility:visible}.mobile-menu__content{padding:2rem var(--header-padding-sp) 3rem;overflow-y:auto;height:100%}.mobile-menu__nav{text-align:left}.modern-nav--mobile .modern-nav__list{display:flex;flex-direction:column;gap:.5rem}.modern-nav--mobile .modern-nav__item .modern-nav__toggle{display:flex;justify-content:space-between;width:100%;background-color:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.05);text-align:left}.modern-nav--mobile .modern-nav__item.is-open>.modern-nav__toggle{background-color:rgba(var(--color-foreground),.06);border-color:rgba(var(--color-foreground),.1)}.modern-nav--mobile .modern-nav__item .modern-nav__toggle .modern-nav__icon{transform:rotate(0)}.modern-nav--mobile .modern-nav__item.is-open>.modern-nav__toggle .modern-nav__icon{transform:rotate(180deg)}.modern-nav--mobile .modern-nav__dropdown{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.25,.46,.45,.94);background-color:rgba(var(--color-foreground),.02);border-radius:0 0 6px 6px;margin-top:-6px;padding-top:6px}.modern-nav--mobile .modern-nav__dropdown-list{padding:.5rem;display:flex;flex-direction:column;gap:.2rem}.modern-nav--mobile .modern-nav__dropdown-list a{padding:.8rem 1.2rem;font-size:1.3rem}.modern-nav{height:100%}.modern-nav__list{display:flex;justify-content:center;align-items:center;gap:.8rem;height:100%;flex-wrap:wrap}.modern-nav__item{position:relative}.modern-nav__item a,.modern-nav__item button{display:flex;align-items:center;padding:1rem 1.2rem;font-size:1.4rem;font-weight:500;text-decoration:none;color:rgb(var(--color-foreground));background:none;border:none;cursor:pointer;transition:color .2s ease,background-color .2s ease;border-radius:6px}.modern-nav__item>a:hover,.modern-nav__item>button:hover{color:rgb(var(--color-link));background-color:rgba(var(--color-foreground),.04)}.modern-nav__icon{width:1.4rem;height:1.4rem;margin-left:.8rem;stroke-width:1.5;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@media screen and (min-width: 990px){.modern-nav__list{flex-wrap:nowrap;white-space:nowrap}.modern-nav__dropdown{display:block;position:absolute;top:100%;left:0;min-width:220px;padding:.8rem;background-color:rgb(var(--color-background));border-radius:8px;box-shadow:var(--media-shadow-horizontal-offset) var(--media-shadow-vertical-offset) var(--media-shadow-blur-radius) rgba(var(--color-shadow),var(--media-shadow-opacity));border:1px solid rgba(var(--color-foreground),.08);z-index:10;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.modern-nav__item.is-open>.modern-nav__dropdown{opacity:1;visibility:visible;transform:translateY(0)}}.modern-nav__dropdown-list{list-style:none;padding:0;margin:0}.header-modern__spacer{flex-grow:1}#MainContent{margin-top:var(--header-height-sp)}@media screen and (min-width: 990px){#MainContent{margin-top:var(--header-height-pc)}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-header-modern.css.map */
