.header{position:relative;width:100%;background-color:var(--color-background);z-index:var(--z-sticky);transition:all var(--transition-base) var(--ease-out-expo)}.header--sticky{position:sticky;top:0}.header--sticky.is-scrolled{background-color:#fdf8f3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 20px #0000001a}.header--sticky.is-scrolled .header__logo-link,.header--sticky.is-scrolled .header__menu-link,.header--sticky.is-scrolled .header__action-btn,.header--sticky.is-scrolled .header__menu-text,.header--sticky.is-scrolled .site-logo,.header--sticky.is-scrolled svg{color:#2c2c2c}.header--sticky.is-scrolled .site-logo text{fill:#2c2c2c}.header--sticky.is-scrolled .header__wrapper{padding:var(--space-2) 0}.header__wrapper{padding:var(--space-4) 0;transition:padding var(--transition-base)}.header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.header__menu-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:none;border:none;cursor:pointer;z-index:10}@media screen and (min-width: 1024px){.header__menu-toggle{display:none}}.header__menu-icon{position:relative;width:24px;height:18px}.header__menu-icon span{position:absolute;left:0;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-fast)}.header__menu-icon span:nth-child(1){top:0}.header__menu-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.header__menu-icon span:nth-child(3){bottom:0}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:nth-child(1){top:50%;transform:translateY(-50%) rotate(45deg)}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:nth-child(2){opacity:0;transform:translate(-10px)}.header__menu-toggle[aria-expanded=true] .header__menu-icon span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.header__logo{flex-shrink:0}.header__logo-link{display:flex;align-items:center;text-decoration:none;color:var(--color-text)}.header__logo-image{height:auto;max-height:60px;transition:transform var(--transition-base)}.header__logo-link:hover .header__logo-image{transform:scale(1.02)}.header__logo-text{position:relative;font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.header__logo-svg{display:flex;align-items:center}.header__logo-svg svg{height:45px;width:auto;transition:transform var(--transition-base)}.header__logo-link:hover .header__logo-svg svg{transform:scale(1.02)}@media screen and (max-width: 767px){.header__logo-svg svg{height:36px}}.header__logo-frame{position:absolute;top:-8px;left:-12px;right:-12px;bottom:-8px;pointer-events:none;opacity:.3;transition:opacity var(--transition-base)}.header__logo-link:hover .header__logo-frame{opacity:.6}.header__logo-frame svg{width:100%;height:100%}.header__nav{display:none;flex:1;justify-content:center}@media screen and (min-width: 1024px){.header__nav{display:flex}}.header__menu{display:flex;align-items:center;gap:var(--space-1);list-style:none;margin:0;padding:0}.header__menu-item{position:relative}.header__menu-link{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;background:none;border:none;cursor:pointer;position:relative;transition:color var(--transition-fast)}.header__menu-link:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background-color:var(--color-primary);transform:scaleX(0);transform-origin:right;transition:transform var(--transition-base) var(--ease-out-expo)}.header__menu-link:hover,.header__menu-link:focus{color:var(--color-primary)}.header__menu-link:hover:after,.header__menu-link:focus:after,.header__menu-item--has-dropdown:hover .header__menu-link:after{transform:scaleX(1);transform-origin:left}.header__menu-text{position:relative}.header__menu-arrow{display:flex;transition:transform var(--transition-fast)}.header__menu-arrow svg{width:12px;height:12px}.header__menu-item--has-dropdown:hover .header__menu-arrow{transform:rotate(180deg)}.header__dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:800px;opacity:0;visibility:hidden;pointer-events:none;transition:all var(--transition-base) var(--ease-out-expo)}.header__menu-item--has-dropdown:hover .header__dropdown,.header__dropdown:hover{opacity:1;visibility:visible;pointer-events:auto}.mega-menu__wrapper{background-color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-2);overflow:hidden}.mega-menu__content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-8);padding:var(--space-8)}.mega-menu__categories{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.mega-menu__category-title{display:block;font-family:var(--font-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-3);text-decoration:none;transition:color var(--transition-fast)}.mega-menu__category-title:hover{color:var(--color-primary)}.mega-menu__category-links{list-style:none;padding:0;margin:0}.mega-menu__category-links li{margin-bottom:var(--space-2)}.mega-menu__link{font-size:var(--font-size-sm);color:var(--color-text-light);text-decoration:none;transition:color var(--transition-fast)}.mega-menu__link:hover{color:var(--color-primary)}.mega-menu__featured{padding:var(--space-4);background-color:var(--color-background);border-radius:var(--radius-base)}.mega-menu__featured-label{display:block;margin-bottom:var(--space-3);color:var(--color-primary)}.mega-menu__featured-product{display:block;text-decoration:none;color:var(--color-text)}.mega-menu__featured-image{position:relative;border-radius:var(--radius-base);overflow:hidden;margin-bottom:var(--space-3)}.mega-menu__featured-image img{width:100%;height:auto;transition:transform var(--transition-slow)}.mega-menu__featured-product:hover .mega-menu__featured-image img{transform:scale(1.05)}.mega-menu__featured-title{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.mega-menu__featured-price{color:var(--color-primary);font-weight:var(--font-weight-bold)}.mega-menu__promo{position:relative;border-radius:var(--radius-base);overflow:hidden}.mega-menu__promo-content{position:relative;height:100%;min-height:200px;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.7),transparent)}.mega-menu__promo-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.mega-menu__promo-text{color:#fff;text-align:center}.mega-menu__promo-text .text-handwritten{display:block;font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.mega-menu__promo-cta{background-color:#fff;color:var(--color-text)}.mega-menu__promo-cta:hover{background-color:var(--color-primary);color:#fff}.header__actions{display:flex;align-items:center;gap:var(--space-1)}.header__action-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;color:var(--color-text);background:none;border:none;border-radius:var(--radius-full);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.header__action-btn:hover{color:var(--color-primary);background-color:var(--color-background-secondary)}.header__action-btn svg{width:22px;height:22px}.header__cart-count,.header__wishlist-count{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:var(--font-weight-bold);color:#fff;background-color:var(--color-primary);border-radius:var(--radius-full)}.header__cart-count.hidden,.header__wishlist-count[hidden]{display:none}.mobile-nav{position:fixed;top:0;left:0;width:100%;max-width:400px;height:100vh;height:100dvh;background-color:#fff;z-index:var(--z-drawer);transform:translate(-100%);transition:transform var(--transition-base) var(--ease-out-expo);overflow-y:auto;overscroll-behavior:contain}.mobile-nav[hidden]{display:block}.mobile-nav.is-open{transform:translate(0)}.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-background-secondary)}.mobile-nav__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.mobile-nav__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;cursor:pointer}.mobile-nav__close svg{width:24px;height:24px}.mobile-nav__content{padding:var(--space-6)}.mobile-nav__menu{list-style:none;margin:0 0 var(--space-8) 0;padding:0}.mobile-nav__item{border-bottom:1px solid var(--color-background-secondary)}.mobile-nav__link{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;font-size:var(--font-size-md);color:var(--color-text);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left}.mobile-nav__link svg{width:16px;height:16px;transition:transform var(--transition-fast)}.mobile-nav__link--parent[aria-expanded=true] svg{transform:rotate(180deg)}.mobile-nav__submenu{list-style:none;margin:0;padding:0 0 var(--space-4) var(--space-4)}.mobile-nav__submenu .mobile-nav__link{font-size:var(--font-size-base);color:var(--color-text-light);padding:var(--space-2) 0}.mobile-nav__link--view-all{color:var(--color-primary);font-weight:var(--font-weight-medium)}.mobile-nav__search{margin-bottom:var(--space-6)}.mobile-nav__search-form{display:flex;gap:var(--space-2)}.mobile-nav__search-input{flex:1;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);border:2px solid var(--color-background-secondary);border-radius:var(--radius-full);transition:border-color var(--transition-fast)}.mobile-nav__search-input:focus{outline:none;border-color:var(--color-primary)}.mobile-nav__search-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer}.mobile-nav__search-btn svg{width:20px;height:20px}.mobile-nav__account-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;background-color:var(--color-background);border-radius:var(--radius-base)}.mobile-nav__account-link svg{width:20px;height:20px}.mobile-nav__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;opacity:0;visibility:hidden;z-index:calc(var(--z-drawer) - 1);transition:all var(--transition-base)}.mobile-nav.is-open~.mobile-nav__overlay{opacity:1;visibility:visible}@media screen and (max-width: 767px){.header__logo-image{max-height:45px}.header__logo-text{font-size:var(--font-size-lg)}}@media screen and (min-width: 768px) and (max-width: 1023px){.header__logo-image{max-height:50px}}.header__search-inline{position:relative;display:flex;align-items:center}.header__search-form{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;width:0;opacity:0;overflow:hidden;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.header__search-inline.is-open .header__search-form{width:280px;opacity:1}@media screen and (min-width: 768px){.header__search-inline.is-open .header__search-form{width:320px}}.header__search-inline.is-open .header__search-toggle{opacity:0;pointer-events:none}.header__search-input{width:100%;padding:10px 40px 10px 16px;font-size:14px;color:var(--color-text);background:#fff;border:2px solid var(--color-primary);border-radius:50px;outline:none;transition:all .2s ease}.header__search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.15)}.header__search-input::placeholder{color:var(--color-text-light)}.header__search-close{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-background-secondary);border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.header__search-close:hover{background:var(--color-primary);color:#fff}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-header.css.map */