.section.secondarynavigation-container {
  width: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  padding: 0 !important;
  margin-bottom: 30px;
  margin-top: 35px;
}


.secondary-nav-menu::-webkit-scrollbar {
  display: none;
}

.secondary-nav-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  background: #fff;
}

.secondary-nav-wrapper .secondary-navbar {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  padding: 6px 0;
  padding-left: 16px;
}

.secondary-nav-wrapper .secondary-label {
  min-width: 20%;
  font-size: 16px;
  font-family: var(--body-font-family-semibold);
  text-transform: uppercase;
}


.secondary-nav-wrapper .secondary-nav-menu {
  list-style: none;
  display: flex;
  gap: 28px;
  padding: 0;
  margin: 0;
  align-items: center;
  overflow: auto;
  flex:1;
  justify-content: flex-start;
}

.secondary-nav-menu li {
  list-style: none;
  background: none;
  border-radius: 6px;
  overflow: hidden;
  flex: 0 0 auto;
  /* prevent stretching, keep natural size */
  /* min-width: 18%; */
  /* shrink/grow based on text */
  text-align: center;
  max-width: 100%;
  display: flex;
  flex-direction: column;
}

.secondary-nav-wrapper .secondary-nav-link {
  text-decoration: none;
  color: #111111;
  padding: 7px 12px;
  /* border-radius: 4px; */
  font-size: 14px;
  line-height: 20px;
  background-color: #ffffff;
  font-family: var(--body-font-family-semibold);

}

.secondary-nav-wrapper .secondary-nav-link.active {
  background-color: #f26522;
  /* Orange */
  color: white;
}

.secondary-nav.top-fixed {
  position: fixed;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* --- Responsive Styles --- */
@media screen and (max-width: 768px) {

  .section.secondarynavigation-container .secondarynavigation-wrapper {
    padding: 0 8px;
  }

  .secondary-nav-wrapper .secondary-label {
    display: none;
  }

  .secondary-nav-wrapper .navbar {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }


  .secondary-nav-wrapper .secondary-nav-menu {
    /* flex-direction: column; */
    gap: 25px;
  }

  .secondary-nav-wrapper .secondary-label {
    min-width: 23%;
    font-size: 12px;
  }

  .secondary-nav-wrapper .secondary-nav-link {
    width: 100%;
    display: block;
  }

 

  /* .secondary-nav-menu li {
    min-width: 145px
  } */
}