@media (max-width: 768px) {
  .wrapper { width: 100%; }
  .hamburger { display: block; }
  .navbar { display: none; }
  .search-box { display: none; }
  .sidebar { display: none; }
  .main { flex-direction: column; }
  .product-block { width: calc(50% - 8px); height: auto; }
  .product-block-img { width: 100%; height: auto; aspect-ratio: 1; }
  .detail-inner { flex-direction: column; }
  .detail-img { width: 100%; height: auto; }
}

@media (max-width: 480px) {
  .product-block { width: 100%; }
  .product-block-img { width: 100%; }
}