/* ============================================================================
   KONCEPT 4 — „Poctivé železo" (plagát)
   ----------------------------------------------------------------------------
   Dada, 15. 8. 2026: kópia konceptu 1, ale s novými fotkami a iným obsahom —
   stránka má HRDO vyzdvihnúť, že tu je poctivé železo a partia okolo neho.

   ⚠️ DVE VECI, KTORÉ SA NESMÚ VRÁTIŤ SPÄŤ:
     1. ŽIADNE ZÁPORNÉ PRÍVLASTKY. Nikde nesmie stáť „staré", „staršie" ani
        „ale funguje". Dve celé kolá padli práve na tom, že sa stránka za vek
        strojov ospravedlňovala. Píše sa, čo tu JE.
     2. FOTKA POZADIA V ÚVODE SA NEMENÍ — ostáva pôvodná z konceptu 1.

   Hárok je ZÁMERNE krátky. Stránka načíta `koncept-1.css` v plnom znení a tu je
   len to, čo v jednotke nie je: nárok v úvode a sekcia „O nás". Oprava
   plagátového rozhrania sa tak prejaví v konceptoch 1 aj 4 naraz.
   ========================================================================== */

/* Nárok pod kredom — jedna veta, ktorá povie, o čo tu ide. Nie je to eyebrow
   (tie sú prestrkané verzálky) ani perex sekcie; má znieť ako riadok plagátu.
   46ch, nie 34ch: na 34 sa veta lámala na DVA riadky a úvod tým pretiekol pod
   fold na 1280×720 (merané, nie odhad). */
.hero__claim{max-width:46ch;margin:.9rem auto 0;color:var(--paper);text-wrap:balance;
  font-size:clamp(1rem,.4vw + .92rem,1.16rem);line-height:1.45}

/* 3 px pod foldom na 1280×720 — meraná, nie tipovaná hodnota. */
@media (max-height:780px){ .hero__claim{margin-top:.45rem;font-size:.98rem;line-height:1.35} }
/* Na naozaj nízkom okne (1440×500, telefón na šírku) nárok ustúpi celkom —
   je to tá istá voľba, akú robí koncept 2 so svojím textom nároku. Tá istá
   myšlienka stojí hneď nižšie v sekcii „O nás", takže sa nič nestráca. */
@media (max-height:640px){ .hero__claim{display:none} }

/* ---------- O NÁS ----------
   Prvá sekcia stránky. Atmosféru nesie odsek, výhody očíslovaný register —
   tá istá tlačená reč, akou hovorí Prehľad hneď pod tým. Žiadne oblé karty:
   plagát ich nemá. */
.onas__lead{max-width:64ch;margin-inline:auto}

.vyhody{list-style:none;margin:clamp(2rem,4vw,3rem) 0 0;padding:0;
  display:grid;grid-template-columns:repeat(2,1fr);
  border-top:1px solid var(--line-soft)}
.vyhoda{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,2vw,1.6rem);
  align-items:start;color:var(--paper);
  padding:clamp(1.4rem,2.6vw,2.1rem) clamp(1rem,2vw,1.8rem);
  border-bottom:1px solid var(--line-soft);border-left:1px solid var(--line-soft);
  transition:background .25s}
/* Ľavá linka patrí len druhému stĺpcu — inak by rám dostal zvislicu aj na
   vonkajšej hrane, kde register konceptu 1 žiadnu nemá. */
.vyhoda:nth-child(odd){border-left:0}
.vyhoda:hover{background:var(--ink-2)}

/* Číslo je Antonom a v akcentovej farbe: v plagáte nesú čísla váhu, nie ikony. */
.vyhoda__c{font-family:'Anton',Impact,sans-serif;line-height:.8;
  font-size:clamp(2.2rem,4.4vw,3.4rem);color:var(--aqua)}
.vyhoda h3{margin:0 0 .35rem;font-size:clamp(1.4rem,2.4vw,1.9rem)}
.vyhoda p{margin:0;color:var(--muted);font-size:.95rem}

@media (max-width:900px){
  .vyhody{grid-template-columns:1fr}
  .vyhoda{border-left:0}
  .hero__claim{max-width:32ch}
}