/* Apply Manrope to all text elements */
        * {
            font-family: 'Manrope', sans-serif;
        }

        /* Smooth transition for navbar */
        .navbar-transition {
            transition: all 0.3s ease-in-out;
        }

        .fade-in {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s ease-out;
        }

        .fade-in.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .coffee-pattern {
            background-image: radial-gradient(circle at 20% 80%, rgba(191, 179, 146, 0.1) 0%, transparent 50%),
                radial-gradient(circle at 80% 20%, rgba(190, 138, 80, 0.1) 0%, transparent 50%);
        }

        /*product */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(30px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        .gradient-text {
            background: #be8a50;
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-gradient-overlay {
            background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.3) 70%, transparent 100%);
        }

        .style-primary {
            background: linear-gradient(135deg,
                    rgba(255, 107, 107, 0.1) 0%,
                    rgba(255, 165, 0, 0.1) 100%);
        }

        .style-secondary {
            background: linear-gradient(135deg,
                    rgba(78, 205, 196, 0.1) 0%,
                    rgba(52, 152, 219, 0.1) 100%);
        }

        .style-tertiary {
            background: linear-gradient(135deg,
                    rgba(155, 89, 182, 0.1) 0%,
                    rgba(142, 68, 173, 0.1) 100%);
        }

        .style-quaternary {
            background: linear-gradient(135deg,
                    rgba(231, 76, 60, 0.1) 0%,
                    rgba(192, 57, 43, 0.1) 100%);
        }

        .style-quinary {
            background: linear-gradient(135deg,
                    rgba(241, 196, 15, 0.1) 0%,
                    rgba(230, 126, 34, 0.1) 100%);
        }

        .product-card {
            transition: all 0.3s ease;
        }

        .product-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(109, 79, 51, 0.15);
        }