.mm-desktop { position: relative; }
    .mm-root {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      gap: 25px;
      align-items: center;
    }
    .mm-root-item { position: relative; }
    .mm-root-link {
      display: inline-block;
      padding: 15px 20px;
      text-decoration: none;
      text-transform: uppercase;
      color: var(--color-logo-darkgreen);
      transition: all 0.2s;
    }

    .mm-root-link:hover {
      color: var(--color-green);
    }

    .mm-root-item.products-root {
      background-color: #f4f3f2;
      border-radius: 5px;
      z-index: 1000;
    }

    .mm-root-item.products-root:hover {
      background-color: #fff;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }

    .mm-root-item.products-root a:hover {
      color: var(--color-logo-darkgreen);
    }

    .mm-dropdown {
      position: absolute;
      left: 0;
      top: 100%;
      display: none;
      width: 900px;
      background: #fff;
      border: 1px solid #e6e6e6;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      z-index: 9999;
    }

    .mm-left { width: 30%;  border-right: 1px solid #e6e6e6; }
    .mm-right { width: 70%; }

    .mm-categories {
      list-style: none;
      margin: 0;
      padding: 20px;
    }
    .mm-categories .mm-cat { padding: 10px;  margin: 5px 0;}
    .mm-categories .mm-cat:hover, .mm-categories .mm-cat.active {
      background-color: #f3f3f3;
      border-radius: 5px;
    }
    .mm-categories .mm-cat a, .mm-categories .mm-cat span { color: var(--color-logo-darkgreen); text-decoration: none; font-weight: 600; cursor: pointer; }

    .mm-subcats { display: none; padding: 20px; }
    .mm-subcats-title { font-weight: 700; color: #333; margin: 10px 0; }
    .mm-subcats ul { list-style: none; margin: 0; padding: 0; }
    .mm-subcats ul li { padding: 6px 0; }
    .mm-subcats ul li a { text-decoration: none; color: #333; }
    .mm-subcats ul li a:hover { text-decoration: underline; color: #333; }

    .mm-root-item:hover .mm-dropdown,
    .mm-root-item:focus-within .mm-dropdown {
      display: flex;
    }

    .mm-overlay {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.5);
      z-index: 999;
    }

    .mm-overlay.mm-active {
      display: block;
    }

    .mm-responsive-nav-button {
      display: none;
      position: relative;
      width: 35px;
      height: 35px;
      z-index: 1001;
    }

    .mm-mobile {
      display: none;
      position: fixed;
      top: 149px;
      left: -100%;
      width: 100%;
      height: calc(100% - 149px);
      background: #fff;
      box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
      padding: 90px 40px 0px;
      overflow-y: auto;
      z-index: 1000;
    }

    .mm-mobile.active {
      display: block;
      left: 0;
      transition: left 0.3s ease;
    }

    .mm-mobile ul {
      list-style: none;
      margin: 20px 0 0;
      padding: 0;
    }
    .mm-mobile li {
      padding: 20px 0;
    }
    .mm-mobile a {
      text-decoration: none;
      text-transform: uppercase;
      font-size: 12pt;
      color: var(--color-logo-darkgreen);
      display: flex;
      justify-content: space-between;
    }

    .mobile-cats,
    .mobile-subcats {
      display: none;
      padding-left: 15px;
    }
    .mobile-products-root.open > .mobile-cats {
      display: block;
    }
    .mobile-cat.open > .mobile-subcats {
      display: block;
    }

    @media (max-width: 992px) {
      .mm-responsive-nav-button { display: inline-block; }
      .mm-desktop { display: none; }
    }

    @media (max-width: 1442px) {
      .mm-root {
        gap: 15px;
      }
    }

    @media (max-width: 1367px) {
      .mm-root {
        gap: 0px;
      }
    }

    @media (max-width: 1255px) {
      .mm-root-link {
        font-size: 11pt;
      }
    }