/* =====================================================================
   v10 — αλλαγές πάνω στη v9 (φορτώνεται μετά το v9.css)
   ===================================================================== */

/* ---------- Απόδοση ----------
   Το backdrop-filter σε μεγάλη επιφάνεια ξαναθολώνει ό,τι είναι από πίσω σε κάθε βήμα της κύλισης.
   Πίσω από την κάρτα επικοινωνίας υπάρχει μόνο το ανοιχτό φόντο, οπότε ένα πιο πυκνό γέμισμα δίνει την ίδια εικόνα χωρίς κόστος. */
.contact__card { backdrop-filter: none; -webkit-backdrop-filter: none; background: rgba(250, 247, 243, .9); }
#lines { will-change: opacity; }
#dots, #gl { will-change: auto; }

/* ---------- Ρυθμός από το «Πώς δουλεύουμε» και κάτω ----------
   Περισσότερος αέρας μέσα στις ενότητες (τίτλος → περιεχόμενο, ανάμεσα στα στοιχεία) και ανάμεσά τους.
   Οι σκηνές κύλισης δεν αλλάζουν: δεν επιστρέφουν άδειες διαδρομές. */
:root { --sec: clamp(132px, 16vh, 188px); --head: clamp(56px, 7vh, 80px); --item: 48px; }
@media (max-width: 900px) { :root { --sec: 96px; --head: 40px; --item: 40px; } }

/* NousGym → Πώς δουλεύουμε */
.how { padding-top: var(--sec); }
.how .h-l { max-width: 26ch; }
.how__line { margin-top: var(--head); padding-top: 52px; column-gap: var(--item); }
.how__step .k { margin-bottom: 14px; }
.how__step h3 { margin-bottom: 12px; }
.how__step p { max-width: 30ch; }
@media (max-width: 900px) {
  .how .h-l { max-width: none; }
  .how__line { padding: 0 0 0 38px; row-gap: var(--item); }
  .how__step h3 { margin-bottom: 8px; }
}

/* Γιατί Humera: ο τίτλος ανοίγει, οι στήλες αναπνέουν */
.why--B .why__view { padding-top: var(--sec); }
.whyB { margin-top: var(--head); column-gap: var(--item); }
.whyB__col { padding-top: 26px; }
.whyB__vis { margin-bottom: 28px; }
.whyB__col h3 { margin-bottom: 12px; }
.whyB__col p { max-width: 32ch; }
@media (max-width: 900px) {
  /* κινητό: μία στήλη — δύο στενές στήλες με μακρύ κείμενο ήταν στριμωγμένες */
  .whyB { grid-template-columns: 1fr; row-gap: var(--item); }
  .whyB__col { display: grid; grid-template-columns: 112px 1fr; column-gap: 20px; align-items: start; padding-top: 22px; }
  .whyB__vis { height: 104px; margin: 0; grid-row: span 2; }
  .whyB__col h3 { margin: 0 0 8px; }
}

/* Μας εμπιστεύονται: desktop λίγο περισσότερη απόσταση από το «Γιατί» (όχι στο κινητό) */
.partners { padding-top: calc(var(--sec) * 1.2); }
.partners .eyebrow { margin-bottom: 0; }
.partners__row { margin-top: 32px; padding: 40px 0; }
@media (max-width: 900px) { .partners { padding-top: var(--sec); } .partners__row { margin-top: 24px; padding: 28px 0; } }

/* Επικοινωνία */
.contact { padding-top: var(--sec); }
.form { row-gap: 20px; }
@media (max-width: 900px) { .contact__card { padding: 36px 24px; gap: 36px; } }

/* ---------- Footer: εικονίδια κοινωνικών δικτύων, εταιρικά στοιχεία δεξιά ---------- */
.foot ul .soc { display: flex; gap: 6px; margin-top: 4px; margin-left: -10px; }
.soc__a { display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; color: var(--ink); transition: background .2s, color .2s; }
.soc__a:hover { background: var(--white); }
.soc__a[aria-disabled="true"] { cursor: default; }
.soc__a:focus-visible { outline: 2px solid var(--ember-deep); outline-offset: 2px; }
.legal { justify-content: flex-end; text-align: right; padding: 26px 4px 40px; }
.legal p { margin: 0; line-height: 1.7; }
.legal strong { color: var(--ink); font-weight: 700; letter-spacing: .02em; }
@media (max-width: 900px) {
  .soc__a { width: 44px; height: 44px; }   /* άνετη περιοχή πατήματος */
  .foot ul .soc { gap: 8px; }
  .legal { padding-bottom: 76px; }          /* να μην κρύβεται πίσω από το πάνελ preview */
}