.section-hero {
  background: radial-gradient(circle at top left, rgba(199, 154, 59, 0.18), transparent 55%),
              radial-gradient(circle at bottom right, rgba(67, 58, 50, 0.12), transparent 55%);
}

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

.hero-copy {
  max-width: 640px;
}

.hero-lead {
  font-size: var(--text-lg);
  line-height: var(--line-relaxed);
  color: var(--gray-800);
}

.hero-tags {
  margin-top: var(--space-4);
}

.hero-meta {
  color: var(--color-text-muted);
}

.hero-media {
  background-color: var(--color-surface-elevated);
}

.hero-media-caption,
.inspiration-media-caption,
.handcrafted-media-caption {
  padding: var(--space-4);
}

.section-header {
  max-width: 720px;
  margin-inline: auto;
  margin-bottom: var(--space-8);
}

.collection-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
}

.collection-list,
.inspiration-list,
.handcrafted-list,
.filters-list,
.smart-list,
.recommendations-list,
.checkout-list,
.support-list {
  margin-top: var(--space-2);
  padding-left: 1.1rem;
  color: var(--color-text-muted);
}

.inspiration-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: center;
}

.inspiration-columns {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.handcrafted-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--space-8);
  align-items: center;
}

.handcrafted-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.filters-layout {
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
  gap: var(--space-6);
}

.smart-layout {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-4);
}

.smart-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.testimonials-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
}

.testimonial-author {
  margin-top: var(--space-3);
  font-size: var(--text-sm);
  color: var(--color-text-muted);
}

.recommendations-layout {
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--space-4);
}

.recommendations-grid {
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.checkout-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 1.1fr);
  gap: var(--space-8);
  align-items: flex-start;
}

.checkout-card + .checkout-card {
  margin-top: var(--space-4);
}

.support-card {
  margin-top: var(--space-4);
}

.section-cta-final {
  background-color: var(--color-surface-elevated);
}

.justify-center {
  justify-content: center;
}

.mt-sm {
  margin-top: var(--space-2);
}

@media (max-width: 960px) {
  .hero-layout,
  .inspiration-layout,
  .handcrafted-layout,
  .filters-layout,
  .checkout-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .hero-layout {
    gap: var(--space-6);
  }

  .hero-media,
  .inspiration-media,
  .handcrafted-media {
    order: -1;
  }
}

@media (max-width: 640px) {
  .section-header {
    margin-bottom: var(--space-6);
  }

  .hero-lead {
    font-size: var(--text-base);
  }

  .card {
    padding: var(--space-3);
  }

  .hero-media-caption,
  .inspiration-media-caption,
  .handcrafted-media-caption {
    padding: var(--space-3);
  }
}