/* =========================================================
   FIRMY (/firmy)
   Stejný designový systém jako hlavní stránka (styles.css), jen
   doplňky pro firemní verzi. Nic se tu nepřebarvuje: firmy mají
   stejnou vizuální řeč, jiná je jen argumentace.
   ========================================================= */

/* ---------- ČTYŘI KROKY ---------- */
@media (min-width: 680px) and (max-width: 1059px) {
  .steps--4 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1060px) {
  .steps--4 { grid-template-columns: repeat(4, 1fr); }
}

/* ---------- PŘEPOČET DO KORUN POD ČÍSLEM ---------- */
.stats small[data-kc] { display: block; margin-top: .15rem; font-size: var(--t-micro); color: var(--on-dark-2); }
.stats small[data-kc]:empty { display: none; }

/* ---------- CO DOSTANETE PO HOVORU ---------- */
.podklady { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 2.5rem); align-items: start; }
@media (min-width: 860px) { .podklady { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }
.podklady .ticks { margin-top: 0; }

/* Dlouhá hodnota (cena v PLN) se na úzkém telefonu nevejde ve velikosti
   ostatních čísel. Zmenšíme ji a necháme zalomit před měnou. */
.stats b.stat--long { font-size: clamp(1.3rem, .95rem + 1.9vw, 2.3rem); }

/* ---------- SROVNÁNÍ: náklad vs. majetek ----------
   Vizuální jádro sekce "Proč firma". Levý sloupec je dnešek (tlumený),
   pravý je tmavě zelený, aby bylo na první pohled jasné, kam stránka
   míří. Žádný graf: čísla, kolik firma za pobyty utratí, neznáme. */
.srov { display: grid; gap: .9rem; align-items: stretch; }
@media (min-width: 880px) { .srov { grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 1.1rem; } }
.srov__col { padding: clamp(1.3rem, 2.4vw, 1.9rem); border-radius: var(--r); }
.srov__col--dnes { background: #FFF; border: 1px solid var(--line); }
.srov__col--pak {
  background: var(--green-900); color: var(--on-dark);
  box-shadow: 0 26px 54px -26px rgba(19, 40, 30, .6);
}
.srov__lbl { font-size: var(--t-micro); font-weight: 600; color: var(--text-3); }
.srov__col--pak .srov__lbl { color: var(--brass-lite); }
.srov__h {
  margin-top: .15rem; font-family: var(--font-display); font-size: var(--t-h3);
  font-weight: 600; letter-spacing: -.012em; color: var(--text);
}
.srov__col--pak .srov__h { color: #FFF; }
.srov__rows { list-style: none; padding: 0; margin: 1.1rem 0 0; display: grid; gap: .8rem; }
.srov__rows li {
  position: relative; padding-left: 2.1rem;
  font-size: var(--t-small); line-height: 1.5; color: var(--text-2);
}
.srov__col--pak .srov__rows li { color: var(--on-dark); }
.srov__rows li::before {
  content: ""; position: absolute; left: 0; top: .1em;
  width: 1.4rem; height: 1.4rem; border-radius: 50%;
}
/* Šipka ven: peníze odejdou a nic nezůstane. */
.srov__rows--out li::before {
  background: #EFEAE2 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5.5 10.5l5-5M6.5 5.5h4.2v4.2' fill='none' stroke='%235E6862' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 70% no-repeat;
}
.srov__rows--in li::before {
  background: rgba(220, 195, 147, .16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.4 6.8 11 12 5.5' fill='none' stroke='%23DCC393' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 72% no-repeat;
}
.srov__vs {
  justify-self: center; align-self: center;
  display: grid; place-items: center; width: 46px; height: 46px; border-radius: 50%;
  background: var(--tint); border: 1px solid var(--line-2);
  font-family: var(--font-display); font-size: .95rem; font-weight: 600; color: var(--text-3);
}
.srov__pozn {
  margin-top: 1.1rem; font-size: var(--t-micro); line-height: 1.6; color: var(--text-3);
  max-width: 92ch;
}
.srov__pozn b { color: var(--text-2); font-weight: 600; }

/* ---------- IKONY V KARTÁCH ---------- */
.parties--ico { margin-top: clamp(1.75rem, 3.5vw, 2.5rem); }
.card__ico {
  display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 1rem;
  border-radius: 13px; background: var(--brand-soft); color: var(--brand);
}
.card__ico svg { width: 25px; height: 25px; }

/* ---------- ČTYŘI KROKY JAKO ČASOVÁ OSA ----------
   Spojnice mezi čísly ukáže, že jde o postup, ne čtyři nezávislé
   možnosti. Kreslí se jen tam, kde kroky stojí vedle sebe. */
@media (min-width: 1060px) {
  .steps--4 .card { position: relative; }
  .steps--4 .card:not(:last-child)::after {
    content: ""; position: absolute; z-index: 1;
    /* svislý střed čísla: odsazení karty + poloměr kolečka */
    top: calc(clamp(1.4rem, 2.6vw, 1.85rem) + 20px);
    right: calc(-1rem - 1px); width: calc(1rem + 2px); height: 2px;
    background: var(--line-2);
  }
}
.steps--4 .step__n {
  background: #FFF; color: var(--brand);
  box-shadow: inset 0 0 0 2px var(--brand);
}

/* ---------- NÁVRATNOST A STANDARDY ----------
   Poznámka pod seznamem je stejná jako pod čísly v úvodu, jen zarovnaná
   doleva ve sloupci, ne na střed stránky. */
.stats__disc--left { margin-left: 0; margin-right: 0; }
.vynos__cta { margin-top: clamp(1.5rem, 3vw, 2rem); }

/* ---------- DVOUSLOUPEC S VIDEEM VPRAVO ----------
   Zrcadlový poměr k sekci výše, aby bylo video v obou stejně velké. */
@media (min-width: 940px) {
  .split--rev { grid-template-columns: minmax(0, 1fr) minmax(0, 1.12fr); }
}
@media (min-width: 1240px) {
  .wrap.split--rev { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
}