.site-header{position:absolute;top:0;left:0;right:0;z-index:100;padding-block:20px;color:var(--color-white);background:linear-gradient(106deg,#fffbfb1f,#fffbfb0f),#00000040;backdrop-filter:blur(30px) saturate(1.4);-webkit-backdrop-filter:blur(30px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.08);transition:padding var(--transition-base)}.site-header.is-scrolled{position:fixed;background:linear-gradient(106deg,#fffbfb1a,#fffbfb0a),#00000059;backdrop-filter:blur(40px) saturate(1.5);-webkit-backdrop-filter:blur(40px) saturate(1.5);padding-block:12px;transition:transform .3s cubic-bezier(.4,0,.2,1),padding var(--transition-base),background .3s ease}.site-header.is-hidden{transform:translateY(-110%)}.header__inner{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;gap:var(--space-md);min-height:80px}.header__logo{flex-shrink:0;display:flex;align-items:center;color:var(--color-white);transition:opacity var(--transition-fast)}.header__logo:hover{opacity:.85}.header__logo-svg{max-width:325px;min-height:60px}.header__nav{display:flex;align-items:center}.header__nav-list{display:flex;align-items:center;gap:40px}.header__nav-link{display:inline-block;position:relative;font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-nav);line-height:1.5;text-transform:uppercase;color:var(--color-white);letter-spacing:.03em;padding-block:4px}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-cta-normal);transition:width var(--transition-base)}.header__nav-link:hover:after,.header__nav-link.is-active:after{width:100%}.header__nav-link:hover{color:var(--color-cta-light)}.header__actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.header__cart{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--color-white);transition:color var(--transition-fast)}.header__cart:hover{color:var(--color-cta-light)}.header__cart-icon{width:24px;height:24px}.header__cart-badge{position:absolute;top:4px;right:2px;display:flex;align-items:center;justify-content:center;max-width:18px;height:18px;padding:0 4px;background-color:var(--color-cta-normal);color:var(--color-white);font-family:var(--font-body);font-size:11px;font-weight:var(--weight-bold);line-height:1;border-radius:var(--radius-full)}.header__cta{font-size:var(--text-body-md);max-width:143px;min-height:64px}.header__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;cursor:pointer;z-index:110}.header__hamburger-line{display:block;width:24px;height:2px;background-color:var(--color-white);border-radius:1px;transition:transform var(--transition-base),opacity var(--transition-fast);transform-origin:center}.header__hamburger[aria-expanded=true] .header__hamburger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.header__hamburger[aria-expanded=true] .header__hamburger-line:nth-child(2){opacity:0}.header__hamburger[aria-expanded=true] .header__hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header__mobile-overlay{display:none}@media(max-width:960px){.header__inner{display:flex;justify-content:space-between;align-items:center;padding:0 16px;min-height:40px}.header__nav{display:none;position:fixed;top:0;right:0;width:min(320px,85vw);height:100vh;height:100dvh;background-color:#000000f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;align-items:center;z-index:105}.header__nav.is-open{display:flex;animation:navSlideIn .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes navSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.header__nav-list{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px}.header__nav-link{font-size:24px}.header__hamburger{display:flex}.header__cta{display:none}.header__mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:104}.header__mobile-overlay.is-visible{display:block}}@media(max-width:1024px){.header__nav-list{gap:20px}}@media(max-width:960px){.header__logo-svg{width:140px;height:26px;min-width:0;min-height:0}.site-header{padding-top:10px;padding-bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/faranoa-header.css.map */