/* OTTE Reality, doplňky jen pro úvodní stránku */

/* Bezpečnost / Bez prodeje bez provize: fotka celá nahoře, text pod ní */
.pillars2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); background: var(--dark); color: #fff; }
.pillar2 { display: flex; flex-direction: column; min-width: 0; }
.pillar2 + .pillar2 { border-left: 1px solid rgba(255, 255, 255, .08); }
.pillar2 img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; background: #2a2824; }
.pillar2-body { flex: 1; padding: clamp(28px, 4vw, 56px); }
.pillar2-body h2 { color: #fff; }
.pillar2-body p { color: rgba(255, 255, 255, .82); font-weight: 300; max-width: 560px; }

/* Partneři a podporujeme */
.partners { padding: clamp(80px, 10vw, 140px) 0; border-bottom: 1px solid var(--line); }
.partners .section-head { margin-bottom: 16px; }
.partners-lead { color: var(--muted); font-size: 1.08rem; font-weight: 300; max-width: 640px; margin-bottom: clamp(36px, 5vw, 56px); }
.partners-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 460px), 1fr)); gap: 28px; }
.partner {
  display: grid; grid-template-columns: 180px minmax(0, 1fr); gap: 28px; align-items: center;
  padding: clamp(24px, 3vw, 36px); background: var(--stone); border: 1px solid var(--line);
  transition: border-color .2s, transform .2s;
}
.partner:hover { border-color: var(--bronze); transform: translateY(-2px); }
.partner-logo { display: grid; place-items: center; aspect-ratio: 1; background: #fff; padding: 20px; }
.partner-logo a { display: grid; place-items: center; width: 100%; height: 100%; }
.partner-logo img { max-width: 100%; max-height: 140px; width: auto; height: auto; object-fit: contain; }
.partner-body h3 { margin-bottom: .4em; }
.partner-body p { color: #3a3631; margin: 0 0 .8em; font-size: .98rem; }
.partner-body p:last-child { margin-bottom: 0; }

/* Mobil */
@media (max-width: 760px) {
  .pillars2 { grid-template-columns: minmax(0, 1fr); }
  .pillar2 + .pillar2 { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .08); }
  .partner { grid-template-columns: minmax(0, 1fr); text-align: left; }
  .partner-logo { max-width: 200px; }
}

@media (prefers-reduced-motion: reduce) {
  .partner { transition: none; }
  .partner:hover { transform: none; }
}