* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }



    nav {
      position: unset;
     font-family: "Poppins", Sans-serif;
    }

    .menu {
      display: flex;
      list-style: none;
    }

    .menu > li {
      position: unset;
    }

    .menu > li > a {
      display: block;
      padding: 16px 10px;
      color: #232323;
      text-decoration: none;
      font-size: 18px;
      line-height: 100%;
      font-family: "OswaldStencil", sans-serif !important;
    }

    .menu a:hover {
      color: #b92515 !important;
    }

    /* Level 2 (Mega dropdown) */
    .submenu {
      position: absolute;
      top: 50px;
      left: 0;
      background: #fff;
          border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;

      display:none ;
      padding: 30px 30px 30px 140px;
      width: 100vw;
      flex-wrap: wrap;
      z-index: 100;
      gap: 30px;
    }
    
    ul.sub-submenu {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

    .menu > li:hover .submenu {
      display: flex;
    }

    .submenu-column > a {
      font-weight: 400;
      color: #232323 !important;
      text-decoration: none;
      display: block;
      margin-bottom: 10px !important;
     font-family: "OswaldStencil", sans-serif !important;
    }

    .sub-submenu {
      list-style: none;
    }

    .sub-submenu li a {
      display: block;
      color: #232323;
      text-decoration: none;
      font-size: 14px;
      line-height: 120%;
      font-weight: 500;
      font-family: "Poppins", Sans-serif;
    }


    /* Responsive styles */
    .hamburger {
      display: none;
      cursor: pointer;
      padding: 0;
      z-index: 200;
    }

    .hamburger span {
      display: block;
      width: 25px;
      margin: 5px 0;
      height: 1px;
      background: #232323;
      transition: 0.3s;
    }

    .hamburger.active span:nth-child(1) {
      transform: rotate(45deg) translate(5px, 5px);
    }

    .hamburger.active span:nth-child(2) {
      opacity: 0;
    }

    .hamburger.active span:nth-child(3) {
      transform: rotate(-45deg) translate(5px, -5px);
    }

    .mobile-panel, .submenu-panel, .sub-submenu-panel {
      position: fixed;
      top: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      z-index: 150000;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
      padding: 20px;
      
    }

    /* First panel: slide in from left */
    .mobile-panel {
      left: -100%;
      transition: left 0.3s cubic-bezier(.17,.67,.83,.67);
    }

    .mobile-panel.active {
      left: 0;
    }

    /* Other panels: slide in from right */
    .submenu-panel,
    .sub-submenu-panel {
      right: -100%;
      transition: right 0.3s cubic-bezier(.17,.67,.83,.67);
    }

    .submenu-panel.active,
    .sub-submenu-panel.active {
      right: 0;
    }

    .mobile-panel ul,
    .submenu-panel ul,
    .sub-submenu-panel ul {
      list-style: none;
    }

    .mobile-panel a,
    .submenu-panel a,
    .sub-submenu-panel a {
      display: block;
      padding:  0;
      color: #232323 !important;
      text-decoration: none;
      font-size: 17px;
      font-family: "OswaldStencil", sans-serif !important;
      font-weight: 400;
      line-height: 100%;
    }
    
    .menu-item-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.submenu-children {
    min-width: 100%;
    display: flex;
    font-size: 14px !important;
    flex-direction: column;
    gap: 6px;
    margin-top: 10px;
}

.submenu-children a{
    font-size: 14px;
    font-family: "Poppins", Sans-serif !important;
    line-height: 16px;
    font-weight: 500;
    
}



    @media (max-width: 1024px) {
      .menu {
        display: none;
      }

      .hamburger {
        display: block;
      }
    }
    
    
.mobile-link {
      display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75em 1em;
    border-bottom: 1px solid #ddd;
}

.mobile-link .arrow {
    font-size: 1.2em;
    margin-left: 8px;
}

.nav-control-btn.close-menu, .back-btn {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
    padding: 0 0 15px 0;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #CCCCCC;
    margin: 0 0 8px 0;
}

span.arrow.openProducts {
    max-height: 16px;
}