/* Vstopne animacije ob nalaganju (framer-motion initial→animate v Hero.tsx). */
@keyframes ge-in { to { opacity: 1; transform: none; } }
.ge-in { opacity: 0; animation: ge-in .6s ease-out forwards; }
.ge-in-up { opacity: 0; transform: translateY(30px); animation: ge-in .7s ease-out forwards; }
.ge-in-up40 { opacity: 0; transform: translateY(40px); animation: ge-in .7s ease-out forwards; }
.ge-in-up20 { opacity: 0; transform: translateY(20px); animation: ge-in .7s ease-out forwards; }
.ge-in-d1 { animation-delay: .1s; } .ge-in-d2 { animation-delay: .2s; } .ge-in-d3 { animation-delay: .3s; } .ge-in-d5 { animation-delay: .5s; }
.ge-in-d6 { animation-delay: .6s; } .ge-in-d8 { animation-delay: .8s; } .ge-in-d12 { animation-delay: 1.2s; } .ge-in-d15 { animation-delay: 1.5s; }
@keyframes ge-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(6px); } }
.ge-bob { animation: ge-bob 2s ease-in-out infinite; }

/* Počasno približevanje slike: filmski pas in hero na straneh izdelkov. */
@keyframes ge-kenburns { from { transform: scale(1); } to { transform: scale(1.08); } }
.ge-kenburns { animation: ge-kenburns 18s ease-out forwards; will-change: transform; }

@media (prefers-reduced-motion: reduce) { .ge-kenburns { animation: none; transform: none; } }
@media (prefers-reduced-motion: reduce) { .ge-in, .ge-in-up, .ge-in-up40, .ge-in-up20 { animation: none; opacity: 1; transform: none; } .ge-bob { animation: none; } }