/* =========================================================
   SELÇUK YEM V5.42 — ÜRETİM SÜRECİ SCROLL ANİMASYONU
   V5.41 yapısı korunur. Hero / dalgalar / footer değişmez.
   ========================================================= */

/* Kartları ve fotoğrafları bir miktar küçült; mevcut font puntolarını koru. */
.v541-production>.container{
  width:min(100% - 40px,1380px)!important;
}

.v541-process-grid{
  gap:12px!important;
}

.v541-process-card{
  padding-left:8px!important;
  padding-right:8px!important;
  padding-bottom:14px!important;
}

.v541-process-photo{
  margin-left:-8px!important;
  margin-right:-8px!important;
  max-height:224px!important;
}

/* JavaScript aktif olduğunda kartlar görünmeden önce hazır pozisyonda bekler. */
.v541-production.process-anim-ready .v541-process-card{
  opacity:0;
  transform:translate3d(0,28px,0) scale(.975);
  transition:
    opacity .52s ease,
    transform .62s cubic-bezier(.22,.75,.22,1),
    box-shadow .22s ease,
    border-color .22s ease;
  will-change:opacity,transform;
}

/* Her kart JS tarafından sırayla açılır. */
.v541-production.process-anim-ready .v541-process-card.is-revealed{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

.v541-production.process-anim-ready .v541-process-card.is-revealed:hover,
.v541-production.process-anim-ready .v541-process-card.is-revealed:focus-visible{
  transform:translate3d(0,-5px,0) scale(1);
}

@media(max-width:1180px){
  .v541-production>.container{
    width:min(100% - 30px,1100px)!important;
  }
  .v541-process-photo{
    max-height:215px!important;
  }
}

@media(max-width:760px){
  .v541-production>.container{
    width:calc(100% - 20px)!important;
  }
  .v541-process-card{
    flex-basis:195px!important;
  }
  .v541-process-photo{
    height:205px!important;
    max-height:205px!important;
  }
}

/* Hareket azaltma tercihini destekle. */
@media (prefers-reduced-motion: reduce){
  .v541-production.process-anim-ready .v541-process-card,
  .v541-production.process-anim-ready .v541-process-card.is-revealed{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}
