.header{display:flex;justify-content:space-between;align-items:center;height:100px;padding:0 150px;background-color:var(--dark-blue);position:sticky;top:0;z-index:1000}.header.header__offset{top:41px}.upper_header{height:41px;display:flex;align-items:center;justify-content:center;font-family:Raleway;background:red;color:#fff;font-weight:500;font-size:16px;line-height:1.3;text-align:center;padding:10px 20px;position:sticky;top:0;z-index:1000}@media screen and (max-width:500px){.header.header__offset{top:62px}.upper_header{height:62px}}.header__logo{display:flex;align-items:center;position:relative;height:100%;padding-left:178px;text-decoration:none}.header__logo-container{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:166px;height:166px;background-color:var(--dark-blue);border-radius:50%}.header__logo-container img{width:135px;height:135px}.header__logo-text{font-family:Montserrat;font-weight:600;font-size:24px;text-transform:uppercase;color:var(--sand)}.header__nav{display:flex;align-items:center;gap:60px}.header__nav-links{display:flex;align-items:center;gap:55px}.header__nav-link{font-family:Raleway;font-weight:400;font-size:16px;color:#fff;text-decoration:none;text-transform:uppercase}.header__nav-link.active{color:var(--sand)}.header__nav-link:hover{color:var(--sand)}.header__nav-icons{display:flex;align-items:center;gap:20px}.header__nav-icon{position:relative;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.header__nav-icon:hover path{fill:var(--sand);stroke:var(--sand)}.header__nav-cart,.header__nav-cart svg{width:25px}.header-counter{position:absolute;top:-5px;right:-5px;background:#972321;border-radius:50%;width:20px;height:20px;color:#fff;font-family:Raleway;font-weight:700;font-size:12px;line-height:1;text-decoration:none;display:flex;align-items:center;justify-content:center}.header-counter.hidden{display:none}.header__menu-button,.header__nav-mobile{display:none}@media screen and (max-width:1537px){.header{padding:0 100px}.header__logo-container{width:140px;height:140px}.header__logo-container img{width:115px}.header__logo{padding-left:155px}}@media screen and (max-width:769px){.header{height:70px;padding:0 20px}.header__logo-container{width:100px;height:100px}.header__logo-container img{width:80px}.header__logo{padding-left:110px}.header__logo-text{font-size:16px;white-space:break-spaces;width:100px}.header__nav{display:none}.header__menu-button{display:flex;flex-direction:column;gap:5px}.header__menu-button span{width:30px;height:3px;background:#fff;border-radius:5px}.header__nav-mobile{display:flex;flex-direction:column;align-items:center;gap:40px;position:fixed;top:-100%;left:0;z-index:100;width:100%;background:var(--dark-blue);padding:20px 0 40px;transition:all .5s ease-in-out}.header__nav-mobile.open{top:0}.header__nav-mobile .header__nav-links{flex-direction:column;gap:20px}.header__menu-close{position:absolute;top:20px;right:20px;display:flex;flex-direction:column;gap:18px}.header__menu-close span{width:30px;height:3px;background:#fff;border-radius:5px}.header__menu-close span:first-child{transform:rotate(45deg);transform-origin:left top}.header__menu-close span:last-child{transform:rotate(-45deg);transform-origin:left bottom}.header__logo-container-mobile{position:absolute;top:20px;left:20px;width:70px;height:70px}}