.page-search .page-hero {
  padding-block: clamp(1.75rem, 3vw + 0.5rem, 3rem);
}

.page-search .page-hero h1 {
  font-size: clamp(1.75rem, 3vw + 1rem, 2.5rem);
  margin-bottom: var(--sp-2);
}

.page-search .page-hero .search {
  max-width: 560px;
  margin-inline: auto;
  margin-top: var(--sp-6);
}

.page-search .section {
  padding-block: var(--sp-10);
}

.page-search .section + .section {
  padding-top: 0;
}

.page-search .section-header {
  margin-bottom: var(--sp-6);
}

.page-search .grid-stores {
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--sp-4);
}

.page-search .grid-coupons {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: var(--sp-4);
}

.page-search .empty-state {
  padding-block: var(--sp-10);
}

.page-search .empty-state .grid-stores {
  margin-top: var(--sp-6);
}

@media (min-width: 768px) {
  .page-search .grid-stores {
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  }
  .page-search .grid-coupons {
    gap: var(--sp-5);
  }
}