/* Дополнения к стилям: то, что в оригинале делал React, а теперь делает обычный JS */
.faq-item:not(.open) .faq-a { display: none; }
.faq-item.open .faq-a { display: block; }
.lightbox[hidden] { display: none !important; }
.gallery-card[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
section[id], div[id] { scroll-margin-top: 96px; }
img { max-width: 100%; }

/* состояние «заявка отправлена» */
.form-success {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center; gap: 10px; padding: 34px 20px; min-height: 320px;
}
.form-success i { font-size: 42px; color: #10b981; }
.form-success h3 { font-size: 22px; font-weight: 800; color: var(--ink); letter-spacing: -.02em; }
.form-success p { color: var(--gray); font-size: 15px; max-width: 34ch; }
.form-error { color: #ef4444; font-size: 13.5px; margin-top: 6px; }

@media (width<=768px) {
  section[id], div[id] { scroll-margin-top: 84px; }
}