/* fundacja.css — Uwaga: wszystko jest scopowane do .fundacja-page, żeby nie rozwalić reszty strony */

.fundacja-page{
  --fund-text:#3e3e3e;
  --fund-black:#000;
  --fund-cream:#f5f5ef;
  --fund-sky:#eaf3ff;
  --fund-mint:#eaf7f2;
  --fund-peach:#fff1e8;
  --fund-sky2:#eef0ff;
  --fund-mint2:#eafaf7;

  color: var(--fund-text);
}

.fundacja-page .fund-hero{
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(900px 500px at 15% 20%, rgba(234,243,255,.9), transparent 60%),
    radial-gradient(900px 520px at 85% 30%, rgba(234,247,242,.85), transparent 62%),
    linear-gradient(180deg, rgba(255,241,232,.55), rgba(245,245,239,.35));
  border-bottom: 1px solid rgba(62,62,62,.10);
}

.fundacja-page .fund-wave{
  height: 38px;
  background: linear-gradient(90deg, rgba(234,243,255,.9), rgba(234,247,242,.9), rgba(255,241,232,.9));
  clip-path: polygon(0 40%, 10% 55%, 22% 45%, 35% 58%, 50% 42%, 63% 60%, 78% 44%, 90% 56%, 100% 40%, 100% 100%, 0 100%);
  opacity: .9;
}

.fundacja-page .fund-badge{
  display:inline-flex;
  align-items:center;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(62,62,62,.12);
  box-shadow: 0 12px 30px rgba(0,0,0,.06);
  font-size: 13px;
}

.fundacja-page .fund-title{
  font-weight: 800;
  letter-spacing: -.3px;
  color: var(--fund-black);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.08;
}

.fundacja-page .fund-lead{
  color: var(--fund-text);
  max-width: 62ch;
  font-size: 1.05rem;
  line-height: 1.75;
}

.fundacja-page .fund-btn{
  border-radius: 14px;
  font-weight: 700;
}

.fundacja-page .fund-pills{
  display:flex;
  gap: 8px;
  flex-wrap:wrap;
}

.fundacja-page .fund-pill{
  display:inline-block;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.8);
  border: 1px dashed rgba(62,62,62,.18);
  font-size: 12px;
}

.fundacja-page .fund-hero-media{
  border-radius: 22px;
  overflow:hidden;
  position: relative;
  box-shadow: 0 20px 60px rgba(0,0,0,.16);
  border: 1px solid rgba(62,62,62,.12);
  min-height: 420px;
}

.fundacja-page .fund-hero-media img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.fund-hero-media {
  max-height: 720px;      /* ← TO JEST KLUCZ */
}

.fund-hero-media img {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .fund-hero-media {
    max-height: 620px;
  }
}

.fund-logo img {
  max-height: 256px;   /* było 80 – to za dużo */
  width: auto;
}

/* desktop */
@media (min-width: 992px) {
  .fund-logo img {
    max-height: 224px;
  }
}

.fundacja-page .fund-hero-overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(0,0,0,.0), rgba(0,0,0,.18));
}

.fundacja-page .fund-section{
  position: relative;
}

.fundacja-page .fund-section--mint{ background: var(--fund-mint); }
.fundacja-page .fund-section--sky{ background: var(--fund-sky); }
.fundacja-page .fund-section--peach{ background: var(--fund-peach); }
.fundacja-page .fund-section--cream{ background: var(--fund-cream); }
.fundacja-page .fund-section--sky2{ background: var(--fund-sky2); }
.fundacja-page .fund-section--mint2{ background: var(--fund-mint2); }

.fundacja-page .fund-kicker{
  text-transform: uppercase;
  letter-spacing: .18em;
  font-size: 12px;
  opacity: .75;
  margin-bottom: 10px;
}

.fundacja-page .fund-h2{
  color: var(--fund-black);
  font-weight: 800;
  letter-spacing: -.2px;
  font-size: clamp(22px, 3vw, 32px);
  line-height: 1.18;
}

.fundacja-page .fund-h3{
  color: var(--fund-black);
  font-weight: 800;
  letter-spacing: -.2px;
  font-size: 18px;
}

.fundacja-page .fund-text{
  font-size: 15px;
  line-height: 1.8;
}

