/* Konet, hero σελίδων υπηρεσιών = ίδιο μέγεθος με το hero της αρχικής (22/09/2026, Christianos):
   μία οθόνη (100vh ορατό, το 6.4rem της επικάλυψης του επόμενου section μένει κρυφό), το κείμενο
   κατανεμημένο κάθετα, η γραμμή «5/5 στο Google» στο κάτω άκρο. Σε κοντές οθόνες μεγαλώνει (min-height).
   Φορτώνει ΜΕΤΑ το bundle (slot="head"). Σελίδες: web-hosting, semi-dedicated, vps, reseller (el/en). */
@media screen and (min-width:1024px){
  .hero.density--negative-section{box-sizing:border-box;min-height:calc(100vh + 6.4rem);display:flex;flex-direction:column;padding-top:calc(80px + 3.2rem)}
  .hero.density--negative-section>.fit-wide{flex:1 0 auto;display:flex;flex-direction:column;justify-content:space-between;gap:2.4rem;height:auto}
  .hero.density--negative-section .hero__content{flex:1 0 auto;align-items:center}
  .hero.density--negative-section .hero__content__text>.flex--gap-2xl,.hero.density--negative-section .hero__content__text .flex--direction-column.flex--gap-2xl{gap:2.4rem}
  .hero.density--negative-section .hero__content__text .flex--gap-xl{gap:2rem}
  .hero.density--negative-section .trust--wrapper{margin-top:0;padding-bottom:1.6rem}
}
@media screen and (min-width:1024px){
  /* Στήλη κειμένου 3:2 (αντί 1:1): ο H1 των 70px χωρά σε 3-4 γραμμές και το hero μένει μία οθόνη και στα 1440×900. */
  .hero.density--negative-section .hero__content{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
  .hero.density--negative-section .hero__content__text{padding-right:3.2rem;box-sizing:border-box}
  .hero.density--negative-section .hero__content__text ul.grid--gap-m{gap:1.2rem}
}
@media screen and (min-width:1024px) and (max-height:960px){
  .hero.density--negative-section{padding-top:calc(80px + 1.6rem)}
  .hero.density--negative-section>.fit-wide{gap:1.2rem}
  .hero.density--negative-section .hero__content__text>.flex--gap-2xl,.hero.density--negative-section .hero__content__text .flex--direction-column.flex--gap-2xl{gap:1.6rem}
}

/* 06/10/2026 (Christianos): τα hero των σελίδων υπηρεσιών πιάνουν όλη την οθόνη και δένουν με το επόμενο section όπως στην αρχική
   (το hero μένει καρφωμένο, το επόμενο section το σκεπάζει στο scroll με στρογγυλεμένες γωνίες). Μόνο desktop, όπως η αρχική.
   06/10 β΄: το hero ζωγραφίζεται ΚΑΤΩ από όλα (z-index:-1) και ένα λευκό «παραπέτασμα» (main::before) καλύπτει ό,τι είναι μετά το hero,
   ώστε κενά του grid, sections χωρίς φόντο, μάσκες εικόνων κ.λπ. να μη δείχνουν ποτέ το καρφωμένο hero. Τα sections ΔΕΝ παίρνουν
   z-index (θα έκλειναν τα fixed tooltips σε δικό τους stacking context). Το ύψος του hero το γράφει το Base.astro στη μεταβλητή --kn-hero-h. */
@media screen and (min-width:1024px){
  .hero.density--negative-section{position:sticky;top:0;z-index:-1;clip-path:inset(0)}
  .hero.density--negative-section+section{border-radius:6.4rem 6.4rem 0 0}
  main:has(> .hero.density--negative-section){position:relative}
  main:has(> .hero.density--negative-section)::before{content:"";position:absolute;left:0;right:0;top:var(--kn-hero-h,calc(100vh + 6.4rem));bottom:0;background:#fff;pointer-events:none}
  /* Sections χωρίς δικό τους φόντο → λευκό (μηδενική εξειδίκευση, οι κλάσεις bg--color-* υπερισχύουν). */
  :where(.hero.density--negative-section ~ section){background-color:#fff}
}