/* ==========================================
   Gift Mantra - animation.css
   Premium Animations & Effects
========================================== */

/* Global Transitions */
*,
*::before,
*::after{
    transition: all .35s ease;
}

/* Fade In Up */
@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(40px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Fade In */
@keyframes fadeIn{
    from{opacity:0;}
    to{opacity:1;}
}

/* Slide In Left */
@keyframes slideLeft{
    from{
        opacity:0;
        transform:translateX(-40px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* Slide In Right */
@keyframes slideRight{
    from{
        opacity:0;
        transform:translateX(40px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

/* Floating */
@keyframes floating{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-10px);
    }
}

/* Pulse */
@keyframes pulse{
    0%{
        box-shadow:0 0 0 0 rgba(37,211,102,.55);
    }
    70%{
        box-shadow:0 0 0 18px rgba(37,211,102,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(37,211,102,0);
    }
}

/* Hero Animation */
.hero-content{
    animation:slideLeft .9s ease both;
}

.hero-panel{
    animation:slideRight 1s ease both;
}

/* Section Headings */
.section-heading{
    animation:fadeUp .8s ease both;
}

/* Cards */
.category-card,
.feature-card,
.info-card,
.highlight-list div{
    animation:fadeUp .9s ease both;
}

/* Hover Effects */
.category-card:hover,
.feature-card:hover,
.info-card:hover{
    transform:translateY(-8px);
}

/* Icon Hover */
.category-icon,
.info-card i{
    transition:transform .35s ease,color .35s ease;
}

.category-card:hover .category-icon{
    transform:rotate(8deg) scale(1.08);
}

.info-card:hover i{
    transform:scale(1.15);
    color:#B58A42;
}

/* Button Hover */
.btn{
    position:relative;
    overflow:hidden;
}

.btn::after{
    content:"";
    position:absolute;
    width:0;
    height:100%;
    left:50%;
    top:0;
    background:rgba(255,255,255,.12);
    transition:.45s;
}

.btn:hover::after{
    width:130%;
    left:-15%;
}

/* Navigation Hover */
.nav a{
    position:relative;
}

.nav a::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:0;
    height:2px;
    background:#8B6B3E;
    transition:.35s;
}

.nav a:hover::after{
    width:100%;
}

/* Floating WhatsApp */
.floating-whatsapp{
    animation:pulse 2.2s infinite, floating 3.5s ease-in-out infinite;
}

/* FAQ */
.faq details{
    transition:all .35s ease;
}

.faq details[open]{
    transform:translateX(6px);
}

/* Scroll Reveal Classes */
.reveal{
    opacity:0;
    transform:translateY(40px);
    transition:all .8s ease;
}

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

/* Smooth Image/Card Zoom Ready */
.zoom-hover{
    overflow:hidden;
}

.zoom-hover>*{
    transition:transform .45s ease;
}

.zoom-hover:hover>*{
    transform:scale(1.05);
}