.site-header{position:fixed;top:var(--announcement-bar-offset);left:0;right:0;z-index:var(--z-header);background-color:var(--color-background);transition:transform .3s ease}body.header-hidden .site-header{transform:translateY(calc(-1 * (var(--announcement-bar-offset) + var(--header-height) + var(--dropdown-bar-height))))}.header-main{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;height:auto;width:80%;max-width:var(--container-max-width);margin:0 auto;padding:4px var(--space-lg) 4px;border-bottom:1px solid var(--color-border)}.header-logo-group{display:flex;align-items:center}.header-logo{flex-shrink:0;margin-bottom:4px}.header-logo img{height:28px;width:auto;display:block}.header-nav{display:flex;align-items:center;gap:var(--space-lg)}.header-nav__link{font-family:var(--font-nav);font-size:var(--font-size-xl);font-weight:500;color:var(--color-text);padding:0 var(--space-md);transition:color var(--transition-fast)}.header-nav__link:hover{color:var(--color-primary)}.header-nav__btn{background:none;border:none;cursor:pointer}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.header-action-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-text);transition:color var(--transition-fast)}.header-action-btn:hover{color:var(--color-primary)}.header-action-btn svg{width:24px;height:24px}.theme-toggle svg{transition:transform var(--transition-fast)}.theme-toggle:hover svg{transform:rotate(15deg)}.cart-count{position:relative}.cart-count__badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;text-align:center;color:#fff;background-color:var(--color-primary);border-radius:var(--border-radius-full)}.cart-count__badge:empty{display:none}.dropdown-bar{background-color:var(--color-background);border-bottom:1px solid var(--color-border);height:var(--dropdown-bar-height)}.dropdown-bar__inner{display:flex;align-items:center;justify-content:center;height:100%;width:80%;max-width:var(--container-max-width);margin:0 auto;gap:var(--space-xl)}.mega-menu{position:relative}.mega-menu__trigger{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-nav);font-size:var(--font-size-xl);font-weight:500;color:var(--color-text);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.mega-menu__trigger:hover,.mega-menu__trigger[aria-expanded=true]{color:var(--color-primary)}.mega-menu__trigger-icon{width:12px;height:12px;transition:transform var(--transition-fast)}.mega-menu__trigger[aria-expanded=true] .mega-menu__trigger-icon{transform:rotate(180deg)}.mega-menu__panel{position:absolute;top:calc(100% - 2px);left:0;min-width:160px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-dropdown)}.mega-menu:after{content:"";position:absolute;top:100%;left:0;width:100%;height:10px;opacity:0}.mega-menu:hover .mega-menu__panel,.mega-menu:focus-within .mega-menu__panel,.mega-menu__trigger[aria-expanded=true]+.mega-menu__panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-menu__list{padding:var(--space-sm) 0}.mega-menu__item{position:relative}.mega-menu__link{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-base);color:var(--color-text);transition:all var(--transition-fast);white-space:nowrap}.mega-menu__link:hover{background-color:var(--color-background-secondary);color:var(--color-primary)}.mega-menu__link--disabled{color:var(--color-text-muted, #999);cursor:default;font-style:italic}.mega-menu__link--disabled:hover{background-color:transparent;color:var(--color-text-muted, #999)}.mega-menu__link-icon{width:12px;height:12px;opacity:1;margin-left:8px;flex-shrink:0}.mega-menu__submenu{position:absolute;top:-1px;left:100%;margin-left:4px;min-width:160px;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;pointer-events:none;transform:translate(8px);transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);z-index:var(--z-dropdown)}.mega-menu__item[data-has-submenu]{position:relative}.mega-menu__item[data-has-submenu]:after{content:"";position:absolute;top:0;right:-8px;width:12px;height:100%}.mega-menu__item[data-has-submenu]:hover>.mega-menu__submenu,.mega-menu__item[data-has-submenu]:focus-within>.mega-menu__submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.mega-menu__submenu:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)}.mega-menu__item[data-has-submenu]:hover>.mega-menu__link{background-color:var(--color-background-secondary);color:var(--color-primary)}.mega-menu__submenu .mega-menu__submenu{z-index:calc(var(--z-dropdown) + 1)}.mobile-menu-btn{display:none}@media(max-width:900px){.header-main{grid-template-columns:auto 1fr;width:100%;padding-inline:var(--space-md)}.header-nav{display:none}.mobile-menu-btn{display:flex}.dropdown-bar{display:none;height:auto;max-height:calc(100vh - var(--announcement-bar-offset) - var(--header-height));overflow-y:auto}.dropdown-bar.is-mobile-open{display:block}.dropdown-bar__inner{flex-direction:column;align-items:stretch;justify-content:flex-start;width:100%;height:auto;padding:var(--space-sm) var(--space-md);gap:0;overflow-x:visible;-webkit-overflow-scrolling:touch}.mega-menu{width:100%}.mega-menu:after{display:none}.mega-menu__trigger{justify-content:space-between;width:100%;font-size:var(--font-size-md);min-height:44px;padding:var(--space-sm) 0;white-space:nowrap}.mega-menu__panel{position:static;display:none;min-width:0;width:100%;margin:0;border:0;border-top:1px solid var(--color-border);border-radius:0;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:none;max-height:none;overflow:visible}.mega-menu:hover .mega-menu__panel,.mega-menu:focus-within .mega-menu__panel{display:none;transform:none}.mega-menu__trigger[aria-expanded=true]+.mega-menu__panel{display:block}.mega-menu__list{padding:var(--space-xs) 0 var(--space-sm)}.mega-menu__submenu{position:static;min-width:0;margin:0 0 0 var(--space-md);border:0;border-left:1px solid var(--color-border);border-radius:0;box-shadow:none;background-color:transparent;opacity:1;visibility:visible;pointer-events:auto;transform:none;max-height:none;overflow:visible}.mega-menu__item[data-has-submenu]:after{display:none}.mega-menu__item[data-has-submenu]>.mega-menu__link{font-weight:600}.mega-menu__link{min-height:44px;white-space:normal}.mega-menu__link-icon{display:none}}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background-color:#00000061;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.search-modal.is-open{opacity:1;visibility:visible}.search-modal__content{position:absolute;top:96px;left:50%;width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 128px);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);overflow:hidden;transform:translate(-50%,-12px);transition:transform var(--transition-normal)}.search-modal.is-open .search-modal__content{transform:translate(-50%)}.search-modal__header{position:relative;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--color-border)}.search-modal__form{position:relative;display:flex;flex:1;margin:0}.search-modal__icon{position:absolute;top:50%;left:var(--space-md);width:18px;height:18px;color:var(--color-text-light);transform:translateY(-50%);pointer-events:none}.search-modal__input{width:100%;padding-left:42px}.search-modal__body{max-height:calc(100vh - 222px);overflow-y:auto;padding:var(--space-sm)}.search-modal__hint{margin:0;padding:var(--space-lg);color:var(--color-text-light);font-size:var(--font-size-sm);text-align:center}.search-modal__results{display:flex;flex-direction:column;gap:2px}.search-result{display:grid;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--border-radius-sm);color:inherit;text-decoration:none}.search-result:hover,.search-result:focus-visible{background-color:var(--color-background-secondary)}.search-result__media{display:block;width:58px;height:72px;border-radius:var(--border-radius-sm);background-color:var(--color-background-secondary);overflow:hidden}.search-result__image,.search-result__placeholder{width:100%;height:100%}.search-result__image{display:block;object-fit:contain}.search-result__info{display:flex;min-width:0;flex-direction:column;gap:2px}.search-result__title{overflow:hidden;font-weight:600;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.search-result__meta,.search-result__price{color:var(--color-text-light);font-size:var(--font-size-sm)}.search-result__price{color:var(--color-text);font-weight:600;white-space:nowrap}.search-modal__close{flex:0 0 auto}@media(max-width:640px){.search-modal__content{top:var(--space-md);width:calc(100vw - 24px);max-height:calc(100vh - 32px)}.search-modal__body{max-height:calc(100vh - 144px)}.search-result{grid-template-columns:48px minmax(0,1fr)}.search-result__media{width:48px;height:62px}.search-result__price{grid-column:2}}.at-show-badge[hidden]{display:none!important}.at-show-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent);border-radius:20px;font-size:.75rem;font-weight:600;color:var(--color-primary);text-decoration:none;letter-spacing:.02em;white-space:nowrap;transition:opacity .2s;margin-left:auto;margin-right:auto}.at-show-badge:hover{opacity:.8}.at-show-badge__dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);flex-shrink:0;animation:at-show-pulse 2s ease-in-out infinite}@keyframes at-show-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/59/assets/header.css.map */