.header{
    position:absolute;
    top:70px;
    left:0;
    width:100%;
    z-index:999;
}

.nav-wrapper{
    width:98%;
    margin:auto;

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

    padding:20px 45px;

    background:transparent;

    border:1px solid rgba(214,40,40,.15);

    border-radius:24px;
}

.logo{
    display:flex;
    align-items:center;
}

.logo img{

    max-height:90px;

    width:auto;

    transform:scale(1.4);

    transform-origin:left center;
}
.logo{

    width:140px;

    height:60px;

    display:flex;

    align-items:center;
}

.main-nav{
    display:flex;
    align-items:center;
    gap:32px;
}

.main-nav a{

    text-decoration:none;

    color:#2C2A28;

    font-weight:600;

    font-size:16px;

    transition:.3s;
}

.main-nav a{
    position:relative;
}
.main-nav > a::after,
.dropdown > a::after{

    content:"";

    position:absolute;

    left:50%;
    bottom:-8px;

    width:70%;
    height:2px;

    background:#C84B4B;

    transform:translateX(-50%) scaleX(0);

    transform-origin:center;

    transition:transform .3s ease;
}

.main-nav > a:hover::after,
.dropdown > a:hover::after{

    transform:translateX(-50%) scaleX(1);
}

.header-actions{
    display:flex;
    align-items:center;
    gap:15px;
}

.catalog-btn{
    text-decoration:none;

    color:#2C2A28;

    font-weight:600;

    padding:14px 22px;

    border-radius:50px;

    border:1px solid rgba(44,42,40,.12);

    transition:.3s;
}

.catalog-btn:hover{
    background:white;
}

.btn-header{
    background:#D62828;

    color:white;

    text-decoration:none;

    font-weight:600;

    padding:14px 28px;

    border-radius:50px;

    box-shadow:
    0 8px 25px rgba(214,40,40,.25);

    transition:.3s;
}

.btn-header:hover{
    transform:translateY(-2px);

    background:#B71C1C;
}

/* DROPDOWN */

.dropdown{
    position:relative;
}

.dropdown-menu{
    position:absolute;

    top:50px;
    left:50%;

    transform:translate(-50%,10px);

    width:420px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;

    padding:20px;

    background:white;

    border-radius:18px;

    border:1px solid #F1F1F1;

    box-shadow:
    0 25px 60px rgba(0,0,0,.08);

    opacity:0;
    visibility:hidden;

    transition:.3s;
}

.dropdown-menu a{
    display:block;

    padding:12px 15px;

    border-radius:10px;
}

.dropdown-menu a{

    transition:.25s;

    border-radius:10px;
}

.dropdown-menu a:hover{

    background:#F8F5F1;

    padding-left:22px;

    color:#D62828;
}

.dropdown:hover .dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translate(-50%, 0);
}
.main-nav a.active{

    color:var(--primary);

    font-weight:700;

}