/* ══ NQ-ZONE all ══ */
/* Footer 1 — στυλ ΜΟΝΟ αυτού του part.
   Φορτώνεται μόνο του σε κάθε σελίδα όπου είναι τοποθετημένο το part.

   ΓΙΑΤΙ ΥΠΑΡΧΕΙ: οι στήλες «Υπηρεσίες» και «Πλοήγηση» έγιναν Heading + Menu
   (αντί για καρφωμένο Raw HTML). Το Heading block μηδενίζει το δικό του margin,
   οπότε ο τίτλος κολλούσε στους συνδέσμους — ενώ η στήλη «Επικοινωνία», που
   έμεινε Raw HTML, κρατούσε τα 20px του footer-cols.css. Εδώ ξαναδίνεται η ίδια
   απόσταση, ώστε οι τέσσερις στήλες να ευθυγραμμίζονται. */

/* ⚠️ ΧΡΕΙΑΖΕΤΑΙ ΑΥΞΗΜΕΝΗ ΕΙΔΙΚΟΤΗΤΑ, ΚΑΙ ΕΙΝΑΙ ΣΩΣΤΟ ΕΤΣΙ.
   Το part.css είναι η ΒΑΣΗ του καταρράκτη — φορτώνει ΠΡΙΝ από το CSS των blocks
   (απόφαση ιδιοκτήτη 2026-08-11). Άρα σκέτο `.nq-fcol .nqh-t` χάνει από τον
   κανόνα του Heading block, που έρχεται μετά. Δεν είναι bug: για να πατήσεις
   πάνω σε block χρειάζεσαι ειδικότητα, όχι σειρά. */
.nq-fcol .nqh h4.nqh-t { margin: 0 0 20px; }

/* Ο τίτλος του Heading τυλίγεται σε <a> ακόμα κι όταν δεν έχει σύνδεσμο. Χωρίς
   αυτό, το `.nq-fcol a { display:block; margin:0 0 12px }` πρόσθετε δεύτερο κενό
   ΜΕΣΑ στην επικεφαλίδα. */
.nq-fcol .nqh h4.nqh-t .nqh-a { display: inline; margin: 0; }

/* Ο σύνδεσμος του μενού κουβαλά `padding:10px 14px` — φτιαγμένο για την ΟΡΙΖΟΝΤΙΑ
   κεφαλίδα, όπου το padding είναι η επιφάνεια που πατάς. Σε κατακόρυφη λίστα
   υποσέλιδου γίνεται 55px απόσταση αντί για 35px των υπόλοιπων στηλών. */
.nq-fcol .nq-nav .nq-nav-link { padding: 0; }

