/* ═══════════════════════════════════════════════════════════════════════════
   KOMMUNÁLIS ALOLDAL – csak az, amit a terv.css nem tud
   ---------------------------------------------------------------------------
   A terv.css közös: ezt a lapot nem írhatja át, és ez sem írhatja át azt.
   Itt kizárólag olyan szabály van, ami ennek az egy lapnak a tartalmából
   következik – rácsosztás, a géptípus-képaláírás szerkezete, és a Schmidt-logó
   mérete. Új szín, új betű, új dobozstílus nincs benne.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 02. A videó és a nyolc pont egymás mellett ────────────────────────────
   A .evid a főoldalon „értékelés + videó" párost tart; itt ugyanaz a két
   hasáb, csak a bal oldalon a függőleges (9:16) videócsempe áll, a jobb
   oldalon a nyolc pontos rács. A rács ezért NÉGY helyett KÉT hasáb: négy
   hasábban a 215 px-es cellákban elszakadt volna a szöveg. */
#miert .evid{
  grid-template-columns:minmax(0,330px) minmax(0,1fr);
  column-gap:clamp(26px,3vw,44px);row-gap:34px;align-items:start;
}
#miert .vids{grid-template-columns:minmax(0,1fr);gap:14px}
#miert .vid{border-color:var(--ink-3)}
#miert .vid-t{color:#fff}
#miert .vid-t .i{color:var(--gray-2)}
#miert .areas{margin-top:0}
#miert .areas-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Három tétel, három hasáb – a terv.css négyes osztása itt egy üres
   oszlopot hagyna a sor végén. */
#miert .lepcso-row{grid-template-columns:repeat(3,minmax(0,1fr))}

@media (max-width:1080px){
  #miert .evid{grid-template-columns:minmax(0,1fr)}
  #miert .vids{max-width:330px}
  #miert .lepcso-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:26px}
}
@media (max-width:720px){
  #miert .evid{row-gap:26px}
  /* A terv.css 720 px alatt VILÁGOS hátteret és keretet ad a .vids rácsnak
     (a főoldalon hat csempe ül benne, világos szakaszon). Itt egyetlen csempe
     van, sötét szakaszon – a világos doboz idegen folt lenne a lapon. */
  #miert .vids{background:none;border:0;gap:10px;max-width:280px}
  #miert .vid-t{padding:11px 0 0}
  #miert .areas-grid,#miert .lepcso-row{grid-template-columns:minmax(0,1fr)}
}

/* ── 03. A géptípusok fotórácsa ────────────────────────────────────────────
   A .ev-grid képaláírása a főoldalon egyetlen mondat; itt három szint van:
   kategória (kicsi, verzál), a fotón látható konkrét géptípus (ez a cím), és
   a leírás. A szakasz --ink-2 alapon ül, ezért a képaláírás a sötétebb --ink-et
   kapja: enélkül a doboz beleolvadna a szakaszba. */

/* HÁROM hasáb, nem négy. A lista 21 tételes: négy hasábbal az utolsó sorban
   EGYETLEN kártya maradt, mellette három üres hasábnyi sötét sáv – pont az a
   fajta üres folt, aminek nincs helye a lapon. 21 = 7 × 3, tehát három
   hasábbal minden sor tele van. Ráadásul a fotó ~416 px széles lesz a
   korábbi ~300 helyett, és ezen a lapon a fotó maga a bizonyíték. */
#tipusok .ev-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#tipusok .ev-grid img{height:230px}
#tipusok .ev-grid figcaption{background:var(--ink);line-height:1.5}
#tipusok .ev-grid figcaption i{
  display:block;font-style:normal;margin-bottom:5px;
  font-size:10.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gray-2);
}
#tipusok .ev-grid figcaption b{
  display:block;margin-bottom:6px;
  font-size:14.5px;font-weight:800;line-height:1.2;color:#fff;
}
#tipusok .ev-grid figure{background:var(--ink)}

/* Két kategóriához (locsolókocsi, „minden egyéb") nincs saját fotónk. Üres
   keret helyett a kategória piktogramja áll a kép helyén, pontosan akkora
   dobozban, mint a fotó – így a rács nem ugrik meg. */
