#t4-header .navbar-brand.logo-image img.logo-img {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  max-height: none !important;
}

/* Διασφάλιση ότι τα 4 εικονίδια δεν συμπιέζονται/παραμορφώνονται στις μικρές οθόνες */
#Mod111 .acm-hero.style-2 .feature-list-wrap .item {
  display: flex !important;
  align-items: center !important;
}

#Mod111 .acm-hero.style-2 .media-intro {
  flex: 0 0 64px !important; /* Σταθερό πλάτος - δεν συρρικνώνεται ούτε μεγαλώνει */
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
}

#Mod111 .acm-hero.style-2 .media-intro img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}
/* 1 στήλη και αριστερή στοίχιση κειμένων στο Mod114 για κινητά */
@media (max-width: 575.98px) {
  #Mod114 .feature-list-wrap .list-item > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    text-align: left !important;
  }

  #Mod114 .feature-list-wrap .item,
  #Mod114 .feature-list-wrap .item-content,
  #Mod114 .feature-list-wrap .item-content p {
    text-align: left !important;
  }
}

/* Sticky Header που δεν κρύβει το περιεχόμενο */
#t4-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 9999;
  transition: transform 0.3s ease-in-out, background-color 0.3s ease !important;
}

/* Προσθήκη κενού στην κορυφή της σελίδας ώστε να μην "κολλάει" το περιεχόμενο */
body {
  padding-top: 110px !important; /* Ύψος ανάλογο του header */
}

/* Ειδικά για την αρχική σελίδα αν έχει header-overlap */
body.layout-home {
  padding-top: 0 !important;
}

/* Απόκρυψη header στο scroll down */
#t4-header.header-hidden {
  transform: translateY(-100%) !important;
}

/* Εμφάνιση header στο scroll up */
#t4-header.header-visible {
  transform: translateY(0) !important;
  background-color: #ffffff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}