:root{
  --cream:#FAF7F2; --warm:#F0EAE0; --ink:#1A0F07; --ink-mid:#3E2D1C;
  --wine:#6A1A28; --wine-d:#4A1018; --gold:#A07228; --gold-l:#C49040;
  --rule:#C8B898; --white:#FDFAF6; --nav-h:68px;
  /* stopka - przyciemniona rdzawa czerwień blachy dachowej */
  --dach:#371A12; --dach-jasny:#E8C9A8;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Source Serif 4',serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--wine);text-decoration:none}
h1,h2,h3{margin:0}
.wrap{max-width:1360px;margin:0 auto;padding:80px 56px}

/* ---------- NAV ---------- */
.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:50;
  background:rgba(253,250,246,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--rule)}
.nav-in{max-width:1360px;margin:0 auto;padding:0 56px;height:100%;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px}
.brand img{width:30px;height:auto;display:block}
.brand-t{display:flex;flex-direction:column;line-height:1.15}
.brand-n{font-family:'Playfair Display',serif;font-size:.98rem;color:var(--ink)}
.brand-s{font-family:'Lato',sans-serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{font-family:'Lato',sans-serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid);transition:color .2s}
.nav-links a:hover{color:var(--wine)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}
.burger span{width:24px;height:2px;background:var(--ink-mid);border-radius:2px;transition:transform .25s,opacity .25s}
.burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger.open span:nth-child(2){opacity:0}
.burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mob{display:none;position:absolute;top:var(--nav-h);left:0;right:0;background:var(--white);border-bottom:1px solid var(--rule)}
.mob.open{display:block}
.mob a{display:block;padding:16px 24px;border-bottom:1px solid rgba(200,184,152,.35);
  font-family:'Lato',sans-serif;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mid)}
.mob a:last-child{border-bottom:none}

/* ---------- HERO ---------- */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#1A0F07}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,15,7,.12) 0%,rgba(26,15,7,.10) 40%,rgba(26,15,7,.84) 100%)}
.hero-content{position:relative;z-index:2;padding:0 80px 80px;max-width:900px;animation:fadeUp 1s .3s ease both}
.hero h1{font-family:'Playfair Display',serif;font-size:clamp(2.6rem,5.5vw,4.6rem);font-weight:700;line-height:1.10;color:#fff}
.hero h1 em{display:block;font-size:.82em;font-weight:400;font-style:normal;color:rgba(240,210,152,.92)}
.hero-sub{margin-top:22px;font-family:'Source Serif 4',serif;font-weight:400;font-size:1.02rem;color:rgba(255,255,255,.75)}
.hero-sound{position:absolute;z-index:3;right:28px;bottom:28px;display:flex;align-items:center;gap:8px;
  border:1px solid rgba(255,255,255,.45);background:rgba(26,15,7,.35);backdrop-filter:blur(6px);
  padding:9px 16px;color:#fff;font-family:'Lato',sans-serif;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
  cursor:pointer;transition:background .2s,border-color .2s}
.hero-sound:hover{background:rgba(26,15,7,.6);border-color:rgba(255,255,255,.8)}
.hero-sound svg{width:16px;height:16px;flex-shrink:0}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:640px){.hero-sound{right:20px;bottom:20px;padding:8px 12px;font-size:.6rem}}

/* ---------- SEKCJE ---------- */
section{border-top:1px solid var(--rule)}
section:first-of-type{border-top:none}
.bg-white{background:var(--white)}
h2{font-family:'Playfair Display',serif;font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:500;color:var(--wine);margin-bottom:40px}
.sec-link{display:inline-flex;align-items:center;gap:6px;margin-top:28px;font-family:'Lato',sans-serif;font-size:.72rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wine);border-bottom:1px solid var(--rule);padding-bottom:2px;transition:color .2s,border-color .2s}
.sec-link:hover{color:var(--wine-d);border-color:var(--wine)}

