/* 3E sayfa giriş efektleri */

html.three-motion-ready
body[data-three-motion="true"]:not(.page-packages) :is(
  .pro-hero-copy,
  .pro-hero-note,
  main > section:not(.pro-hero) > *
),
html.three-motion-ready
body[data-three-motion="true"].page-packages :is(
  .pkgv3-hero-copy,
  .pkgv3-hero-devices,
  .three-package-page > .pkgv2-jump,
  .three-package-page > .three-package-wizard,
  .three-package-page > .pkgv2-ecommerce-head,
  .three-package-page > .three-package-grid,
  .three-package-page > .pkgv2-restaurant,
  .three-package-page > .three-package-feature-compare
) {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition:
    opacity .7s cubic-bezier(.2, .65, .3, 1),
    transform .7s cubic-bezier(.2, .65, .3, 1);
  will-change: opacity, transform;
}

html.three-motion-ready
body[data-three-motion="true"]:not(.page-packages) :is(
  .pro-hero-copy,
  .pro-hero-note,
  main > section:not(.pro-hero) > *
).three-motion-visible,
html.three-motion-ready
body[data-three-motion="true"].page-packages :is(
  .pkgv3-hero-copy,
  .pkgv3-hero-devices,
  .three-package-page > .pkgv2-jump,
  .three-package-page > .three-package-wizard,
  .three-package-page > .pkgv2-ecommerce-head,
  .three-package-page > .three-package-grid,
  .three-package-page > .pkgv2-restaurant,
  .three-package-page > .three-package-feature-compare
).three-motion-visible {
  opacity: 1;
  transform: none;
  will-change: auto;
}

html.three-motion-ready
body[data-three-motion="true"] .pro-hero-note,
html.three-motion-ready
body[data-three-motion="true"] .pkgv3-hero-devices {
  transition-delay: 80ms;
}

html.three-motion-ready
body[data-three-motion="true"]:not(.page-packages)
main > section:not(.pro-hero) > :nth-child(2) {
  transition-delay: 60ms;
}

html.three-motion-ready
body[data-three-motion="true"]:not(.page-packages)
main > section:not(.pro-hero) > :nth-child(3) {
  transition-delay: 120ms;
}

@media (max-width: 700px) {
  html.three-motion-ready
  body[data-three-motion="true"]:not(.page-packages) :is(
    .pro-hero-copy,
    .pro-hero-note,
    main > section:not(.pro-hero) > *
  ),
  html.three-motion-ready
  body[data-three-motion="true"].page-packages :is(
    .pkgv3-hero-copy,
    .pkgv3-hero-devices,
    .three-package-page > .pkgv2-jump,
    .three-package-page > .three-package-wizard,
    .three-package-page > .pkgv2-ecommerce-head,
    .three-package-page > .three-package-grid,
    .three-package-page > .pkgv2-restaurant,
    .three-package-page > .three-package-feature-compare
  ) {
    transform: translate3d(0, 18px, 0);
    transition-duration: .55s;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.three-motion-ready
  body[data-three-motion="true"] :is(
    .pro-hero-copy,
    .pro-hero-note,
    main > section:not(.pro-hero) > *,
    .pkgv3-hero-copy,
    .pkgv3-hero-devices,
    .three-package-page > .pkgv2-jump,
    .three-package-page > .three-package-wizard,
    .three-package-page > .pkgv2-ecommerce-head,
    .three-package-page > .three-package-grid,
    .three-package-page > .pkgv2-restaurant,
    .three-package-page > .three-package-feature-compare
  ) {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}