/*
 * Strona /facts. Dokladana PO pricing-page.css, z ktorego dziedziczy tokeny marki
 * (--jrp-navy, --jrp-magenta, --jrp-lavender, --jrp-amber) oraz klasy .jrp-*,
 * bo obie strony maja wygladac jak jedna rodzina.
 */

.jrf .jrp-hero { padding-bottom: 30px; }

/* ---------- pasek liczb ---------- */

.jrf-stats {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;
  background: var(--jrp-lavender); border-radius: 14px; padding: 34px 28px 26px; margin-top: 8px;
}
.jrf-stat { text-align: center; }
.jrf-stat-n {
  display: block; font-size: 34px; font-weight: 700; color: var(--jrp-navy); line-height: 1.1;
}
.jrf-stat-l {
  display: block; font-size: 14px; color: #4a4f66; margin-top: 8px; line-height: 1.45;
}
.jrf-stats-note {
  grid-column: 1 / -1; text-align: center; font-size: 13px; color: #6f748c; margin: 12px 0 0;
}

/* ---------- bloki tresci ---------- */

.jrf-block { margin-top: 64px; }
.jrf-block > h2 {
  font-size: 28px; font-weight: 700; color: var(--jrp-navy); margin: 0 0 18px;
}
.jrf-block h3 { font-size: 18px; font-weight: 700; margin: 0 0 12px; }
.jrf-block p { font-size: 16px; line-height: 1.65; color: #4a4f66; }

.jrf-hint { font-size: 14px; color: #6f748c; margin: 22px 0 8px; }
.jrf-hint a { color: var(--jrp-magenta); }

/* bloki do skopiowania: wyrozniamy je, zeby bylo widac, ze to gotowy tekst */
.jrf-quote {
  border-left: 4px solid var(--jrp-amber); background: #fffdf8;
  border-radius: 0 10px 10px 0; padding: 20px 24px; margin: 0 0 8px;
  font-size: 17px; line-height: 1.7; color: #34384f;
}

/* ---------- jest / nie jest ---------- */

.jrf-two { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.jrf-col { border-radius: 14px; padding: 24px 26px; box-shadow: var(--jrp-card); background: #fff; }
.jrf-col--is h3 { color: #1a9c5b; }
.jrf-col--isnt { background: #fafbfe; }
.jrf-col--isnt h3 { color: var(--jrp-magenta); }
.jrf-col ul { padding-left: 20px; margin: 0; }
.jrf-col li { font-size: 15px; line-height: 1.6; color: #4a4f66; margin-bottom: 10px; }

/* ---------- ceny skrotem ---------- */

.jrf-price-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.jrf-price {
  border: 1px solid var(--jrp-line); border-radius: 14px; padding: 20px 16px; text-align: center;
}
.jrf-price-name {
  display: block; font-size: 14px; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: #8b8fa3;
}
.jrf-price-v { display: block; font-size: 30px; font-weight: 700; color: var(--jrp-purple); margin-top: 8px; }
.jrf-price-u { display: block; font-size: 13px; color: #8b8fa3; }
.jrf-price-r { display: block; font-size: 14px; color: #4a4f66; margin-top: 10px; }

/* ---------- zrodla ---------- */

.jrf-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 22px; }
.jrf-tags span {
  background: #fff; border: 1px solid var(--jrp-line); border-radius: 100px;
  padding: 6px 15px; font-size: 14px; color: #34384f;
}
.jrf-warn {
  background: #fff6f8; border-left: 4px solid var(--jrp-magenta);
  border-radius: 0 10px 10px 0; padding: 16px 20px; font-size: 15px;
}
.jrf-warn strong { color: var(--jrp-magenta); }

/* ---------- dane firmy ---------- */

.jrf-defs { display: grid; grid-template-columns: 1fr 1fr; gap: 0 34px; margin: 0; }
.jrf-defs > div {
  display: flex; gap: 14px; padding: 11px 0; border-bottom: 1px solid var(--jrp-line);
}
.jrf-defs dt { flex: 0 0 40%; font-weight: 700; color: var(--jrp-navy); font-size: 15px; }
.jrf-defs dd { margin: 0; font-size: 15px; color: #4a4f66; }
.jrf-defs a { color: var(--jrp-magenta); }

/* ---------- logo ---------- */

.jrf-logos { display: flex; gap: 20px; flex-wrap: wrap; }
.jrf-logo {
  display: block; text-align: center; text-decoration: none;
  border: 1px solid var(--jrp-line); border-radius: 14px; padding: 26px 34px; background: #fff;
  transition: box-shadow .15s ease;
}
.jrf-logo:hover { box-shadow: var(--jrp-card); text-decoration: none; }
.jrf-logo img { display: block; height: 54px; width: auto; margin: 0 auto 14px; }
.jrf-logo span { font-size: 13px; color: #6f748c; }
.jrf-logo--dark { background: #1f2670; border-color: #1f2670; }
.jrf-logo--dark span { color: #c9cdea; }

/* ---------- responsywnosc ---------- */

@media (max-width: 991px) {
  .jrf-stats { grid-template-columns: repeat(2, 1fr); }
  .jrf-two, .jrf-defs { grid-template-columns: 1fr; }
  .jrf-price-row { grid-template-columns: repeat(2, 1fr); }
  .jrf-block > h2 { font-size: 23px; }
  .jrf-quote { font-size: 16px; padding: 16px 18px; }
}

@media (max-width: 575px) {
  .jrf-stats { grid-template-columns: 1fr; }
  .jrf-price-row { grid-template-columns: 1fr; }
  .jrf-stat-n { font-size: 28px; }
}