/* ==========================================================================
   ORWAK – Meghosszabbított garancia
   Figma: node 678:1946 (1440 × 2658)
   style.css → pages.css → ez a fájl

   A hero és a „Rendszeres karbantartás" blokk a pages.css kész vázára
   (.phero / .psec / .split / .lede / .prose) épül, itt csak azok a
   finomhangolások vannak, amikben ez az oldal eltér az alaptól.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Rendszeres karbantartás

   A tervben a szövegblokk EGYETLEN, 12 soros tömb: a két bekezdés között
   nincs térköz, csak sortörés. A sormagasság 24px és a bekezdésköz 0 — az
   előbbi a .prose alapértelmezése, az utóbbit a közös `.prose--tight`
   módosító adja, ezért itt egyik sem szerepel külön.
   Így lesz a bal oszlop 332px magas, ami a 408px-es képpel függőlegesen
   középre igazítva pont a Figma szerinti sorokat adja (mérve, 1440-en):
     cím 871, szöveg 915+288, blokk közepe 1037 = a kép közepe.

   A markupban a „minimali­zálása” lágy elválasztójele NEM dísz és nem
   Figtree-maradvány: a tervben a szöveg szó szerint „minimali-zálása”
   (678:1956), és Effra Regularral a böngésző is pont itt tör. Kivéve a
   második bekezdés 7 helyett 8 sorra nő (mérve: 168px → 192px), és a tömb
   elszakad a tervtől. Sortöréskor kötőjelet rajzol, egyébként láthatatlan —
   így a magyar szó sosem kap kötőjelet sor közepén.
   -------------------------------------------------------------------------- */
/* Az Effra megérkezett — a `letter-spacing: 0` visszavonva.
   A helyettesítő Figtree szélesebb volt, és a body 0.2px-es tracking-jével egy
   13. sorba lökte a 12 soros tömböt; a nullázás ezt fogta vissza. Az Effra
   Light 2,2%-kal keskenyebb, így a nullázás az ELLENKEZŐ hibába vitt: az első
   bekezdés 5 helyett 4 sorra tördelt (mérve: 96px a tervbeli 120 helyett), a
   tömb 264px lett a 288 helyett, és a függőlegesen középre zárt szövegoszlop
   12px-cel lejjebb csúszott a tervbeli 871-es címtől. A globális 0.2px-es
   tracking-gel Effrával pontosan a terv jön vissza: 5 + 7 = 12 sor, 288px. */
/* A törzsszöveg vastagsága 400, nem 300. A 678:1956 node stílusa a Figmában
   `Effra:Regular` — a pages.css `.prose`-a viszont 300-at (Effra Light) ír.
   A Figtree-korszakban ez nem tűnt fel, mert a helyettesítő két vágata alig
   különbözött; Effrával a különbség látható: a 300 érezhetően halványabb a
   tervnél. A sortördelést nem mozdítja el (mérve: 300 és 400 mellett is
   5 + 7 = 12 sor, 288px), tehát tisztán vizuális korrekció.
   MEGJEGYZÉS a közös fájlhoz: a `css/pages.css` `.prose { font-weight: 300 }`
   szabálya legalább ezen a node-on ellentmond a tervnek — érdemes átnézni a
   többi aloldalon is, mielőtt bárki globálisan átírja. */
.psec--care .prose { font-weight: 400; }
.psec--care .lede__title + * { margin-top: 20px; }   /* .lede alap: 30px */

/* A függőleges narancs vonal a tervben 1px széles (678:1955 w=1), nem 2 —
   a footer elválasztója az, ami 2px (678:2004). A magassága ott 188px
   (871→1059), vagyis a 12 soros tömb közepén elvágva ér véget; ezt NEM
   vesszük át: nyilvánvaló tervezői elnézés, és töréspontonként változó
   sormagasság mellett értelmezhetetlen. A vonal a szövegtömb tetejétől
   (871, pontosan a cím felső éle — a .lede alap 4px-es behúzása kikerül)
   a szöveg aljáig fut. */
.psec--care .lede::before { width: 1px; top: 0; bottom: 0; }

