/*
 * Szektorportfóliók — mobil kiegészítés (lib/portfolio-html illeszti be).
 *
 * A portfóliók asztali microsite-nak készültek, inline stílusokkal. Ez a lap
 * a forrás-HTML módosítása nélkül, csak keskeny képernyőn (≤ 760 px) igazítja
 * őket: ne lógjon ki semmi vízszintesen (a Google a mobilnézet alapján
 * indexel), és a fejléc ne foglalja el a képernyő harmadát. Asztalon hatástalan.
 */
@media (max-width: 760px) {
  /* tartalomoszlop: 40 → 20 px oldalmargó */
  [style*="max-width:1280px"] { padding-left: 20px !important; padding-right: 20px !important; }

  /* fejléc: nem ragad, a szekciólinkek helyett csak nyelvváltó és gombok */
  header[style*="position:sticky"] { position: static !important; }
  header nav { gap: 10px 12px !important; justify-content: flex-start !important; }
  header nav a[data-navlink] { display: none !important; }

  /* hero és szekciók: kisebb függőleges térköz */
  section#top > div { padding-top: 56px !important; padding-bottom: 48px !important; }
  section[style*="padding:96px 0"] { padding-top: 56px !important; padding-bottom: 56px !important; }
  [style*="margin-top:72px"] { margin-top: 40px !important; }

  /* címsorok: a nagybetűs, ritkított display-betű telefonon is férjen ki */
  h1 { font-size: 34px !important; letter-spacing: 0.04em !important; max-width: none !important; }
  h2, [style*="font-size:44px"] { font-size: 28px !important; letter-spacing: 0.05em !important; }
  [style*="font-size:30px"] { font-size: 23px !important; }
  [style*="font-size:24px"] { font-size: 20px !important; }

  /* többoszlopos rácsok: egy oszlop (a minmax(330–420px) oszlopok nem férnek el) */
  [style*="grid-template-columns:repeat(auto-fit,minmax("],
  [style*="grid-template-columns:repeat(auto-fill,minmax("] { grid-template-columns: minmax(0, 1fr) !important; }

  /* videó-lightbox: kisebb keret */
  #video-backdrop { padding: 16px !important; }
}