.trust-proof { background: var(--color-ink); color: var(--color-white); }
.trust-proof__intro {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(28px, 4vw, 72px);
  align-items: center;
  margin-bottom: clamp(42px, 5vw, 72px);
}
.trust-proof .eyebrow { color: var(--color-sand); }
.trust-proof h2 { max-width: 15ch; }
.trust-proof__lede {
  width: 100%;
  max-width: 34ch;
  color: rgba(255, 255, 255, .9);
  font-family: var(--font-display);
  font-size: clamp(1.75rem, 2.7vw, 3.1rem);
  font-weight: 500;
  line-height: 1.02;
}
.trust-proof__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(255, 255, 255, .2);
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}
/* --------------------------------------------------------------------------
   Karty zaufania — 21.09.2026.
   Wczesniej tekst lezal NA zdjeciu i tytuly tonely w jasnych partiach kadru,
   a makieta przypomnienia zaslaniala naglowek pierwszej karty. Teraz karta ma
   dwie rozdzielone strefy: pas zdjecia u gory i tekst na czystym granacie
   ponizej. Zaden tekst sekcji nie lezy juz na fotografii.
   -------------------------------------------------------------------------- */

.trust-proof__item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.trust-proof__item + .trust-proof__item { border-left: 1px solid rgba(255, 255, 255, .2); }

/* Strefa zdjecia — stale proporcje, wiec wszystkie trzy karty sa rowne. */
.trust-proof__visual {
  position: relative;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #102f47;
}
.trust-proof__visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Pelna jasnosc — zdjecie nie musi juz ustepowac tekstowi. */
  opacity: 1;
}

/* Kadrowanie dobrane do tresci kazdej karty. */
.trust-proof__item--reminder .trust-proof__visual img { object-position: center 22%; }
.trust-proof__item--care .trust-proof__visual img { object-position: 62% center; }
.trust-proof__item--confidentiality .trust-proof__visual img { object-position: center 58%; }

/* Miekkie zejscie zdjecia w granat pod spodem — bez przyciemniania kadru. */
.trust-proof__visual::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 42%;
  background: linear-gradient(180deg, rgba(11, 36, 57, 0), rgba(11, 36, 57, .92));
  pointer-events: none;
}

/* Makieta przypomnienia siedzi teraz przy dolnej krawedzi zdjecia,
   z dala od naglowka karty. */
.trust-proof__message {
  position: absolute;
  right: clamp(16px, 2vw, 24px);
  bottom: clamp(16px, 2vw, 22px);
  left: clamp(16px, 2vw, 24px);
  z-index: 1;
  display: grid;
  gap: 5px;
  padding: 13px 15px;
  color: var(--color-ink);
  background: rgba(248, 246, 241, .96);
  box-shadow: 0 14px 32px rgba(0, 0, 0, .28);
  border-left: 2px solid var(--color-sand);
}
.trust-proof__message span { font-size: .62rem; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.trust-proof__message strong { font-family: var(--font-display); font-size: 1.25rem; font-weight: 500; line-height: 1; }
.trust-proof__message small { font-size: .75rem; line-height: 1.3; color: var(--color-muted); }

/* Strefa tekstu — zawsze pelny granat, staly kontrast. */
.trust-proof__body {
  flex: 1;
  padding: clamp(24px, 2.6vw, 38px) clamp(24px, 2.6vw, 40px) clamp(30px, 3vw, 44px);
}

.trust-proof__number {
  display: block;
  margin-bottom: 14px;
  color: var(--color-sand);
  font-size: .75rem;
  letter-spacing: .14em;
}
.trust-proof__item h3 {
  /* Jawny kolor: globalna regula naglowkow daje granat, ktory na granatowym
     tle sekcji jest niewidoczny. */
  color: var(--color-white);
  margin-bottom: 12px;
  font-family: var(--font-display);
  font-size: clamp(1.65rem, 2.4vw, 2.25rem);
  font-weight: 500;
  line-height: 1.05;
}
.trust-proof__item p { max-width: 36ch; color: rgba(255, 255, 255, .82); }

.trust-proof__note { margin-top: 24px; color: rgba(255, 255, 255, .62); font-size: .875rem; }
@media (max-width: 899px) {
  .trust-proof__intro { grid-template-columns: 1fr; }
  .trust-proof__lede { max-width: 34ch; }
  .trust-proof__list { grid-template-columns: 1fr; }
  .trust-proof__item + .trust-proof__item { border-top: 1px solid rgba(255, 255, 255, .2); border-left: 0; }
  /* Na telefonie pas zdjecia jest nizszy, zeby karta nie zajmowala calego ekranu. */
  .trust-proof__visual { aspect-ratio: 16 / 10; }
}