/* ============================================================
   MCZ — POLITYKA PRYWATNOŚCI  (polityka-prywatnosci.css)  ·  mobile-first
   ============================================================ */

.pp{position:relative;padding:7rem 0 5rem}
.pp .shell{width:min(900px,92vw)}

/* ---------- HERO ---------- */
.pp-hero{text-align:center;margin-bottom:2.4rem}
.pp-hero .eyebrow{margin-bottom:1.1rem}
.pp-hero__title{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;
  letter-spacing:-.03em;font-size:clamp(2.2rem,8vw,3.5rem);line-height:1.05}
.pp-hero__title em{font-style:normal;background:var(--grad-warm);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.pp-hero__sub{color:var(--muted);font-size:1.02rem;margin-top:.9rem}

/* ---------- INTRO ---------- */
.pp-intro{padding:1.4rem 1.5rem;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(155deg,rgba(252,153,3,.08),var(--surface));
  margin-bottom:2.4rem}
.pp-intro p{color:var(--cream);font-size:1.02rem;line-height:1.7}

/* ---------- SEKCJE ---------- */
.pp-sections{display:flex;flex-direction:column;gap:1.1rem}
.pp-section{padding:1.7rem 1.5rem;border-radius:20px;border:1px solid var(--line-soft);
  background:var(--surface)}
.pp-heading{display:flex;align-items:center;gap:.85rem;
  font-family:'Bricolage Grotesque',sans-serif;font-weight:700;letter-spacing:-.02em;
  font-size:clamp(1.25rem,4.5vw,1.6rem);line-height:1.2;margin-bottom:1.2rem}
.pp-num{flex:none;width:42px;height:42px;display:flex;align-items:center;justify-content:center;
  border-radius:12px;background:var(--surface-2);border:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:.92rem;font-weight:700;color:var(--orange)}

.pp-body{color:var(--muted);font-size:.97rem;line-height:1.75}
.pp-body p{margin-bottom:.9rem}
.pp-body strong{color:var(--cream);font-weight:700}
.pp-body h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.05rem;
  color:var(--cream);margin:1.3rem 0 .7rem}
.pp-body > *:first-child{margin-top:0}
.pp-body ul{list-style:none;padding:0;margin:0 0 .9rem}
.pp-body li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}
.pp-body li::before{content:"";position:absolute;left:.1rem;top:.62rem;width:7px;height:7px;
  border-radius:2px;background:var(--grad-warm)}

/* ---------- CALLOUT ---------- */
.pp-callout{margin-top:1.3rem;padding:1.2rem 1.3rem;border-radius:14px;
  background:rgba(0,0,0,.25);border:1px solid var(--line-soft);
  border-left:3px solid var(--orange)}
.pp-callout h3{margin-top:0}
.pp-callout > *:last-child{margin-bottom:0}
.pp-callout--link{border-left-color:var(--orange);padding:0;background:none;border:none}
.pp-callout--link a{display:inline-flex;align-items:center;gap:.5rem;
  padding:.85rem 1.3rem;border-radius:100px;background:var(--surface-2);
  border:1px solid var(--line);color:var(--orange);font-weight:600;font-size:.92rem;
  transition:.25s var(--ease)}
.pp-callout--link a svg{width:16px;height:16px}
.pp-callout--link a:hover{border-color:var(--orange);transform:translateY(-2px)}

/* ---------- STOPKA DOKUMENTU ---------- */
.pp-footer{margin-top:2.2rem;padding:1.8rem 1.6rem;border-radius:20px;
  border:1px solid var(--line);
  background:linear-gradient(155deg,var(--bg-2),var(--ink))}
.pp-footer__contact h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;
  font-size:1.2rem;margin-bottom:.5rem}
.pp-footer__contact p{color:var(--muted);font-size:.95rem;margin-bottom:1rem}
.pp-footer__links{display:flex;flex-wrap:wrap;gap:.7rem}
.pp-footer__links a{display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.1rem;border-radius:12px;border:1px solid var(--line-soft);
  background:var(--surface);font-size:.92rem;color:var(--cream);font-weight:500;
  transition:.25s var(--ease)}
.pp-footer__links a svg{width:16px;height:16px;stroke:var(--orange)}
.pp-footer__links a:hover{border-color:var(--orange);color:var(--orange)}
.pp-updated{margin-top:1.4rem;padding-top:1.2rem;border-top:1px solid var(--line-soft);
  font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--muted)}

@media (min-width:1024px){
  .pp{padding:9.5rem 0 6rem}
  .pp-hero{margin-bottom:3rem}
  .pp-section{padding:2.2rem}
}