header{background:var(--header-color);z-index:1000;border-bottom:5px solid #8b6f63;width:100%;padding:20px 0;position:fixed;top:0;left:0}header .header-items{justify-content:space-between;align-items:center;display:flex;position:relative}header .header-logo{z-index:1002;display:none}header .header-logo img{transition:all .3s}header .burger-menu{cursor:pointer;z-index:1002;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:24px;padding:0;transition:all .3s;display:none}header .burger-menu span{transform-origin:50%;background-color:#333;border-radius:3px;width:100%;height:3px;transition:all .3s}header .burger-menu.active span:first-child{transform:translateY(10.5px)rotate(45deg)}header .burger-menu.active span:nth-child(2){opacity:0;transform:translate(-20px)}header .burger-menu.active span:nth-child(3){transform:translateY(-10.5px)rotate(-45deg)}header .burger-menu:hover span{background-color:#8b6f63}header .header-user-btn--mobile{z-index:1002;display:none}header .header-logo__wrapper{position:relative}header .header-logo__wrapper .header-logo__dekstop{transition:all .3s;position:absolute;top:-35px}header nav{justify-content:space-between;align-items:center;gap:40px;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}header nav .header-nav__items{justify-content:space-between;align-items:center;gap:40px;transition:all .3s;display:flex}header nav .header-nav__items--right{gap:16px}header nav a{color:#333;font-size:25px;text-decoration:none;transition:all .3s;position:relative}header nav a:after{content:"";background-color:#8b6f63;width:0;height:2px;transition:width .3s;position:absolute;bottom:-5px;left:0}header nav a:hover{color:#8b6f63}header nav a:hover:after{width:100%}header nav .header-city-btn{color:#8b6f63;cursor:pointer;white-space:nowrap;background:0 0;border:1.5px solid #8b6f63;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:15px;font-weight:500;transition:all .3s;display:flex}header nav .header-city-btn svg{flex-shrink:0}header nav .header-city-btn:hover{color:#fff;background:#8b6f63}header nav .header-search{background:#f5ede4;border:1.5px solid #e5ddd5;border-radius:50px;align-items:center;transition:border-color .2s;display:flex;overflow:hidden}header nav .header-search:focus-within{border-color:#8b6f63}header nav .header-search__input{color:#333;background:0 0;border:none;outline:none;width:180px;padding:8px 14px;font-family:inherit;font-size:15px}header nav .header-search__input::placeholder{color:#bbb}header nav .header-search__btn{cursor:pointer;color:#8b6f63;background:0 0;border:none;align-items:center;padding:8px 12px;transition:color .2s;display:flex}header nav .header-search__btn:hover{color:#6b4f43}header nav .header-btn{transition:all .3s}header .menu-overlay{display:none}header nav .header-user-btn{cursor:pointer;color:#8b6f63;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex}header nav .header-user-btn:hover{color:#6b4f43;transform:translateY(-2px)}header nav .header-user-btn--active svg{fill:#8b6f6326}header nav .header-user-btn--active:hover svg{fill:#8b6f6340}@media (max-width:1400px){header nav,header nav .header-nav__items{gap:30px}header nav a{font-size:23px}header nav .header-search__input{width:150px}}@media (max-width:1200px){header nav,header nav .header-nav__items{gap:20px}header nav a{font-size:21px}header nav .header-search__input{width:120px}header .header-logo__wrapper .header-logo__dekstop img{width:100px!important;height:75px!important}header .header-user-btn--mobile{z-index:1002;cursor:pointer;color:#8b6f63;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:none}header .header-user-btn--mobile:hover{color:#6b4f43;transform:translateY(-2px)}header .header-user-btn--mobile.header-user-btn--active svg{fill:#8b6f6326}}@media (max-width:1140px){header{padding:12px 0}header .header-items{justify-content:space-between}header .header-logo{display:block}header .header-logo img{width:80px!important;height:60px!important}header .burger-menu,header .header-user-btn--mobile{display:flex}header .header-logo__wrapper{display:none}header nav{background:var(--header-color);z-index:51;pointer-events:none;border-bottom:0 solid #8b6f63;flex-direction:column;justify-content:flex-start;align-items:center;gap:0;width:100%;height:auto;max-height:0;margin-top:92px;padding:0;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;box-shadow:0 10px 30px #0000}header nav.active{pointer-events:auto;border-bottom:5px solid #8b6f63;max-height:600px;padding:30px 20px;overflow:visible;box-shadow:0 10px 30px #00000026}header nav .header-nav__items{opacity:0;flex-direction:column;gap:20px;width:100%;transition:all .4s .1s;transform:translateY(-20px)}header nav .header-nav__items--right{align-items:center}header nav .header-nav__items a{text-align:center;width:100%;padding:10px 0;font-size:20px}header nav.active .header-nav__items{opacity:1;transform:translateY(0)}header nav .header-user-btn--desktop{display:none}header nav .header-search{border-radius:12px;width:100%}header nav .header-search__input{width:100%;font-size:16px}header nav .header-city-btn{padding:10px 20px;font-size:16px}header .menu-overlay{z-index:50;background:#00000080;width:100%;height:100vh;animation:.3s fadeIn;display:block;position:fixed;top:92px;left:0}}@media (max-width:992px){header .header-logo img{width:70px!important;height:52px!important}header nav{margin-top:84px}header nav.active{padding:25px 15px}header nav .header-nav__items a{font-size:18px}header .menu-overlay{top:84px}}@media (max-width:768px){header{padding:10px 0}header .header-logo img{width:60px!important;height:45px!important}header .burger-menu{width:28px;height:22px}header .burger-menu span{height:2.5px}header .burger-menu.active span:first-child{transform:translateY(9.75px)rotate(45deg)}header .burger-menu.active span:nth-child(3){transform:translateY(-9.75px)rotate(-45deg)}header nav{margin-top:75px}header nav.active{max-height:550px;padding:20px 15px}header nav .header-nav__items{gap:15px}header nav .header-nav__items a{padding:8px 0;font-size:17px}header .menu-overlay{top:75px}}@media (max-width:576px){header .header-logo img{width:55px!important;height:41px!important}header .burger-menu{width:26px;height:20px}header .burger-menu.active span:first-child{transform:translateY(8.5px)rotate(45deg)}header .burger-menu.active span:nth-child(3){transform:translateY(-8.5px)rotate(-45deg)}header nav{margin-top:71px}header nav .header-nav__items a{font-size:16px}header .menu-overlay{top:71px}}@media (max-width:480px){header{padding:8px 0}header .header-logo img{width:50px!important;height:37px!important}header .burger-menu{width:24px;height:18px}header .burger-menu span{height:2px}header .burger-menu.active span:first-child{transform:translateY(8px)rotate(45deg)}header .burger-menu.active span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}header nav{margin-top:64px}header nav.active{max-height:500px;padding:15px 10px}header nav .header-nav__items{gap:12px}header nav .header-nav__items a{padding:6px 0;font-size:15px}header .menu-overlay{top:64px}}@media (max-width:375px){header .header-logo img{width:45px!important;height:34px!important}header .burger-menu{width:22px;height:17px}header .burger-menu.active span:first-child{transform:translateY(7.5px)rotate(45deg)}header .burger-menu.active span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}header nav{margin-top:60px}header nav .header-nav__items a{font-size:14px}header .menu-overlay{top:60px}}@media (max-width:320px){header{padding:6px 0}header .header-logo img{width:40px!important;height:30px!important}header .burger-menu{width:20px;height:15px}header .burger-menu span{height:2px}header .burger-menu.active span:first-child{transform:translateY(6.5px)rotate(45deg)}header .burger-menu.active span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}header nav{margin-top:56px}header nav.active{max-height:450px;padding:12px 8px}header nav .header-nav__items{gap:10px}header nav .header-nav__items a{padding:5px 0;font-size:13px}header .menu-overlay{top:56px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}header nav .header-search-wrap{position:relative}header nav .header-search__dropdown{z-index:200;background:#fff;border:1.5px solid #e5ddd5;border-radius:12px;min-width:280px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001a}header nav .header-search__dropdown-loading,header nav .header-search__dropdown-empty{color:#999;text-align:center;padding:14px 16px;font-size:14px}header nav .header-search__dropdown-item{color:#333;border-bottom:1px solid #f5f5f5;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;transition:background .15s;display:flex}header nav .header-search__dropdown-item:last-child{border-bottom:none}header nav .header-search__dropdown-item:hover{background:#faf7f4}header nav .header-search__dropdown-logo{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}header nav .header-search__dropdown-logo-placeholder{color:#a86a3d;background:#f0ede8;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}header nav .header-search__dropdown-name{color:#1a1a1a;font-size:14px;font-weight:600}header nav .header-search__dropdown-city{color:#999;margin-top:2px;font-size:12px}