/**
 * Agresivniji „wow“ sloj (CSS). Poštuje prefers-reduced-motion.
 */
@media (prefers-reduced-motion: no-preference) {
  body.wow-aggressive.bs-has-bottom-strip::after {
    animation:
      bsaudioOrbDrift 9s ease-in-out infinite alternate,
      bsaudioCrystalSpin 18s linear infinite,
      bsaudioBgPulse 3.2s ease-in-out infinite,
      wowNeonPulse 4s ease-in-out infinite;
  }

  @keyframes wowNeonPulse {
    0%,
    100% {
      filter: saturate(1.15) brightness(1.02);
    }
    50% {
      filter: saturate(1.45) brightness(1.1);
    }
  }

  body.wow-aggressive.bs-has-bottom-strip::before {
    animation:
      bsaudioGridDrift 45s linear infinite,
      wowGridPulse 5s ease-in-out infinite,
      wowGridFlicker 7s steps(2, end) infinite;
    opacity: 0.28;
  }

  @keyframes wowGridPulse {
    0%,
    100% {
      opacity: 0.22;
    }
    50% {
      opacity: 0.42;
    }
  }

  @keyframes wowGridFlicker {
    0%,
    90%,
    100% {
      transform: translate(0, 0);
    }
    92% {
      transform: translate(1px, 0);
    }
    94% {
      transform: translate(-1px, 1px);
    }
  }

  body.wow-aggressive.bs-has-bottom-strip .logo-new {
    animation: wowLogoFloat 2.8s ease-in-out infinite;
  }

  @keyframes wowLogoFloat {
    0%,
    100% {
      transform: translateY(0) scale(1);
    }
    50% {
      transform: translateY(-6px) scale(1.02);
    }
  }

  body.wow-aggressive.bs-has-bottom-strip .logo-new .logo-icon {
    animation: wowLogoGlowHard 2s ease-in-out infinite;
  }

  @keyframes wowLogoGlowHard {
    0%,
    100% {
      box-shadow:
        0 0 28px rgba(255, 204, 0, 0.45),
        0 0 60px rgba(255, 204, 0, 0.15),
        inset 0 0 24px rgba(255, 255, 255, 0.08);
    }
    50% {
      box-shadow:
        0 0 48px rgba(255, 204, 0, 0.85),
        0 0 100px rgba(255, 220, 80, 0.22),
        inset 0 0 30px rgba(255, 255, 255, 0.12);
    }
  }

  body.wow-aggressive.bs-has-bottom-strip .btn-main {
    animation: bsBtnMainGlow 2s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  }

  body.wow-aggressive.bs-has-bottom-strip nav {
    animation: bsNavRimPulse 4s cubic-bezier(0.45, 0, 0.55, 1) infinite;
  }

  .wow-ambient-blobs span {
    filter: blur(64px);
    opacity: 0.55;
    animation-duration: 16s !important;
  }

  .wow-ambient-blobs span:nth-child(1) {
    background: radial-gradient(circle, rgba(255, 204, 0, 0.55), transparent 65%);
  }

  .wow-ambient-blobs span:nth-child(2) {
    background: radial-gradient(circle, rgba(255, 80, 200, 0.18), transparent 68%);
  }

  .wow-ambient-blobs span:nth-child(3) {
    background: radial-gradient(circle, rgba(80, 200, 255, 0.2), transparent 68%);
  }

  /* „Scan“ linija preko ekrana */
  body.wow-aggressive .bs-flash-veil__sweep {
    animation-duration: 5.5s !important;
    opacity: 0.85;
  }

  body.wow-aggressive .bs-flash-veil__burst {
    animation-duration: 11s !important;
  }

  /* Traka brendova */
  .home-brands-strip {
    position: relative;
    overflow: hidden;
    padding: 22px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 204, 0, 0.28);
    border-bottom: 1px solid rgba(255, 204, 0, 0.2);
    background: linear-gradient(90deg, rgba(255, 204, 0, 0.06), rgba(0, 0, 0, 0.5), rgba(255, 204, 0, 0.06));
    box-shadow: 0 0 40px rgba(255, 204, 0, 0.08);
  }

  .home-brands-strip::before {
    content: '';
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(
      90deg,
      transparent,
      transparent 2px,
      rgba(255, 255, 255, 0.03) 2px,
      rgba(255, 255, 255, 0.03) 3px
    );
    pointer-events: none;
    opacity: 0.4;
    animation: wowScanlines 6s linear infinite;
  }

  @keyframes wowScanlines {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(12px);
    }
  }

  .home-brands-inner {
    max-width: min(1040px, 94vw);
    margin: 0 auto;
    padding: 0 clamp(16px, 4vw, 40px);
    text-align: center;
  }

  .home-brands-kicker {
    font-size: 0.68rem;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: rgba(255, 204, 0, 0.75);
    margin: 0 0 8px;
    font-weight: 800;
  }

  .home-brands-title {
    font-size: clamp(1rem, 2.5vw, 1.25rem);
    font-weight: 900;
    letter-spacing: 0.12em;
    margin: 0 0 6px;
    text-transform: uppercase;
    text-shadow: 0 0 24px rgba(255, 204, 0, 0.35);
    animation: wowBrandTitle 3s ease-in-out infinite;
  }

  @keyframes wowBrandTitle {
    0%,
    100% {
      opacity: 1;
    }
    50% {
      opacity: 0.88;
    }
  }

  .home-brands-sub {
    margin: 0 0 18px;
    font-size: 0.9rem;
    color: rgba(255, 255, 255, 0.55);
  }

  .home-brands-marquee {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px 28px;
  }

  .home-brands-marquee span {
    font-size: clamp(1.15rem, 3.5vw, 1.65rem);
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
    text-shadow:
      0 0 20px rgba(255, 204, 0, 0.4),
      0 0 2px rgba(0, 0, 0, 0.8);
    animation: wowBrandStamp 2.4s ease-in-out infinite;
    animation-delay: calc(var(--i, 0) * 0.18s);
  }

  .home-brands-marquee span:nth-child(1) {
    --i: 0;
  }
  .home-brands-marquee span:nth-child(2) {
    --i: 1;
  }
  .home-brands-marquee span:nth-child(3) {
    --i: 2;
  }
  .home-brands-marquee span:nth-child(4) {
    --i: 3;
  }
  .home-brands-marquee span:nth-child(5) {
    --i: 4;
  }
  .home-brands-marquee span:nth-child(6) {
    --i: 5;
  }
  .home-brands-marquee span:nth-child(7) {
    --i: 6;
  }
  .home-brands-marquee span:nth-child(8) {
    --i: 7;
  }

  @keyframes wowBrandStamp {
    0%,
    100% {
      transform: translateY(0) scale(1);
      filter: brightness(1);
    }
    50% {
      transform: translateY(-3px) scale(1.04);
      filter: brightness(1.15);
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .wow-ambient-blobs {
    display: none !important;
  }
  body.wow-aggressive.bs-has-bottom-strip::after,
  body.wow-aggressive.bs-has-bottom-strip::before,
  body.wow-aggressive.bs-has-bottom-strip .logo-new,
  body.wow-aggressive.bs-has-bottom-strip .logo-new .logo-icon {
    animation: none !important;
  }
}