/*==========================================================
Desktop Navigation
==========================================================*/

.main-navigation{

    margin-left:auto;

}

.site-logo-image{

    width:180px;

    height:auto;

    display:block;

}

.nav-menu{

    display:flex;

    align-items:center;

    gap:30px;

    margin:0;

    padding:0;

    list-style:none;

}

.nav-item{

    position:relative;

}

.nav-link{

    display:flex;

    align-items:center;

    position:relative;

    padding:32px 0;

    text-decoration:none;

    color:var(--color-text);

    font-size:15px;

    font-weight:600;

    transition:.25s;

}

.nav-link:hover{

    color:var(--color-primary);

}

.nav-link::after{

    content:"";

    position:absolute;

    left:0;

    bottom:20px;

    width:0;

    height:2px;

    background:var(--color-primary);

    transition:.25s;

}

.nav-link:hover::after{

    width:100%;

}


/*==========================================================
Header Right
==========================================================*/

.header-right{

    display:flex;

    align-items:center;

    gap:64px;

    flex:1;

    justify-content:flex-end;

}

.header-inner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

    min-height:82px;

}


/*==========================================================
Search
==========================================================*/

.header-search{

    flex-shrink:0;

}

.search-form{

    position:relative;

}

.search-input{

    width:320px;

    height:46px;

    padding:0 50px 0 18px;

    border:1px solid #E5E5E5;

    border-radius:999px;

    background:#FAFAF8;

    font-size:14px;

    transition:.25s;

}

.search-input:focus{

    outline:none;

    background:#fff;

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

    box-shadow:0 0 0 4px rgba(92,165,44,.10);

}

.search-button{

    position:absolute;

    top:50%;

    right:6px;

    transform:translateY(-50%);

    width:34px;

    height:34px;

    border:none;

    border-radius:50%;

    background:var(--color-primary);

    color:#fff;

    cursor:pointer;

}


/*==========================================================
Mega Menu
==========================================================*/

.has-mega-menu{

    position:relative;

}

.mega-menu{

    position:absolute;

    top:100%;

    left:50%;

    transform:translateX(-50%) translateY(15px);

    width:min(1100px,90vw);

    padding:36px;

    background:#FFF;

    border:1px solid #ECECEC;

    border-radius:24px;

    box-shadow:0 30px 70px rgba(0,0,0,.08);

    opacity:0;

    visibility:hidden;

    transition:.25s ease;

    z-index:999;

}

.has-mega-menu:hover .mega-menu{

    opacity:1;

    visibility:visible;

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

}

.mega-menu-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:50px;

}

.mega-column h4{

    margin-bottom:18px;

    font-size:14px;

    text-transform:uppercase;

    color:var(--color-primary);

    font-weight:700;

}

.mega-column ul{

    margin:0;

    padding:0;

    list-style:none;

}

.mega-column li{

    margin-bottom:12px;

}

.mega-column a{

    color:var(--color-text);

    text-decoration:none;

    transition:.2s;

    font-size:15px;

}

.mega-column a:hover{

    color:var(--color-primary);

}