/* ==========================================================================
   CALLA — komponent "Contact hero" (ACF flexible content, layout "contact_hero")
   Strona Kontakt: tekst + dane kontaktowe po lewej, formularz Współpraca
   (id 12402) po prawej — bez tła, stąd nadpisania .cooperation__form niżej.
   ========================================================================== */

.contact-hero {
  padding-block: var(--section-spacing);
}

/* Odstęp od menu na mobile ujednolicony na 48px — patrz hero.css. */
@media (max-width: 639px) {
  .contact-hero {
    padding-top: 48px;
  }
}

.contact-hero__inner {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-8);
}

/* .contact-hero__eyebrow, .contact-hero__description — typografia w global.css. */

.contact-hero__heading {
  max-width: 420px;
  margin: var(--space-3) 0 var(--space-5);
}

.contact-hero__heading strong {
  font-weight: var(--fw-regular);
}

.contact-hero__description {
  max-width: 620px;
  margin: 0 0 var(--space-6);
}

.contact-hero__contact {
  color: var(--color-text);
}

.contact-hero__form.cooperation__form {
  background-color: transparent;
  margin-inline: 0;
  padding: 0;
}

@media (min-width: 1140px) {
  .contact-hero__inner {
    grid-template-columns: 1fr 1fr;
    justify-content: space-between;
    column-gap: var(--space-10);
  }
}