:root{--header-transition:0.4s ease;--header-padding-vertical:24px;--header-padding-horizontal:32px;--header-margin-top:12px;--header-border-radius:24px;--header-nav-gap:40px;--header-submenu-bg:var(--scrolled-header-background);--header-z-index:1000}.header{background:transparent;left:0;position:fixed;top:0;width:100%;z-index:var(--header-z-index)}.header,.menu__header{transition:background-color var(--header-transition)}.menu__header{align-items:center;border-radius:var(--header-border-radius);display:flex;justify-content:space-between;margin-top:var(--header-margin-top);padding:var(--header-padding-vertical) var(--header-padding-horizontal);position:relative}@media (min-width:1200px){.header .container{padding:0}.header.scrolled .menu__header,.header:hover .menu__header{background:var(--scrolled-header-background)}.nav__list li:hover>.sub-menu{opacity:1;transform:translateX(-50%) translateY(0);visibility:visible}.nav__list li:hover>a .submenu-arrow{transform:rotate(180deg)}}.header__logoWrapper img{display:block;height:auto;max-width:100%}.header__nav{left:50%;position:absolute;transform:translateX(-50%)}.nav__list{display:flex;gap:var(--header-nav-gap)}.nav__list li{position:relative}.nav__list li a{align-items:center;display:flex;transition:color .3s ease}.nav__list li a:hover{color:var(--accent-color)}.nav__list .sub-menu{background:var(--header-submenu-bg);border-radius:8px;left:50%;list-style:none;margin:0;min-width:180px;opacity:0;padding:16px 0;position:absolute;top:100%;transform:translateX(-50%) translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:500}.nav__list .sub-menu li{padding:8px 24px}.nav__list .sub-menu li a{display:block;font-size:14px;text-decoration:none;transition:color .3s}.submenu-arrow{display:inline-block;margin-left:6px;transition:transform .3s ease}.header__socials{align-items:center;display:flex;gap:24px}.header__socials img{height:32px;transition:opacity .3s ease;width:32px}.header__socials a:hover img{opacity:.8}.header__burger{cursor:pointer;display:none;z-index:1001}.burger-open,.header__burger.active .burger-closed{display:none}.header__burger.active .burger-open{display:block}@media (max-width:1199px){.header{position:absolute}.header,.header.scrolled,.menu__header{background:transparent}.menu__header{height:48px;justify-content:space-between;margin-top:24px;padding:0}.header .container:hover{background:transparent}.header__nav{left:auto;position:relative;transform:none;width:100%}.nav__list{flex-direction:column;gap:32px}.nav__list li a{font-size:16px;font-weight:400;line-height:24px;text-align:center}.header__socials{gap:16px;justify-content:center;width:100%}.header__socials img{height:28px;width:28px}.header__burger{display:flex;position:fixed;right:16px}.header__menu{align-items:center;background-color:var(--scrolled-header-background);border-radius:24px;display:flex;flex-direction:column;gap:56px;left:50%;max-height:calc(100vh - 96px);max-width:343px;overflow-y:auto;padding:32px 24px;position:fixed;top:-100%;transform:translate(-50%);transition:top .4s ease;width:100%;z-index:1000}.header__menu.active{top:50%;transform:translate(-50%,-50%)}.nav__list .sub-menu{background:none;box-shadow:none;display:none;left:0;min-width:100%;opacity:1;padding:0;position:relative;top:0;transform:none;visibility:visible}.nav__list .sub-menu.active{display:block}.nav__list .sub-menu li{padding:8px 0 8px 12px}.nav__list .sub-menu li a{font-size:14px;text-align:left}.header__logoWrapper img{height:48px;object-fit:contain;width:69px}.nav__list li.active>a .submenu-arrow{transform:rotate(180deg)}}