/* ═══════════════════════════════════════════════════════════════════
   ΥΠΟΣΕΛΙΔΟ — ΤΟ ΣΤΥΛ ΤΟΥ MOCKUP (Demo 5), 2026-09-06
   Ο Agent 2 ξαναεχτισε το markup με τις κλασεις του mockup· οι παλιες
   (nq-fcol, nq-fbrand, nq-ftag, nq-fcontact) δεν υπαρχουν πια, γι' αυτο το
   footer-cols.css επαψε να πιανει και ο footer εμφανιζοταν με κουκκιδες
   λιστας και υπογραμμισμενους συνδεσμους.

   🔴 ΕΙΝΑΙ ΚΟΙΝΟΣ ΣΕ ΟΛΟ ΤΟ SITE. Καμια κλαση σελιδας εδω μεσα — ουτε
   body.nq-page-... . Ο,τι γραφεται φαινεται και στις εσωτερικες σελιδες.

   ΕΙΔΙΚΟΤΗΤΑ: ελεγχθηκαν οι κανονες που ανταγωνιζονται. Ολοι ειναι χαμηλοι και
   ΚΑΝΕΝΑΣ δεν εχει !important:
     footer h2 (0,0,2) κοκκινο 32px · footer a (0,0,2) μπλε · ol,ul
     padding-left 2rem · a underline του Bootstrap.
   Αρκουν οι κλασεις — δεν χρειαζεται ουτε ενα !important.

   ΔΟΜΙΚΗ ΔΙΑΦΟΡΑ ΑΠΟ ΤΟ MOCKUP: εκει το .nq-site-footer__inner ΕΙΝΑΙ το grid
   με τις 4 στηλες. Εδω ειναι .pb-col που περιεχει ενθετη .pb-row με 4 .pb-col,
   αρα το grid μπαινει στη ΓΡΑΜΜΗ. Τα ποσοστα των col-lg-3 μηδενιζονται με
   width:100%, αλλιως το ποσοστο μετριεται πανω στο ΚΕΛΙ και οι στηλες
   στριμωχνονται (ιδια παγιδα με studio-story / design-intro / scope-head).

   ΤΙ ΕΧΕΙ ΤΟ MOCKUP ΚΑΙ ΔΕΝ ΕΧΟΥΜΕ ΣΤΟ MARKUP (αρα δεν γραφεται CSS):
   · .nq-site-footer__mark   — το τετραγωνο πλακιδιο 48x48 διπλα στο ονομα
   · .nq-site-footer__symbol — εικονα 86px
   · .nq-site-footer__cta    — κουμπι «pill» στη στηλη επικοινωνιας
   Αν προστεθουν απο τον Agent 2, γραφεται τοτε — οχι νεκρο CSS απο τωρα.
   (Το .nq-site-footer__quick και τα <svg> της επικοινωνιας ΥΠΑΡΧΟΥΝ και
   εχουν στυλ πιο κατω — τα ειχα γραψει λαθος ως απoντα.)
   ═══════════════════════════════════════════════════════════════════ */

/* Η ΜΠΑΝΤΑ. Στο mockup το φοντο ειναι στο .nq-site-footer, που περιεχει ΚΑΙ την
   κατω γραμμη. Εδω οι τρεις ζωνες ειναι ΑΔΕΛΦΙΑ μεσα στο <footer>, οποτε το
   φοντο παει στο section — αλλιως η κατω γραμμη θα εμενε εξω απο την εικονα. */
.pb-section:has(> .nq-site-footer) {
  position: relative;
  z-index: 2;
  color: #f7f7fb;
  background:
    linear-gradient(rgba(0, 0, 0, .32), rgba(0, 0, 0, .55)),
    #000 url("../../../assets/demo5/footer-background.webp") center bottom / cover no-repeat;
  border-top: 1px solid rgba(255, 255, 255, .12);
}

/* ΛΥΘΗΚΕ 2026-09-06 — αφηνεται ως προειδοποιηση.
   Η κενη γραμμη του slot footer_top προσθετε 45px νεκρο κενο πανω απο το
   υποσελιδο και ΔΕΝ νικιοταν με CSS: η τιμη ερχοταν απο `#Footer_top` σε
   inline <style> της σελιδας — ID (1,0,0) ΚΑΙ φορτωνε ΜΕΤΑ απο αυτο το αρχειο.
   Ο Agent 2 αφαιρεσε ολοκληρη τη σειρα απο το Template Part· το στοιχειο δεν
   υπαρχει πια (`getElementById('Footer_top')` -> null).
   🔴 Τα 40 απο τα 45 ΔΕΝ ηταν padding αλλα `gap_y="40"` της κενης σειρας
   (`--bs-gutter-y`). Αν ξαναδεις ανεξηγητο κενο σε κενη σειρα, κοιτα ΠΡΩΤΑ το
   gutter, οχι το padding. */

/* Το εσωτερικο padding της μπαντας. ΝΑΙ, ΕΧΕΙ PADDING-TOP ΚΑΙ ΕΙΝΑΙ ΣΩΣΤΟ:
   ο κανονας «η αποσταση παει κατω» υπαρχει για να μην απλωνεται φοντο στο κενο
   μεταξυ ενοτητων. Εδω το φοντο ΠΡΕΠΕΙ να φτανει πανω απο το περιεχομενο —
   ειναι ο αερας ΜΕΣΑ στο υποσελιδο, οπως ακριβως στο mockup. */
