/* Elevators page — v2 components, только модификаторы --elevators */

.app { background: #000000; }
.elevators-page { padding: 0; }

/* Hero subtitle — варианты 440 / 834 / desktop */
.hero--elevators .hero__subtitle-inner {
  display: none;
}

@media (max-width: 833px) {
  .hero--elevators .hero__subtitle--440 {
    display: block;
  }
}

@media (min-width: 834px) and (max-width: 1439px) {
  .hero--elevators .hero__subtitle--834 {
    display: block;
  }
}

@media (min-width: 1440px) {
  .hero--elevators .hero__subtitle--desktop {
    display: block;
  }
}

@media (max-width: 833px) {
  /* Benefits grid order on 440: 1 & 4 сверху, 2 & 3 снизу */
  .benefits--elevators .benefits__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .benefits--elevators .benefit-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .benefits--elevators .benefit-card:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }

  .benefits--elevators .benefit-card:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }

  .benefits--elevators .benefit-card:nth-child(3) {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (min-width: 834px) {
  /* 834+ лифты: один ряд, порядок 1 (Аудитория), 4 (Контекстное влияние), 2 (Гиперлокальный таргетинг), 3 (Высокая частота контакта) */
  .benefits--elevators .benefit-card:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .benefits--elevators .benefit-card:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }

  .benefits--elevators .benefit-card:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
  }

  .benefits--elevators .benefit-card:nth-child(3) {
    grid-column: 4;
    grid-row: 1;
  }
}


/* CTA form: layout контейнера (как stops) */
.cta-form.cta-form--elevators .container {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (min-width: 834px) {
  .cta-form.cta-form--elevators .container {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
  }
}
@media (min-width: 1440px) {
  .cta-form.cta-form--elevators .container {
    gap: 48px;
  }
}