/* MRAI MEBEL - Animasiyalar */
/* Scroll Reveal */
[data-aos]{transition-property:opacity,transform}
[data-aos="fade-up"]{opacity:0;transform:translateY(40px)}
[data-aos="fade-down"]{opacity:0;transform:translateY(-40px)}
[data-aos="fade-left"]{opacity:0;transform:translateX(40px)}
[data-aos="fade-right"]{opacity:0;transform:translateX(-40px)}
[data-aos="zoom-in"]{opacity:0;transform:scale(0.9)}
[data-aos="flip-left"]{opacity:0;transform:perspective(250px) rotateY(20deg)}
[data-aos="flip-right"]{opacity:0;transform:perspective(250px) rotateY(-20deg)}
[data-aos].aos-animate{opacity:1;transform:translate(0) scale(1) rotateY(0)}
/* Floating */
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.floating{animation:float 3s ease-in-out infinite}
/* Pulse */
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.pulse-hover:hover{animation:pulse 0.6s ease}
/* Glow */
@keyframes glow{0%,100%{box-shadow:0 0 5px rgba(184,134,11,0.3)}50%{box-shadow:0 0 20px rgba(184,134,11,0.6)}}
.glow{animation:glow 2s ease-in-out infinite}
/* Gradient BG */
@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.gradient-bg{background:linear-gradient(-45deg,var(--tund),var(--tund_2),var(--tund_3),var(--altin_tund));background-size:400% 400%;animation:gradientBG 15s ease infinite}
/* Shimmer */
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.shimmer{background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,0.1) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 2s infinite}
/* Scale in */
@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}
.scale-in{animation:scaleIn 0.5s ease forwards}
/* Rotate */
@keyframes rotate360{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* Particle Canvas */
#heroCanvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
/* Tilt effect */
.tilt-card{transition:transform 0.3s;transform-style:preserve-3d}
.tilt-card:hover{transform:perspective(1000px) rotateX(5deg) rotateY(5deg)}
/* Stagger children */
.stagger-children>*{opacity:0;transform:translateY(20px);transition:opacity 0.5s,transform 0.5s}
.stagger-children.active>*:nth-child(1){transition-delay:0.1s;opacity:1;transform:translateY(0)}
.stagger-children.active>*:nth-child(2){transition-delay:0.2s;opacity:1;transform:translateY(0)}
.stagger-children.active>*:nth-child(3){transition-delay:0.3s;opacity:1;transform:translateY(0)}
.stagger-children.active>*:nth-child(4){transition-delay:0.4s;opacity:1;transform:translateY(0)}
.stagger-children.active>*:nth-child(5){transition-delay:0.5s;opacity:1;transform:translateY(0)}
.stagger-children.active>*:nth-child(6){transition-delay:0.6s;opacity:1;transform:translateY(0)}
/* Magnetic btn */
[data-magnetic]{transition:transform 0.3s}
/* Reveal text */
.reveal-text{overflow:hidden}
.reveal-text span{display:inline-block;transform:translateY(100%);transition:transform 0.6s cubic-bezier(0.77,0,0.175,1)}
.reveal-text.active span{transform:translateY(0)}
/* Line reveal */
.line-reveal{position:relative;overflow:hidden}
.line-reveal::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--altin);transform:translateX(-101%);transition:transform 0.5s cubic-bezier(0.77,0,0.175,1)}
.line-reveal.active::after{transform:translateX(101%)}
/* Marquee */
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.marquee{overflow:hidden;white-space:nowrap}
.marquee-inner{display:inline-flex;animation:marquee 30s linear infinite}
/* Counter */
.counter-animate{transition:all 0.3s}