@media screen and (max-width: 480px) {
  body {
    padding: 8px;
  }
  .page {
    border-radius: 25px;
  }
  h1 {
    font-size: 1.8rem;
  }
  .products-slide {
    gap: 0;
  }
  .product-card {
    flex: 0 0 100%;
  }
  .reviews-slide {
    gap: 0;
  }
  .review-card {
    flex: 0 0 100%;
  }
  .form-row {
    flex-direction: column;
    gap: 0;
  }
  .selected-product-display {
    flex-direction: column;
    text-align: center;
  }
  .selected-product-display img {
    width: 100px;
    height: 100px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  body {
    padding: 15px;
  }
  .page {
    max-width: 650px;
    border-radius: 30px;
  }
  h1 {
    font-size: 2.2rem;
  }
  .products-slide {
    gap: 0.8rem;
  }
  .product-card {
    flex: 0 0 calc(50% - 0.4rem);
  }
  .reviews-slide {
    gap: 0.8rem;
  }
  .review-card {
    flex: 0 0 calc(50% - 0.4rem);
  }
}

@media screen and (min-width: 769px) {
  body {
    padding: 25px;
  }
  .page {
    max-width: 950px;
    border-radius: 35px;
  }
  .hero {
    padding: 2.5rem 2.5rem 2rem;
  }
  h1 {
    font-size: 2.8rem;
  }
  .products-section,
  .reviews-section,
  .order-wrapper {
    padding: 2.5rem;
  }
  .total-price {
    font-size: 3rem;
  }
  .products-slide {
    gap: 1rem;
  }
  .product-card {
    flex: 0 0 calc(25% - 0.75rem);
  }
  .reviews-slide {
    gap: 1rem;
  }
  .review-card {
    flex: 0 0 calc(25% - 0.75rem);
  }
}