/* ── Intro ── */
.machines-intro__inner {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  padding-block: 1rem;
}

.machines-intro__inner p {
  flex: 1 1 400px;
  font-size: 1.1rem;
  color: var(--color-mid-grey);
  max-width: 60ch;
}

/* ── Machine sections ── */
.machine-section__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 5rem;
  align-items: center;
}

.machine-section__grid--reversed { direction: rtl; }
.machine-section__grid--reversed > * { direction: ltr; }

.machine-section__visual img {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  border-radius: 4px;
  object-fit: contain;
  filter: drop-shadow(0 16px 40px rgba(0,0,0,0.12));
}

.machine-section__visual--placeholder {
  width: 100%;
  aspect-ratio: 3 / 4;
  background-color: var(--color-soft-green-tint);
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-mid-grey);
  font-size: 0.82rem;
  max-width: 400px;
  margin: 0 auto;
}

.machine-section__copy .card__tag { margin-bottom: 1rem; }
.machine-section__copy h2 { margin-bottom: 1.25rem; }
.machine-section__copy > p { color: var(--color-mid-grey); margin-bottom: 1rem; }
.machine-section__copy .specs { margin-block: 1.75rem; }

/* ── Bundle ── */
.bundle__header {
  max-width: 50ch;
  margin-inline: auto;
}

.bundle__header h2 { color: var(--color-primary-light); margin-top: 0.5rem; margin-bottom: 1.25rem; }
.bundle__header p { color: rgba(245,245,245,0.6); }

.bundle__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}

.bundle__card h3 { margin-bottom: 0.625rem; }

.bundle__cta { margin-top: 3rem; }

/* ── Responsive ── */
@media (max-width: 768px) {
  .machine-section__grid,
  .machine-section__grid--reversed {
    grid-template-columns: 1fr;
    direction: ltr;
    gap: 2.5rem;
  }

  .bundle__grid { grid-template-columns: 1fr; }
}