theme-product-navigation {
  display: none;
}

@media (max-width: 767px) {
  theme-product-navigation {
    position: fixed;
    z-index: 29;
    width: 100vw;
    background: #fff;
    left: 0;
  }

  theme-product-navigation[data-position="top"] {
    top: 60px;
  }

  theme-product-navigation[data-position="bottom"] {
    bottom: 10px;
    top: unset;
  }

  theme-product-navigation.is-visible {
    display: block;
  }

  .product-navigation__list {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .product-navigation__item {
    flex: 1;
    padding: 8px 5px;
    text-align: center;
    border-bottom: 2px solid transparent;
    font-size: 0.9rem;
    background-color: var(--nav-bg-color, #fff);
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .product-navigation__item:hover {
    opacity: 0.8;
  }

  .product-navigation__item.active {
    color: var(--nav-text-color, #000);
    font-weight: 600;
    border-bottom-color: var(--nav-text-color, #000);
  }
}