.nq-site-footer__inner {
  padding-block: clamp(68px, 7vw, 104px) clamp(52px, 5.5vw, 82px);
}
/* ΙΣΤΟΡΙΚΟ: εδω υπηρχε `calc(... - 16px)` επειδη η ενθετη γραμμη κουβαλουσε
   `mb-3` (`margin-bottom: 1rem !important` του Bootstrap), που δεν νικιεται με
   ειδικοτητα. Ο Agent 2 το εβγαλε απο την πηγη (2026-09-06) — μετρηθηκε 0
   εμφανισεις `.mb-3` μεσα στο υποσελιδο — οποτε η αντισταθμιση ξηλωθηκε. */

/* Οι τεσσερις στηλες. Οι αναλογιες ειναι του mockup — ΔΕΝ ειναι ισες. */
.nq-site-footer__inner > .pb-row-box > .pb-row.row {
  display: grid;
  grid-template-columns:
    minmax(280px, 1.45fr) minmax(150px, .72fr)
    minmax(190px, .92fr) minmax(240px, 1fr);
  gap: clamp(38px, 5vw, 78px);
  margin: 0;
}
/* Το margin-top ερχεται απο το g-3 του Bootstrap (.row > *). Σε flex
   εξουδετερωνεται απο το αρνητικο margin της γραμμης· σε GRID μενει και
   προσθετει 16px σε καθε στηλη. */
.nq-site-footer__inner > .pb-row-box > .pb-row.row > .pb-col {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  padding-inline: 0;
}

.nq-site-footer__brand {
  max-width: 390px;
}
.nq-site-footer__logo {
  display: inline-flex;
  align-items: center;
  gap: 13px;
  color: #ffffff;
  text-decoration: none;
}
.nq-site-footer__wordmark {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.nq-site-footer__wordmark strong {
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -.035em;
}
.nq-site-footer__wordmark small {
  margin-top: 7px;
  color: #aaa7ff;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .28em;
  text-transform: uppercase;
}
/* Το σλογκαν ειναι ΓΚΡΙ, οχι μοβ: ο γραμμενος κανονας του mockup λεει #aaa7ff,
   αλλα ενας μεταγενεστερος το γυριζει σε rgb(154,154,165). Η τελικη τιμη
   μετρηθηκε — δεν αντιγραφεται το κειμενο του κανονα. */
.nq-site-footer__slogan {
  margin: 27px 0 0;
  color: #9a9aa5;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .17em;
  line-height: 1.65;
  text-transform: uppercase;
}
.nq-site-footer__description {
  margin: 19px 0 0;
  color: #a7a7b1;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.8;
}

/* ΟΙ ΤΙΤΛΟΙ ΤΩΝ ΣΤΗΛΩΝ. Στο mockup ειναι σκετο h2· εδω ειναι Text Block
   (div.row.B_Textblock > .B_wrapper > h2), οποτε το padding-bottom και η
   γραμμουλα μπαινουν στο ΜΠΛΟΚ και η τυπογραφια στο h2. */
.nq-site-footer__title {
  position: relative;
  margin: 2px 0 31px;
  padding-bottom: 15px;
}
.nq-site-footer__title .B_wrapper {
  width: auto;
  padding-inline: 0;
}
.nq-site-footer__title h2 {
  margin: 0;
  color: #f1f1f5;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .18em;
  line-height: 1.17;
  text-transform: uppercase;
}
.nq-site-footer__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28px;
  height: 1px;
  background: #aaa7ff;
}

