@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap');
    
    body { 
        font-family: 'Outfit', sans-serif; 
        margin: 0;
        padding: 0;
        /* Added padding so the fixed header doesn't hide the top of the slider */
        /* padding-top: 20px;  */
    }

    .contained { 
        max-width: 1300px; 
        margin: 0 auto; 
    }

    /* Mobile Menu - Refined for Side-to-Side Slide */
    .mobile-menu { 
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1); 
        transform: translateX(100%); 
    }
    .mobile-menu.active { 
        transform: translateX(0); 
    }

    /* Dropdown Animation for Desktop */
    .group:hover .group-hover\:visible {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

    /* Swiper Pagination - Modern Pill Style */
    .swiper-pagination-bullet {
        background: #fff !important;
        opacity: 0.5;
        transition: all 0.3s ease;
    }
    .swiper-pagination-bullet-active {
        background: #f97316 !important; /* Naturebioagrichem Orange */
        width: 30px !important;
        border-radius: 5px !important;
        opacity: 1;
    }

    /* Header Blur effect for that "Outstanding" look */
    .glass-header {
        background: rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }