/* Home introduction keeps the existing image alongside a clear shopping path. */
.hero--intro .hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  gap: 2.5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.hero--intro .hero-copy { line-height: 1.6; }
.hero--intro .hero-title {
  font-size: clamp(1.8rem, 3.2vw, 3rem);
  line-height: 1.15;
  margin-bottom: 1rem;
}
.hero--intro .hero-copy p { margin-bottom: 1.5rem; }
.hero--intro .hero-bg-img { width: 100%; }
@media (max-width: 768px) {
  .hero--intro .hero-layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .hero--intro .btn { max-width: 100%; text-align: center; }
}