/* Mobile */
/* Smallest phones (≤ 350px) — 1 per row */
@media (max-width: 350px) {
  .grid-container {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 5px;
  }

  .grid-item {
    padding: 10px;
  }

  .grid-item h2 {
    font-size: 0.95rem;
  }

  .select-box {
    padding: 6px;
    font-size: 0.85rem;
  }

  .shop-button button,
  .sale-button a {
    font-size: 0.8rem;
    padding: 5px 8px;
  }
    .nav-bar,
  .nav-buttons,
  .logo-text {
    display: none;
  }
    .floating-image.left {
    display: none;
}
.floating-image.right {
    display: none;
}

}

/* Normal Mobile (351px - 480px) — 2 per row */
@media (min-width: 351px) and (max-width: 480px) {
  .grid-container {
    grid-template-columns: repeat(2, 1fr);
    gap: 6px;
    padding: 4px;
  }

  .grid-item {
    padding: 8px;
  }

  .grid-item h2 {
    font-size: 0.9rem;
  }

  .select-box {
    padding: 6px;
    font-size: 0.8rem;
  }

  .shop-button button,
  .sale-button a {
    font-size: 0.85rem;
    padding: 6px 10px;
  }
  .floating-image.left {
    display: none;
}
.floating-image.right {
    display: none;
}

}

@media (max-width: 480px) {
  .hamburger-menu {
    display: block;
  }

  .nav-bar,
  .nav-buttons {
    display: none;
  }
    .floating-image.left {
    display: none;
}
.floating-image.right {
    display: none;
}

}
/* Tablet*/
@media (min-width: 481px) and (max-width: 899px) {
  .floating-image.left {
    display: none;
}
.floating-image.right {
    display: none;
}
}

/* Laptop/*/
@media (min-width: 900px) {
  /* Laptop/Desktop styles */
}