.header{background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);font-family:Nunito Sans,sans-serif;position:sticky;top:0;z-index:1000}.header__container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:15px 20px;position:relative}.header__logo{display:block;flex-shrink:0;z-index:1001}.header__logo img{height:60px;max-width:200px;object-fit:contain;width:auto}.header__inner{align-items:center;display:flex;gap:30px;transition:all .3s ease}.header__nav{display:flex}.header__list{display:flex;gap:25px;list-style:none;margin:0;padding:0}.header__item,.header__link{position:relative}.header__link{align-items:center;color:#333;display:flex;font-size:18px;font-weight:600;gap:5px;padding:10px 0;text-decoration:none;transition:color .3s ease}.header__link:hover{color:#569745}.header__link svg{fill:currentColor;height:12px;transition:transform .3s ease;width:12px}.header__item--has-dropdown:hover .header__link svg{transform:rotate(180deg)}.header__dropdown{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.1);left:0;min-width:220px;opacity:0;position:absolute;top:100%;transform:translateY(10px);transition:all .3s ease;visibility:hidden;z-index:1000}.header__item--has-dropdown:hover .header__dropdown{opacity:1;transform:translateY(0);visibility:visible}.header__dropdown-list{list-style:none;margin:0;padding:15px 0}.header__dropdown-item{border-bottom:1px solid #f0f0f0}.header__dropdown-item:last-child{border-bottom:none}.header__dropdown-link{color:#555;display:block;font-size:16px;padding:12px 20px;text-decoration:none;transition:all .3s ease}.header__dropdown-link:hover{background-color:#f8f9fa;color:#569745;padding-left:25px}.header__contacts{align-items:center;display:flex;gap:20px}.header__phone{align-items:center;color:#333;display:flex;font-weight:600;gap:10px;text-decoration:none;transition:transform .3s ease}.header__phone:hover{transform:translateY(-3px)}.header__phone-icon{flex-shrink:0;height:27px;width:22px}.header__button{background-color:#569745;border-radius:5px;color:#fff;font-size:18px;font-weight:600;padding:12px 25px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.header__button:hover{background-color:#5cad47;box-shadow:0 4px 12px rgba(86,151,69,.3);transform:translateY(-2px)}.header__mobile-controls{align-items:center;display:none;gap:20px;z-index:1001}.header__phone-mobile{align-items:center;display:none;padding:8px}.header__phone-mobile img{height:27px;width:22px}.header__burger{cursor:pointer;display:none;flex-direction:column;height:20px;justify-content:space-between;width:30px;z-index:1001}.header__burger-line{background-color:#333;border-radius:2px;height:3px;transition:all .3s ease;width:100%}@media (max-width:1199px){.header__dropdown{top:0}.header__list{width:100%}.header__mobile-controls,.header__phone-mobile{display:flex}.header__inner{align-items:flex-start;background-color:#fff;box-shadow:-5px 0 15px rgba(0,0,0,.1);flex-direction:column;gap:0;height:100vh;justify-content:flex-start;max-width:400px;overflow-y:auto;padding:100px 30px 30px;position:fixed;right:-100%;top:0;width:100%}.header__inner--active{right:0}.header__nav{margin-bottom:30px;width:100%}.header__list{flex-direction:column;gap:0}.header__link{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:15px 0;width:100%}.header__item--has-dropdown .header__link svg{transform:rotate(0deg)}.header__item--has-dropdown.active .header__link svg{transform:rotate(180deg)}.header__dropdown{box-shadow:none;display:none;opacity:1;position:relative;transform:none;visibility:visible}.header__item--has-dropdown.active .header__dropdown{display:block}.header__contacts{align-items:flex-start;flex-direction:column;gap:15px;width:100%}.header__phone{padding:10px 0}.header__button{text-align:center;width:100%}.header__burger{display:flex}.header__burger--active .header__burger-line--first{transform:rotate(45deg) translate(6px,6px)}.header__burger--active .header__burger-line--middle{opacity:0}.header__burger--active .header__burger-line--last{transform:rotate(-45deg) translate(6px,-6px)}}@media (max-width:576px){.header__container{padding:10px 15px}.header__logo img{height:50px}.header__inner{max-width:100%}.header__inner--active{right:0}.header__mobile-controls{gap:15px}}.header__contacts img{max-width:22px}