/* ---------- MSZE ---------- */
.msze-cols{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.msze-group-title{font-style:italic;font-size:1rem;color:var(--ink-mid);
  padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:20px}
.msze-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:9px 0;
  border-bottom:1px solid rgba(200,184,152,.35);font-size:1rem}
.msze-row:last-child{border-bottom:none}
.mr-day{color:var(--ink-mid)}
.mr-time{font-weight:600;color:var(--ink);white-space:nowrap}
.msze-note{margin-top:28px;font-style:italic;font-size:1.05rem;
  line-height:1.75;color:var(--ink-mid)}
.msze-note strong{font-style:normal;font-weight:600;color:var(--wine)}

/* ---------- INTENCJE ---------- */
.int-day{font-size:1.05rem;font-weight:600;color:var(--wine);
  padding-bottom:10px;border-bottom:1px solid var(--rule);margin:34px 0 12px}
.int-day:first-child{margin-top:0}
.int-day span{font-style:italic;font-size:.92rem;color:var(--ink-mid);margin-left:8px}
.int-row{display:grid;grid-template-columns:62px 1fr;gap:16px;padding:9px 0;
  border-bottom:1px solid rgba(200,184,152,.35)}
.int-row:last-child{border-bottom:none}
.int-time{font-weight:600;color:var(--ink);font-size:.98rem}
.int-txt{font-size:1rem;line-height:1.6;color:var(--ink-mid)}
.int-txt em{font-style:italic;color:var(--gold)}

/* ---------- POGRZEBY ---------- */
.cmentarz-photo{position:relative;margin-bottom:44px}
.cmentarz-photo img{width:100%;aspect-ratio:21/9;object-fit:cover}
.cmentarz-photo-label{position:absolute;bottom:0;left:0;background:var(--wine);color:rgba(255,255,255,.9);
  font-family:'Lato',sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px}
@media (max-width:640px){.cmentarz-photo img{aspect-ratio:4/3}}
.klepsydry{border-top:1px solid var(--rule)}
.klep{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;padding:20px 0;
  border-bottom:1px solid rgba(200,184,152,.4)}
.klep-name{font-size:1.15rem;font-weight:600;color:var(--ink)}
.klep-meta{font-style:italic;font-size:.96rem;color:var(--ink-mid);margin-top:4px}
.klep-when{font-size:.98rem;font-weight:600;color:var(--wine);
  text-align:right;white-space:nowrap;padding-top:3px}
.prayer{margin-top:40px;text-align:center;font-style:italic;
  font-size:1.08rem;line-height:1.85;color:var(--ink-mid)}
@media (max-width:480px){
  .klep{grid-template-columns:1fr;gap:6px}
  .klep-when{text-align:left;padding-top:0}
}

/* ---------- OGŁOSZENIA ---------- */
.ogl-week{font-style:italic;font-size:1.05rem;color:var(--ink-mid);
  padding-bottom:14px;border-bottom:1px solid var(--rule);margin:0 0 6px}
.ogl-list{counter-reset:ogl}
.ogl-item{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;
  border-bottom:1px solid rgba(200,184,152,.4)}
.ogl-item:last-child{border-bottom:none}
.ogl-num{counter-increment:ogl;font-style:italic;
  font-size:1.05rem;color:var(--gold);padding-top:2px}
.ogl-num::before{content:counter(ogl) "."}
.ogl-txt{font-size:1.02rem;line-height:1.68;color:var(--ink-mid)}
.ogl-txt strong{font-weight:600;color:var(--ink)}

/* ---------- HISTORIA ---------- */
.historia-grid{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:start}
.historia-photo{position:relative}
.historia-photo img{width:100%;aspect-ratio:3/4;object-fit:cover}
.historia-photo-label{position:absolute;bottom:0;right:-20px;background:var(--wine);color:rgba(255,255,255,.9);
  font-family:'Lato',sans-serif;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;padding:8px 16px;writing-mode:vertical-rl;text-orientation:mixed}
