/**
 * euler-overview-ask — fluid/between rules mirrored from главной
 * Подключать после home-fluid-breakpoints.css и home-between-375-768.css
 */

/* 1024–1200: intro + form в одну строку, поля на всю ширину (как на главной) */
@media (min-width: 1024px) and (max-width: 1200px) {
  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__inner {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(20px, calc(20px + 20 * (100vw - 1024px) / 176), 40px);
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__intro {
    flex: 0 1 48%;
    width: auto;
    min-width: 0;
    max-width: 555px;
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__title {
    width: 100%;
    max-width: 100%;
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__lead {
    width: 100%;
    max-width: 100%;
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__form {
    flex: 1 1 52%;
    width: auto;
    min-width: 0;
    max-width: 630px;
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__textarea {
    width: 100%;
    max-width: 100%;
  }

  .euler-overview-ask:not(.euler-overview-ask--skachat) .euler-overview-ask__field--textarea {
    width: 100%;
    max-width: 100%;
  }
}

/* 688–1023: форма и textarea на всю ширину плашки */
@media (min-width: 688px) and (max-width: 1023px) {
  .euler-overview-ask__form,
  .euler-overview-ask__fields {
    width: 100%;
    max-width: 100%;
  }

  .euler-overview-ask__field--textarea,
  .euler-overview-ask__textarea {
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 687px) {
  .euler-overview-ask {
    padding: 0;
    background-color: #f5f6f7;
  }
}

@media (min-width: 376px) and (max-width: 687px) {
  .euler-overview-ask__intro,
  .euler-overview-ask__form,
  .euler-overview-ask__title,
  .euler-overview-ask__lead {
    width: 100%;
    max-width: 100%;
    margin-inline: 0;
  }

  .euler-overview-ask__input,
  .euler-overview-ask__textarea,
  .euler-overview-ask__consent {
    width: 100%;
    max-width: 100%;
  }

  .euler-overview-ask__consent-text {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }
}