.hcmm { position: relative; }
.hcmm > li { position: relative; display: inline-block; }
.hcmm .hcmm-toplink { display: inline-block; padding: 14px; text-decoration: none; }

.hcmm-panel {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: min(1100px, 92vw);
  background: #0b0b0b;
  border-radius: 14px;
  padding: 16px;
  z-index: 9999;
  box-shadow: 0 14px 40px rgba(0,0,0,.35);
}

.hcmm > li.mm-mega:hover > .hcmm-panel { display: block; }

.hcmm-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(160px, 1fr));
  gap: 14px;
}

.hcmm-col {
  background: rgba(255,255,255,.03);
  border-radius: 12px;
  padding: 12px;
}

.hcmm-col-title { font-weight: 700; margin-bottom: 10px; display:block; text-decoration:none; }

.hcmm-item-link { text-decoration: none; display: block; padding: 6px 8px; border-radius: 10px; }
.hcmm-item-link:hover { background: rgba(255,255,255,.06); }

.hcmm-featured {
  margin-top: 10px;
  padding: 10px;
  border-radius: 10px;
  background: rgba(255,0,0,.10);
}