.rozhati-creative-heading {
    display: inline-block;
    position: relative;
    font-weight: bold;
    line-height: 1.4;
    font-size: inherit; /* اضافه شده */
}

/* افکت درخشش */
.rozhati-creative-heading.effect-glitter {
    background: linear-gradient(120deg, 
        var(--effect-color-1, #fff) 0%, 
        var(--effect-color-1, #fff) 30%, 
        var(--effect-color-2, #ffd700) 40%, 
        var(--effect-color-1, #fff) 50%, 
        var(--effect-color-1, #fff) 80%, 
        var(--effect-color-2, #ffd700) 90%, 
        var(--effect-color-1, #fff) 100%
    );
    background-size: 200% auto;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: glitter 2s linear infinite;
    text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
}

@keyframes glitter {
    to {
        background-position: 200% center;
    }
}

/* افکت گرادینت متحرک */
.rozhati-creative-heading.effect-gradient {
    background: linear-gradient(45deg,
        var(--effect-color-1, #ff69b4),
        var(--effect-color-2, #ff1493),
        var(--effect-color-1, #ff69b4),
        var(--effect-color-2, #da70d6),
        var(--effect-color-1, #ff69b4)
    );
    background-size: 300% 300%;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: gradient 3s ease infinite;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* افکت آینه‌ای */
.rozhati-creative-heading.effect-mirror {
    color: rgba(255, 255, 255, 0.9) !important;
    background: #333;
    text-shadow: 
        0 0 5px rgba(255, 255, 255, 0.8),
        0 0 10px rgba(255, 255, 255, 0.5);
    animation: mirror 2s ease-in-out infinite;
}

@keyframes mirror {
    0%, 100% { filter: brightness(100%); }
    50% { filter: brightness(130%); }
}

/* افکت درخشان */
.rozhati-creative-heading.effect-glow {
    color: #ff69b4 !important;
    text-shadow: 
        0 0 5px #ff69b4,
        0 0 10px #ff69b4,
        0 0 20px #ff1493;
    animation: glow 1.5s ease-in-out infinite alternate;
}

@keyframes glow {
    from { 
        text-shadow: 0 0 5px #ff69b4, 0 0 10px #ff69b4, 0 0 20px #ff1493;
    }
    to {
        text-shadow: 0 0 10px #ff69b4, 0 0 20px #ff69b4, 0 0 30px #ff1493;
    }
}

/* افکت رنگارنگ */
.rozhati-creative-heading.effect-colorful {
    background: linear-gradient(90deg,
        var(--effect-color-1, #ff69b4),
        var(--effect-color-2, #ff1493),
        var(--effect-color-1, #da70d6),
        var(--effect-color-2, #9370db),
        var(--effect-color-1, #ff69b4)
    );
    background-size: 400% 400%;
    color: transparent !important;
    -webkit-background-clip: text;
    background-clip: text;
    animation: colorful 5s ease infinite;
}

/* افکت نئون */
.rozhati-creative-heading.effect-neon {
    color: var(--effect-color-1, #fff) !important;
    text-shadow: 
        0 0 5px var(--effect-color-1, #fff),
        0 0 10px var(--effect-color-1, #fff),
        0 0 20px var(--effect-color-2, #ff1493),
        0 0 40px var(--effect-color-2, #ff1493),
        0 0 80px var(--effect-color-2, #ff1493);
    animation: neon 1.5s ease-in-out infinite alternate;
}

@keyframes neon {
    from {
        text-shadow: 
            0 0 5px var(--effect-color-1, #fff),
            0 0 10px var(--effect-color-1, #fff),
            0 0 20px var(--effect-color-2, #ff1493),
            0 0 40px var(--effect-color-2, #ff1493),
            0 0 80px var(--effect-color-2, #ff1493);
    }
    to {
        text-shadow: 
            0 0 2px var(--effect-color-1, #fff),
            0 0 5px var(--effect-color-1, #fff),
            0 0 10px var(--effect-color-2, #ff1493),
            0 0 20px var(--effect-color-2, #ff1493),
            0 0 40px var(--effect-color-2, #ff1493);
    }
}

@keyframes colorful {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* تنظیمات واکنش‌گرا */
@media (max-width: 768px) {
    .rozhati-creative-heading {
        font-size: calc(1.5rem + 2vw);
    }
}

@media (max-width: 480px) {
    .rozhati-creative-heading {
        font-size: calc(1.2rem + 2vw);
    }
}

/* بهینه‌سازی عملکرد */
.rozhati-creative-heading {
    will-change: transform, opacity;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
}