.header{position:fixed;top:0;width:100%;background:#fbfaf6f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border);z-index:1000;transition:var(--transition);height:68px;padding:0 20px}.header__content{height:100%}.header__wrapper{display:grid;grid-template-columns:200px 1fr 200px;align-items:center;height:100%;gap:var(--spacing-md)}.header__heading{margin:0;z-index:2}.header__heading-link{display:flex;align-items:center;text-decoration:none;transition:var(--transition-fast)}.header__logo-text{font-family:var(--font-heading-family);font-size:26px;font-weight:400;font-style:italic;color:var(--color-text-primary);letter-spacing:.1em}.header__logo-image img{height:30px;max-height:40px;width:auto;transition:var(--transition-fast)}.header__heading-link:hover .header__logo-image img{transform:scale(1.05)}.header__nav{display:none}.nav__list{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.nav__link{position:relative;padding:4px 0;font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);text-decoration:none;transition:color .3s ease}.nav__link:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-radius:50%;background:var(--color-accent);transition:width .2s ease,height .2s ease}.nav__link:hover,.nav__link--active{color:var(--color-text-primary)}.nav__link--active:after{width:4px;height:4px}.nav__dropdown{position:relative}.nav__link--dropdown{display:flex;align-items:center;gap:.25rem}.nav__dropdown-icon{width:12px;height:12px;transition:var(--transition)}.nav__dropdown[open] .nav__dropdown-icon{transform:rotate(180deg)}.nav__dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000014;border:1px solid #E5E5E5;padding:var(--spacing-sm);margin-top:var(--spacing-sm);list-style:none;opacity:0;transform:translateY(-10px);transition:var(--transition);pointer-events:none}.nav__dropdown[open] .nav__dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.nav__dropdown-link{display:block;padding:var(--spacing-sm);color:#525252;text-decoration:none;border-radius:6px;transition:all .2s ease;font-size:.9rem}.nav__dropdown-link:hover,.nav__dropdown-link--active{background:var(--color-surface-secondary);color:var(--color-accent)}.header__actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.header__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--color-text-primary);text-decoration:none;border-radius:0;transition:color .2s ease;position:relative}.header__icon:hover{color:var(--color-accent)}.header__icon .icon{width:18px;height:18px;stroke-width:1.25}.cart-count-bubble{position:absolute;top:4px;right:4px;font-family:JetBrains Mono,SF Mono,monospace;font-size:9px;font-weight:400;color:var(--color-accent);background:none;min-width:auto;height:auto;border-radius:0;line-height:1}.menu-drawer-container{display:block}.header__icon--menu{display:flex}.header__icon--summary .icon-close,.header__icon--summary[aria-expanded=true] .icon-menu{display:none}.header__icon--summary[aria-expanded=true] .icon-close{display:block}.header__search{position:relative}.search-modal{position:absolute;top:100%;right:0;width:300px;background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 40px #00000014;border:1px solid #E5E5E5;padding:var(--spacing-md);margin-top:var(--spacing-sm);opacity:0;transform:translateY(-10px);transition:var(--transition);pointer-events:none}.header__search[open] .search-modal{opacity:1;transform:translateY(0);pointer-events:auto}.search__input{width:100%;padding:var(--spacing-sm);border:1px solid #E5E5E5;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition-fast)}.search__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #b88a3e26}@media screen and (min-width:768px){.header__nav{display:block}.menu-drawer-container,.header__icon--menu{display:none}}@media screen and (max-width:767px){.header__wrapper{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm)}.search-modal{width:280px}}.header__icon:focus-visible,.nav__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media screen and (min-width:768px){.header__logo-image img{margin-left:20%}}@media(prefers-reduced-motion:reduce){.header,.header__logo-image img,.nav__link,.nav__dropdown-menu,.search-modal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/section-header.css.map */