/* Minimal, neutral styling — tweak as needed */
.armmega { display:flex; gap:0; align-items:stretch; position: relative; margin-bottom: 0 !important; }
.armmega__item { position: static; } /* panels positioned relative to container */
.armmega__link { display:flex; align-items:center; padding: 10px 20px; text-decoration:none; height: 50px; }
.armmega__link:hover { color: #000 !important; }
.armmega > li:first-child > a { padding: 10px 10px 10px 25px; }
.armmega > li:last-child > a { padding: 10px 25px 10px 10px; }
.armmega__link img { max-height:24px; margin-right:0.5rem; object-fit:cover; }

/* Panel */
.armmega__panel { 
    position:absolute; 
    left:-19%; 
    top:100%; 
    width: var(--armmega-width, 680px); 
    background:#fff; 
    border:1px solid rgba(0,0,0,.08); 
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15); 
    padding:1rem; 
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index:1000; 
}
.armmega__item:hover > .armmega__panel,
.armmega__panel:hover { 
    opacity: 1;
    visibility: visible;
}

.armmega__item:hover > .armmega__additional { 
    opacity: 1;
    visibility: visible;
}

/* Additional block styling */
.armmega__additional {
    width: 150vw;
    height: 10000vh;
    position: absolute;
    left: -50vw;
    top: 50px;
    z-index: -1;
    background-color: rgb(255, 255, 255, 0.9);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    pointer-events: none;
}
.armmega__cols { display:grid; grid-template-columns: repeat(var(--armmega-cols, 3), minmax(0, 1fr)); gap:1rem; }
.armmega__col { min-width:200px; }
.armmega__heading { font-weight:700; display:block; margin-bottom:0.35rem; text-decoration:none; }
.armmega__list { list-style:none; margin:0; padding:0; }
.armmega__list li { margin:0; padding:0; }
.armmega__list a { display:block; padding:0.25rem 0; text-decoration:none; }
.armmega__count { color: #454444; font-size: 11px; margin-left: 6px; }

/* Basic mobile behavior (stack) */
@media (max-width: 992px) {
  .armmega { flex-direction:column; gap:0; }
  .armmega__item { border-bottom:1px solid rgba(0,0,0,.06); }
  .armmega__panel { 
    position:static; 
    width:100%; 
    box-shadow:none; 
    border:0; 
    opacity: 1;
    visibility: visible;
    transition: none;
    padding:0.5rem 0.75rem; 
  }
  .armmega__additional {
    display: none;
  }
  .armmega__cols { grid-template-columns: 1fr; }
}