.elementor-9 .elementor-element.elementor-element-5b05ebe{--display:flex;--min-height:1235px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9 .elementor-element.elementor-element-588613f{--display:flex;}@media(max-width:1024px){.elementor-9 .elementor-element.elementor-element-5b05ebe{--min-height:676px;}}/* Start custom CSS for container, class: .elementor-element-5b05ebe *//* 1) Active slide κάνει smooth zoom (4s γιατί έχεις 4000ms) */
.zoom-slideshow .swiper-slide-active [style*="background-image"]{
  animation: smoothZoom 6s linear forwards;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
  transform: translateZ(0) scale(1);
}

/* 2) Το outgoing/next slide ΔΕΝ γυρνάει απότομα στο 1 (κρατάει το zoom) */
.zoom-slideshow .swiper-slide-prev [style*="background-image"],
.zoom-slideshow .swiper-slide-next [style*="background-image"]{
  transform: translateZ(0) scale(1.06);
  animation: none;
}

/* 3) Reset ΜΟΝΟ στα υπόλοιπα, ΜΕ delay (βάλε εδώ όσο είναι το Transition Duration σου) */
.zoom-slideshow .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next) [style*="background-image"]{
  transform: translateZ(0) scale(1);
  animation: none;
  transition: transform .6s linear;
  transition-delay: 1s;  /* <-- ΚΑΝ’ ΤΟ ΙΔΙΟ με το Elementor Transition Duration (π.χ. 0.8s / 1.2s) */
}

@keyframes smoothZoom{
  from { transform: translateZ(0) scale(1); }
  to   { transform: translateZ(0) scale(1.06); }
}/* End custom CSS */
/* Start custom CSS *//* === Hover από πάνω προς τα κάτω === */

/* Αρχικά κρυφό */
.hover-parent .hover-content {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-40px); /* Από πάνω προς τα κάτω */
  pointer-events: none;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

/* Εμφάνιση στο hover */
.hover-parent:hover .hover-content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}


/* Από πάνω (down) */
.hover-parent:hover .hover-content.down {
  transform: translateY(0);
}
.hover-parent .hover-content.down {
  transform: translateY(-40px);
}/* End custom CSS */