@layer utilities {
.content-auto {
    content-visibility: auto;
}
.category-active {
    @apply bg-primary text-white;
}
.product-card-hover {
    @apply transition-all duration-300 hover:shadow-lg hover:-translate-y-1;
}
.list-view-horizontal .product-card {
    @apply flex w-full;
}
.list-view-horizontal .product-image-container {
    @apply w-1/3;
}
.list-view-horizontal .product-info {
    @apply w-2/3 flex flex-col justify-between;
}
}

.category-active {
    background-color: #ff6666;
    color: white;
}