:root{--header-height: 80px;--header-height-scrolled: 70px;--header-height-mobile: 60px;--header-border: rgba(0, 0, 0, .08);--mega-menu-bg: #FFFFFF;--mega-menu-shadow: 0 10px 40px rgba(0, 0, 0, .08);--mega-menu-padding: 40px;--transition-speed: .3s;--transition-ease: cubic-bezier(.4, 0, .2, 1);--z-header: 1000;--z-mega-menu: 999;--z-mobile-menu: 1001}.header-custom{position:fixed;top:0;left:0;right:0;width:100%;height:var(--header-height);background:var(--header-bg-default);z-index:var(--z-header);transition:all var(--transition-speed) var(--transition-ease);border-bottom:1px solid var(--header-border-default)}.header-custom.scrolled{height:var(--header-height-scrolled)}.header-custom.scrolled.header-custom--opaque-scroll{background:var(--header-bg-scrolled);border-bottom-color:var(--header-border);box-shadow:0 2px 20px #0000000a}.header-custom.header-custom--opaque-hover:hover{background:var(--header-bg-hover);border-bottom-color:var(--header-border)}.header-custom__inner{max-width:100%;height:100%;padding:0 60px;display:flex;align-items:center;justify-content:space-between;position:relative}@media screen and (max-width: 990px){.header-custom__inner{padding:0 24px;align-items:center}}.header-custom__logo{display:flex;align-items:center;transition:opacity var(--transition-speed) var(--transition-ease);z-index:2}.header-custom__logo:hover{opacity:.7}.header-custom__logo-image{max-height:40px;width:auto;transition:max-height var(--transition-speed) var(--transition-ease)}.header-custom.scrolled .header-custom__logo-image{max-height:32px}.header-custom__logo-text{font-family:var(--font-heading);font-size:20px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--header-text)}.header-custom--logo-left .header-custom__logo{order:1}.header-custom--logo-left .header-custom__nav{order:2}.header-custom--logo-left .header-custom__icons{order:3}.header-custom--logo-center .header-custom__logo{position:absolute;left:50%;transform:translate(-50%)}.header-custom--logo-right .header-custom__nav{order:1}.header-custom--logo-right .header-custom__icons{order:2}.header-custom--logo-right .header-custom__logo{order:3}.header-custom__nav{flex:1;display:flex;justify-content:center;z-index:1}.header-custom--logo-left .header-custom__nav,.header-custom--logo-right .header-custom__nav{justify-content:center}.header-custom__nav-list{display:flex;align-items:center;gap:48px;list-style:none;padding:0;margin:0}@media screen and (max-width: 990px){.header-custom__nav{display:none}}.header-custom__nav-link{font-family:var(--font-heading);font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--header-text);text-decoration:none;padding:8px 0;position:relative;transition:color var(--transition-speed) var(--transition-ease);white-space:nowrap}.header-custom__nav-link:hover{color:var(--header-text-hover)}.header-custom__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--header-text);transition:width var(--transition-speed) var(--transition-ease)}.header-custom__nav-link:hover:after,.header-custom__nav-item--active .header-custom__nav-link:after{width:100%}.header-custom__nav-item{position:relative}.header-custom__mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(20px);background:var(--mega-menu-bg);box-shadow:var(--mega-menu-shadow);padding:var(--mega-menu-padding);min-width:800px;max-width:1200px;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-speed) var(--transition-ease);margin-top:20px;border-radius:2px}.header-custom__nav-item:hover .header-custom__mega-menu{opacity:1;visibility:visible;pointer-events:all;transform:translate(-50%) translateY(0)}.header-custom__mega-menu--full-width{left:0;right:0;transform:translateY(20px);max-width:100%;width:100vw;border-radius:0}.header-custom__nav-item:hover .header-custom__mega-menu--full-width{transform:translateY(0)}.header-custom__mega-menu--align-left{left:0;transform:translateY(20px)}.header-custom__nav-item:hover .header-custom__mega-menu--align-left{transform:translateY(0)}.header-custom__mega-menu--align-right{left:auto;right:0;transform:translateY(20px)}.header-custom__nav-item:hover .header-custom__mega-menu--align-right{transform:translateY(0)}.header-custom__mega-menu-grid{display:grid;gap:60px}.header-custom__mega-menu-grid--2col{grid-template-columns:repeat(2,1fr)}.header-custom__mega-menu-grid--3col{grid-template-columns:repeat(3,1fr)}.header-custom__mega-menu-grid--4col{grid-template-columns:repeat(4,1fr)}.header-custom__mega-column{display:flex;flex-direction:column;gap:20px}.header-custom__mega-column-heading{font-family:var(--font-heading);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--header-text);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid var(--header-border)}.header-custom__mega-links{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0;margin:0}.header-custom__mega-link{font-size:14px;font-weight:400;color:var(--header-text);text-decoration:none;transition:all var(--transition-speed) var(--transition-ease);padding:4px 0}.header-custom__mega-link:hover{color:var(--header-text-hover);padding-left:8px}.header-custom__mega-featured{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:2px}.header-custom__mega-featured-image,.header-custom__mega-featured-video{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-speed) * 2 var(--transition-ease)}.header-custom__mega-featured:hover .header-custom__mega-featured-image,.header-custom__mega-featured:hover .header-custom__mega-featured-video{transform:scale(1.05)}.header-custom__mega-featured-overlay{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(to top,rgba(0,0,0,.6),transparent);color:#fff}.header-custom__mega-cta{display:inline-block;padding:12px 32px;background:#fff;color:#000;font-family:var(--font-heading);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:all var(--transition-speed) var(--transition-ease);border-radius:2px}.header-custom__mega-cta:hover{background:#000;color:#fff}.header-custom__icons{display:flex;align-items:center;gap:24px;z-index:2}.header-custom__icon{width:20px;height:20px;color:var(--header-text);cursor:pointer;transition:all var(--transition-speed) var(--transition-ease);position:relative}.header-custom__icon:hover{color:var(--header-text-hover);transform:scale(1.1)}.header-custom__icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:1.5px}.header-custom__cart-badge{position:absolute;top:-6px;right:-6px;width:16px;height:16px;background:#000;color:#fff;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center;border-radius:50%}.header-custom__mobile-toggle{display:none;flex-direction:column;gap:4px;width:24px;height:20px;background:none;border:none;cursor:pointer;padding:0;z-index:var(--z-mobile-menu) + 1}@media screen and (max-width: 990px){.header-custom__mobile-toggle{display:flex;order:1}.header-custom__logo{order:2;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin:0;line-height:0}.header-custom__icons{order:3}}.header-custom__mobile-toggle-line{width:100%;height:2px;background:var(--header-text);transition:all var(--transition-speed) var(--transition-ease)}.header-custom__mobile-toggle.active .header-custom__mobile-toggle-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.header-custom__mobile-toggle.active .header-custom__mobile-toggle-line:nth-child(2){opacity:0}.header-custom__mobile-toggle.active .header-custom__mobile-toggle-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.header-custom__mobile-drawer{position:fixed;top:0;left:-100%;width:100%;max-width:400px;height:100vh;background:#fff;z-index:var(--z-mobile-menu);transition:left var(--transition-speed) var(--transition-ease);overflow-y:auto;padding:100px 32px 40px}.header-custom__mobile-drawer.active{left:0}.header-custom__mobile-close{position:absolute;top:20px;right:20px;width:32px;height:32px;border:none;background:transparent;cursor:pointer;font-size:24px;font-weight:300;color:var(--header-text);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-speed) var(--transition-ease);z-index:2}.header-custom__mobile-close:hover{transform:rotate(90deg)}.header-custom__mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:var(--z-mobile-menu) - 1;opacity:0;visibility:hidden;transition:all var(--transition-speed) var(--transition-ease)}.header-custom__mobile-overlay.active{opacity:1;visibility:visible}.header-custom__mobile-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.header-custom__mobile-nav-link{font-family:var(--font-heading);font-size:18px;font-weight:500;letter-spacing:.02em;color:var(--header-text);text-decoration:none;padding:16px 0;display:block;border-bottom:1px solid var(--header-border);transition:padding-left var(--transition-speed) var(--transition-ease)}.header-custom__mobile-nav-link:hover{padding-left:12px}.header-custom__mobile-submenu{list-style:none;padding:12px 0 12px 20px;margin:0;display:none;flex-direction:column;gap:8px}.header-custom__mobile-nav-item.active .header-custom__mobile-submenu{display:flex}.header-custom__mobile-submenu-link{font-size:16px;font-weight:400;color:var(--header-text-hover);text-decoration:none;padding:8px 0;display:block;transition:color var(--transition-speed) var(--transition-ease)}.header-custom__mobile-submenu-link:hover{color:var(--header-text)}.header-custom__mobile-nav-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:24px;height:24px;cursor:pointer;transition:transform var(--transition-speed) var(--transition-ease)}.header-custom__mobile-nav-item.active .header-custom__mobile-nav-toggle{transform:translateY(-50%) rotate(180deg)}.header-custom__spacer{height:var(--header-height)}@media screen and (max-width: 990px){.header-custom,.header-custom__spacer{height:var(--header-height-mobile)}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}
/*# sourceMappingURL=/cdn/shop/t/5/assets/header-custom.css.map */