.hero {
  padding-top: var(--space-64);
}

.hero__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--space-32);
  align-items: center;
}

.hero__content {
  max-width: 640px;
}

.hero__media {
  background: radial-gradient(circle at 20% 20%, #fffbe6 0, #ffe4e6 40%, #e0f2fe 100%);
  padding: var(--space-24);
  box-shadow: var(--shadow-lg);
}

.hero__search {
  margin-top: var(--space-16);
  display: flex;
  gap: var(--space-12);
  align-items: center;
}

.hero__actions {
  margin-top: var(--space-16);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}

.hero__meta {
  margin-top: var(--space-16);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-16);
}

.hero__meta-item {
  padding: var(--space-12);
  border-radius: var(--radius-md);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow-xs);
}

.hero__meta-label {
  display: block;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.hero__meta-text {
  font-size: var(--font-size-xs);
  color: var(--gray-500);
}

.section__header {
  margin: 0 auto var(--space-24);
  text-align: left;
}

.section__header--row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-16);
}

.section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-12);
}

.featured__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-24);
  align-items: center;
}

.featured__media {
  padding: var(--space-20);
  background: radial-gradient(circle at 10% 0, #fffbeb 0, #cffafe 40%, #fee2e2 100%);
}

.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  margin-bottom: var(--space-16);
}

.featured__list {
  list-style: none;
  padding-left: 0;
  display: grid;
  gap: var(--space-12);
}

.featured__list h3 {
  margin-bottom: 4px;
}

.section--search {
  padding-top: var(--space-32);
}

.search__layout {
  max-width: 840px;
}

.search__tips ul {
  list-style: disc;
  padding-left: 1.25rem;
}

.section--categories {
  position: relative;
}

.categories__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.4fr);
  gap: var(--space-24);
  align-items: center;
}

.categories__media {
  background: radial-gradient(circle at 80% 0, #eef2ff 0, #fef3c7 45%, #e0f2fe 100%);
  padding: var(--space-20);
  box-shadow: var(--shadow-md);
}

.categories__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-16);
}

.category-card {
  height: 100%;
}

.section--new {
  background: radial-gradient(circle at top, #fff7ed 0, #ffffff 45%, #e0f2fe 100%);
}

.new__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  gap: var(--space-24);
  align-items: center;
}

.new__lists {
  display: grid;
  gap: var(--space-16);
}

.new__lists ul {
  list-style: disc;
  padding-left: 1.25rem;
}

.trust__layout {
  max-width: 1000px;
}

.trust__grid {
  margin-top: var(--space-16);
}

.trust-card {
  height: 100%;
}

.section--promo {
  background: radial-gradient(circle at bottom, #eef2ff 0, #ffffff 40%, #fffbeb 100%);
}

.promo__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: var(--space-24);
  align-items: center;
}

.promo__media {
  padding: var(--space-16);
}

.promo__list {
  list-style: disc;
  padding-left: 1.25rem;
}

.promo__note {
  margin-top: var(--space-12);
  font-size: var(--font-size-sm);
  color: var(--gray-600);
}

.support__layout {
  max-width: 1000px;
}

.support__grid {
  margin-top: var(--space-16);
}

.section--reviews {
  background: radial-gradient(circle at top right, #fee2e2 0, #ffffff 35%, #e0f2fe 100%);
}

.reviews__layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr);
  gap: var(--space-32);
  align-items: center;
}

.reviews__media {
  background: radial-gradient(circle at 20% 0, #fffbeb 0, #fce7f3 40%, #e0f2fe 100%);
  padding: var(--space-24);
  box-shadow: var(--shadow-lg);
}

.review-card {
  margin-top: var(--space-16);
}

.reviews__links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-8);
  font-size: var(--font-size-sm);
}

.reviews__links a {
  color: var(--gray-600);
}

@media (max-width: 992px) {
  .hero__layout,
  .featured__layout,
  .categories__layout,
  .new__layout,
  .promo__layout,
  .reviews__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero__media,
  .featured__media,
  .categories__media,
  .promo__media,
  .reviews__media {
    order: -1;
  }

  .categories__grid,
  .new__lists {
    grid-template-columns: minmax(0, 1fr);
  }

  .section__header--row {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 640px) {
  .hero__search {
    flex-direction: column;
    align-items: stretch;
  }

  .hero__meta {
    grid-template-columns: minmax(0, 1fr);
  }

  .section {
    padding-top: var(--space-32);
    padding-bottom: var(--space-32);
  }
}