.container {
            max-width: 1200px;
            margin: 0 auto; /* Simplified margin-left/right auto */
            padding: 0 1rem; /* Simplified padding-left/right */
        }

        /* General Section Styling */
        section {
            background-color: var(--herbal-cream); /* Background color for the main section */
            padding: 2rem; /* p-8 */
            border-radius: 0.75rem; /* rounded-xl */
            box-shadow: var(--shadow-medium);
            margin-bottom: 2rem; /* mb-8 */
        }
        @media (min-width: 768px) { /* md:p-12 */
            section {
                padding: 3rem;
            }
        }

        /* Heading Styling */
        h1 {
            font-size: 2.25rem; /* text-3xl */
            font-weight: 700; /* font-bold */
            text-align: center; /* text-center */
            justify-content:center;
            color: var(--herbal-dark);
            margin-bottom: 2rem; /* mb-8 */
        }
        
        h2 {
            font-size: 2.25rem; /* text-3xl */
            font-weight: 500; /* font-bold */

            justify-content:center;
            color: var(--herbal-dark);
            margin-bottom: 2rem; /* mb-8 */
        }        
        @media (min-width: 768px) { /* md:text-4xl */
            h1 {
                font-size: 2.5rem;
            }
        }

        /* Grid Layout for Advantages */
        .grid-container {
            display: grid;
            grid-template-columns: repeat(1, minmax(0, 1fr)); /* grid-cols-1 */
            gap: 2rem; /* gap-8 */
        }
        @media (min-width: 768px) { /* md:grid-cols-2 */
            .grid-container {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            .grid-span-2 { /* For elements spanning two columns on medium screens */
                grid-column: span 2 / span 2;
            }
        }

        /* Individual Advantage Card Styling */
        .advantage-card {
            background-color: var(--herbal-light);
            padding: 1.5rem; /* p-6 */
            border-radius: 0.5rem; /* rounded-lg */
            box-shadow: var(--shadow-light);
            display: flex;
            align-items: flex-start; /* items-start */
        }

        .advantage-card i {
            color: var(--herbal-green);
            font-size: 1.5rem; /* text-2xl */
            margin-right: 0.75rem; /* mr-3 */
            margin-top: 0.25rem; /* mt-1 */
        }

        .advantage-card h3 {
            font-size: 1.25rem; /* text-xl */
            font-weight: 600; /* font-semibold */
            color: var(--herbal-green);
            margin-bottom: 0.75rem; /* mb-3 */
        }

        .advantage-card p, .advantage-card li {
            color: var(--gray-700); /* text-gray-700 */
            line-height: 1.625; /* leading-relaxed */
        }
        .advantage-card ul {
            list-style-type: disc;
            padding-left: 1.25rem; /* pl-5 */
        }
        .advantage-card ul li:not(:first-child) { /* space-y-2 */
            margin-top: 0.5rem;
        }
        .advantage-card strong {
            font-weight: 700; /* For strong tags within paragraphs/list items */
        }
        /* Responsif ukuran font untuk judul */
        @media (min-width: 640px) {
            .section-heading {
                font-size: 2.25rem; /* sm:text-4xl */
            }
        }

        /* Grid Produk */
        .product-grid {
            display: grid;
            gap: 1rem; /* Jarak antar kartu produk */
            grid-template-columns: repeat(2, 1fr); /* Default: 2 kolom di mobile */
        }

        /* Media Queries untuk Kolom Grid */
        @media (min-width: 640px) { /* Layar tablet */
            .product-grid {
                grid-template-columns: repeat(3, 1fr); /* 3 kolom */
                gap: 1.25rem;
            }
        }
        @media (min-width: 768px) { /* Layar laptop kecil */
            .product-grid {
                grid-template-columns: repeat(4, 1fr); /* 4 kolom */
            }
        }
        @media (min-width: 1024px) { /* Layar desktop */
            .product-grid {
                grid-template-columns: repeat(3, 1fr); /* 3 kolom */
                gap: 1.5rem;
            }
        }

        /* Kartu Produk (Hyperlink) */
        .product-card {
            display: flex;
            flex-direction: column;
            background-color: #ffffff;
            border-radius: 0.75rem; /* Sudut membulat */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Bayangan lembut */
            overflow: hidden; /* Pastikan konten tidak meluber dari sudut membulat */
            text-decoration: none; /* Hapus garis bawah link */
            color: #111827; /* Warna teks default untuk konten kartu */
            transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
            border: 1px solid #e5e7eb; /* Border halus */
        }

        .product-card:hover {
            transform: translateY(-5px); /* Efek naik saat di-hover */
            box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15); /* Bayangan lebih kuat saat di-hover */
        }

        /* Pembungkus Gambar untuk Rasio Aspek 1:1 */
        .product-image-wrapper {
            width: 100%;
            padding-top: 100%; /* Membuat kotak dengan rasio aspek 1:1 */
            position: relative;
            overflow: hidden;
        }

        .product-image-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover; /* Pastikan gambar mengisi ruang tanpa distorsi */
            border-top-left-radius: 0.75rem;
            border-top-right-radius: 0.75rem;
            transition: transform 0.3s ease-in-out;
        }

        .product-card:hover .product-image-wrapper img {
            transform: scale(1.05); /* Efek zoom pada gambar saat kartu di-hover */
        }

        /* Informasi Produk */
        .product-info {
            padding: 1.5rem; /* Padding internal info produk */
            display: flex;
            flex-direction: column;
            flex-grow: 1; /* Memungkinkan info produk mengisi sisa ruang vertikal */
            justify-content: space-between; /* Menarik harga ke bawah */
        }

        .product-title {
            font-size: 0.95rem;
            font-weight: 600;
            color: #1f2937;
          /*   margin-bottom: 0.25rem; */
            overflow: hidden;
            text-overflow: ellipsis; /* Tambahkan elipsis jika teks terlalu panjang */
            display: -webkit-box;
            -webkit-line-clamp: 2; /* Batasi hingga 2 baris */
            -webkit-box-orient: vertical;
            height: 3em; /* Kira-kira tinggi 2 baris berdasarkan font-size dan line-height */
            line-height: 1.5em; /* Sesuaikan dengan line-height parent untuk perhitungan clamp yang akurat */
        }

        .product-price {
            font-family: "Audiowide", sans-serif;
            font-size: 0.75rem;
           /* font-weight: 700; */
            color: #ef4444; /* Warna merah untuk harga (mirip Shopee) */
            /* margin-top: 0.5rem; */
        }

        .product-location {
            font-size: 0.8rem;
            color: #6b7280;
            margin-top: 0.25rem;
        }

        /* Opsi Rating/Penjualan (Opsional, untuk detail lebih lanjut) */
        .product-meta {
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 0.75rem;
            color: #6b7280;
            margin-top: 0.5rem;
        }

        .rating .star-icon {
            color: #f59e0b; /* Warna bintang kuning */
            margin-right: 0.2rem;
        }