/* 1. Container comum ao logótipo e ao menu */
#header .header-top .container,
#header .header-nav .container {
    max-width: 1140px; /* Classic */
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* 2. Menu alinhado com o logótipo */
#header .ets_mm_megamenu {
    margin-left: 0;
}

/* 3. Item pai como referência vertical */
#header .ets_mm_megamenu > ul > li {
    position: relative;
}

/* 4. Submenu alinhado ao logótipo (não ao item) */
#header .ets_mm_megamenu .ets_mm_megamenu_content {
    position: absolute !important;
    top: 100% !important;

    /* truque-chave: herda o alinhamento do container */
    left: 15px !important;

    width: calc(1140px - 30px); /* mesma largura útil do container */
    max-width: none !important;

    margin: 0 !important;
    transform: none !important;
}

/* 5. Remove containers internos que quebram alinhamento */
#header .ets_mm_megamenu .ets_mm_megamenu_content .container {
    max-width: none !important;
    width: 100% !important;
    padding: 0 !important;
}
/* Força imagens do ETS Mega Menu a aparecer */
.ets_mm_megamenu img {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}
