/* =========================
   SCROLL + NAV FIX
========================= */

/* Abstand wegen Sticky Nav */
section {
    scroll-margin-top: 180px;
}

/* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Optional: leichter Abstand für bessere Optik */
section {
    padding-top: 10px;
}

/* Active Button Übergang schöner */
.category-nav-modern a {
    transition: all 0.25s ease;
}

/* Active Zustand verbessern */
.category-nav-modern a.active {
    background: linear-gradient(
        135deg,
        #fff3b0,
        #ffd700,
        #e6c200
    );
    color: black;
    transform: translateY(-2px);
}/* CSS Document */
/* ===== ARTICLE FIX (CRITICAL) ===== */

#main article {
    position: relative !important;
    top: auto !important;
    left: auto !important;

    opacity: 1 !important;
    transform: none !important;

    display: block !important;
}
/* ===== BACKGROUND FIX ===== */

body.products-page {
    background:
        linear-gradient(rgba(0,0,0,0.25), rgba(0,0,0,0.45)),
        url("../../images/backgrounds/bg-aloe.avif") center center / cover no-repeat fixed;
}