.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }

        .editorial-shadow {
            box-shadow: 0 20px 50px -12px rgba(27, 28, 24, 0.05);
        }

        @keyframes wave {
            0% {
                transform: scale(1.1) translateY(0);
            }

            50% {
                transform: scale(1.12) translateY(-10px);
            }

            100% {
                transform: scale(1.1) translateY(0);
            }
        }

        .animate-zen-wave {
            animation: wave 20s ease-in-out infinite;
        }

        #mobile-menu {
            transition: transform 0.3s ease-in-out;
        }

        /* 1. Scroll Fade-in-up (Reveal) */
        .reveal {
            opacity: 0;
            transform: translateY(40px);
            transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }

        .reveal.active {
            opacity: 1;
            transform: translateY(0);
        }

        /* 5. Button Soft Glow / Ripple-like hover */
        .btn-glow {
            position: relative;
            overflow: hidden;
            z-index: 1;
        }

        .btn-glow::after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 200%;
            aspect-ratio: 1 / 1;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.25) 0%, transparent 70%);
            transform: translate(-50%, -50%) scale(0);
            opacity: 0;
            /* Fare ayrıldığında (küçülürken) çalışacak animasyon */
            transition: transform 0.8s ease-out, opacity 0.8s ease-out;
            border-radius: 50%;
            z-index: -1;
        }

        .btn-glow:hover::after {
            transform: translate(-50%, -50%) scale(1);
            opacity: 1;
            /* Fare geldiğinde (büyürken) yavaş ve pürüzsüz başlasın */
            transition: transform 1s ease-in-out, opacity 0.6s ease-in-out;
        }