/**
 * Product Card Styles
 * สไตล์สำหรับการ์ดสินค้า
 */

.product-card {
    @apply bg-white rounded-lg shadow-md overflow-hidden transition-all duration-300 hover:shadow-lg;
}

.product-card:hover {
    @apply transform -translate-y-1;
}

.product-image {
    @apply w-full h-48 object-cover;
}

.product-info {
    @apply p-4;
}

.product-title {
    @apply text-lg font-semibold text-gray-800 mb-2 line-clamp-2;
}

.product-price {
    @apply text-xl font-bold text-pink-600;
}

.product-original-price {
    @apply text-sm text-gray-500 line-through ml-2;
}

.product-discount {
    @apply absolute top-2 left-2 bg-red-500 text-white px-2 py-1 rounded-full text-xs font-bold;
}

.product-badge {
    @apply absolute top-2 right-2 px-2 py-1 rounded-full text-xs font-bold;
}

.product-badge.new {
    @apply bg-green-500 text-white;
}

.product-badge.featured {
    @apply bg-yellow-500 text-white;
}

.product-actions {
    @apply flex justify-between items-center mt-4;
}

.add-to-cart-btn {
    @apply bg-pink-600 hover:bg-pink-700 text-white px-4 py-2 rounded-lg font-medium transition-colors duration-300;
}

.action-btn {
    @apply p-2 text-gray-600 hover:text-pink-600 transition-colors duration-300;
}

.product-rating {
    @apply flex items-center mb-2;
}

.product-rating .star {
    @apply text-yellow-400;
}

.product-rating .star.empty {
    @apply text-gray-300;
}

.product-stock {
    @apply text-sm text-gray-600;
}

.product-stock.in-stock {
    @apply text-green-600;
}

.product-stock.out-of-stock {
    @apply text-red-600;
}

/* Responsive Design */
@media (max-width: 768px) {
    .product-card {
        @apply mx-2;
    }
    
    .product-title {
        @apply text-base;
    }
    
    .product-price {
        @apply text-lg;
    }
}

/* Animation for loading */
.product-card.loading {
    @apply animate-pulse;
}

.product-card.loading .product-image {
    @apply bg-gray-300;
}

.product-card.loading .product-title {
    @apply bg-gray-300 h-4 rounded;
}

.product-card.loading .product-price {
    @apply bg-gray-300 h-6 rounded w-20;
}