/* Ο περιέκτης πρέπει να είναι σημείο αναφοράς για τα βελάκια. */
.lia-hs-wrap{position:relative}
/* Ο περιέκτης που προσθέτουμε εμείς δεν πρέπει να αλλάξει τίποτα στη διάταξη. */
.lia-hs-hostwrap{display:block;width:100%}

/* Τα βελάκια υπάρχουν ΜΟΝΟ σε κινητό — σε μεγάλες οθόνες οι ενότητες μένουν πλέγμα. */
.lia-hs-arrow{display:none}

@media (max-width:767px){
  /* ── Η «ράγα»: οριζόντια κύλιση με κούμπωμα ανά κάρτα ──────────────────── */
  .lia-hs-track{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    -webkit-overflow-scrolling:touch;
    gap:12px !important;
    margin:0 !important;
    padding:4px 0 12px !important;
    align-items:stretch !important;
    /* η μπάρα κύλισης κρύβεται· τη θέση της τη δείχνουν τα βελάκια */
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .lia-hs-track::-webkit-scrollbar{display:none;width:0;height:0}

  /* ── Οι κάρτες: 82% πλάτος ώστε να «ξεμυτίζει» η επόμενη και να φαίνεται
        ότι υπάρχει συνέχεια — χωρίς αυτό ο επισκέπτης δεν καταλαβαίνει ότι σύρεται. */
  .lia-hs-track > .lia-hs-item{
    flex:0 0 82% !important;
    width:82% !important;
    max-width:82% !important;
    min-width:0 !important;
    margin:0 !important;
    scroll-snap-align:start;
  }
  /* Οι κάρτες «Γιατί με εμάς» είναι χαμηλές· δύο χωράνε άνετα δίπλα-δίπλα. */
  .lia-hs-narrow > .lia-hs-item{flex-basis:62% !important;width:62% !important;max-width:62% !important}

  /* Το Elementor δίνει στις κάρτες ύψος 100% του γονέα — μέσα σε flex ράγα
     αυτό τις μηδενίζει, οπότε το επαναφέρουμε σε αυτόματο. */
  .lia-hs-track > .lia-hs-item > .elementor-widget,
  .lia-hs-track > .lia-hs-item > .e-con-inner{height:auto !important}

  /* ── Τα βελάκια ────────────────────────────────────────────────────────── */
  .lia-hs-arrow{
    display:flex;align-items:center;justify-content:center;
    position:absolute;top:50%;transform:translateY(-50%);
    z-index:20;width:40px;height:40px;padding:0;border:0;border-radius:50%;
    background:#027987;color:#fff;font-size:17px;line-height:1;cursor:pointer;
    box-shadow:0 4px 14px rgba(0,0,0,.28);
    transition:opacity .2s,background .2s;
  }
  .lia-hs-arrow:active{background:#02798a}
  .lia-hs-prev{left:2px}
  .lia-hs-next{right:2px}
  /* Στην άκρη της ράγας το αντίστοιχο βελάκι σβήνει, ώστε να φαίνεται πού τελειώνει. */
  .lia-hs-arrow.lia-hs-hide{opacity:0;pointer-events:none}

  /* ── Ο ΥΠΑΡΧΩΝ slider «Διάλεξε την εκδρομή»: είχε τα βελάκια κρυμμένα σε κινητό.
        Τα εμφανίζουμε και τα φέρνουμε μέσα στην οθόνη (ήταν σε left/right:-10px). */
  .elementor-element-4d1bc13 .lia-ks-arrow{display:flex !important;width:40px;height:40px;top:38%}
  .elementor-element-4d1bc13 .lia-ks-prev{left:2px !important}
  .elementor-element-4d1bc13 .lia-ks-next{right:2px !important}
}