.pc-header{
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,.94);
    backdrop-filter:blur(14px);
    border-bottom:1px solid transparent;
    transition:
        background .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.pc-header__wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:var(--pc-header-height);
    gap:32px;
}

.pc-header__brand{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.pc-header__logo{
    height:70px;
    width:auto;
    transition:transform .25s ease;
}

.pc-header__brand:hover .pc-header__logo{
    transform:scale(1.03);
}

.pc-nav{
    display:flex;
    align-items:center;
    gap:8px;
    margin-left:auto;

}

.pc-nav__link{

    position:relative;
    padding:12px 18px;
    border-radius:12px;
    color:var(--pc-text);
    font-size:.95rem;
    font-weight:500;
    transition:all .25s ease;

}

.pc-nav__link:hover{
    background:#F4F5F7;
    color:var(--pc-primary);
}

.pc-nav__link--active{
    color:var(--pc-primary);
    background:#FFF2F2;
}

.pc-header__actions{
    display:flex;
    align-items:center;
    gap:14px;
    flex-shrink:0;
}

.pc-menu-button{
    display:none;
    width:46px;
    height:46px;
    border:none;
    background:transparent;
    cursor:pointer;
}

.pc-menu-button span{
    display:block;
    width:22px;
    height:2px;
    margin:5px auto;
    background:var(--pc-text);
    transition:.25s;
}

.pc-header--scrolled{
    background:rgba(255,255,255,.97);
    border-color:var(--pc-border);
    box-shadow:var(--pc-shadow-md);
}

.pc-container{
    width:min(100% - 48px, var(--pc-max-width));
    margin-inline:auto;
}