/* =========================================================
   PARTFIT PRO PUBLIC HEADER V2
   ========================================================= */

.pfpro-site-header{
    --pfpro-primary:#021f4a;
    --pfpro-secondary:#e2070c;

    position:sticky;
    top:0;
    z-index:1200;

    width:100%;

    background:#fff;
    border-bottom:1px solid #e5eaf1;

    box-shadow:
        0 3px 14px
        rgba(2,31,74,.055);

    font-family:"Barlow",Arial,sans-serif;
}

.pfpro-header-inner{
    width:min(
        1480px,
        calc(100% - 48px)
    );

    min-height:66px;

    margin:0 auto;

    display:flex;
    align-items:center;

    gap:27px;
}

.pfpro-header-brand{
    flex:0 0 auto;

    display:flex;
    align-items:center;

    gap:7px;

    text-decoration:none!important;
}

.pfpro-header-brand img{
    display:block;

    width:auto;
    height:35px;
}

.pfpro-header-pro-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-height:23px;

    padding:0 7px;

    border-radius:5px;

    background:
        var(--pfpro-secondary);

    color:#fff;

    font-size:11px;
    font-weight:950;

    letter-spacing:.02em;
}

.pfpro-header-nav{
    min-width:0;

    display:flex;
    align-items:center;

    gap:19px;

    margin-left:auto;
}

.pfpro-header-nav > a{
    position:relative;

    display:inline-flex;
    align-items:center;

    gap:5px;

    min-height:66px;

    color:#172b48!important;

    text-decoration:none!important;

    white-space:nowrap;

    font-size:11px;
    font-weight:800;

    transition:
        color .18s ease;
}

.pfpro-header-nav > a:hover{
    color:
        var(--pfpro-secondary)!important;
}

.pfpro-header-nav > a:after{
    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:0;

    height:2px;

    background:
        var(--pfpro-secondary);

    transform:scaleX(0);

    transition:
        transform .18s ease;
}

.pfpro-header-nav > a:hover:after{
    transform:scaleX(1);
}

.pfpro-header-tech{
    color:
        var(--pfpro-primary)!important;

    font-weight:950!important;
}

.pfpro-header-tech span{
    display:inline-flex;

    padding:3px 5px;

    border-radius:999px;

    background:#fff0f0;

    color:
        var(--pfpro-secondary);

    font-size:7px;
    font-weight:950;

    text-transform:uppercase;
}

.pfpro-header-actions{
    flex:0 0 auto;

    display:flex;
    align-items:center;

    gap:8px;

    padding-left:14px;

    border-left:1px solid #e7ebf0;
}

.pfpro-header-register,
.pfpro-header-account,
.pfpro-header-space{
    min-height:39px;

    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:7px;

    padding:0 14px;

    border-radius:8px;

    text-decoration:none!important;

    white-space:nowrap;

    font-size:11px;
    font-weight:900;
}

.pfpro-header-register{
    background:
        var(--pfpro-secondary);

    color:#fff!important;

    border:1px solid
        var(--pfpro-secondary);

    box-shadow:
        0 6px 18px
        rgba(226,7,12,.15);
}

.pfpro-header-account{
    background:
        var(--pfpro-primary);

    color:#fff!important;

    border:1px solid
        var(--pfpro-primary);

    box-shadow:
        0 6px 18px
        rgba(2,31,74,.14);
}

.pfpro-header-space{
    background:
        var(--pfpro-primary);

    color:#fff!important;

    border:1px solid
        var(--pfpro-primary);
}

.pfpro-header-space .pfpro-header-user-icon{
    border-color:
        rgba(255,255,255,.28);

    color:#fff;
}

.pfpro-header-action-icon,
.pfpro-header-user-icon{
    width:20px;
    height:20px;

    display:grid;
    place-items:center;

    border-radius:6px;

    font-size:9px;
    font-weight:950;
}

.pfpro-header-action-icon{
    background:
        rgba(255,255,255,.14);
}

.pfpro-header-user-icon{
    border:1px solid #d6deea;
}

.pfpro-header-toggle{
    display:none;

    width:41px;
    height:39px;

    border:1px solid #d7deea;
    border-radius:8px;

    background:#fff;

    padding:9px;

    cursor:pointer;
}

.pfpro-header-toggle span{
    display:block;

    width:100%;
    height:2px;

    margin:4px 0;

    border-radius:999px;

    background:
        var(--pfpro-primary);
}

.pfpro-mobile-nav{
    border-top:1px solid #e8edf3;

    background:#fff;

    padding:12px 16px 18px;
}

.pfpro-mobile-links{
    display:grid;
}

.pfpro-mobile-links a{
    min-height:46px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-bottom:1px solid #eef1f5;

    color:#172b48!important;

    text-decoration:none!important;

    font-size:13px;
    font-weight:850;
}

.pfpro-mobile-links a.tech{
    color:
        var(--pfpro-primary)!important;

    font-weight:950;
}

.pfpro-mobile-links a.tech span{
    padding:4px 7px;

    border-radius:999px;

    background:#fff0f0;

    color:
        var(--pfpro-secondary);

    font-size:8px;

    text-transform:uppercase;
}

.pfpro-mobile-actions{
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:8px;

    padding-top:14px;
}

.pfpro-mobile-actions a{
    min-height:43px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:0 10px;

    border:1px solid #cfd9e7;
    border-radius:8px;

    background:#fff;

    color:
        var(--pfpro-primary)!important;

    text-align:center;
    text-decoration:none!important;

    font-size:11px;
    font-weight:900;
}

.pfpro-mobile-actions a.primary{
    background:
        var(--pfpro-primary);

    color:#fff!important;

    border-color:
        var(--pfpro-primary);
}

.pfpro-mobile-actions a.register{
    background:
        var(--pfpro-secondary);

    color:#fff!important;

    border-color:
        var(--pfpro-secondary);
}

.pfpro-mobile-actions a.full{
    grid-column:1/-1;
}


@media(max-width:1320px){

    .pfpro-header-nav{
        gap:13px;
    }

    .pfpro-header-nav > a{
        font-size:10px;
    }

    .pfpro-header-inner{
        gap:18px;
    }

}


@media(max-width:1120px){

    .pfpro-header-nav{
        display:none;
    }

    .pfpro-header-actions{
        margin-left:auto;
    }

    .pfpro-header-toggle{
        display:block;
    }

}


@media(max-width:640px){

    .pfpro-header-inner{
        width:calc(100% - 22px);

        min-height:59px;

        gap:8px;
    }

    .pfpro-header-brand img{
        height:31px;
    }

    .pfpro-header-pro-badge{
        min-height:21px;

        font-size:10px;
    }

    .pfpro-header-account{
        min-height:37px;

        padding:0 10px;

        font-size:10px;
    }

}


@media(max-width:390px){

    .pfpro-header-account{
        display:none;
    }

}


/* =========================================================
   END PARTFIT PRO PUBLIC HEADER V2
   ========================================================= */