/* =========================
HEADER BASE
========================= */

.hahne-header{
background:#fff;
border-bottom:1px solid #eee;
}

.header-content{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 80px;
}

.nav{
display:flex;
align-items:center;
gap:40px;
list-style:none;
margin:0;
padding:0;
}

.nav li{
position:relative;
}

.nav a{
color:#333;
text-decoration:none;
font-weight:600;
}

/* =========================
MEGA MENU
========================= */

.menu-item-has-mega:hover .mega-menu{
display:flex;
}

.mega-menu{
position:absolute;
top:100%;
left:0;
/* width:1050px; */
background:#fff;
display:none;
box-shadow:0 20px 50px rgba(0,0,0,0.15);
z-index:9999;
padding:25px 5px;
}

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

.column{
padding:0 25px;
}

.col-1{
width:240px;
border-right:1px solid #eee;
}

.col-2{
width:260px;
border-right:1px solid #eee;
}

.col-3{
flex:1;
}

/* =========================
COLUMN 1 (CATEGORIES)
========================= */

.col-1 ul{
list-style:none;
margin:0;
padding:0;
gap:12px;
}

.col-1 li{
display:flex;
align-items:center;
justify-content:space-between;
padding:14px 16px;
cursor:pointer;
background:#f3f3f3;
margin-bottom:6px;
font-weight:500;
}

.col-1 li:hover{
background:#e30613;
color:#fff;
}

/* arrow */

.col-1 li::after{
content:"›";
font-size:20px;
}

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

.col-2 ul{
list-style:none;
margin:0;
padding:0;
display:none;
}

.col-2 li{
padding:10px 0;
cursor:pointer;
font-weight:500;
}

.col-2 li:hover{
color:#e30613;
}

/* =========================
COLUMN 3 PRODUCTS
========================= */

.col-3 ul{
list-style:none;
margin:0;
padding:0;
display:none;
}

.col-3 li{
padding:6px 0;
}

.col-3 a{
text-decoration:none;
color:#666;
}

.col-3 a:hover{
color:#e30613;
}

/* =========================
REGISTER BUTTON
========================= */

.btn-register{
border:1px solid #e30613;
padding:12px 28px;
color:#e30613;
text-decoration:none;
}

.btn-register:hover{
background:#e30613;
color:#fff;
}