.mbd-menu{
  --gap:12px; --pad:10px; font-size:16px;
  position: relative; /* mega usa referencia do container */
}
.mbd-root{
  list-style:none;margin:0;padding:0;
  display:flex; flex-wrap:nowrap; gap:0;
	justify-content: center;
	justify-content: space-between;
  /*justify-content:space-between; distribui os pais */
}
.mbd-parent{
  position:relative; /*flex:1 1 0; cada item-mãe ocupa fração igual */
	/*padding: 0 20px;*/
}
footer .mbd-parent{padding:0;}
/*.mbd-sub-item{padding:10px 0;}*/
.mbd-parent-head{
  display:flex; align-items:center; gap:8px;
  justify-content:center; padding:10px 0;
}
.mbd-parent-head.align-left{justify-content:flex-start;text-align:left}
.mbd-parent-head.align-center{justify-content:center;text-align:center}
.mbd-parent-head.align-right{justify-content:flex-end;text-align:right}


.mbd-layout-dropdown .mbd-parent-link, .mbd-layout-dropdown .mbd-parent-label{
  display:block; width:100%;
  padding:var(--pad); font-weight:600; text-align:center;
}

footer .mbd-layout-accordion .mbd-parent-link, footer .mbd-layout-accordion .mbd-parent-label{
  display:block; width:100%;
  padding:var(--pad); font-weight:600; text-align:left;
}

footer .mbd-layout-accordion .mbd-parent-link:hover, footer .mbd-layout-accordion .mbd-parent-label:hover{
  text-decoration:underline;
}



.mbd-parent-link,.mbd-parent-label{
  display:block; width:100%;
  padding:var(--pad); font-weight:600; text-align:center;
}
.mbd-toggle{ display:none; } /* sem + no dropdown */

/* Submenu DROPDOWN (fechado por padrão) */
.mbd-sub{
  list-style:none;margin:0; padding:10px;
  position:absolute; z-index:20;
  min-width:320px; background:#fff; border:1px solid #ddd; border-radius: 0px 0 10px 10px;
  box-shadow:0 6px 24px rgba(0,0,0,.08);
  display:none; /* fechado */
  grid-template-columns: repeat(var(--mbd-cols, 1), minmax(0, 1fr));
  gap:10px 16px;
}
.mbd-layout-dropdown .mbd-parent:hover > .mbd-sub,
.mbd-layout-dropdown .mbd-parent:focus-within > .mbd-sub{
  display:grid;
}
.mbd-sub .mbd-sub-item > a,
.mbd-sub .mbd-sub-item > span{
  display:block; padding:10px 12px; border-radius:0px; line-height:1.25;
}
.mbd-sub .mbd-sub-item > a:hover{ background:#f6f6f6; }

/* MEGA menu - ocupa 100% do container do menu */
.is-mega-parent { position: static; } /* evita corte por overflow do li */
.mbd-sub.mega{
  left:0; right:0; width:100%;
  top:100%;
  position:absolute;
  border-radius:0px 0 10px 10px;
  padding:10px 24px;
  min-width:unset;

  /* >>> muda de grid para columns (preenche por coluna) */
  display:none;              /* fechado até hover */
  column-count: var(--mbd-cols, 1);
  column-gap: 24px;          /* equivalente ao seu gap horizontal */

  /* remova/ignore grid */
  grid-template-columns: none;
  gap: 0;
}
.mbd-sub.mega .mbd-sub-item{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin: 0 0 10px;          /* seu gap vertical */
}

.mbd-layout-dropdown .is-mega-parent:hover > .mbd-sub.mega,
.mbd-layout-dropdown .is-mega-parent:focus-within > .mbd-sub.mega{
  display:block;
}

/* Acordeão: abre/fecha via classe .is-open */
.mbd-layout-accordion .mbd-root{ flex-direction:column; }
.mbd-layout-accordion .mbd-sub{
  position:static; border:0; box-shadow:none;
  padding-left:0; padding-right:0; display:none;
}
.mbd-layout-accordion .mbd-parent.is-open > .mbd-sub{ display:block; }

footer .mbd-layout-accordion .mbd-parent-link{padding:0;}

.mbd-sub-item > a,
.mbd-sub-item > span{
  display:flex;
  align-items:center;
  gap:10px;
}
.mbd-sub-icon{
  width:20px;
  height:20px;
  object-fit:contain;
  flex:0 0 auto;
}

/* Responsivo */
@media (max-width: 1024px){
  .mbd-parent-link,.mbd-parent-label{ padding:12px 10px; }
  .mbd-sub.mega{ padding:18px 16px; gap:12px 16px; }
}
@media (max-width:900px){
  .mbd-root{ flex-direction:column; }
  .mbd-parent{ flex: none; }
  .mbd-layout-dropdown .mbd-parent:hover > .mbd-sub,
  .mbd-layout-dropdown .mbd-parent:focus-within > .mbd-sub{ display:none; } /* no mobile, hover não abre */
  .mbd-sub{grid-template-columns: repeat(var(--mbd-cols-mobile, 1), minmax(0, 1fr));}
  footer .mbd-layout-accordion .mbd-parent-link, footer .mbd-layout-accordion .mbd-parent-label{text-align:center;}
	.mbd-sub.mega{
    column-count: var(--mbd-cols-mobile, 1);
    column-gap: 16px;
  }

}