#tipusok .ev-ic{
  display:flex;align-items:center;justify-content:center;
  height:230px;background:var(--ink-3);
}
#tipusok .ev-ic .i{width:38px;height:38px;color:var(--gray-2)}

/* A terv.css 1080 px alatt KÉT hasábra vált. Ezt a saját #id-s szabályom
   különben felülírná, ezért itt meg kell ismételni – és mivel 21 páratlan,
   két hasábban az UTOLSÓ kártya maradna egyedül: az fusson ki a sor teljes
   szélességére, így a rács zárt marad. */
@media (max-width:1080px){
  #tipusok .ev-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #tipusok .ev-grid figure:last-child{grid-column:1 / -1}
  #tipusok .ev-grid img,#tipusok .ev-ic{height:190px}
  /* a teljes szélességű záró csempén a piktogram alatt ne maradjon
     széles üres sáv – ott alacsonyabb a kép helye */
  #tipusok .ev-grid figure:last-child .ev-ic{height:120px}
}
@media (max-width:720px){ #tipusok .ev-grid img,#tipusok .ev-ic{height:128px} }

/* ── 04. Schmidt ───────────────────────────────────────────────────────────
   A logó a szakaszfej jobb oldalán áll (.sec-head-row). A fájl 190×68-as
   arányú SVG; a magasság kötött, a szélesség abból jön – nem torzul. */
.kom-logo{height:62px;width:auto;object-fit:contain;flex:0 0 auto;align-self:flex-end}
@media (max-width:720px){ .kom-logo{height:48px;align-self:flex-start} }

/* A cím hosszú és van benne egy gondolatjel: kézi sortöréssel az első sor
   után egy kéttagú csonk maradt. A böngésző kiegyenlíti helyettünk. */
#schmidt .sec-head h2{text-wrap:balance}

/* A Schmidt-fotó 800×600-as: teljes sorszélességben (1180 px) felnagyítva
   lágy lenne, ezért a sajátjánál alig szélesebb kereten áll. A vágás
   object-fit: cover, tehát az arány nem változik. */
#schmidt .szolg-kep{max-width:820px}
#schmidt .szolg-kep img{height:clamp(210px,22vw,300px);object-position:50% 46%}

/* A záró sáv hívása. A .kutat flex-sor: a cím itt EGY HOSSZÚ mondat, és
   alapbeállítással a szövegblokk kifeszítette a sort, a telefongomb pedig
   alá csúszott – a jobb fele üresen maradt. A rugalmas alap megtöri a címet
   két sorba, és a gomb visszaül a sor jobb szélére. Szűk kijelzőn a
   flex-wrap ugyanúgy egymás alá teszi őket, mint eddig. */
#schmidt .kutat>div:first-child{flex:1 1 520px;min-width:0;max-width:900px}
#schmidt .kutat h3{text-wrap:balance}

/* ── 06. A záró kapcsolatsáv ───────────────────────────────────────────────
   A .mini-ember a terv.css-ben világos szakaszra készült; itt sötéten ül,
   ezért a kerete és a felirata a sötét szakasz nyelvét veszi fel. */
#kapcsolat .sc-cta{align-items:center}
/* A portré és a felirat EGY blokk: enélkül a .sc-cta tördelésekor a gombok
   kerültek a portré alá, a cím pedig egyedül maradt a jobb szélen. */
#kapcsolat .kom-kapcs{display:flex;align-items:center;gap:clamp(18px,2.4vw,30px);flex-wrap:wrap;min-width:0}
#kapcsolat .kom-kapcs p{margin-top:9px;color:#a8aeb6;font-size:15.5px}
#kapcsolat .mini-ember{border-color:var(--ink-3);background:var(--ink);flex:0 0 auto}
#kapcsolat .mini-ember:hover{border-color:rgba(255,255,255,.4)}
#kapcsolat .me-b b{color:#fff}
#kapcsolat .sc-cta h3{font-size:clamp(1.2rem,2vw,1.55rem)}
#kapcsolat .btn-white .pg{width:19px;height:19px}