.header-section{--header-padding-y: var(--space-2);--header-padding-x: var(--space-2);--header-bg: var(--color-background);--header-border: var(--color-border-light);--header-logo-size: 140px;--mega-menu-gap: var(--space-6);--drawer-width: 100%;--drawer-bg: var(--color-background)}@media (min-width: 1024px){.header-section{--header-padding-x: var(--space-4)}}.header{position:relative;z-index:100;width:100%;background-color:var(--header-bg);border-bottom:1px solid var(--header-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);max-width:var(--page-width);margin:0 auto;padding:var(--header-padding-y) var(--header-padding-x)}@media (min-width: 1024px){.header__inner{gap:var(--space-4)}}.header__left{display:flex;align-items:center;gap:0;flex-shrink:0}.header__menu-toggle{z-index:10;flex-shrink:0}.header__logo{display:flex;align-items:center;text-decoration:none;color:var(--color-foreground);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.8}.header__logo-image{max-height:48px;width:auto}.header__logo-image--default{height:40px;max-height:40px}.header__nav{display:none;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.header__nav::-webkit-scrollbar{display:none}@media (min-width: 1024px){.header__nav{display:flex}}.header__nav-list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;white-space:nowrap}.header__nav-item{position:relative}.header__nav-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);cursor:pointer;border:none;background:transparent}.header__nav-link:hover,.header__nav-link.is-active{color:var(--color-foreground)}.header__nav-link-text{position:relative}.header__nav-link-text:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background-color:var(--color-primary-6);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform var(--transition-fast)}.header__nav-link:hover .header__nav-link-text:after,.header__nav-link.is-active .header__nav-link-text:after{transform:scaleX(1)}.header__nav-arrow{width:14px;height:14px;transition:transform var(--transition-fast)}.header__nav-item--has-mega:hover .header__nav-arrow,.header__nav-link[aria-expanded=true] .header__nav-arrow{transform:rotate(180deg)}.header__mega{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:600px;padding-top:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.header__nav-item--has-mega:hover .header__mega,.header__mega.is-open{opacity:1;visibility:visible;pointer-events:auto}.header__mega-inner{background-color:var(--color-background);border:1px solid var(--header-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000014;padding:var(--space-6);overflow:hidden}.header__mega-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--mega-menu-gap)}.header__mega-item{display:flex;flex-direction:column;gap:var(--space-3);text-decoration:none;color:inherit;opacity:0;transform:translateY(-10px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.header__nav-item--has-mega:hover .header__mega-item,.header__mega.is-open .header__mega-item{opacity:1;transform:translateY(0);transition-delay:calc(var(--item-index) * 50ms)}.header__mega-item:hover .header__mega-image img{transform:scale(1.05)}.header__mega-image{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:var(--radius-md);background-color:var(--color-fill-default)}.header__mega-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.header__mega-image--placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.header__mega-image--placeholder [data-lucide]{width:32px;height:32px}.header__mega-content{display:flex;flex-direction:column;gap:var(--space-1)}.header__mega-title{font-family:var(--font-heading--family);font-size:14px;font-weight:600;color:var(--color-foreground)}.header__mega-cta{display:flex;align-items:center;gap:var(--space-1);font-size:12px;font-weight:500;color:var(--color-primary-6)}.header__mega-cta [data-lucide]{width:12px;height:12px;transition:transform var(--transition-fast)}.header__mega-item:hover .header__mega-cta [data-lucide]{transform:translate(4px)}.header__mega-links{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--header-border)}.header__mega-links-title{display:block;margin-bottom:var(--space-3);font-size:12px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.header__mega-links-list{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);list-style:none;margin:0;padding:0}.header__mega-links-list a{font-size:14px;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.header__mega-links-list a:hover{color:var(--color-primary-6)}.header__actions{display:flex;align-items:center;gap:var(--space-1)}.header__actions .btn__icon,.header__menu-toggle .btn__icon{width:21px;height:21px}@media (min-width: 1024px){.header__actions .btn__icon,.header__menu-toggle .btn__icon{width:20px;height:20px}}.header__cart-wrapper{position:relative}.header__cart-count{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;color:var(--btn-primary-text);background-color:var(--color-primary-6);border-radius:var(--radius-full);opacity:0;transform:scale(0);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast)}.header__cart-count.is-visible{opacity:1;transform:scale(1)}.header__cart-count.is-bumping{animation:cart-bump .3s ease}@keyframes cart-bump{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.header__cart-minimal{text-decoration:none}.header__cart-minimal-count{display:flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;font-size:13px;font-weight:700;color:var(--color-text-inverse);background-color:var(--color-primary-6);border-radius:var(--radius-full);transition:transform var(--transition-fast)}.header__cart-minimal-count.is-bumping{animation:cart-bump .3s ease}.header__cart-count.is-pulsating,.header__cart-minimal-count.is-pulsating{animation:cart-pulsate 2s ease-in-out infinite;box-shadow:0 0 0 0 var(--color-primary-6)}@keyframes cart-pulsate{0%{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-6-rgb, 59, 130, 246),.7)}50%{transform:scale(1.05);box-shadow:0 0 0 6px rgba(var(--color-primary-6-rgb, 59, 130, 246),0)}to{transform:scale(1);box-shadow:0 0 rgba(var(--color-primary-6-rgb, 59, 130, 246),0)}}.header__offers-wrapper{position:relative}.header__offers-wrapper.is-pulsating .header__offers-toggle .btn__icon{animation:offers-icon-pulsate 2s ease-in-out infinite}@keyframes offers-icon-pulsate{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.8}to{transform:scale(1);opacity:1}}.header__search-desktop,.header__theme-toggle-desktop{display:none}@media (min-width: 1024px){.header__search-desktop,.header__theme-toggle-desktop{display:flex;align-items:center}}.header__search-mobile{display:block;padding-left:var(--space-2);padding-right:var(--space-2);padding-top:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--header-border);background-color:var(--header-bg)}@media (min-width: 1024px){.header__search-mobile{display:none}}@media (min-width: 768px){.header__search-btn{display:flex}}.drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.drawer[aria-hidden=false]{opacity:1;visibility:visible}.drawer__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.drawer__content{position:absolute;top:var(--space-4);left:var(--space-4);bottom:var(--space-4);width:calc(100% - var(--space-8));max-width:400px;height:auto;display:flex;flex-direction:column;background-color:var(--drawer-bg);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000026;transform:translate(calc(-100% - var(--space-4)));transition:transform var(--transition-slow);overflow:hidden}.drawer[aria-hidden=false] .drawer__content{transform:translate(0)}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--drawer-border, var(--header-border));flex-shrink:0}.drawer__logo{text-decoration:none;color:var(--drawer-text, var(--color-foreground))}.drawer__logo-image{max-height:40px;width:auto}.drawer__logo-image--default{height:40px;max-height:40px}.drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--drawer-text, var(--color-foreground));border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.drawer__close:hover{background-color:var(--drawer-hover, var(--color-fill-default))}.drawer__close [data-lucide]{width:24px;height:24px}.drawer__body{flex:1;display:flex;flex-direction:column;overflow:hidden}.drawer__main{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4) 0}.drawer__nav-list{list-style:none;margin:0;padding:0}.drawer__nav-item{opacity:0;transform:translateY(20px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.drawer[aria-hidden=false] .drawer__nav-item{opacity:1;transform:translateY(0);transition-delay:calc(.1s + var(--item-index) * 50ms)}.drawer__nav-link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-6);font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text, var(--color-foreground));text-decoration:none;border:none;background:transparent;cursor:pointer;text-align:left;transition:background-color var(--transition-fast),color var(--transition-fast)}.drawer__nav-link:hover{background-color:var(--drawer-hover, var(--color-fill-default))}.drawer__nav-link.is-active,.drawer__nav-link.is-selected{color:var(--color-primary-6)}.drawer__nav-arrow{width:20px;height:20px;opacity:.6;transition:transform var(--transition-fast),opacity var(--transition-fast)}.drawer__nav-link:hover .drawer__nav-arrow{opacity:1}.drawer__nav-link--has-children[aria-expanded=true] .drawer__nav-arrow{transform:rotate(180deg)}.drawer__nav-link--desktop{display:none}.drawer__nav-link--mobile{display:flex}.drawer__subnav{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height var(--transition-slow)}.drawer__subnav--mobile{display:block}.drawer__nav-link--has-children[aria-expanded=true]~.drawer__subnav{max-height:500px}.drawer__subnav-link{display:block;padding:var(--space-3) var(--space-6) var(--space-3) var(--space-10);font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-secondary));text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.drawer__subnav-link:hover{color:var(--drawer-text, var(--color-foreground));background-color:var(--drawer-hover, var(--color-fill-light))}.drawer__submenu{display:none}.drawer__submenu-panel{display:none;padding:var(--space-4) var(--space-4)}.drawer__submenu-panel.is-active{display:block}.drawer__submenu-header{font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-tertiary));text-transform:none;letter-spacing:normal;margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--drawer-border, var(--header-border))}.drawer__submenu-list{list-style:none;margin:0;padding:0}.drawer__submenu-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text, var(--color-foreground));text-decoration:none;transition:color var(--transition-fast)}.drawer__submenu-link:hover{color:var(--color-primary-6)}.drawer__submenu-count{font-family:var(--font-body--family);font-size:14px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-tertiary))}.drawer__submenu-group{margin-bottom:var(--space-4)}.drawer__submenu-link--parent{font-weight:600;padding-bottom:var(--space-2)}.drawer__submenu-children{list-style:none;margin:0;padding:0;padding-left:var(--space-1)}.drawer__submenu-child-link{display:block;padding:var(--space-2) 0;font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-secondary));text-decoration:none;transition:color var(--transition-fast)}.drawer__submenu-child-link:hover{color:var(--color-primary-6)}.drawer__subnav-item--has-children{position:relative}.drawer__subnav-link--has-children{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;padding:var(--space-3) 0;font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text, var(--color-foreground));text-align:left}.drawer__subnav-arrow{transition:transform var(--transition-fast)}.drawer__subnav-arrow [data-lucide]{width:16px;height:16px}.drawer__subnav-link--has-children[aria-expanded=true] .drawer__subnav-arrow{transform:rotate(180deg)}.drawer__subnav-children{list-style:none;margin:0;padding:0;padding-left:var(--space-4);max-height:0;overflow:hidden;transition:max-height var(--transition-normal)}.drawer__subnav-link--has-children[aria-expanded=true]~.drawer__subnav-children{max-height:500px}.drawer__subnav-child-link{display:block;padding:var(--space-2) 0;font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-tertiary));text-decoration:none;transition:color var(--transition-fast)}.drawer__subnav-child-link:hover{color:var(--color-primary-6)}.drawer__footer{display:flex;flex-direction:column;justify-content:center;padding:var(--space-6);border-top:1px solid var(--drawer-border, var(--header-border));flex-shrink:0;opacity:0;transform:translateY(10px);transition:opacity var(--transition-normal),transform var(--transition-normal)}.drawer[aria-hidden=false] .drawer__footer{opacity:1;transform:translateY(0);transition-delay:.3s}.drawer__social{display:flex;gap:var(--space-2)}.drawer__social:not(:empty){margin-bottom:var(--space-4)}.drawer__social:empty{display:none}.drawer__social-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--drawer-hover, var(--color-fill-default));color:var(--drawer-text, var(--color-foreground));text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.drawer__social-link:hover{background-color:var(--color-primary-6);color:#fff}.drawer__social-link [data-lucide]{width:18px;height:18px}.drawer__theme-toggle{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.drawer__theme-toggle--mobile{display:flex}.drawer__theme-label{font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-secondary))}.drawer__footer-links{display:flex;flex-direction:column;gap:var(--space-4)}.drawer__footer-link{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-body--family);font-size:16px;font-weight:500;color:var(--drawer-text-secondary, var(--color-text-secondary));text-decoration:none;transition:color var(--transition-fast)}.drawer__footer-link:hover{color:var(--drawer-text, var(--color-foreground))}.drawer__footer-link [data-lucide]{width:18px;height:18px}.drawer__footer-link--theme,.drawer__footer-link--wishlist{background:none;border:none;cursor:pointer;padding:0}.drawer__footer-link--theme .drawer__footer-link-icon--sun{display:none}.drawer__footer-link--theme .drawer__footer-link-icon--moon,[data-theme=dark] .drawer__footer-link--theme .drawer__footer-link-icon--sun{display:block}[data-theme=dark] .drawer__footer-link--theme .drawer__footer-link-icon--moon{display:none}@media (min-width: 1024px){.drawer__content{width:auto;max-width:none;transition:transform var(--transition-slow)}.drawer__header{padding:var(--space-4) var(--space-4)}.drawer__body{flex-direction:row}.drawer__main{width:320px;flex-shrink:0}.drawer__nav-link{font-size:16px;padding:var(--space-3) var(--space-6)}.drawer__nav-link--mobile{display:none}.drawer__nav-link--desktop{display:flex}.drawer__subnav--mobile{display:none}.drawer__submenu{display:none;width:380px;overflow-y:auto;overscroll-behavior:contain;border-left:1px solid var(--drawer-border, var(--header-border))}.drawer__submenu:has(.drawer__submenu-panel.is-active){display:block}.drawer__theme-toggle--mobile{display:none}}@media (min-width: 1024px){.header__inner{grid-template-columns:var(--header-logo-size) 1fr auto}.header--shrink-enabled.is-shrunk .header__inner{grid-template-columns:var(--header-logo-size-shrunk) 1fr auto}}[data-theme=dark] .header{--header-bg: var(--color-background);--header-border: var(--color-border-default)}[data-theme=dark] .header--shrink-enabled.is-shrunk{box-shadow:0 2px 20px #0000004d}[data-theme=dark] .header__mega-inner{background-color:var(--color-background);border-color:var(--color-border-default);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .drawer__overlay{background-color:#000000b3}[data-theme=dark] .drawer__content{--drawer-bg: var(--color-background)}body.drawer-open{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/header.css.map */