/* ---------- Mobile nav menu ---------- */
@media (max-width: 768px) {
  .navbar {
    padding: 14px 20px;
  }

  .logo-img {
    height: 50px;
  }

  .navbar-right {
    gap: 12px;
  }

  .search-input {
    width: 120px;
  }

  .search-suggestions {
    width: 220px;
    max-width: calc(100vw - 40px);
  }

  .nav-links {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    border-top: 1px solid #eee;
    padding: 16px 20px;
    gap: 20px;
    z-index: 40;
  }

  .nav-links.active {
    display: flex;
  }

  .hamburger {
    display: flex;
  }

  .product-details {
    flex-direction: column;
    padding: 40px 20px;
  }

  .main-product-image {
    height: 300px;
  }

  .hero {
    flex-direction: column;
    padding: 60px 20px;
    text-align: center;
  }

  .hero-content {
    text-align: center;
    max-width: 100%;
  }

  .hero-image {
    max-width: 100%;
  }

  .hero-image img {
    height: 260px;
  }

  .shop-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .sort-control {
    justify-content: space-between;
  }
}