/* Only apply styles on mobile */
@media (max-width: 1024px) {
  li.cmm-has-children {
    border-bottom: 1px solid #e0e0e0;
  }

  .cmm-link {
    position: relative;
    display: block;
    padding: 12px 42px 12px 0; /* space for 24px arrow */
  }

  .cmm-toggle {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }

  .cmm-arrow {
    stroke: #333;
    stroke-width: 2;
    fill: none;
    transition: transform 0.2s ease;
  }

  li.open > a .cmm-toggle .cmm-arrow,
  li.cmm-open > a .cmm-toggle .cmm-arrow {
    transform: rotate(180deg);
  }

  .cmm-submenu {
    transition: max-height 0.28s ease;
    will-change: max-height;
    overflow: hidden;
    max-height: 0;
  }

  .cmm-submenu > li {
    border-bottom: 1px solid #f0f0f0;
    padding-left: 18px;
    padding-top: 6px;
    padding-bottom: 6px;
  }
}