/* =========================================================
   NAVIER-STOKES BACKGROUND
   Latar belakang kanvas animasi untuk setiap section.
   ========================================================= */

.section,
.feature-section,
.category-hero {
    position: relative;
    overflow: hidden;
}

.navier-bg-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    pointer-events: none;
    opacity: 0.28;
}

/* Pastikan konten section selalu di atas kanvas */
.section > .container,
.feature-section > .container,
.category-hero > .container {
    position: relative;
    z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
    .navier-bg-canvas {
        display: none;
    }
}