.fundacja-page .fund-card{
  background: rgba(255,255,255,.86);
  border: 1px solid rgba(62,62,62,.12);
  border-radius: 20px;
  padding: 18px;
  box-shadow: 0 16px 45px rgba(0,0,0,.08);
}

.fundacja-page .fund-card--glass{
  background: rgba(255,255,255,.62);
  backdrop-filter: blur(10px);
}

.fundacja-page .fund-card-top{
  display:flex;
  gap: 12px;
  align-items:flex-start;
}

.fundacja-page .fund-icon{
  width:44px;
  height:44px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.02));
  border: 1px solid rgba(62,62,62,.12);
  color: var(--fund-black);
  flex: 0 0 auto;
}

.fundacja-page .fund-sub{
  font-size: 13px;
  opacity: .82;
}

.fundacja-page .fund-list{
  margin: 0;
  padding-left: 18px;
  line-height: 1.9;
  font-size: 14px;
}

.fundacja-page .fund-photo{
  border-radius: 18px;
  overflow:hidden;
  border: 1px solid rgba(62,62,62,.12);
  box-shadow: 0 14px 36px rgba(0,0,0,.10);
  aspect-ratio: 3 / 4;
  background: #ddd;
}

.fundacja-page .fund-photo img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease;
}

.fundacja-page .fund-photo:hover img{
  transform: scale(1.06);
}

.fundacja-page .fund-iban{
  margin: 10px 0;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(245,245,239,.95);
  border: 1px solid rgba(62,62,62,.12);
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
  user-select: all;
}

.fundacja-page .fund-qr{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.fundacja-page .fund-qr-box{
  width: 190px;
  height: 190px;
  border-radius: 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: repeating-linear-gradient(45deg, #f1f1f1, #f1f1f1 12px, #fafafa 12px, #fafafa 24px);
  border: 1px dashed rgba(62,62,62,.22);
  color: rgba(62,62,62,.75);
  font-size: 12px;
}

.fundacja-page .fund-note{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(255,255,255,.65);
  border: 1px solid rgba(62,62,62,.12);
  font-size: 13px;
}

.fundacja-page .fund-portrait{
  border-radius: 22px;
  overflow:hidden;
  border: 1px solid rgba(62,62,62,.12);
  box-shadow: 0 20px 60px rgba(0,0,0,.16);
  background:#ddd;
  min-height: 420px;
}

.fundacja-page .fund-portrait img{
  width:100%;
  height:100%;
  object-fit: cover;
  display:block;
}

.fundacja-page .fund-quote{
  font-size: 18px;
  line-height: 1.75;
  color: var(--fund-black);
}

.fundacja-page .fund-quote-who{
  margin-top: 12px;
  opacity: .8;
  font-size: 14px;
}

.fundacja-page .fund-doc{
  display:flex;
  gap: 12px;
  align-items:flex-start;
  padding: 12px;
  border-radius: 16px;
  text-decoration:none;
  color: inherit;
  background: rgba(255,255,255,.85);
  border: 1px solid rgba(62,62,62,.12);
  transition: transform .15s ease, box-shadow .15s ease;
}

.fundacja-page .fund-doc:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 45px rgba(0,0,0,.10);
}

.fundacja-page .fund-doc-ico{
  width: 40px;
  height: 40px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(245,245,239,.95);
  border: 1px solid rgba(62,62,62,.12);
  font-weight: 900;
  color: var(--fund-black);
  flex: 0 0 auto;
}

.fundacja-page ul {
  list-style: disc;
  padding-left: 1.2rem;
}

.fundacja-page ul ul {
  list-style: circle;
  margin-top: 0.4rem;
}

.fundacja-page li {
  margin-bottom: 0.35rem;
}
/* Równa wysokość kart */
.fund-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Kontener na kod QR - wypełnia dostępną przestrzeń */
.fund-qr {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem;
}

/* Box z kodem QR - większy rozmiar */
.fund-qr-box {
  max-width: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fund-qr-box img {
  width: 100%;
  max-width: 350px; /* Zwiększona maksymalna szerokość */
  height: auto;
  display: block;
}

/* Opcjonalnie: dodaj margines na mobile */
@media (max-width: 991px) {
  .fund-qr {
    padding: 1.5rem;
  }

  .fund-qr-box img {
    max-width: 280px;
  }
}