<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="8dp"
    app:cardCornerRadius="12dp"
    app:cardElevation="4dp"
    android:foreground="?android:attr/selectableItemBackground">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical">

        <!-- Product Image -->
        <ImageView
            android:id="@+id/iv_product_image"
            android:layout_width="match_parent"
            android:layout_height="160dp"
            android:scaleType="centerCrop"
            android:background="@color/light_gray"
            android:contentDescription="Product Image"
            tools:src="@drawable/placeholder_image" />

        <!-- Product Info -->
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:padding="12dp">

            <!-- Product Name -->
            <TextView
                android:id="@+id/tv_product_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Product Name"
                android:textSize="14sp"
                android:textStyle="bold"
                android:textColor="@color/black_500"
                android:maxLines="2"
                android:ellipsize="end"
                tools:text="Sample Product Name" />

            <!-- Product Price -->
            <TextView
                android:id="@+id/tv_product_price"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:text="Rp 0"
                android:textSize="16sp"
                android:textStyle="bold"
                android:textColor="@color/blue_500"
                tools:text="Rp 25,000" />

            <!-- Stock Status -->
            <TextView
                android:id="@+id/rating"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:background="@drawable/rating_background"
                android:drawablePadding="4dp"
                android:paddingStart="7dp"
                android:paddingTop="5dp"
                android:paddingEnd="11dp"
                android:paddingBottom="3dp"
                android:text="@string/rating"
                android:textColor="@color/black"
                android:fontFamily="@font/dmsans_regular"
                android:textSize="12sp"
                android:textAlignment="center"
                android:gravity="center"
                app:drawableStartCompat="@drawable/baseline_star_24"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@id/tv_product_price" />

            <TextView
                android:id="@+id/tv_store_name"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="4dp"
                android:text="Toko Jaya"
                android:fontFamily="@font/dmsans_semibold"
                android:textSize="14sp"
                android:textColor="@color/black_200"
                tools:text="Toko Jaya" />

        </LinearLayout>

    </LinearLayout>

</androidx.cardview.widget.CardView>