.ctg-header{
    position:sticky;
    top:0;
    z-index:100;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(231,233,237,.92);
    backdrop-filter:saturate(170%) blur(14px);
    -webkit-backdrop-filter:saturate(170%) blur(14px);
}

.ctg-header__bar{
    position:relative;
    z-index:2;
    background:inherit;
}

.ctg-header__inner{
    min-height:82px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:34px;
}

.ctg-nav{
    justify-self:center;
    display:flex;
    align-items:center;
    gap:28px;
}

.ctg-nav a{
    position:relative;
    padding:31px 0 27px;
    color:#3a414b;
    font-size:13px;
    font-weight:800;
    letter-spacing:-.01em;
}

.ctg-nav a::after{
    content:"";
    position:absolute;
    left:50%;
    right:50%;
    bottom:18px;
    height:2px;
    border-radius:999px;
    background:var(--ctg-orange);
    transition:left .18s ease,right .18s ease;
}

.ctg-nav a:hover{
    color:var(--ctg-black);
}

.ctg-nav a:hover::after{
    left:0;
    right:0;
}

.ctg-header__actions{
    display:flex;
    align-items:center;
    gap:10px;
}

.ctg-menu-button{
    width:46px;
    height:46px;
    display:none;
    place-items:center;
    align-content:center;
    gap:5px;
    padding:0;
    border:1px solid #dfe2e7;
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}

.ctg-menu-button span{
    width:20px;
    height:2px;
    display:block;
    border-radius:999px;
    background:var(--ctg-black);
    transition:transform .2s ease,opacity .2s ease;
}

.ctg-menu-button[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg);
}

.ctg-menu-button[aria-expanded="true"] span:nth-child(2){
    opacity:0;
}

.ctg-menu-button[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg);
}

.ctg-mobile-nav{
    display:none;
    position:absolute;
    inset:82px 0 auto;
    padding:16px 0 22px;
    background:#fff;
    border-bottom:1px solid var(--ctg-line);
    box-shadow:0 18px 42px rgba(17,20,24,.08);
}

.ctg-mobile-nav.is-open{
    display:block;
}

.ctg-mobile-nav .ctg-container{
    display:grid;
    gap:3px;
}

.ctg-mobile-nav a:not(.ctg-btn){
    min-height:48px;
    display:flex;
    align-items:center;
    padding:0 4px;
    border-bottom:1px solid #f0f1f3;
    font-size:15px;
    font-weight:750;
}

.ctg-mobile-nav__actions{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding-top:14px;
}
