/* Termékeink page. Loaded after shared.css.

   Almost nothing lives here any more: the hero is .phero--wordmark, the rows
   are the shared .split (aliased as .pcat), and the closing block is
   .hcontact — all in shared.css. Only the intro CTA band is page-specific. */

/* ============================================================ INTRO CTA */
.pcta{
  margin-top: var(--section-y);
  /* 20px white copy measures 3.93:1 on --primary and 5.13:1 on --primary-ink.
     --primary is the graphic role and must not sit under body-sized text. */
  background: var(--primary-ink);
  padding: 0 var(--pad-x);
}
.pcta__inner{
  max-width: var(--container); margin: 0 auto;
  min-height: 89px;
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--sp-6);
  padding-block: var(--sp-4);
}
.pcta__title{
  margin: 0;
  /* 24px/400 on --primary is large text at 3.93:1, which clears the 3:1 bar.
     Body copy on this fill would not — see .pcat--field below. */
  font: 400 var(--t-lead)/var(--lh-head) var(--font-display);
  color: #fff;
  letter-spacing: .2px;
  text-wrap: balance;
}

@media (max-width: 720px){
  .pcta__inner{ flex-direction: column; align-items: flex-start; }
  .pcat__more{ width: 100%; }
}