.header{background-color:var(--color-background);border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:100;box-shadow:0 1px 3px #00000008}.header__wrapper{position:relative;overflow:visible}.header__inner{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 0;gap:1.5rem;min-height:70px}@media (min-width: 1400px){.header .container{max-width:1400px}}@media (min-width: 1600px){.header .container{max-width:1600px}}.header__logo{flex-shrink:0;display:flex;align-items:center}.header__logo a{display:flex;align-items:center}.header__logo-image{display:block;width:auto;height:auto;max-width:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}@media (min-width: 768px){.header__logo-image{max-width:200px;max-height:80px}.header__inner{padding:1.5rem 0}}.header__logo:not(:empty)~.header__nav{margin:0 1rem}.header__logo-text{font-size:2.6rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.05rem}.header__logo-custom{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:all .3s ease;position:relative}.header__logo-custom:hover{transform:translateY(-2px)}.header__logo-custom:hover .logo-swoosh path{stroke-dasharray:150;animation:swoosh-draw 1s ease-out forwards}.logo-text{font-size:3.2rem;font-weight:800;letter-spacing:-.05rem;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;margin-bottom:.2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.logo-swoosh{width:120px;height:25px;color:var(--color-accent);margin-top:-.3rem}.logo-swoosh path{stroke-dasharray:150;stroke-dashoffset:0;transition:all .5s ease}@keyframes swoosh-draw{0%{stroke-dashoffset:150}to{stroke-dashoffset:0}}@media (max-width: 767px){.logo-text{font-size:2.4rem}.logo-swoosh{width:90px;height:20px}}.header__nav{flex:1;display:flex;justify-content:center;overflow:visible;min-width:0}.header__nav-list{display:flex;align-items:center;gap:2rem;margin:0;padding:0;list-style:none;flex-wrap:wrap;justify-content:center}.header__nav-item{position:relative}.header__nav-link{font-size:1.4rem;font-weight:500;color:var(--color-primary);transition:all .3s ease;padding:.8rem 0;display:block;position:relative;white-space:nowrap}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-accent);transition:width .3s ease}.header__nav-link:hover{color:var(--color-accent)}.header__nav-link:hover:after{width:100%}.header__dropdown{position:absolute;top:100%;left:0;min-width:220px;background-color:#fff;box-shadow:0 10px 30px #0000001f;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s cubic-bezier(.25,.8,.25,1);padding:1.5rem 0;list-style:none;border-radius:8px;border:1px solid rgba(0,0,0,.05)}.header__nav-item:hover .header__dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown li{padding:0}.header__dropdown a{display:block;padding:1rem 2rem;color:var(--color-primary);transition:all .3s ease;font-size:1.4rem}.header__dropdown a:hover{background-color:var(--color-secondary-background);color:var(--color-accent);padding-left:2.5rem}.header__actions{display:flex;align-items:center;gap:2rem}.header__icon,.header__search-toggle,.header__cart-toggle{background:none;border:none;cursor:pointer;color:var(--color-primary);transition:color .3s ease;padding:.5rem}.header__icon:hover,.header__search-toggle:hover,.header__cart-toggle:hover{color:var(--color-accent)}.header__cart-toggle{position:relative}.header__cart-count{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;font-size:1.1rem;font-weight:600;min-width:22px;height:22px;border-radius:11px;display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:0 2px 8px #ff6b6b4d}.header__menu-toggle{display:flex;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:.8rem;width:44px;height:44px;align-items:center;justify-content:center;position:relative;z-index:10;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.header__menu-toggle span{width:28px;height:3px;background-color:var(--color-primary);transition:all .3s ease;display:block;border-radius:2px}.header__mobile-menu{position:fixed;top:0;left:-100%;width:80%;max-width:350px;height:100vh;background-color:#fff;box-shadow:5px 0 30px #00000026;transition:left .3s cubic-bezier(.25,.8,.25,1);overflow-y:auto;z-index:10001}.header__mobile-menu.is-open{left:0!important;visibility:visible!important;display:block!important;opacity:1!important}.mobile-menu{padding:6rem 2rem 2rem;background-color:#fff;height:100%}.mobile-menu__list{list-style:none;margin:0;padding:0}.mobile-menu__item{border-bottom:1px solid #eee}.mobile-menu__link{display:block;padding:1.5rem 0;font-size:1.6rem;font-weight:500;color:var(--color-primary);text-decoration:none}.mobile-menu__link:hover{color:var(--color-accent)}.mobile-menu__submenu{list-style:none;padding-left:2rem;margin:0}.mobile-menu__submenu a{display:block;padding:1rem 0;font-size:1.4rem;color:var(--color-secondary)}.header__search-drawer{position:fixed;top:var(--header-height, 120px);left:0;right:0;background-color:#fff;border-bottom:1px solid #eee;box-shadow:0 5px 20px #0000001a;padding:2rem 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s ease;z-index:90}.header__search-drawer.is-open{transform:translateY(0);opacity:1;visibility:visible}.search-form{display:flex;gap:1rem;max-width:600px;margin:0 auto;padding:0 var(--page-width-margin)}.search-form__input{flex:1;padding:1.2rem 1.8rem;font-size:1.5rem;border:2px solid #e2e8f0;border-radius:8px;transition:all .3s ease;background-color:#f7fafc}.search-form__input:focus{border-color:var(--color-accent);outline:none;background-color:#fff;box-shadow:0 0 0 3px #007aff1a}.search-form__submit{padding:1.2rem 2.5rem;background:linear-gradient(135deg,#007aff,#0051d5);color:#fff;border:none;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:8px;box-shadow:0 2px 8px #007aff33}.search-form__submit:hover{background:linear-gradient(135deg,#0051d5,#003d9e);box-shadow:0 4px 12px #007aff4d;transform:translateY(-1px)}.header--sticky{position:fixed;top:0;left:0;right:0;background-color:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #00000014}@media (min-width: 768px) and (max-width: 1200px){.header__nav-list{gap:1.5rem}.header__nav-link{font-size:1.3rem}}@media (min-width: 1201px) and (max-width: 1400px){.header__nav-list{gap:1.8rem}}@media (max-width: 991px){.header__nav{display:none}.header__inner{padding:1rem 0;min-height:60px}.header__logo-text{font-size:2rem}.header__logo-image{max-width:150px;max-height:60px}.header__search-drawer{padding:1.5rem 0}.search-form{flex-direction:column;padding:0 1.5rem;gap:1.5rem}.search-form__input,.search-form__submit{width:100%}}.header__mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:10000}.header__mobile-menu-overlay.is-open{opacity:1;visibility:visible}.mobile-menu__close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all .3s ease;z-index:1}.mobile-menu__close:hover{transform:rotate(90deg);color:var(--color-accent)}@media (min-width: 992px){.header__menu-toggle{display:none}.header__mobile-menu,.header__mobile-menu-overlay{display:none!important}}body.menu-open{overflow:hidden}@media (min-width: 992px){.header__nav-list:has(.header__nav-item:nth-child(6)){gap:1.2rem}.header__nav-list:has(.header__nav-item:nth-child(6)) .header__nav-link{font-size:1.3rem;padding:.6rem 0}.header__nav-list:has(.header__nav-item:nth-child(8)){gap:1rem}.header__nav-list:has(.header__nav-item:nth-child(8)) .header__nav-link{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/section-header.css.map */