.header{position:fixed;top:0;left:0;right:0;z-index:1000;height:150px;transition:background-color .3s ease,box-shadow .3s ease}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1280px;margin:0 auto;padding:0 40px}.header__spacer{height:150px}.header--transparent{background-color:transparent;color:#fff}.header--transparent .header__link,.header--transparent .header__icon,.header--transparent .header__mobile-toggle{color:#fff}.header--transparent.header--scrolled{background-color:#fff;box-shadow:0 2px 10px #0000001a}.header--transparent.header--scrolled .header__link,.header--transparent.header--scrolled .header__icon,.header--transparent.header--scrolled .header__mobile-toggle{color:#000}.header--solid{background-color:#fff;color:#000}.header--solid .header__link,.header--solid .header__icon,.header--solid .header__mobile-toggle{color:#000}.header--solid.header--scrolled{box-shadow:0 2px 10px #0000001a}.header__nav{display:flex;align-items:center}.header__menu{display:flex;align-items:center;gap:35px}.header__link{font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:.02em;transition:opacity .2s ease}.header__link:hover{opacity:.7}.header__icons{display:flex;align-items:center;gap:15px}.header__icon{display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease;background:none;border:none;padding:0;cursor:pointer}.header__icon:hover{opacity:.7;transform:scale(1.05)}.header__icon svg{width:38px;height:38px}.header__icon--cart{position:relative}.header__cart-count{position:absolute;top:-5px;right:-5px;background-color:#000;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header--transparent .header__cart-count{background-color:#fff;color:#000}.header--transparent.header--scrolled .header__cart-count{background-color:#000;color:#fff}.header__icon--favorites{position:relative}.header__favorites-count{position:absolute;top:-5px;right:-5px;background-color:#000;color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.header--transparent .header__favorites-count{background-color:#fff;color:#000}.header--transparent.header--scrolled .header__favorites-count{background-color:#000;color:#fff}.header__mobile-toggle{display:none;padding:10px;margin-left:-10px;z-index:1001}.header__hamburger{display:flex;flex-direction:column;justify-content:space-between;width:24px;height:18px}.header__hamburger span{display:block;width:100%;height:2px;background-color:currentColor;transition:transform .3s ease,opacity .3s ease}.header__mobile-toggle.is-active .header__hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.header__mobile-toggle.is-active .header__hamburger span:nth-child(2){opacity:0}.header__mobile-toggle.is-active .header__hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.header__mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 4px 20px #0000001a;max-height:0;overflow:hidden;transition:max-height .4s ease}.header__mobile-menu.is-open{max-height:400px}.header__mobile-nav{padding:20px 30px 30px}.header__mobile-item{border-bottom:1px solid #f0f0f0}.header__mobile-item:last-child{border-bottom:none}.header__mobile-link{display:block;padding:15px 0;font-family:Cabinet Grotesk,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;letter-spacing:.02em;color:#000;transition:opacity .2s ease}.header__mobile-link:hover{opacity:.7}body.menu-open{overflow:hidden}@media screen and (max-width:990px){.header{height:80px;background-color:#fff}.header .header__link,.header .header__icon,.header .header__mobile-toggle{color:#000}.header__spacer{height:80px}.header__container{padding:0 50px}.header__nav{display:none}.header__mobile-toggle,.header__mobile-menu{display:block}.header__icons{gap:12px}.header__icon svg{width:32px;height:32px}}@media screen and (max-width:768px){.header__container{padding:0 25px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-header.css.map */