:root{--font-color-primary: #2a5bd7;--font-color-secondary: #1e4bbb;--text-color: #333;--text-color-light: #666;--border-color: #eee;--shadow-light: 0 1px 6px rgba(0, 0, 0, .08);--shadow-medium: 0 2px 12px rgba(0, 0, 0, .1);--transition-fast: .2s ease;--transition-smooth: .3s cubic-bezier(.25, .46, .45, .94);--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--header-height: 60px;--header-height-compact: 50px;--z-index-header: 1000;--z-index-mobile-nav: 999}.header-kaj{background-color:#fff;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:var(--z-index-header);height:var(--header-height);transition:all var(--transition-smooth);will-change:transform,height,padding}.header-kaj.compact{height:var(--header-height-compact);border-bottom:1px solid var(--border-color);box-shadow:none}.header-kaj.compact .logo-left img{max-height:30px}.header-kaj.compact .main-menu li a{padding:4px 0}.header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:var(--spacing-lg);max-width:1440px;margin:0 auto;height:100%;transition:inherit}.logo-left{display:flex;justify-content:flex-start;flex:1;min-width:120px;transition:inherit}.logo-left img{max-height:36px;width:auto;object-fit:contain;transition:max-height var(--transition-smooth)}.menu-wrapper{flex:1;display:flex;justify-content:center}.main-menu{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.main-menu li a{font-size:.875rem;font-weight:600;text-transform:uppercase;color:var(--text-color);text-decoration:none;transition:all var(--transition-fast);padding:8px 0;position:relative}.main-menu li a:hover,.main-menu li a:focus{color:var(--font-color-primary)}.main-menu li a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--font-color-primary);transition:width var(--transition-fast)}.main-menu li a:hover:after{width:100%}.header-icons{display:flex;align-items:center;gap:var(--spacing-md);flex:1;justify-content:flex-end}.header-icon{position:relative;color:var(--text-color);font-size:1.125rem;text-decoration:none;display:flex;align-items:center;gap:4px;transition:color var(--transition-fast)}.header-icon:hover{color:var(--font-color-primary)}.header-icon .count{margin-left:5px;font-size:.75rem;color:var(--font-color-primary);font-weight:600}.btn-cta{background-color:var(--font-color-primary);color:#fff;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;text-transform:uppercase;text-decoration:none;transition:all var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent}.btn-cta:hover,.btn-cta:focus{background-color:var(--font-color-secondary);transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.navbar-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-color);padding:var(--spacing-sm);margin-left:-12px;transition:color var(--transition-fast)}.navbar-toggle:hover{color:var(--font-color-primary)}.mobile-nav{display:none;background-color:#fff;position:fixed;top:var(--header-height);left:0;width:100%;border-top:1px solid var(--border-color);z-index:var(--z-index-mobile-nav);padding:var(--spacing-md);box-shadow:0 4px 12px #0000001a;max-height:calc(100vh - var(--header-height));overflow-y:auto;transition:top var(--transition-smooth)}.header-kaj.compact~.mobile-nav{top:var(--header-height-compact)}.mobile-nav.open{display:block}.mobile-nav ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-nav li{border-bottom:1px solid var(--border-color)}.mobile-nav li:last-child{border-bottom:none}.mobile-nav li a{padding:var(--spacing-sm) var(--spacing-lg);display:block;color:var(--text-color);text-decoration:none;font-size:1rem;transition:color var(--transition-fast)}.mobile-nav li a:hover,.mobile-nav li a:focus{color:var(--font-color-primary)}.mobile-nav .mobile-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding:0 var(--spacing-lg)}.mobile-nav .header-icon{font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg)}@media (max-width: 767px){.main-menu,.menu-wrapper,.header-icons{display:none}.navbar-toggle{display:block}.logo-left{justify-content:center}.header-container{justify-content:space-between}.header-kaj.compact{height:var(--header-height-compact)}.header-kaj.compact .logo-left img{max-height:28px}}@media (min-width: 768px){.mobile-nav,.navbar-toggle{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/header.css.map */