/* AquaLab — natürliche Bewegung (dezent, wie Wasser & echter Shop) */

@media (prefers-reduced-motion: no-preference) {
  .aql-reveal {
    opacity: 0;
    transform: translate3d(0, 12px, 0);
    transition:
      opacity 0.85s ease,
      transform 0.85s ease;
  }

  .aql-reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  /* Hero — langsames Schweben wie im Wasser */
  .aql-hero__art {
    animation: aql-drift 14s ease-in-out infinite;
    transform-origin: center bottom;
  }

  @keyframes aql-drift {
    0%,
    100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-5px);
    }
  }

  /* Wenige, langsame Blasen — kaum sichtbar, eher Atmosphäre */
  .aql-hero__bubbles {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
  }

  .aql-hero__bubbles span {
    position: absolute;
    bottom: -24px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.04));
    border: 1px solid rgba(255, 255, 255, 0.08);
    animation: aql-bubble-rise ease-in infinite;
  }

  .aql-hero__bubbles span:nth-child(1) {
    left: 18%;
    width: 9px;
    height: 9px;
    animation-duration: 18s;
    animation-delay: 0s;
  }

  .aql-hero__bubbles span:nth-child(2) {
    left: 44%;
    width: 6px;
    height: 6px;
    animation-duration: 22s;
    animation-delay: 6s;
  }

  .aql-hero__bubbles span:nth-child(3) {
    left: 72%;
    width: 8px;
    height: 8px;
    animation-duration: 20s;
    animation-delay: 11s;
  }

  /* Blasen 4+5 ausblenden — weniger „Effekt“, mehr Ruhe */
  .aql-hero__bubbles span:nth-child(n + 4) {
    display: none;
  }

  @keyframes aql-bubble-rise {
    0% {
      transform: translateY(0) translateX(0);
      opacity: 0;
    }
    12% {
      opacity: 0.28;
    }
    88% {
      opacity: 0.12;
    }
    100% {
      transform: translateY(-480px) translateX(8px);
      opacity: 0;
    }
  }

  /* Karten — spürbar, aber nicht spielerisch */
  .aql-category-tile,
  .aql-product-card,
  .aql-guide-card,
  .aql-content-card,
  .aql-value-card,
  .aql-tanktype-card,
  .aql-feature-card {
    transition:
      transform 0.35s ease,
      box-shadow 0.35s ease,
      border-color 0.35s ease;
  }

  .aql-feature-card__art {
    transition: transform 0.8s ease;
  }

  .aql-feature-card:hover .aql-feature-card__art {
    transform: scale(1.03);
  }

  .aql-product-card__image img {
    transition: transform 0.6s ease;
  }

  .aql-product-card:hover .aql-product-card__image img {
    transform: scale(1.03);
  }

  .aql-trust-strip span {
    transition: box-shadow 0.3s ease, border-color 0.3s ease;
  }

  .aql-trust-strip span:hover {
    box-shadow: 0 12px 28px rgba(8, 47, 63, 0.08);
  }
}

@media (prefers-reduced-motion: reduce) {
  .aql-reveal {
    opacity: 1 !important;
    transform: none !important;
  }
  .aql-page-hero__expand,
  .aql-page-hero__toggle,
  .aql-page-hero--collapsible {
    transition: none !important;
  }
}