/*
======================================
PANEL
======================================
*/

.mega-header__panel{

    position:absolute;

    left:0;

    top:100%;

    width:100%;

    opacity:0;

    visibility:hidden;

    transform:translateY(-12px);

    transition:.28s ease;

    z-index:50;

}

/*
======================================
OPEN
======================================
*/

.mega-header:hover .mega-header__panel,
.mega-header.is-open .mega-header__panel{

    opacity:1;

    visibility:visible;

    transform:none;

}

/*
======================================
WRAPPER
======================================
*/

.mega-panel{

    display:grid;

    grid-template-columns:1fr 211px;

    gap:15px;

    padding: 21px 12px 14px 24px;

    background:#ffffff;

    border-top:1px solid #ece8dd;

    border-radius:10px;

    box-shadow:0 20px 50px rgba(0,0,0,.08);

}

/*
======================================
COLUMNS
======================================
*/

.mega-panel__columns{

    display:grid;

    grid-template-columns:
    220px
    260px
    190px
    250px
    240px;

}

/*
======================================
COLUMN
======================================
*/

.mega-panel__column{

    padding:0 10px;

}

/*
======================================
TITLE
======================================
*/

.mega-panel__title{
	pointer-events: none;

    display:block;

    text-decoration:none;

    color:#1b1b1b;

    text-transform:uppercase;

    font-size:16px;

    font-weight:500;

    line-height:1.3;

    padding-bottom:10px;

    margin-bottom:10px;

    border-bottom:1px solid #F9A720;
	
	transition:.2s;

}
.mega-panel__title:hover{

    color:#EF3C45;

	}
/*
======================================
LINKS
======================================
*/

.mega-panel__links{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.mega-panel__link{

    color:#222;

    text-decoration:none;

    font-size:18px;

    line-height:1.2;

    transition:.2s;

}

.mega-panel__link:hover{

    color:#EF3C45;

}

/*
======================================
PROMO
======================================
*/

.mega-panel__promo{

    padding:10px;

    background:#eef2de;

    border-radius:16px;

}

.mega-panel__promo img{

    display:block;

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:12px;

}

/*
======================================
RESPONSIVE
======================================
*/

@media(max-width:1100px){

    .mega-panel{

        grid-template-columns:1fr;

    }

    .mega-panel__promo{

        display:none;

    }

    .mega-panel__columns{

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

        gap:28px;

    }

}
@media (max-width: 1024px) {
	.mega-header__panel {
		display: none;
	}
}