/* The approved default sets data-motion="full" on every device.
   These rules keep the same effects active without a preview URL parameter. */
html[data-motion="full"] {
  scroll-behavior: smooth;
}

html[data-motion="full"] .bubble {
  animation: bubble-swing 7s ease-in-out infinite !important;
}
html[data-motion="full"] .bubble:nth-child(2) {
  animation-duration: 8.3s !important;
  animation-delay: -1.7s !important;
}
html[data-motion="full"] .bubble:nth-child(3) {
  animation-duration: 7.7s !important;
  animation-delay: -3.9s !important;
}
html[data-motion="full"] .bubble:nth-child(4) {
  animation-duration: 9s !important;
  animation-delay: -2.8s !important;
}

html[data-motion="full"] .care-waves path {
  animation: care-flow 8s ease-in-out infinite, care-trace 23s linear infinite !important;
}
html[data-motion="full"] .care-waves path:nth-child(2) {
  animation-duration: 11s, 31s !important;
  animation-delay: -2s, -11s !important;
}
html[data-motion="full"] .care-waves path:nth-child(3) {
  animation-duration: 9s, 27s !important;
  animation-delay: -5s, -18s !important;
}
html[data-motion="full"] .care-waves path:nth-child(4) {
  animation-duration: 12s, 34s !important;
  animation-delay: -7s, -6s !important;
}
html[data-motion="full"] .care-waves path:nth-child(5) {
  animation-duration: 10s, 29s !important;
  animation-delay: -1s, -14s !important;
}

html[data-motion="full"] .care-icon::before {
  animation: breathe 7s ease-in-out infinite !important;
}
html[data-motion="full"] .care-steps li:nth-child(2) .care-icon::before {
  animation-delay: -2.4s !important;
}
html[data-motion="full"] .care-steps li:nth-child(3) .care-icon::before {
  animation-delay: -4.3s !important;
}
html[data-motion="full"] .care-steps li:nth-child(4) .care-icon::before {
  animation-delay: -1.1s !important;
}
html[data-motion="full"] .care-steps li:nth-child(5) .care-icon::before {
  animation-delay: -5.7s !important;
}
html[data-motion="full"] .care-steps .reading .care-icon::before {
  animation-duration: 5s !important;
}
html[data-motion="full"] .care-icon svg {
  animation: care-ripple 7s ease-in-out infinite !important;
}
html[data-motion="full"] .care-steps li:nth-child(2) .care-icon svg {
  animation-delay: -2.4s !important;
}
html[data-motion="full"] .care-steps li:nth-child(3) .care-icon svg {
  animation-delay: -4.3s !important;
}
html[data-motion="full"] .care-steps li:nth-child(4) .care-icon svg {
  animation-delay: -1.1s !important;
}
html[data-motion="full"] .care-steps li:nth-child(5) .care-icon svg {
  animation-delay: -5.7s !important;
}

html[data-motion="full"] .tv2-urgent::before {
  animation: tv2-glow 4s ease-in-out infinite !important;
}

html[data-motion="full"] .reveal-on-scroll {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 700ms ease, transform 700ms ease;
}
html[data-motion="full"] .reveal-on-scroll.revealed {
  opacity: 1;
  transform: translateY(0);
}

html[data-motion="full"] .inline-appointment,
html[data-motion="full"] .n-button,
html[data-motion="full"] .cta {
  transition: background-color 250ms ease, box-shadow 250ms ease;
}
html[data-motion="full"] .inline-appointment span,
html[data-motion="full"] .n-button span,
html[data-motion="full"] .cta span {
  transition: transform 250ms ease;
}

html[data-motion="full"] .tv2-card {
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
html[data-motion="full"] .tv2-urgent a {
  transition: background-color 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
}
html[data-motion="full"] .al-bottom-nav a:not(.al-nav-cta),
html[data-motion="full"] .al-bottom-nav button,
html[data-motion="full"] .al-menu-grid a {
  transition: background-color 200ms ease, transform 200ms ease;
}
html[data-motion="full"] .al-menu-grid a:hover {
  transform: translateY(-2px);
}