/* --------------------------------------------------------------------------
   2. Kapcsolat

   A blokk a tartalomoszlopon BELÜL, mindkét oldalon ~107px-cel beljebb ül:
   1274 − 2×107 ≈ 1058 = --page-narrow. Ezért nem fix behúzás, hanem
   .container--narrow — így 1920-on és 2560-on is a tartalomhoz tapad.

   A belső rács a tervbeli 623 / 25 / 410 px-es osztás, fr-ben. 623+410 = 1033,
   plusz a 25px-es hézag = 1058, tehát 1440-en pontosan a Figma-koordináták
   jönnek ki, szűkebb nézetben pedig arányosan fogy.
   -------------------------------------------------------------------------- */
.gcontact__title {
  /* Figma: 50px betű, 61px sormagasság, két sor = 122px.
     Arányszámként adva, hogy a töréspontok kisebb betűjével is együtt mozogjon. */
  line-height: 1.22;
}

.gcontact__info,
.gcontact__main {
  display: grid;
  grid-template-columns: minmax(0, 623fr) minmax(0, 410fr);
  column-gap: 25px;
}

.gcontact__info {
  margin-top: 49px;
  font-style: normal;      /* <address> */
  row-gap: 27px;
  /* Oszlopfolyás: a DOM-sorrend (két cím, majd telefon + e-mail) marad
     logikus felsorolás, ha a rács egy oszlopba esik, a terv 2×2-es
     elrendezése viszont pontosan kijön belőle. */
  grid-template-rows: auto auto;
  grid-auto-flow: column;
}

.gcontact__main {
  margin-top: 51px;
  align-items: start;
}

.gcontact__info .contact-info__item a:hover { color: var(--orange); }

/* Térkép */
.gcontact__map {
  margin: 0;
  overflow: hidden;
  background: #e8e6e3;
  aspect-ratio: 623 / 494;
}
.gcontact__map img { width: 100%; height: 100%; object-fit: cover; }

/* Űrlap — a tervben egyoszlopos, 410px széles, és a térképpel azonos
   494px magas: 4 mező (18+6+48) 26px-es közökkel, jelölőnégyzet, gomb. */
.gcontact__form {
  display: flex;
  flex-direction: column;
  gap: 26px;
}
.gcontact__form .field input[type="text"],
.gcontact__form .field input[type="email"],
.gcontact__form .field input[type="tel"] { width: 100%; }

/* A jelölőnégyzet feliratának `letter-spacing: 0`-ja visszavonva: a Figtree-vel
   a mondat áttört a második sorba, Effrával a globális 0.2px-es tracking mellett
   is egy sor marad, és a felirat mért szélessége 373px — pont a Figma
   szövegdobozának szélessége (678:1972). A checkbox `margin: 0`-ja is kikerült:
   a style.css `.check input` szabálya már nullázza, itt duplikátum volt.
   A gomb geometriája ugyanígy: a style.css `.btn--wide`-ja adja (193/center/31),
   itt csak a fölötte lévő térköz marad. */
.gcontact__submit {
  align-self: flex-start;
  margin-top: 14px;        /* 26 + 14 = 40px, a terv szerinti köz */
}

/* --------------------------------------------------------------------------
   3. Reszponzív
   -------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  /* A térkép/űrlap arány marad, csak a hézag szűkül. */
  .gcontact__info,
  .gcontact__main { column-gap: 20px; }
}

@media (max-width: 992px) {
  /* Egy 410px-es űrlaposzlop 992 alatt már nem fér el a térkép mellett
     anélkül, hogy a mezők használhatatlanul keskenyek lennének. */
  .gcontact__main {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
  .gcontact__map { max-width: 623px; }
  .gcontact__form { max-width: 520px; }
}

@media (max-width: 768px) {
  .gcontact__info {
    grid-template-columns: 1fr;
    grid-template-rows: none;
    grid-auto-flow: row;
    row-gap: 24px;
  }
  .gcontact__info { margin-top: 34px; }
  .gcontact__main { margin-top: 36px; }
  .gcontact__submit { width: 100%; }
}