/* VAM template patch v1 — styles (2026-10-26) */

/* 5) header always on screen. The app root <main> has overflow-x-clip,
   which neutralises position:sticky, so the header is fixed and the patch
   script inserts a height spacer before it. */
.vam-sticky-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 90;
  background-color: #ffffff;
}
.vam-sticky-header.vam-stuck {
  box-shadow: 0 8px 24px rgba(16, 24, 40, 0.10);
}
.vam-header-spacer { flex: none; }
html { scroll-padding-top: 96px; }

/* 4) mobile «Получить расчёт» CTA, left of the burger */
.vam-mobile-cta {
  display: none;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
  margin-right: 8px;
  background-color: #111827;
  color: #ffffff;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 14px;
  line-height: 1.1;
}
@media (max-width: 767.98px) {
  .vam-mobile-cta { display: inline-flex; }
}
.vam-mobile-cta.vam-cta-force { display: inline-flex; }

/* 1) contact-first form: hidden extra fields */
.vam-ux-hidden { display: none !important; }
form.vam-form-expanded .vam-ux-field-in {
  animation: vamUxFade 0.25s ease both;
}
@keyframes vamUxFade {
  from { opacity: 0; }
  to { opacity: 1; }
}