/* ===========================================================
   VORS · Reveal on scroll + финальная полировка
   =========================================================== */

/* Reveal */
.vors-reveal {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 700ms var(--ease),
              transform 700ms var(--ease);
  will-change: opacity, transform;
}
.vors-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Снижаем анимации, если пользователь так настроил систему */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
  .vors-reveal { opacity: 1; transform: none; }
}

/* Утилиты с user-select для лейблов */
.vors-label,
.vors-footer__col-label,
.vors-price-side__label,
.vors-coverage-list__label {
  user-select: none;
}

/* Улучшение для primary кнопок при hover (subtle scale) */
.vors-btn-primary:hover,
.vors-btn-whatsapp:hover,
.vors-cta__primary:hover {
  transform: translateY(-1px) scale(1.02);
}

/* Mobile-полировка ----------------------------------------- */
@media (max-width: 767px) {
  .section-py { padding-top: 3.5rem; padding-bottom: 3.5rem; }

  .vors-section-title,
  .section-title {
    font-size: 2rem;
  }

  .container-vors {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  /* Бенто на mobile — одна колонка */
  .bento-grid { gap: 0.75rem; }

  /* Quiz: левая колонка → верхняя плашка */
  .quiz-sidebar {
    padding: 1.25rem 1.5rem;
  }
  .quiz-sidebar-title { font-size: 1.125rem; }
  .quiz-sidebar-desc { display: none; }

  /* Большие тач-таргеты */
  .vors-btn-primary,
  .vors-btn-secondary,
  .vors-btn-whatsapp,
  .vors-cta__primary {
    min-height: 44px;
    padding: 0.875rem 1.5rem;
  }

  .quiz-option,
  .quiz-check-item,
  .quiz-preset {
    min-height: 48px;
  }
}

/* Печатная версия */
@media print {
  .vors-header,
  .vors-mobile-menu,
  .marquee-outer,
  .vors-cta,
  #wa-float,
  .vors-btn-primary,
  .vors-btn-secondary,
  .vors-btn-whatsapp { display: none !important; }
  body { color: #000; }
  * { box-shadow: none !important; }
}