/* 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; }

/* New item design matching screenshot */
.armmega__item-link {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    text-decoration: none;
    color: inherit;
    transition: background-color 0.2s ease;
    background: #fff;
    border: none;
}

.armmega__item-link:hover {
    background-color: #f8f9fa;
    text-decoration: none;
    color: inherit;
}

.armmega__item-link i {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fc0;
    margin-right: 12px;
    font-size: 26px;
    color: #000;
    flex-shrink: 0;
  }

.armmega__item-content {
    flex: 1;
    min-width: 0;
}

.armmega__item-title {
    font-weight: 600;
    font-size: 16px;
    color: #232323;
    margin-bottom: 2px;
    line-height: 1.2;
}

.armmega__item-description {
    font-size: 12px;
    color: #666;
    line-height: 1.3;
}

.armmega__count { 
    color: #454444; 
    font-size: 11px; 
    margin-left: 6px; 
    background: #f0f0f0; 
    padding: 2px 6px; 
    border-radius: 10px; 
    font-weight: normal; 
}