.header{position:sticky;top:0;z-index:999;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);transition:transform var(--transition-base),box-shadow var(--transition-base)}.header.is-scrolled{box-shadow:var(--shadow-md)}.header.is-hidden{transform:translateY(-100%)}.header__inner{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}@media (min-width: 768px){.header__inner{display:flex;justify-content:space-between;gap:var(--spacing-6)}}.header__logo{flex-shrink:0;grid-column:2;justify-self:center}@media (min-width: 768px){.header__logo{grid-column:auto;justify-self:auto}}.header__logo-link{display:block;line-height:0}.header__logo-text{font-family:var(--font-heading);font-size:clamp(18px,5vw,24px);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.header__nav{flex:1}.header__nav-list{display:flex;align-items:center;justify-content:center;gap:var(--spacing-8);list-style:none}.header__nav-link{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base);padding:var(--spacing-2) 0}.header__nav-link:hover{color:var(--color-brand-primary)}.header__actions{display:flex;align-items:center;gap:4px;grid-column:3;justify-self:end}@media (min-width: 768px){.header__actions{grid-column:auto;justify-self:auto;gap:var(--spacing-4)}}.header__action{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;background:none;border:none;color:var(--color-text-primary);transition:color var(--transition-base);text-decoration:none;cursor:pointer}.header__action:hover{color:var(--color-brand-primary)}.header__action .icon{width:24px;height:24px}.header__cart{position:relative}.header__cart-count{position:absolute;top:0;right:0;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-cta-green);border-radius:var(--radius-full)}.header__menu-toggle{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;background:none;border:none;color:var(--color-text-primary);cursor:pointer;transition:color var(--transition-base);grid-column:1}.header__menu-toggle:hover{color:var(--color-brand-primary)}.header__menu-toggle .icon{width:24px;height:24px}.mobile-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background-color:#00000080;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.mobile-menu.active{opacity:1;visibility:visible}.mobile-menu__panel{position:absolute;top:0;left:0;width:80%;max-width:320px;height:100%;background-color:var(--color-bg-primary);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform var(--transition-base);overflow-y:auto}.mobile-menu.active .mobile-menu__panel{transform:translate(0)}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.mobile-menu__title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.mobile-menu__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:none;border:none;color:var(--color-text-primary);cursor:pointer}.mobile-menu__close .icon{width:24px;height:24px}.mobile-menu__nav{padding:var(--spacing-4) 0}.mobile-menu__list{list-style:none}.mobile-menu__item{border-bottom:1px solid var(--color-border)}.mobile-menu__link{display:block;padding:var(--spacing-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-primary);text-decoration:none;transition:background-color var(--transition-base),color var(--transition-base);min-height:48px}.mobile-menu__link:hover{background-color:var(--color-bg-secondary);color:var(--color-brand-primary)}@media (max-width: 767px){.header__logo{position:absolute;left:50%;transform:translate(-50%)}.header__logo img{max-width:120px}}.search-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;display:flex;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;padding-top:100px}.search-modal.active{opacity:1;visibility:visible}.search-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer}.search-modal__container{position:relative;width:90%;max-width:600px;background-color:var(--color-bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.search-modal__close{position:absolute;top:var(--spacing-4);right:var(--spacing-4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-base);z-index:2}.search-modal__close:hover{color:var(--color-text-primary)}.search-modal__close svg{width:20px;height:20px}.search-modal__content{padding:var(--spacing-6)}@media (min-width: 768px){.search-modal__content{padding:var(--spacing-8)}}@media (min-width: 768px){.header__inner{padding-top:var(--spacing-5);padding-bottom:var(--spacing-5)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/header.css.map */