/* animations.css */

.fade-up{
    opacity:0;
    transform:translateY(40px);
    transition:opacity .8s ease, transform .8s ease;
}

.fade-up.visible{
    opacity:1;
    transform:translateY(0);
}

.header.scrolled{
    background:rgba(255,255,255,.96);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.store{
    transition:transform .35s ease, box-shadow .35s ease;
}

.store:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 40px rgba(0,0,0,.18);
}

.overlay a{
    position:relative;
    overflow:hidden;
}

.overlay a::after{
    content:"➜";
    margin-left:8px;
    transition:margin-left .25s ease;
}

.overlay a:hover::after{
    margin-left:14px;
}