/* ==========================================================================
   ORWAK – iparági oldalak

   Öt oldal, közös stíluslappal: Kis- és nagykereskedelem, Ipar/logisztika/
   mezőgazdaság, Étterem/szálloda/vendéglátás, Ingatlanüzemeltetés/egészségügy,
   Hulladékgazdálkodás.

   NINCSENEK a Figma tervben. Az ügyfél adatbázisában viszont `industry`
   taxonómiaként léteznek, saját ACF-mezőkkel, és a főoldal „Iparáganként eltérő
   igények” pilljei BETŰ SZERINT ezt az öt tagot sorolják fel.

   **Ez a lap SZÁNDÉKOSAN sovány.** Az oldalak a FŐOLDAL komponenseiből épülnek
   — `.section--intro` + `.lead-xl`, `.svc-row` + `.svc-card`, `.video-band`,
   `.products` carousel, `.refs` sáv, `.cta-band` —, tehát a szerkezetet és a
   tipográfiát a `style.css` adja. Az első változat saját komponenseket használt
   (dobozos logórács, sima előny-rács), és pont ettől hatott idegen testnek a
   lapon. Itt csak az áll, ami az átvett komponensek IPARÁGI eltérése.

   Aki ide új szabályt tesz: előbb nézze meg, van-e rá minta a főoldalon.
   ========================================================================== */

/* ----------------------------------------------------------- hero-ikon
   Az iparág saját fehér ikonja a cím fölött. Valódi adat (`home_icon_white`),
   nem díszítés — ugyanaz az ikon, amit a főoldal pilljei is használnak, csak
   nagyobban és a sötét panelen. */
.ind-hero__icon {
  width: auto;
  height: 34px;
  margin-bottom: 4px;
}

/* ------------------------------------------------------------ előny-kártyák
   A `.svc-card` a főoldalon ikonnal indul; itt nincs per-előny ikon, tehát a
   fejrész csak a címsort viszi. A `min-height` a főoldali 238px-ről lejjebb
   mehet, mert nincs ikonsor — enélkül a rövid szövegű kártyák alatt üres sáv
   maradna. */
.ind-why__card { min-height: 0; padding-bottom: 24px; }
.ind-why__card .svc-card__head { margin-bottom: 10px; }
.ind-why__card .svc-card__title { font-size: 22px; line-height: 1.24; }

/* A kártya NEM link (nincs hova mutasson), ezért a főoldali hover-emelés sem
   jár neki: az azt hazudná, hogy kattintható. Ugyanaz a szabály, mint a
   `.ref-tile`-nál. Marad a finom háttérváltás, hogy a lap ne legyen halott. */
.ind-why__card { transition: background-color var(--d-mid) ease; }
.ind-why__card:hover { background: #e9e7e7; transform: none; }

/* --------------------------------------------------------------- narancs sáv
   A `.video-band` a főoldalon videót takar, itt állóképet. A lejátszás-gomb
   ezért nem kerül rá — egy play ikon olyat ígérne, ami nincs. */
.ind-band__media {
  display: block;
  position: relative;
  overflow: hidden;
}
.ind-band__media img { width: 100%; height: 100%; object-fit: cover; }

/* --------------------------------------------------------------- reszponzív */
@media (max-width: 768px) {
  .ind-hero__icon { height: 28px; }
  .ind-why__card .svc-card__title { font-size: 20px; }
}