body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
            /* Smooth scrolling saat klik anchor link */
        }

        /* Warna bullet pagination */
        .swiper-pagination-bullet {
            background-color: #FFA500 !important;
            /* Warna orange */
            opacity: 0.5;
            transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
        }

        /* Warna bullet pagination yang aktif */
        .swiper-pagination-bullet-active {
            background-color: #FF8C00 !important;
            /* Warna orange yang lebih gelap */
            opacity: 1;
            transform: scale(1.2);
        }

        /* Efek hover untuk tombol */
        button,
        .btn {
            transition: all 0.3s ease-in-out;
        }

        button:hover,
        .btn:hover {
            transform: scale(1.05);
            box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
        }

        /* Animasi smooth untuk elemen yang muncul saat scroll */
        .fade-in {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.6s ease-out, transform 0.6s ease-out;
        }

        .fade-in.show {
            opacity: 1;
            transform: translateY(0);
        }

        /* Smooth hover effect untuk card */
        .card {
            transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
        }

        .card:hover {
            transform: translateY(-5px);
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1);
        }

        /* Smooth scrolling untuk navbar */
        html {
            scroll-behavior: smooth;
        }

        .hidden-item {
        display: none !important;
        }

        #product-list.show-all .hidden-item {
        max-height: 100px; /* sesuaikan tinggi per item */
        opacity: 1;
        }

        #product-list a {
        display: block;
        padding: 8px;
        background: #f3f3f3;
        margin-bottom: 4px;
        border-radius: 4px;
        text-decoration: none;
        color: #333;
        }

        #product-list-button {
        display: inline-block;
        margin-top: 10px;
        cursor: pointer;
        color: #f97316;
        font-weight: 600;
        text-decoration: underline;
        }