.header{color:var(--white);left:0;padding:3.5rem 0 2.3rem;position:fixed;top:0;transition:background-color .3s,color .3s;width:100%;z-index:13;&>.shell{--shell-max-width:100%;--shell-gutter:2.6rem;@media (max-width:1439px){--shell-gutter:2rem}}& .header__inner{align-items:center;display:flex;gap:5.4rem;@media (max-width:1439px){gap:3rem}}& .header__logo{@media (max-width:1439px){max-width:23rem}@media (max-width:1200px){max-width:10rem}@media (min-width:1200px){& .logo:last-child{display:none}}@media (max-width:1200px){& .logo:first-child{display:none}}}& .header__main{display:flex;flex-grow:1;@media (max-width:1023px){background-color:var(--white);color:var(--c-base);display:block;height:calc(100% - var(--header-height));left:0;opacity:0;pointer-events:none;position:fixed;top:var(--header-height);transition:opacity .3s;width:100%}&>.shell{@media (min-width:1023px){display:contents}}}& .header__scroll{align-items:center;display:flex;width:100%;@media (max-width:1023px){align-items:normal;flex-direction:column;gap:4rem;height:calc(100dvh - var(--header-height));overflow-x:hidden;overflow-y:auto;padding-bottom:2rem}}& .header__actions{margin-left:auto;@media (max-width:1023px){margin-bottom:0;margin-left:0;margin-right:0;margin-top:auto;width:100%}& .btn{--padding:0.7rem 0.9rem;--border-radius:0px;--text-color:currentcolor;--bg-color:transparent;--border-color:currentcolor;--hover-text-color:#fff;--hover-bg-color:#000;--hover-border:1px solid #000;--hover-border-color:#000;font-family:var(--ff-primary);@media (max-width:1200px){--fsize:1.5rem}}& .link{--f-weight:600;--fsize:1.6rem;border-bottom:none;color:currentColor;@media (max-width:1200px){--fsize:1.5rem}}& .actions-list{@media (max-width:1023px){width:100%}& a{transition:background-color .3s,border-color .3s}}& .actions-list li:has(.btn-search){font-size:0;@media (max-width:1023px){margin-left:auto}}}& .header__mobile-actions{@media (min-width:1023.02px){display:none}margin-left:auto}}.has-scroll .header,.header:has(.nav__has-dd:hover),body:has(.blog-holder) .header,body:has(.section-blog-listing) .header{background-color:var(--c-bg);color:var(--c-base)}body:has(.blog-holder),body:has(.section-blog-listing){padding-top:var(--header-height)}@media (max-width:1023px){.is-menu-open .header .header__main{opacity:1;pointer-events:auto}}