.hero-banner {
  background-size: cover;
  background-position: center;
  color: var(--color-background);
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.hero-banner h1 {
  font-size: var(--font-size-5xl);
}

.hero-banner p {
  font-size: var(--font-size-xl);
}

.featured-categories .category-card img {
  width: 100%;
  border-radius: var(--radius-md);
}

.search-bar {
  padding: var(--spacing-8) 0;
}

.shop-content {
  padding: var(--spacing-8) 0;
}

.sidebar-filters {
  background-color: var(--color-gray-100);
  padding: var(--spacing-4);
  border-radius: var(--radius-md);
}

.product-card img {
  width: 100%;
  border-radius: var(--radius-md);
}

.secure-teaser {
  padding: var(--spacing-12) 0;
  background-color: var(--color-gray-100);
}

@media (max-width: 767px) {
  .grid-cols-2, .grid-cols-3, .md\:grid-cols-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .md\:grid-cols-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}