html {
            scroll-behavior: smooth;
        }
        .parallax {
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .flink {
            @apply inline-block px-4 py-2 mx-2 my-1 bg-white/10 backdrop-blur-sm text-white rounded-lg transition-all duration-300 hover:bg-white/20 hover:scale-105 hover:shadow-lg border border-white/30;
        }
        .section-title {
            @apply text-3xl md:text-4xl font-bold text-primary mb-6 pb-4 border-b-4 border-secondary inline-block;
        }
        .product-card {
            @apply bg-white rounded-xl shadow-lg overflow-hidden transition-all duration-500 hover:shadow-2xl hover:-translate-y-2;
        }
        .nav-link {
            @apply text-gray-700 hover:text-primary font-medium px-3 py-2 transition-colors duration-300 relative after:absolute after:bottom-0 after:left-1/2 after:-translate-x-1/2 after:w-0 after:h-0.5 after:bg-secondary after:transition-all after:duration-300 hover:after:w-3/4;
        }