.hero-gradient {
            background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)), url('https://images.unsplash.com/photo-1509440159596-0249088772ff?ixlib=rb-4.0.3&auto=format&fit=crop&w=1350&q=80');
            background-size: cover;
            background-position: center;
        }
        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            transition: all 0.3s ease;
        }
        .flink {
            @apply px-4 py-2 bg-gray-100 hover:bg-primary hover:text-white rounded-lg transition-colors duration-300;
        }
        .section-padding {
            @apply py-16 md:py-24;
        }
        .border-hover:hover {
            @apply border-primary;
        }