.navbar ul li a.deals{color:#d10a05}

/* ---------- MEGA MENU (static / always visible) ---------- */
.megha-menu{
    position:absolute;
    top:100%;
    left:50%;
    transform:translateX(-50%);
    width:min(1100px, 92vw);
    background:#fff;
    border-radius:16px;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
    padding:32px 30px 28px 32px;
    z-index:100;

    /* hidden by default */
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,10px);
    transition:opacity .2s ease, transform .2s ease, visibility .2s;
}
/* invisible bridge so hover doesn't break between the button and the panel */
.megha-menu::before{
    content:"";
    position:absolute;
    left:0;right:0;
    top:-20px;
    height:20px;
}
/* show on hover (button or panel) and on click (.open) */
.dropdown-btn:hover + .megha-menu,
.megha-menu:hover,
.megha-menu.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
}
.dropdown-btn a{cursor:pointer}
.dropdown-btn .material-symbols-outlined{transition:transform .2s}
.dropdown-btn:hover .material-symbols-outlined,
.dropdown-btn.open .material-symbols-outlined{transform:rotate(180deg)}
.mega-inner{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 190px;
    column-gap:40px;
    align-items:start;
}

/* three link columns */
.mega-col{display:flex;flex-direction:column}
.mega-group{
    padding:18px 0;
    border-bottom:1px solid #e6e6e6;
}
.mega-group:first-child{padding-top:0}
.mega-group:last-child{border-bottom:0;padding-bottom:0}

.mega-title{
    display:block;
    color:#d10a05;
    font-size:14px;
    font-weight:600;
    margin-bottom:14px;
}
.mega-group ul{display:flex;flex-direction:column;gap:12px}
.mega-group ul li a{
    color:#444;
    font-size:12.5px;
    line-height:1.2;
    transition:color .2s;
}
.mega-group ul li a:hover{color:#d10a05}

/* banner */
.mega-banner{
    display:block;
    position:relative;
    height:328px;
    border-radius:8px;
    overflow:hidden;
    padding:34px 18px;
    background:
        radial-gradient(circle at 80% 30%, #3b4e63 0%, transparent 55%),
        linear-gradient(160deg,#0b1118 0%,#14202c 60%,#05080c 100%);
    color:#fff;
}
.mega-banner h3{
    font-size:29px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:22px;
}
.shop-btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#d10a05;
    color:#fff;
    font-size:12px;
    font-weight:500;
    padding:10px 16px;
    border-radius:30px;
}
.shop-btn .material-symbols-outlined{font-size:16px}

/* footer link */
.mega-footer{margin-top:22px}
.view-all{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#d10a05;
    font-size:13px;
    font-weight:500;
}
.view-all .material-symbols-outlined{font-size:18px}

/* smaller screens */
@media (max-width:900px){
    .mega-inner{grid-template-columns:1fr 1fr}
    .mega-banner{display:none}
}