:root{--z-index-header: 1000;--z-index-mobile-menu: 1001;--z-index-overlay: 999}.transparent-header *{box-sizing:border-box}.transparent-header{position:absolute;top:30px;left:0;right:0;z-index:var(--z-index-header);background:transparent;transition:all var(--transition-speed) ease;padding:var(--header-padding) 0;min-height:var(--header-height)}.transparent-header.no-scroll-effects{position:absolute;top:0;transition:none}.transparent-header.no-scroll-effects.solid-start,.transparent-header.solid-start{background:var(--header-scrolled-bg-color)}.transparent-header.scrolled:not(.no-scroll-effects){background:var(--header-scrolled-bg-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a;padding:1rem 0;top:0}.transparent-header__container{max-width:1400px;margin:0 auto;padding:0 var(--header-padding);display:flex;align-items:center;justify-content:space-between;gap:2rem;position:relative}.transparent-header.layout-vertical .transparent-header__container{flex-direction:column;align-items:center;gap:var(--header-vertical-spacing)}.transparent-header.layout-horizontal .transparent-header__logo{order:1;flex-shrink:0}.transparent-header.layout-horizontal .transparent-header__nav{order:2;flex:1}.transparent-header.layout-horizontal .transparent-header__actions{order:3;flex-shrink:0}.transparent-header.layout-vertical .transparent-header__logo{order:1;width:100%;text-align:var(--header-logo-position)}.transparent-header.layout-vertical .transparent-header__nav{order:2;width:100%}.transparent-header.layout-vertical .transparent-header__actions{position:absolute;top:50%;transform:translateY(-50%)}.transparent-header.layout-vertical .transparent-header__actions[style*="--icons-position: left"]{left:var(--header-padding);right:auto}.transparent-header.layout-vertical .transparent-header__actions[style*="--icons-position: right"]{right:var(--header-padding);left:auto}.transparent-header__logo{z-index:2}.transparent-header__logo-link,.transparent-header__logo-text{display:inline-block;text-decoration:none;transition:transform var(--transition-speed) ease}.transparent-header__logo-link:hover,.transparent-header__logo-text:hover{transform:scale(1.05)}.transparent-header__logo-img{max-width:100%;height:auto;display:block;transition:filter var(--transition-speed) ease,opacity var(--transition-speed) ease}.transparent-header__logo-img.logo-default{filter:var(--header-logo-filter)}.transparent-header__logo-img.logo-scrolled{position:absolute;top:0;opacity:0;filter:none}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__logo-img.logo-default{filter:var(--header-logo-scrolled-filter);opacity:0}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__logo-img.logo-scrolled{opacity:1}.transparent-header.no-scroll-effects .transparent-header__logo-img{transition:none}.transparent-header.no-scroll-effects .transparent-header__logo-img.logo-scrolled{display:none}.transparent-header__logo-text{font-size:var(--header-logo-font-size);font-weight:var(--header-logo-font-weight);color:var(--header-text-color);letter-spacing:var(--header-logo-letter-spacing);text-transform:uppercase}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__logo-text{color:var(--header-scrolled-text-color)}.transparent-header__nav{display:flex}.transparent-header.layout-horizontal .transparent-header__nav,.transparent-header.layout-vertical .transparent-header__nav{justify-content:var(--header-menu-alignment)}.transparent-header__menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--header-menu-gap);flex-wrap:wrap}.transparent-header__menu-item{position:relative}.transparent-header__menu-link{color:var(--header-text-color);text-decoration:none;font-size:var(--header-menu-font-size);font-weight:var(--header-menu-font-weight);text-transform:var(--header-menu-text-transform);letter-spacing:var(--header-menu-letter-spacing);padding:.5rem 1rem;position:relative;transition:all var(--transition-speed) ease;background:transparent;border-radius:var(--header-menu-border-radius);display:block}.transparent-header__menu-link:hover,.transparent-header__menu-link.active,.transparent-header__menu-link[aria-current=page]{color:#fff;background:var(--header-menu-hover-bg)}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__menu-link{color:var(--header-scrolled-text-color)}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__menu-link:hover,.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__menu-link.active,.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__menu-link[aria-current=page]{color:var(--header-scrolled-text-hover-color);background:var(--header-menu-scrolled-hover-bg)}.transparent-header__actions{display:flex;align-items:center;gap:1rem;z-index:2}.header-action{position:relative}.header__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:var(--cart-bg-color);padding:10px;transition:all var(--transition-speed) ease;text-decoration:none;box-shadow:0 2px 10px #0000001a}.header__icon:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000026}.header__icon svg{width:var(--cart-icon-size);height:var(--cart-icon-size);color:var(--cart-icon-color);stroke:var(--cart-icon-color)}.header__icon .svg-wrapper svg{width:var(--cart-icon-size);height:var(--cart-icon-size)}.header__icon .svg-wrapper svg path{fill:var(--cart-icon-color);stroke:var(--cart-icon-color)}.cart-count-bubble{position:absolute;top:-5px;right:-5px;background:#e74c3c;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:0 5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.transparent-header__mobile-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:var(--z-index-mobile-menu)}.transparent-header__hamburger{display:block;width:28px;height:20px;position:relative}.transparent-header__hamburger-line{display:block;width:100%;height:2px;background:var(--header-text-color);position:absolute;transition:all var(--transition-speed) ease;border-radius:2px}.transparent-header__hamburger-line:nth-child(1){top:0}.transparent-header__hamburger-line:nth-child(2){top:50%;transform:translateY(-50%)}.transparent-header__hamburger-line:nth-child(3){bottom:0}.transparent-header.scrolled:not(.no-scroll-effects) .transparent-header__hamburger-line{background:var(--header-scrolled-text-color)}.transparent-header__mobile-toggle.is-open .transparent-header__hamburger-line:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.transparent-header__mobile-toggle.is-open .transparent-header__hamburger-line:nth-child(2){opacity:0}.transparent-header__mobile-toggle.is-open .transparent-header__hamburger-line:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.transparent-header__mobile-menu{position:fixed;top:0;left:-100%;width:var(--header-mobile-menu-width);max-width:80vw;height:100vh;background:var(--header-mobile-bg-color);z-index:var(--z-index-mobile-menu);transition:left var(--transition-speed) ease;overflow-y:auto}.transparent-header__mobile-menu.is-open{left:0}.transparent-header__mobile-menu-content{padding:2rem;position:relative}.mobile-menu__close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:4px;transition:all var(--transition-speed) ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.mobile-menu__close:hover{background:#fff3}.mobile-menu__close svg{width:24px;height:24px}.transparent-header__mobile-menu-list{list-style:none;margin:4rem 0 0;padding:0}.transparent-header__mobile-menu-item{border-bottom:1px solid rgba(255,255,255,.1)}.transparent-header__mobile-menu-link{display:block;color:#fff;text-decoration:none;padding:1rem 0;font-size:var(--header-mobile-menu-font-size);font-weight:500;text-transform:uppercase;letter-spacing:1px;transition:all var(--transition-speed) ease}.transparent-header__mobile-menu-link:hover,.transparent-header__mobile-menu-link.active,.transparent-header__mobile-menu-link[aria-current=page]{color:var(--cart-icon-color);padding-left:1rem}.transparent-header__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:var(--z-index-overlay);opacity:0;visibility:hidden;transition:all var(--transition-speed) ease}.transparent-header__overlay.is-visible{opacity:1;visibility:visible}body.menu-open{overflow:hidden}h2.banner__heading.inline-richtext.h0{padding-top:calc(var(--header-height) + 40px)}.transparent-header.no-scroll-effects~* h2.banner__heading.inline-richtext.h0{padding-top:0}@media screen and (max-width: 768px){.transparent-header{padding:2rem 0;min-height:var(--header-mobile-height)}.transparent-header.no-scroll-effects{top:0}.transparent-header__container{padding:0 1rem;gap:1rem}.transparent-header.layout-vertical .transparent-header__container{flex-direction:row;justify-content:space-between}.transparent-header.layout-vertical .transparent-header__logo{text-align:left;width:auto}.transparent-header.layout-vertical .transparent-header__actions{position:relative;transform:none;top:auto;right:auto;left:auto}.transparent-header__nav{display:none}.transparent-header__mobile-toggle{display:block}.transparent-header__logo-text{font-size:var(--header-mobile-logo-font-size)}.transparent-header__actions{gap:2rem}.header__icon{width:40px;height:40px}h2.banner__heading.inline-richtext.h0{padding-top:calc(var(--header-mobile-height) + 20px)}.header-action.search-icon,.header-action.account-icon{display:none}}@media screen and (max-width: 480px){.transparent-header__mobile-menu{width:100%;max-width:none}.transparent-header__logo-text{font-size:1.3rem}.header__icon{width:36px;height:36px}}@media screen and (min-width: 769px) and (max-width: 1024px){.transparent-header__menu{gap:2rem}.transparent-header__menu-link{font-size:.95rem;padding:.4rem .8rem}}@media screen and (min-width: 1400px){.transparent-header__container{max-width:1500px}}@media print{.transparent-header{position:relative;background:#fff;box-shadow:none}.transparent-header__mobile-toggle,.transparent-header__mobile-menu,.transparent-header__overlay,.header-action{display:none}}@media (prefers-reduced-motion: reduce){.transparent-header,.transparent-header__logo-link,.transparent-header__logo-text,.transparent-header__logo-img,.transparent-header__menu-link,.transparent-header__hamburger-line,.transparent-header__mobile-menu,.transparent-header__mobile-menu-link,.transparent-header__overlay,.header__icon{transition:none}}@media (prefers-contrast: high){.transparent-header__menu-link,.transparent-header__logo-text,.transparent-header__hamburger-line{border:1px solid currentColor}}.transparent-header__menu-link:focus-visible,.transparent-header__logo-link:focus-visible,.transparent-header__mobile-toggle:focus-visible,.header__icon:focus-visible,.mobile-menu__close:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media (prefers-color-scheme: dark){.transparent-header:not(.scrolled){--header-text-color: #ffffff}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/transparent-header.css.map */