/*=========================================================
PHIUM ESSENCE
ANIMATIONS
=========================================================*/

/* Smooth transition */
a,
button,
input,
textarea,
select,
img,
.phium-card,
.ct-product{
    transition:all .35s ease;
}

/* Fade Up */
@keyframes phiumFadeUp{

    from{
        opacity:0;
        transform:translateY(40px);
    }

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

}

.fade-up{
    animation:phiumFadeUp .8s ease both;
}

/* Zoom */

@keyframes phiumZoom{

    from{
        transform:scale(.95);
        opacity:0;
    }

    to{
        transform:scale(1);
        opacity:1;
    }

}

.zoom-in{
    animation:phiumZoom .6s ease;
}

/* Hover Lift */

.hover-lift{

    transition:.35s;

}

.hover-lift:hover{

    transform:translateY(-8px);

    box-shadow:var(--shadow-lg);

}

/* Image Zoom */

.img-zoom{

    overflow:hidden;

}

.img-zoom img{

    transition:.5s;

}

.img-zoom:hover img{

    transform:scale(1.08);

}

/* Button */

.phium-btn{

    position:relative;

    overflow:hidden;

}

.phium-btn::after{

    content:"";

    position:absolute;

    width:0;

    height:100%;

    left:0;

    top:0;

    background:rgba(255,255,255,.15);

    transition:.35s;

}

.phium-btn:hover::after{

    width:100%;

}