/* Strona glowna: sekcja "Do pobrania" (.dp) miedzy galeria realizacji (.real) a newsletterem (.nl).
   Zmienne i klasy bazowe (.shell, .etyk, .btn) pochodza z css/nowa.css. */
.dp{background:var(--chlod);padding:72px 0;border-top:1px solid var(--linia);scroll-margin-top:84px}
.dp-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,38%);gap:0 48px;align-items:start}
.dp-gora{max-width:60ch}
.dp-gora h2{margin:8px 0 14px;font-size:clamp(28px,3vw,40px)}
.dp-opis{color:var(--szary);font-size:17px;line-height:1.55;max-width:56ch}
.dp-obraz{margin:0;align-self:center}
.dp-gora{align-self:center}
.dp-obraz img{width:100%;height:auto;border:1px solid var(--linia);background:#fff}
.dp-siatka{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:var(--linia);border:1px solid var(--linia);margin-top:40px;grid-column:1/-1}
.dp-kafel{display:flex;flex-direction:column;gap:10px;min-height:100%;padding:24px 20px 20px;background:#fff;color:var(--granat);transition:background .25s var(--ease),color .25s var(--ease)}
.dp-kafel:hover,.dp-kafel:focus-visible{background:var(--nieb);color:#fff;outline:none}
.dp-ikona{width:38px;height:38px;color:var(--nieb);transition:color .25s var(--ease)}
.dp-ikona svg{width:100%;height:100%;display:block}
.dp-kafel:hover .dp-ikona,.dp-kafel:focus-visible .dp-ikona{color:#fff}
.dp-kafel h3{font-size:18px;line-height:1.25;color:inherit}
.dp-kafel p{color:var(--szary);font-size:14.5px;line-height:1.5;transition:color .25s var(--ease)}
.dp-kafel:hover p,.dp-kafel:focus-visible p{color:rgba(255,255,255,.82)}
.dp-znak{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-family:Poppins,Arial,sans-serif;font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--nieb);transition:color .25s var(--ease)}
.dp-znak svg{width:13px;height:13px;flex:none}
.dp-znak--konto{color:var(--szary)}
.dp-kafel:hover .dp-znak,.dp-kafel:focus-visible .dp-znak{color:rgba(255,255,255,.9)}
.dp-dalej,.page-home .dp-dalej{grid-column:1/-1;margin-top:28px}
@media (max-width:1100px){
  .dp-in{grid-template-columns:1fr;gap:28px}
  .dp-obraz{max-width:520px;width:100%;align-self:start}
  .dp-siatka{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}
  .dp-obraz{margin-top:24px}
  .dp-kafel:last-child{grid-column:1/-1}
}
@media (max-width:640px){
  .dp{padding:52px 0}
  .dp-gora h2{font-size:26px}
  .dp-opis{font-size:16px}
  .dp-obraz{max-width:none}
  .dp-siatka{grid-template-columns:1fr}
  .dp-kafel:last-child{grid-column:auto}
  .dp-kafel{padding:20px 18px}
  .dp-dalej .btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.dp-kafel,.dp-ikona,.dp-kafel p,.dp-znak{transition:none}}