@media (max-width: 768px) {
  .shops-grid {
    flex-direction: column;
  }

  .shop-info {
    font-size: 0.5rem;
    padding: 0.3rem;
    background: rgba(101, 101, 101, 0.385);
  }

  .shops-header h2 {
    font-size: 2rem;
  }

  .shops-header p {
    font-size: 0.95rem;
  }
}
@media (max-width: 768px) {
  .shops-header-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .shops-header p {
    max-width: 100%;
    text-align: left;
  }
}