.historia-text p{font-size:1.1rem;line-height:1.82;color:var(--ink-mid);margin:0 0 1.4em}
.historia-text p:first-of-type::first-letter{font-family:'Playfair Display',serif;font-size:3.8rem;font-weight:700;
  float:left;line-height:.8;margin:6px 10px 0 0;color:var(--wine)}
.milestones{margin-top:32px;border-top:1px solid var(--rule)}
.milestone{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid rgba(200,184,152,.4)}
.milestone:last-child{border-bottom:none}
.ms-year{font-weight:600;font-size:.95rem;color:var(--wine);padding-top:2px}
.ms-desc{font-size:1rem;line-height:1.6;color:var(--ink-mid)}

/* ---------- KANCELARIA ---------- */
.kanc-title{font-style:italic;font-size:1rem;color:var(--ink-mid);
  padding-bottom:14px;border-bottom:1px solid var(--rule);margin-bottom:20px}
.kanc-closed{font-style:italic;color:var(--rule)}

/* ---------- FOOTER ---------- */
/* Kolor: rdzawa czerwień blachy dachowej (zbliżona do RAL 3009 - czerwień tlenkowa) */
footer{background:var(--dach);color:rgba(255,255,255,.72)}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.15fr;gap:44px;max-width:1360px;margin:0 auto;padding:72px 56px 40px}
.foot-brand{font-family:'Playfair Display',serif;font-size:1.3rem;color:#fff;margin-bottom:14px}
.foot-desc{font-size:1rem;line-height:1.7}
.foot-h{font-family:'Lato',sans-serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dach-jasny);margin-bottom:16px}
.foot-col p{margin:0 0 8px;font-size:.98rem;line-height:1.55}
.foot-col a{color:rgba(255,255,255,.72);border-bottom:1px solid rgba(255,255,255,.18)}
.foot-col a:hover{color:#fff;border-color:rgba(255,255,255,.6)}
.konto-nr{white-space:nowrap;font-size:.86rem;letter-spacing:-.005em}
.foot-bar{border-top:1px solid rgba(255,255,255,.14);max-width:1360px;margin:0 auto;padding:20px 56px 28px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:.68rem;color:rgba(255,255,255,.45)}
.foot-bar a{color:#fff;border-bottom:1px solid rgba(255,255,255,.3)}
.foot-bar a:hover{border-color:#fff}
@media (max-width:1100px){.konto-nr{white-space:normal}}

/* ---------- RESPONSYWNOŚĆ ---------- */
@media (max-width:1040px){
  .nav-in{padding:0 24px}
  .nav-links{display:none}
  .burger{display:flex}
}
@media (max-width:900px){
  .wrap{padding:56px 24px}
  .hero-content{padding:0 24px 56px}
  .msze-cols,.historia-grid{grid-template-columns:1fr;gap:40px}
  .historia-photo-label{display:none}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px;padding:56px 24px 32px}
  .foot-bar{padding:20px 24px 28px}
}
@media (max-width:480px){
  .wrap{padding:40px 20px}
  .msze-cols,.historia-grid{grid-template-columns:1fr;gap:28px}
  .foot-grid{grid-template-columns:1fr}
}
@media (max-width:400px){
  .brand-n{font-size:.8rem}
}

/* ---------- WYDRUK ---------- */
@media print{
  @page{size:A4;margin:12mm}
  .nav,.mob,.hero,footer,.sec-link{display:none!important}
  body{background:#fff}
  section{border-top:none}
  .wrap{padding:0;max-width:100%}
}

/* ==================================================================
   PODSTRONY - style dodane w Fazie 2 (struktura wielostronicowa)
   ================================================================== */

/* ---------- NAGŁÓWEK PODSTRONY ---------- */
.page-head{background:var(--warm);border-bottom:1px solid var(--rule);padding-top:var(--nav-h)}
.page-head-in{max-width:1360px;margin:0 auto;padding:56px 56px 48px}
.page-head h1{font-family:'Playfair Display',serif;font-size:clamp(2rem,4vw,3rem);
  font-weight:700;color:var(--wine);line-height:1.15}
.page-head .lead{margin:18px 0 0;font-size:1.08rem;line-height:1.7;color:var(--ink-mid);max-width:70ch}
.okruchy{font-family:'Lato',sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:18px}
.okruchy a{color:var(--gold)}
.okruchy a:hover{color:var(--wine)}
.okruchy span{opacity:.5;margin:0 6px}

/* ---------- MENU ROZWIJANE ---------- */
.nav-links .ma-pod{position:relative}
.nav-links .ma-pod > a::after{content:"";display:inline-block;width:5px;height:5px;margin-left:7px;
  border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.pod{position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:210px;
  background:var(--white);border:1px solid var(--rule);padding:6px 0;
  opacity:0;visibility:hidden;transition:opacity .15s;z-index:60}
.nav-links .ma-pod:hover .pod,.nav-links .ma-pod:focus-within .pod{opacity:1;visibility:visible}
.pod a{display:block;padding:10px 20px;font-size:.74rem;letter-spacing:.08em;white-space:nowrap}
.pod a:hover{background:var(--warm);color:var(--wine)}
.mob .mob-grupa{padding:16px 24px;border-bottom:1px solid rgba(200,184,152,.35)}
.mob .mob-grupa-t{font-family:'Lato',sans-serif;font-size:.62rem;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.mob .mob-grupa a{display:block;padding:7px 0;border:0;text-transform:none;
  font-family:'Source Serif 4',serif;font-size:1rem;letter-spacing:0;color:var(--ink-mid)}

/* ---------- TEKST CIĄGŁY (podstrony treściowe) ---------- */
.proza{max-width:74ch}
.proza p{font-size:1.08rem;line-height:1.8;color:var(--ink-mid);margin:0 0 1.3em}
.proza h3{font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:500;
  color:var(--wine);margin:2.2em 0 .7em}
.proza h3:first-child{margin-top:0}
.proza ul{margin:0 0 1.3em;padding-left:1.2em}
.proza li{font-size:1.05rem;line-height:1.7;color:var(--ink-mid);margin-bottom:.45em}
.proza strong{font-weight:600;color:var(--ink)}
.proza blockquote{margin:1.6em 0;padding-left:22px;border-left:2px solid var(--gold);
  font-style:italic;font-size:1.08rem;line-height:1.8;color:var(--ink-mid)}

/* ---------- SIATKA KART ---------- */
/* osobne karty z własną ramką i odstępem: puste tory siatki są niewidoczne (dawny wariant
   z tłem --rule i gap 1px pokazywał beżowe pola, gdy kart było mniej niż kolumn) */
.karty{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}
.karta{background:var(--white);border:1px solid var(--rule);padding:28px 26px}
.karta h3{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:500;
  color:var(--wine);margin-bottom:10px}
.karta p{font-size:1rem;line-height:1.65;color:var(--ink-mid);margin:0 0 .7em}
.karta p:last-child{margin-bottom:0}
.karta-meta{font-family:'Lato',sans-serif;font-size:.64rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin-bottom:12px}

/* ---------- DUSZPASTERZE ---------- */
.ksiadz{display:grid;grid-template-columns:150px 1fr;gap:32px;align-items:start;
  padding:32px 0;border-bottom:1px solid var(--rule)}
.ksiadz:last-child{border-bottom:none}
.ksiadz-foto{width:150px;aspect-ratio:3/4;object-fit:cover;background:var(--warm)}
.ksiadz-foto-brak{width:150px;aspect-ratio:3/4;background:var(--warm);border:1px solid var(--rule);
  display:flex;align-items:center;justify-content:center;text-align:center;padding:12px;
  font-family:'Lato',sans-serif;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rule)}
.ksiadz-nazwa{font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:500;color:var(--ink)}
.ksiadz-funkcja{font-family:'Lato',sans-serif;font-size:.66rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin:8px 0 14px}
.ksiadz p{font-size:1.02rem;line-height:1.7;color:var(--ink-mid);margin:0 0 .6em}
@media (max-width:560px){
  .ksiadz{grid-template-columns:1fr;gap:18px}
  .ksiadz-foto,.ksiadz-foto-brak{width:120px}
}

/* ---------- LISTA HISTORYCZNA (poczet proboszczów) ---------- */
.poczet{border-top:1px solid var(--rule)}
.poczet-wiersz{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:13px 0;
  border-bottom:1px solid rgba(200,184,152,.4)}
.poczet-lata{font-weight:600;font-size:.96rem;color:var(--wine)}
.poczet-kto{font-size:1.02rem;color:var(--ink-mid)}
@media (max-width:480px){.poczet-wiersz{grid-template-columns:1fr;gap:2px}}

/* ---------- LISTA NAZWISK (kapłani z parafii, siostry) ---------- */
.nazwiska{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.nazwiska li{list-style:none;background:var(--warm);border:1px solid var(--rule);
  padding:8px 15px;font-size:.98rem;color:var(--ink-mid)}
.nazwiska{padding:0}

/* ---------- STAN PUSTY ---------- */
.pusto{border:1px dashed var(--rule);background:var(--warm);padding:40px 32px;text-align:center}
.pusto p{font-style:italic;font-size:1.05rem;color:var(--ink-mid);margin:0 0 .5em;line-height:1.7}
.pusto p:last-child{margin-bottom:0}
.pusto strong{font-style:normal;font-weight:600;color:var(--wine)}

/* ---------- ZAJAWKI NA STRONIE GŁÓWNEJ ---------- */
.zajawki{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:var(--rule);border:1px solid var(--rule)}
@media (max-width:900px){.zajawki{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.zajawki{grid-template-columns:1fr}}
.zajawka{background:var(--white);padding:30px 26px;display:flex;flex-direction:column;
  transition:background .2s}
.zajawka:hover{background:var(--warm)}
.zajawka h3{font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:500;
  color:var(--wine);margin-bottom:10px}
.zajawka p{font-size:1rem;line-height:1.65;color:var(--ink-mid);margin:0 0 18px;flex:1}
.zajawka-wiecej{font-family:'Lato',sans-serif;font-size:.66rem;letter-spacing:.14em;
  text-transform:uppercase;color:var(--wine)}

/* ---------- DWIE KOLUMNY TREŚCI ---------- */
.dwie{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
@media (max-width:900px){.dwie{grid-template-columns:1fr;gap:40px}}

/* ---------- BLOK KONTAKTOWY ---------- */
.kontakt-wiersz{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:12px 0;
  border-bottom:1px solid rgba(200,184,152,.4)}
.kontakt-wiersz:last-child{border-bottom:none}
.kontakt-et{font-family:'Lato',sans-serif;font-size:.62rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);padding-top:5px}
.kontakt-wart{font-size:1.05rem;color:var(--ink);line-height:1.6}
.kontakt-wart a{border-bottom:1px solid var(--rule)}
@media (max-width:480px){.kontakt-wiersz{grid-template-columns:1fr;gap:3px}.kontakt-et{padding-top:0}}

/* ---------- ZDJĘCIE NA PODSTRONIE ---------- */
.foto-szeroka{position:relative;margin-bottom:40px}
.foto-szeroka img{width:100%;aspect-ratio:21/9;object-fit:cover}
.foto-szeroka-podpis{position:absolute;bottom:0;left:0;background:var(--wine);
  color:rgba(255,255,255,.9);font-family:'Lato',sans-serif;font-size:.65rem;
  letter-spacing:.14em;text-transform:uppercase;padding:8px 16px}
@media (max-width:640px){.foto-szeroka img{aspect-ratio:4/3}}

/* ---------- LINKI DO PDF (intencje, ogłoszenia) ---------- */
.pdf-pobierz{display:inline-flex;align-items:center;gap:9px;margin-top:26px;
  font-family:'Lato',sans-serif;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--wine);border:1px solid var(--rule);padding:11px 18px;
  transition:background .2s,border-color .2s}
.pdf-pobierz:hover{background:var(--wine);border-color:var(--wine);color:var(--white)}
.pdf-pobierz svg{width:15px;height:15px;flex-shrink:0}

/* ==================================================================
   ASTRO (Faza 4) - elementy, których nie było w wersji HTML
   ================================================================== */

/* hero: druga linia tytułu (hero.tytul_kursywa) w złocie, jak w wariancie z Faz 1-2
   (te same wartości co .hero h1 em wyżej); decyzja Łukasza 2026-09-14 */
.hero-l2{display:block;font-size:.82em;font-weight:400;color:rgba(240,210,152,.92)}
.hero-kicker{margin:0 0 14px;font-family:'Lato',sans-serif;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(240,210,152,.92)}
.mr-time-long{white-space:normal;text-align:right;font-weight:500;font-size:.95rem}

/* podstrona: kursywna część tytułu */
.page-head h1 em{font-style:italic;font-weight:400;color:var(--gold)}

/* karty z obrazkiem (aktualności, cele) */
.karty-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.karta-img{width:calc(100% + 52px);margin:-28px -26px 18px;aspect-ratio:16/10;object-fit:cover}
.karta .zajawka-wiecej{display:inline-block;margin-top:6px}

/* albumy galerii: kafle ze zdjęciem 4:3 na całą szerokość i podpisem pod nim; auto-fit
   z górnym limitem szerokości - jeden czy dwa albumy nie rozciągają się na cały ekran */
.karty-albumy{grid-template-columns:repeat(auto-fit,minmax(280px,420px))}
.karty-albumy .karta{padding:0;display:flex;flex-direction:column;transition:border-color .2s}
.karty-albumy .karta:hover{border-color:var(--gold)}
.karty-albumy .karta-img,.album-brak{width:100%;margin:0;aspect-ratio:4/3;object-fit:cover}
.album-brak{background:var(--warm);display:flex;align-items:center;justify-content:center;
  font-family:'Lato',sans-serif;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--rule)}
.album-opis{padding:18px 22px 22px;display:flex;flex-direction:column;flex:1}
.album-opis h3{margin-bottom:6px}
.album-opis p{flex:1}
.album-opis p:last-child{flex:0}

/* album galerii */
.siatka-zdjec{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.siatka-zdjec a{display:block;background:var(--warm)}
.siatka-zdjec img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .2s}
.siatka-zdjec a:hover img{opacity:.85}

/* stan pusty z rich textu (podstrona.tekst) - te same reguły co .pusto p */
.pusto-tekst p{font-style:italic;font-size:1.05rem;color:var(--ink-mid);margin:0 0 .5em;line-height:1.7}
.pusto-tekst p:last-child{margin-bottom:0}
.pusto-tekst strong{font-style:normal;font-weight:600;color:var(--wine)}

/* rich text: pierwszy nagłówek jak tytuł sekcji (np. „Jak zgłosić pogrzeb") */
.proza-h2>h3:first-child{font-size:clamp(1.6rem,2.8vw,2.2rem);font-weight:500;margin:0 0 40px}
.proza ol{margin:0 0 1.3em;padding-left:1.4em}
.proza ol li{font-size:1.05rem;line-height:1.7;color:var(--ink-mid);margin-bottom:.6em;padding-left:.3em}
.proza ol li::marker{font-style:italic;color:var(--gold)}
.proza figure{margin:1.6em 0}
.proza h4{font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:500;color:var(--ink);margin:1.6em 0 .5em}

/* /ogloszenia, /intencje: tydzień (data + tytuł), załącznik-zdjęcie w naturalnych proporcjach, przejście do drugiej strony */
.ogl-tydzien{margin-bottom:28px}
.ogl-tydzien h2{margin:6px 0 0;font-size:clamp(1.5rem,2.6vw,2rem)}
.ogl-obraz{max-width:820px;margin:32px 0 0}
.ogl-obraz img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:var(--white)}
.ogl-obraz a:hover img{border-color:var(--wine)}
.ogl-druga{margin:0}

/* ogłoszenia: numerowana lista jak w wersji HTML (.ogl-*) */
.ogl ol{list-style:none;counter-reset:ogl;padding:0;margin:0}
.ogl ol li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid rgba(200,184,152,.4);font-size:1.02rem;line-height:1.68;color:var(--ink-mid);margin:0}
.ogl ol li::before{counter-increment:ogl;content:counter(ogl) ".";font-style:italic;font-size:1.05rem;color:var(--gold);padding-top:2px}
.ogl ol li:last-child{border-bottom:none}

/* cytat na stronie głównej */
.cytat{margin:0;max-width:70ch;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(1.3rem,2.2vw,1.7rem);line-height:1.5;color:var(--wine)}
.cytat p{margin:0}
.cytat footer{margin-top:18px;font-family:'Lato',sans-serif;font-style:normal;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}

/* przyciski CTA */
.przyciski{display:flex;flex-wrap:wrap;gap:12px}
.przyciski .pdf-pobierz{margin-top:0}
.btn-primary{background:var(--wine);border-color:var(--wine);color:var(--white)}
.btn-primary:hover{background:var(--wine-d);border-color:var(--wine-d)}

/* stopka: linki prawne */
.foot-linki a{color:rgba(255,255,255,.7)}

/* kalendarium: fakty (strona-historia.fakty) */
.fakty{display:flex;flex-wrap:wrap;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-bottom:44px}
.fakt{flex:1 1 160px;background:var(--white);padding:18px 22px;display:flex;flex-direction:column}
.fakt-w{font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--wine)}
.fakt-e{font-family:'Lato',sans-serif;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-top:4px}

/* odstępy pomocnicze (zamiast style="") */
.mt-8{margin-top:8px}.mt-32{margin-top:32px}.mt-36{margin-top:36px}.mt-40{margin-top:40px}.mt-44{margin-top:44px}.mt-56{margin-top:56px}

/* nawigacja: podkreślenie bieżącej strony */
.nav-links a[aria-current="page"]{color:var(--wine)}

/* wspólnoty: szerokie wpisy zamiast siatki kart (jedna wspólnota nie zostawia pustych torów) */
.wspolnoty{border-top:1px solid var(--rule)}
.wspolnota{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:20px 64px;align-items:start;
  padding:40px 0;border-bottom:1px solid var(--rule)}
.wspolnota-foto{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:22px;background:var(--warm)}
.wspolnota h3{font-family:'Playfair Display',serif;font-size:1.5rem;font-weight:500;color:var(--wine);margin-bottom:14px}
.wspolnota .kontakt-wiersz{grid-template-columns:96px 1fr;padding:9px 0}
.wspolnota .kontakt-wart{font-size:1rem}
.wspolnota-tresc .proza p:last-child{margin-bottom:0}
.wspolnota-tresc .pdf-pobierz{margin-top:24px}
.proza-cicho{font-style:italic;color:var(--ink-mid);margin:0}
.proza-nota p{font-style:italic;font-size:1rem;color:var(--ink-mid)}
/* nota wyśrodkowana pod blokiem danych (kontakt: informacja o starej stronie) */
.nota-srodek{max-width:none;margin-top:48px;text-align:center}
.nota-srodek p{max-width:64ch;margin-left:auto;margin-right:auto}
@media (max-width:760px){.wspolnota{grid-template-columns:1fr;gap:12px}.wspolnota-foto{max-width:360px}}
