/* CarFinder v3 — анімації. Усе на transform/opacity. */

/* ---- reveal on scroll ---- */
.reveal-os { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
.reveal-os.in { opacity: 1; transform: none; }
.reveal-os.d1 { transition-delay: .08s; }
.reveal-os.d2 { transition-delay: .16s; }
.reveal-os.d3 { transition-delay: .24s; }
.reveal-os.d4 { transition-delay: .32s; }

/* ---- 3D-нахил карток (базова перспектива; кут задає JS) ---- */
.tilt { transform-style: preserve-3d; transition: transform .18s ease; will-change: transform; }
.tilt:hover { box-shadow: 0 18px 40px rgba(0,0,0,.18); }

/* ---- перехід між сторінками ---- */
.page-transition { position: fixed; inset: 0; background: var(--bg-body, #0b0d12); opacity: 0; pointer-events: none; z-index: 9999; transition: opacity .28s ease; }
.page-transition.show { opacity: 1; }

/* ---- лічильники: без миготіння під час накручування ---- */
[data-count] { font-variant-numeric: tabular-nums; }

/* ---- повага до налаштувань руху ---- */
@media (prefers-reduced-motion: reduce) {
  .reveal-os { opacity: 1 !important; transform: none !important; transition: none !important; }
  .tilt { transform: none !important; transition: none !important; }
  .page-transition { display: none !important; }
}