.nq-site-footer__links,
.nq-site-footer__contact {
  display: grid;
  gap: 15px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.nq-site-footer__links a,
.nq-site-footer__contact a {
  color: #a7a7b1;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.45;
  text-decoration: none;
  transition: color .2s ease, transform .2s ease;
}
/* Βαρος 400 ΜΟΝΟ στις δυο μεσαιες στηλες (Πλοηγηση / Υπηρεσιες) — αιτημα του
   ιδιοκτητη 2026-09-06. Η στηλη επικοινωνιας μενει 300, οπως και το mockup.
   Η κλαση __links υπαρχει μονο σε αυτες τις δυο· η επικοινωνια ειναι __contact. */
.nq-site-footer__links a {
  display: inline-block;
  font-weight: 400;
}
.nq-site-footer__links a:hover,
.nq-site-footer__contact a:hover {
  color: #ffffff;
}
.nq-site-footer__links a:hover {
  transform: translateX(3px);
}
.nq-site-footer__contact li,
.nq-site-footer__contact a {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  color: #a7a7b1;
  font-size: 14px;
  line-height: 1.6;
}

/* ΤΑ ΕΙΚΟΝΙΔΙΑ. Υπαρχουν τελικα και τα δυο ειδη στο markup — τα ειχα γραψει ως
   «δεν εχουμε» πριν τα δω. Τα <svg> κουβαλανε width/height/stroke-width ως
   ΓΝΩΡΙΣΜΑΤΑ (18 / 1.8)· το CSS τα υπερισχυει, γι' αυτο μπαινουν ρητα οι τιμες
   του mockup (17 / 1.7). */
.nq-site-footer__quick svg,
.nq-site-footer__contact svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.nq-site-footer__contact svg {
  flex: 0 0 auto;
  margin-top: 2px;
  color: #aaa7ff;
}
.nq-site-footer__quick {
  display: flex;
  gap: 10px;
  margin-top: 26px;
}
.nq-site-footer__quick a {
  display: grid;
  place-items: center;
  width: 40px;
  height: 40px;
  color: #b9b8c4;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 50%;
  transition: color .25s ease, border-color .25s ease, background-color .25s ease, transform .25s ease;
}
.nq-site-footer__quick a:hover {
  color: #0a0a0d;
  border-color: #aaa7ff;
  background: #aaa7ff;
  transform: translateY(-2px);
}

.nq-site-footer__bottom-wrap {
  border-top: 1px solid rgba(255, 255, 255, .1);
}
/* Η ΚΑΤΩ ΓΡΑΜΜΗ — ΞΑΝΑΓΡΑΦΤΗΚΕ 2026-09-06.
   Ο Agent 2 την ξαναεχτισε με το ΣΥΣΤΗΜΑ SLOT του site· το `.nq-site-footer__bottom`
   ΔΕΝ ΥΠΑΡΧΕΙ ΠΙΑ και οι παλιοι κανονες μου ειχαν μεινει χωρις στοχο — γι' αυτο
   η γραμμη εμφανιζοταν αστυλη (16px λευκα, χωρις padding, υψος 25 αντι 66.5).
   Η δομη τωρα:
     .nq-site-footer__bottom-wrap > .pb-row.row
       > .pb-col.col-lg-6 > .nq-slot-fbottom.nq-slot-left  > ul.nq-slot-list
           > li.nq-item-copyright > span (copyright) + span (tagline)
       > .pb-col.col-lg-6 > .nq-slot-fbottom.nq-slot-right > ul.nq-slot-list
           > li.nq-item-item  ← ΔΙΠΛΟΤΥΠΟ, βλ. παρακατω

   Η μπαρα χτιζεται πανω στη ΓΡΑΜΜΗ (πλατος + κεντραρισμα + padding) και στο
   li.nq-item-copyright (space-between), που κρατα ηδη ΚΑΙ ΤΑ ΔΥΟ κειμενα στη
   σωστη σειρα — οπως ακριβως το `.nq-site-footer__bottom` του mockup. */
/* 🔴 ΤΟ ΚΕΝΤΡΑΡΙΣΜΑ ΔΕΝ ΜΠΟΡΕΙ ΝΑ ΜΠΕΙ ΣΤΗ ΓΡΑΜΜΗ.
   Δοκιμαστηκε `width: min(1296px, 100% - 48px); margin-inline: auto` εδω και
   ΧΑΝΕΙ: το frontend.css του PageBuilder εχει
     `.pb-fw-stretch-content > .pb-row.row { margin-left: 0; margin-right: 0 }`
   με ειδικοτητα (0,32,0) — τεραστια λιστα επιλογεων — και φορτωνει ΜΕΤΑ απο
   αυτο το αρχειο. Μετρηθηκε margin-left: 0px και η μπαρα κολλουσε αριστερα.
   Το padding ομως περναει καθαρα, οποτε μενει εδω και το πλατος παει στο li. */
.nq-site-footer__bottom-wrap > .pb-row.row {
  padding: 23px 0 27px;
}
.nq-site-footer__bottom-wrap > .pb-row.row > .pb-col {
  padding-inline: 0;
}
.nq-site-footer__bottom-wrap .nq-slot-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nq-item-copyright {
  flex: 0 0 auto;
  width: min(1296px, 100% - 48px);
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  color: #72727d;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: .04em;
}
.nq-item-copyright strong {
  color: #aaa7ff;
  font-weight: 600;
}

/* Η ΓΡΑΜΜΗ ΕΧΕΙ ΔΥΟ ΣΤΗΛΕΣ (αριστερο + δεξι slot), αλλα ΟΛΟ το κειμενο ειναι
   στην αριστερη — το li.nq-item-copyright κρατα και τα δυο κειμενα, οπως το
   mockup. Αρα η αριστερη παιρνει ολο το πλατος και η δεξια, οσο ειναι κενη,
   δεν καταλαμβανει χωρο.

   ΓΡΑΦΤΗΚΕ ΜΕ ΣΥΝΘΗΚΗ, ΟΧΙ ΜΕ ΘΕΣΗ. Πρωτη εκδοχη ηταν
   `:last-child { display: none }` — δηλαδη «κρυψε τη δευτερη στηλη», που ειναι
   λαθος: αν αυριο μπουν νομικοι συνδεσμοι εκει, θα κρυβονταν κι αυτοι. Με
   `:has(li)` η στηλη εμφανιζεται ΜΟΝΗ ΤΗΣ μολις αποκτησει περιεχομενο.
   (Το διπλοτυπο κειμενο που κρυβοταν εδω το εσβησε ο Agent 2 απο τη ρυθμιση
   στις 2026-09-06· ο κανονας μενει ως δικλειδα για την κενη στηλη.) */
.nq-site-footer__bottom-wrap > .pb-row.row > .pb-col:not(:has(li)) {
  display: none;
}
.nq-site-footer__bottom-wrap > .pb-row.row > .pb-col:has(.nq-item-copyright) {
  flex: 0 0 100%;
  max-width: 100%;
}

/* ── Responsive: τα ιδια σημεια θραυσης με το mockup ─────────────────── */
@media (max-width: 1024px) {
  .nq-site-footer__inner > .pb-row-box > .pb-row.row {
    grid-template-columns: 1.3fr .7fr 1fr;
  }
  .nq-site-footer__brand {
    grid-column: 1 / -1;
    max-width: 620px;
  }
}
@media (max-width: 767px) {
  .nq-site-footer__inner > .pb-row-box > .pb-row.row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 44px 28px;
  }
  .nq-site-footer__inner {
    padding-block: 58px 48px;
  }
  /* Η εσοχη στο κινητο ειναι 18px στο mockup (`width: min(100% - 36px, ...)`),
     οχι 12 που δινει ο container του builder.
     🔴 ΧΡΕΙΑΖΕΤΑΙ Η ΓΡΑΜΜΗ ΣΤΟΝ ΕΠΙΛΟΓΕΑ: το `__inner` ειναι .pb-col και
     το frontend.css εχει `.pb-row.row > .pb-col { padding-inline: 12px }` (0,3,0).
     Σκετο `.nq-site-footer__inner` ειναι (0,1,0) και χανει — μετρηθηκε 12 αντι 18. */
  .nq-site-footer .pb-row.row > .nq-site-footer__inner {
    padding-inline: 18px;
  }
  .nq-site-footer__brand,
  .nq-site-footer__contact-col {
    grid-column: 1 / -1;
  }
  .nq-site-footer__brand {
    max-width: 520px;
  }
  .nq-item-copyright {
    width: min(100% - 36px, 1296px);
  }
}
@media (max-width: 720px) {
  .nq-site-footer__wordmark strong { font-size: 21px; }
  .nq-site-footer__wordmark small  { font-size: 8px; }
  .nq-site-footer__slogan,
  .nq-item-copyright               { font-size: 10px; }
  .nq-site-footer__title h2        { font-size: 11px; }
  .nq-site-footer__description,
  .nq-site-footer__links a,
  .nq-site-footer__contact li,
  .nq-site-footer__contact a       { font-size: 13px; }
  .pb-section:has(> .nq-site-footer) { border-top: 0; }
}
@media (max-width: 479px) {
  .nq-site-footer__inner > .pb-row-box > .pb-row.row {
    grid-template-columns: minmax(0, 1fr);
  }
  .nq-site-footer__brand,
  .nq-site-footer__contact-col {
    grid-column: auto;
  }
  /* Η κλαση αλλαξε σε .nq-item-copyright οταν ο Agent 2 ξαναεχτισε την κατω
     γραμμη με slots. Οι τρεις κανονες των media queries ειχαν μεινει στο παλιο
     ονομα και δεν επιαναν — στο κινητο τα δυο κειμενα εμεναν διπλα-διπλα και
     στριμωχνονταν. */
  .nq-item-copyright {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}

/* ══ NQ-ZONE-END all ══ */

/* ══ NQ-ZONE desktop ══ */
/* ══ NQ-ZONE-END desktop ══ */

/* ══ NQ-ZONE tablet ══ */
/* ══ NQ-ZONE-END tablet ══ */

/* ══ NQ-ZONE mobile ══ */
/* ══ NQ-ZONE-END mobile ══ */

/* ════════════════════════════════════════════════════════════════════
   «ΠΛΟΗΓΗΣΗ» ΚΑΙ «ΥΠΗΡΕΣΙΕΣ» ΚΡΥΒΟΝΤΑΙ **ΜΟΝΟ ΣΤΟ ΚΙΝΗΤΟ**
   (ιδιοκτητης, 2026-09-07). Στην οθονη και στο ταμπλετ μενουν ΟΠΩΣ ΗΤΑΝ.

   🔴 ΙΣΤΟΡΙΚΟ ΠΟΥ ΠΡΕΠΕΙ ΝΑ ΜΕΙΝΕΙ ΓΡΑΜΜΕΝΟ:
   Το «σβησε σε ΟΛΕΣ ΤΙΣ ΣΕΛΙΔΕΣ» διαβαστηκε ως «σε ολα τα πλατη». Οι στηλες
   σβηστηκαν απο την ΠΗΓΗ (Template Part 5.710 → 4.171 bytes) και χρειαστηκε
   επαναφορα απο αντιγραφο. «Σε ολες τις σελιδες» ΔΕΝ σημαινει «σε ολα τα
   πλατη» — το πρωτο ειναι ευρος σελιδων, το δευτερο ευρος οθονων.

   ΓΙΑΤΙ ΑΛΛΑΖΕΙ ΚΑΙ ΤΟ ΠΛΕΓΜΑ ΕΔΩ: στα ≤767 ο βασικος κανονας ειναι
   `repeat(2, minmax(0, 1fr))` και το brand πιανει ολο το πλατος
   (`grid-column: 1 / -1` απο τα ≤1024). Με κρυμμενες τις δυο μεσαιες στηλες
   μενει ΕΝΑ στοιχειο απο κατω, που θα επιανε το ΜΙΣΟ πλατος με αδεια κολωνα
   δεξια. Μια στηλη, γεματη.

   ΚΑΜΙΑ ΑΛΛΑΓΗ ΣΤΙΣ ΤΡΟΧΙΕΣ ΤΗΣ ΟΘΟΝΗΣ: οι τεσσερις τροχιες του βασικου
   κανονα και οι τρεις των ≤1024 μενουν αθικτες — εκει φαινονται και οι
   τεσσερις στηλες.

   ΟΙ ΣΥΝΔΕΣΜΟΙ ΜΕΝΟΥΝ ΣΤΟ DOM στο κινητο. Ειναι συνειδητο: η εναλλακτικη
   (διαγραφη απο την πηγη) θα τους εβγαζε και απο την οθονη, που δεν ζητηθηκε. */
@media (max-width: 767px) {
  .nq-site-footer__nav,
  .nq-site-footer__services {
    display: none;
  }
  .nq-site-footer__inner > .pb-row-box > .pb-row.row {
    grid-template-columns: minmax(0, 1fr);
  }
}