/* Parafia św. Maksymiliana Marii Kolbego, Łódź-Dąbrowa – propozycja nowej strony (v2).
   Jasny, ciepły minimalizm: biel i krem, atrament, złoto tylko jako akcent; cienkie linie zamiast wypełnień.
   Sora – nagłówki i interfejs, Lora – teksty do czytania. Jeden plik stylów, bez !important. */
@font-face{font-family:Sora;font-style:normal;font-weight:200 700;font-display:swap;src:url(zasoby/fonty/sora-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Sora;font-style:normal;font-weight:200 700;font-display:swap;src:url(zasoby/fonty/sora-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(zasoby/fonty/lora-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lora;font-style:normal;font-weight:400 700;font-display:swap;src:url(zasoby/fonty/lora-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(zasoby/fonty/lora-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Lora;font-style:italic;font-weight:400 700;font-display:swap;src:url(zasoby/fonty/lora-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --bialy:#FFFFFF;
  --krem:#FBF8F5;
  --krem-2:#F6F1EC;
  --atrament:#0B0704;
  --tekst:#2E2924;
  --szary:#5c544b;
  --linia:rgba(11,7,4,.11);
  --linia-2:rgba(11,7,4,.06);
  --zloto:#8A5E0F;
  --zloto-l:#B8893A;
  --zloto-swiatlo:#F3D395;
  --szer:1240px;
  --sora:"Sora",system-ui,-apple-system,"Segoe UI",sans-serif;
  --lora:"Lora",Georgia,"Times New Roman",serif;
  --ease:cubic-bezier(.2,.7,.2,1);
  --r:14px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:96px;overflow-x:hidden;overflow-x:clip}
body{overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--krem);color:var(--atrament);font:16px/1.6 var(--sora);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--sora);font-weight:400;letter-spacing:-.01em;text-wrap:balance}
p{margin:0}
.wrap{max-width:var(--szer);margin:0 auto;padding:0 28px}
@media (max-width:600px){.wrap{padding:0 16px}}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mala{display:block;font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.przeskok{position:absolute;left:12px;top:-60px;z-index:200;background:var(--bialy);color:var(--atrament);padding:10px 16px;border-radius:999px;border:1px solid var(--zloto-l);font-size:14px;text-decoration:none}
.przeskok:focus{top:12px}
:focus-visible{outline:2px solid var(--zloto-l);outline-offset:3px;border-radius:4px}
.propozycja{display:inline-block;padding:3px 10px;border:1px solid var(--zloto-l);border-radius:999px;color:var(--zloto);font-size:13px}

/* ——— przyciski i linki ——— */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:11px 24px;border-radius:999px;border:1px solid var(--zloto-l);background:transparent;color:var(--zloto);font:500 15px/1.2 var(--sora);text-decoration:none;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.btn:hover{background:rgba(184,137,58,.08);border-color:var(--zloto)}
.btn.jasny{border-color:rgba(255,255,255,.72);color:#fff}
.btn.jasny:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn.zloty-jasny{border-color:var(--zloto-swiatlo);color:var(--zloto-swiatlo)}
.btn.zloty-jasny:hover{background:rgba(243,211,149,.12)}
.btn .strz{transition:transform .25s var(--ease)}
.btn:hover .strz{transform:translateX(3px)}
.przyciski{display:flex;flex-wrap:wrap;gap:12px}
.link-linia{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-top:14px;font:600 13px/1 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--atrament);text-decoration:none;padding-bottom:9px;border-bottom:1px solid var(--atrament);white-space:nowrap;transition:color .2s,border-color .2s}
.link-linia:hover{color:var(--zloto);border-color:var(--zloto-l)}
.artykul :is(p,li,dd,td,figcaption,blockquote)>a:not(.btn),.artykul :is(p,li,dd)>b>a,.tekst-link{color:var(--zloto);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.tel{white-space:nowrap}

/* ——— nagłówek ——— */
.naglowek{position:sticky;top:0;z-index:60;border-bottom:1px solid var(--linia)}
.naglowek::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(251,248,245,.9);backdrop-filter:saturate(1.1) blur(14px);-webkit-backdrop-filter:saturate(1.1) blur(14px)}
.naglowek.menu-tlo::before{background:var(--krem)}
.naglowek .wrap{display:flex;align-items:center;gap:20px;height:78px}
.znak{display:flex;align-items:center;gap:13px;text-decoration:none;min-width:0;flex:0 0 auto}
.znak img{width:auto;height:52px;flex:0 0 auto;object-fit:contain;border-radius:0}
.znak .n1{display:block;font:500 15.5px/1.2 var(--sora);letter-spacing:.01em;white-space:nowrap}
.znak .n2{display:block;font:500 13px/1.3 var(--sora);letter-spacing:.16em;text-transform:uppercase;color:var(--szary);margin-top:3px;white-space:nowrap}
.menu{display:flex;align-items:center;gap:2px;margin-left:auto}
.menu>a{position:relative;padding:8px 9px;font:400 14.5px/1 var(--sora);text-decoration:none;color:inherit;border-radius:8px;white-space:nowrap}
.menu>a::after{content:"";position:absolute;left:9px;right:9px;bottom:1px;height:1px;background:var(--zloto-l);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.menu>a:hover::after,.menu>a[aria-current]::after{transform:scaleX(1)}
.menu .menu-cta{margin-left:10px;padding:11px 18px;border:1px solid var(--zloto-l);border-radius:999px;color:var(--zloto);font-weight:500}
.menu .menu-cta::after{display:none}
.menu .menu-cta:hover{background:rgba(184,137,58,.08)}
.menu-grupy{display:none}
.burger{display:none;margin-left:auto;align-items:center;gap:10px;height:44px;padding:0 18px;border:1px solid var(--linia);border-radius:999px;background:transparent;font-size:14.5px;cursor:pointer}
.burger i{position:relative;display:block;width:16px;height:10px}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .3s var(--ease),top .3s var(--ease)}
.burger i::before{top:0}.burger i::after{top:8.5px}
.burger[aria-expanded=true] i::before{top:4.25px;transform:rotate(45deg)}
.burger[aria-expanded=true] i::after{top:4.25px;transform:rotate(-45deg)}
.lupa{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border:1px solid var(--linia);border-radius:50%;color:inherit;text-decoration:none;transition:border-color .2s,color .2s}
.lupa:hover{border-color:var(--zloto-l);color:var(--zloto)}
.lupa svg{width:18px;height:18px}
.menu-szukaj{display:none}
@media (max-width:1500px){
  .naglowek .wrap{gap:14px}
  .menu>a{padding:8px 6px;font-size:14px}
  .menu>a::after{left:6px;right:6px}
  .menu .menu-cta{margin-left:6px;padding:10px 15px}
}
@media (max-width:1239px){
  .burger{display:inline-flex}
  .menu{display:none;position:fixed;inset:78px 0 0 0;z-index:59;margin:0;flex-direction:column;align-items:stretch;gap:0;padding:8px 22px 40px;background:var(--krem);color:var(--atrament);overflow-y:auto;overscroll-behavior:contain}
  .menu.otwarte{display:flex}
  .menu>a{padding:16px 2px;font-size:19px;font-weight:300;border-bottom:1px solid var(--linia);border-radius:0}
  .menu>a::after{display:none}
  .menu .menu-cta{margin:22px 0 0;align-self:flex-start;padding:13px 22px;font-size:15px;font-weight:500;color:var(--zloto);border-color:var(--zloto-l);border-bottom:1px solid var(--zloto-l);border-radius:999px}
  .menu-szukaj{display:flex;gap:8px;margin:14px 0 6px}
  .menu-szukaj input{flex:1;min-width:0;height:48px;padding:0 16px;border:1px solid var(--linia);border-radius:999px;background:var(--bialy);font:400 16px var(--sora)}
  .menu-szukaj button{height:48px;padding:0 18px;border:1px solid var(--zloto-l);border-radius:999px;background:transparent;color:var(--zloto);font-weight:500}
  .lupa.naglowkowa{display:none}
  .menu-grupy{display:block;margin-top:26px;border-top:1px solid var(--linia)}
  .menu-grupy a{display:block;padding:5px 0;font-size:14.5px;color:var(--tekst);text-decoration:none}
  html.menu-otwarte,html.menu-otwarte body{overflow:hidden}
}
@media (max-width:520px){
  .naglowek .wrap{height:68px;gap:12px}
  .menu{inset:68px 0 0 0}
  .znak img{height:46px}
  .znak .n1{font-size:14px}
  .znak .n2{font-size:13px;letter-spacing:.12em}
  .burger{padding:0 14px}

}
.znak>span{min-width:0}
.znak .n1,.znak .n2{overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){.znak{gap:10px}.znak .n1{font-size:14px}.znak .n2{display:none}.burger{padding:0;width:44px;justify-content:center}.burger span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}
@media (max-width:340px){.znak .n1{font-size:13px}.znak .n2{display:none}}

/* ——— pasek „Dziś” na podstronach ——— */
.dzis-pasek{background:var(--bialy);border-bottom:1px solid var(--linia);font-size:13.5px;color:var(--szary)}
.dzis-pasek .wrap{display:flex;align-items:center;gap:8px 26px;min-height:46px;padding-top:8px;padding-bottom:8px;flex-wrap:wrap}
.dzis-pasek b{color:var(--atrament);font-weight:600}
.dzis-pasek .data{display:inline-flex;align-items:center;gap:9px;color:var(--atrament);font-weight:600}
.kropka{width:7px;height:7px;border-radius:50%;background:var(--zloto-l);flex:0 0 auto}
.dzis-pasek a{text-decoration:none}
.dzis-pasek a:hover b{color:var(--zloto)}
@media (max-width:900px){
  .dzis-pasek .wrap{flex-wrap:nowrap;overflow:hidden;position:relative;min-height:44px}
  .dzis-pasek .el{display:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .dzis-pasek .el.on{display:inline;animation:wejdz .5s var(--ease)}
  .dzis-pasek .data{flex:0 0 auto}
}

/* ——— tytuł podstrony ——— */
.tytul{padding:64px 0 56px}
.tytul .okruszki{font-size:13px;color:var(--szary);margin-bottom:18px}
.tytul .okruszki a{text-decoration:none}
.tytul .okruszki a:hover{color:var(--zloto)}
.tytul h1{font-size:clamp(38px,5.2vw,68px);font-weight:300;line-height:1.05;letter-spacing:-.025em;max-width:16em}
.tytul .lead{margin-top:20px;max-width:640px;font:400 19px/1.6 var(--lora);color:var(--tekst)}
.dzial{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.dzial a{padding:8px 15px;border:1px solid var(--linia);border-radius:999px;font-size:13.5px;text-decoration:none;color:var(--tekst);background:var(--bialy);transition:border-color .2s,color .2s}
.dzial a:hover{border-color:var(--zloto-l);color:var(--zloto)}
.dzial a[aria-current]{border-color:var(--zloto-l);color:var(--zloto);background:transparent}
@media (max-width:700px){
  .tytul{padding:38px 0 22px}
  .tytul .lead{font-size:17px}
  .dzial{flex-wrap:nowrap;overflow-x:auto;margin:22px -16px 0;padding:0 16px 4px;scrollbar-width:none}
  .dzial::-webkit-scrollbar{display:none}
  .dzial a{flex:0 0 auto}
}

/* ——— sekcje ——— */
.sekcja{padding:96px 0}
.sekcja.biala{background:var(--bialy);border-top:1px solid var(--linia-2);border-bottom:1px solid var(--linia-2)}
.sekcja.krem2{background:var(--krem-2)}
.sekcja-gora{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:40px}
.sekcja-gora h2,.h2{font-size:clamp(32px,4vw,52px);font-weight:300;line-height:1.08;letter-spacing:-.022em;margin-top:12px}
.sekcja-gora p{margin-top:16px;max-width:560px;font:400 17px/1.65 var(--lora);color:var(--tekst)}
@media (max-width:760px){.sekcja{padding:64px 0}.sekcja-gora{flex-direction:column;align-items:flex-start;margin-bottom:28px}}
.pojaw{opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.pojaw.widac{opacity:1;transform:none}
@keyframes wejdz{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.pojaw{opacity:1;transform:none;transition:none}*{animation:none;transition:none;scroll-behavior:auto}}

/* ——— strona główna: zdjęcie (krzyż San Damiano po prawej, tekst na kremie po lewej) ——— */
.film{position:relative;display:flex;align-items:center;min-height:clamp(500px,calc(100svh - 250px),680px);background:var(--krem);overflow:hidden}
.film-img{display:block;position:absolute;top:0;right:0;bottom:0;left:34%}
.film-img img{width:100%;height:100%;object-fit:cover;object-position:29% 26%}
.film-cien{position:absolute;inset:0;background:linear-gradient(90deg,var(--krem) 37%,rgba(251,248,245,.6) 43%,rgba(251,248,245,0) 50%)}
.film-tresc{position:relative;width:100%;padding-top:56px;padding-bottom:110px}
.film-tresc>*{max-width:min(520px,44%)}
.film .kick{display:none;display:inline-flex;align-items:center;gap:10px;font:600 13px/1.3 var(--sora);letter-spacing:.2em;text-transform:uppercase;color:var(--zloto)}
.film .kick::before{content:"";width:28px;height:1px;background:var(--zloto-l)}
.film h1{margin-top:20px;font-size:clamp(40px,4.6vw,68px);font-weight:300;line-height:1.04;letter-spacing:-.03em;color:var(--atrament)}
.film h1 b{font-weight:500}
.film .pokoj{margin-top:16px;font:italic 400 clamp(20px,2vw,26px)/1.3 var(--lora);color:var(--zloto)}
.film .przyciski{margin-top:30px}
@media (max-width:900px){
  .film{display:block;min-height:0}
  .film-img{position:relative;left:auto;height:min(34svh,280px)}
  .film-img img{object-position:42% 22%}
  .film-cien{inset:auto 0 auto 0;top:calc(min(34svh,280px) - 60px);height:60px;background:linear-gradient(rgba(251,248,245,0),var(--krem))}
  .film-tresc{padding-top:6px;padding-bottom:30px}
  .film-tresc>*{max-width:none}
  .film h1{margin-top:14px;font-size:clamp(34px,8.6vw,52px)}
  .film .kick{display:none;letter-spacing:.12em;font-size:13px}
}

/* ——— patron: portret św. Maksymiliana (1936) + dwie korony ——— */
.patron-foto{position:absolute;top:0;bottom:0;right:max(0px,calc((100% - var(--szer)) / 2));width:min(46%,600px);margin:0;display:flex;justify-content:center}
.patron-foto picture{display:block;height:100%}
.patron-foto img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;object-position:50% 0}
.patron-foto figcaption{position:absolute;right:10%;top:44%;font:italic 400 14px/1.3 var(--lora);color:var(--szary);writing-mode:vertical-rl;transform:rotate(180deg)}
.korony{display:flex;align-items:flex-end;gap:24px}
.korona{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px}
.korona svg{width:74px;height:auto;overflow:visible}
.korona .k-cialo{stroke:#9A6E22;stroke-width:1.3;stroke-linejoin:round}
.korona .k-linia{fill:none;stroke:var(--zloto-l);stroke-width:1;stroke-linecap:round;opacity:.75}
.korona .k-krzyz{stroke-width:1.8;opacity:1;stroke:#9A6E22}
.korona .k-kamien{stroke:#9A6E22;stroke-width:.8}
.korona .k-perla{fill:var(--zloto-l)}
.korona.czerwona .k-linia{stroke:#E9C77E;opacity:.9}
.korona.czerwona .k-perla{fill:#E9C77E}
.korona.biala svg{filter:drop-shadow(0 4px 10px rgba(184,137,58,.35))}
.korona.czerwona svg{filter:drop-shadow(0 4px 10px rgba(122,24,34,.3))}
.korona figcaption{font:italic 400 14px/1 var(--lora);color:var(--szary)}
.korony-opis{margin-top:18px;max-width:420px;font:400 16.5px/1.6 var(--lora);color:var(--tekst)}
.patron h1{margin-top:22px}
/* jednorazowe odegranie (raz na wizytę, nie przy ograniczonym ruchu): linia → wypełnienie → blask → podpisy */
.rysuj .k-cialo{stroke-dasharray:1;animation:k-linia 1.25s cubic-bezier(.45,.05,.25,1) both,k-wypelnij .9s ease-out both}
.rysuj .k-linia{stroke-dasharray:1;animation:k-linia 1.1s cubic-bezier(.45,.05,.25,1) both}
.rysuj .k-kamien,.rysuj .k-perla{animation:k-foto .8s ease-out both}
.rysuj .biala :is(.k-linia,.k-kamien,.k-perla){animation-delay:1.1s}.rysuj .czerwona :is(.k-linia,.k-kamien,.k-perla){animation-delay:1.5s}
.rysuj .biala .k-cialo{animation-delay:.25s,1.35s}
.rysuj .k-cialo{fill-opacity:1}
.rysuj .czerwona .k-cialo{animation-delay:.55s,1.75s}
.rysuj .biala svg{animation:k-blask-b 1.6s ease-out 1.35s both}
.rysuj .czerwona svg{animation:k-blask-c 1.6s ease-out 1.75s both}
.rysuj .korona figcaption,.rysuj .korony-opis{animation:wejdz .7s var(--ease) both}
.rysuj .biala figcaption{animation-delay:2.1s}.rysuj .czerwona figcaption{animation-delay:2.4s}.rysuj .korony-opis{animation-delay:2.7s}
.rysuj .patron-foto img{animation:k-foto 1.6s ease-out both}
@keyframes k-linia{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes k-wypelnij{from{fill-opacity:0}to{fill-opacity:1}}
@keyframes k-blask-b{0%{filter:drop-shadow(0 0 0 rgba(243,211,149,0))}45%{filter:drop-shadow(0 0 16px rgba(243,211,149,1))}100%{filter:drop-shadow(0 3px 9px rgba(184,137,58,.38))}}
@keyframes k-blask-c{0%{filter:drop-shadow(0 0 0 rgba(161,42,51,0))}45%{filter:drop-shadow(0 0 16px rgba(161,42,51,.55))}100%{filter:drop-shadow(0 3px 9px rgba(161,42,51,.28))}}
@keyframes k-foto{from{opacity:0}to{opacity:1}}
@media (max-width:900px){
  .patron-foto{position:relative;right:auto;width:auto;height:min(44svh,360px);margin:8px auto 0}
  .patron-foto figcaption{right:2px;top:auto;bottom:18%}
  .korony{margin-top:0;gap:18px}
  .korona svg{width:62px}
  .korony-opis{font-size:16px}
}

/* „Posłuchaj historii” – cichy przycisk; gra tylko po kliknięciu */
.sluchaj{position:relative;display:inline-flex;align-items:center;gap:6px;margin-top:16px;max-width:100%}
.sl-gra{display:inline-flex;align-items:center;gap:12px;min-height:46px;padding:6px 20px 6px 6px;border:1px solid var(--zloto-l);border-radius:999px;background:transparent;color:var(--atrament);font:500 15px/1.2 var(--sora);cursor:pointer;transition:background .25s}
.sl-gra:hover{background:rgba(184,137,58,.08)}
.sl-ik{width:34px;height:34px;padding:5px;border-radius:50%;background:var(--zloto-l);fill:#fff;flex:0 0 auto}
.sl-pauza,.sluchaj.gra .sl-play{display:none}.sluchaj.gra .sl-pauza{display:block}
.sl-czas{font-weight:400;color:var(--szary);font-variant-numeric:tabular-nums}
.sl-stop{display:none;min-height:44px;padding:0 12px;border:0;background:none;color:var(--szary);font:400 14px var(--sora);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sluchaj.gra .sl-stop,.sluchaj.pauza .sl-stop{display:inline-block}
.sl-pasek{position:absolute;left:24px;width:calc(100% - 150px);min-width:120px;bottom:-9px;height:2px;border-radius:2px;background:var(--linia);opacity:0;transition:opacity .4s}
.sl-pasek i{display:block;height:100%;width:0;border-radius:inherit;background:var(--zloto-l)}
.sluchaj.gra .sl-pasek,.sluchaj.pauza .sl-pasek{opacity:1}

/* „Dziś” – jasna karta pod zdjęciem */
.dzis-panel{position:relative;z-index:2;margin-top:-72px;padding-bottom:8px}
.dzis-szklo{display:grid;grid-template-columns:1.35fr 1.25fr 1fr 1fr;border:1px solid var(--linia);border-radius:18px;background:#fff;box-shadow:0 18px 50px -30px rgba(11,7,4,.35);overflow:hidden}
.dzis-szklo>div{padding:20px 22px;border-left:1px solid var(--linia);min-width:0}
.dzis-szklo>:first-child{border-left:0}
.dzis-szklo .mala{margin-bottom:8px}
.dz-data{font:500 17px/1.3 var(--sora)}
.dz-swiety{margin-top:6px;font:italic 400 15px/1.45 var(--lora);color:var(--tekst)}
.dz-swiety:empty,.dz-tag:empty{display:none}
.dz-swiety em{display:block;font:600 13px/1.5 var(--sora);font-style:normal;letter-spacing:.12em;text-transform:uppercase;color:var(--szary)}
.dz-okres{display:flex;align-items:center;gap:7px;margin-top:8px;font-size:14px;line-height:1.4;color:var(--szary)}
.dz-okres i{flex:0 0 auto;width:7px;height:7px;border-radius:50%;background:var(--kolor,#5d7f55)}
.dz-tag{display:inline-block;margin-top:8px;padding:3px 9px;border:1px solid var(--zloto-l);border-radius:999px;font:600 13px/1.4 var(--sora);letter-spacing:.08em;text-transform:uppercase;color:var(--zloto)}
.dz-godz{display:flex;flex-wrap:wrap;gap:4px 12px;font:300 21px/1.25 var(--sora);letter-spacing:-.01em}
.dz-godz span{color:var(--tekst)}
.dz-godz span.nast{color:var(--atrament);font-weight:500;position:relative}
.dz-godz span.nast::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1.5px;background:var(--zloto-l)}
.dz-godz span.minelo{color:#8a8178}
.dz-pod{margin-top:9px;font-size:13.5px;line-height:1.45;color:var(--tekst)}
.dz-pod b{font-weight:600;color:var(--atrament)}
.dz-link{display:inline-flex;align-items:center;min-height:44px;margin:0 0 -10px;font-size:14px;color:var(--zloto);text-decoration:underline;text-underline-offset:3px}
.status{display:flex;align-items:flex-start;gap:9px;font-size:14px;line-height:1.45}
.status i{flex:0 0 auto;width:8px;height:8px;margin-top:6px;border-radius:50%;background:#b9b1a8}
.status.otwarta i{background:#6aa86f;box-shadow:0 0 0 4px rgba(106,168,111,.18)}
@media (max-width:1100px){.dzis-szklo{grid-template-columns:1fr 1fr}.dzis-szklo>:nth-child(3){border-left:0}.dzis-szklo>:nth-child(n+3){border-top:1px solid var(--linia)}}
@media (max-width:900px){.dzis-panel{margin-top:0}}
@media (max-width:600px){
  .dzis-panel .wrap{padding:0}
  .dzis-szklo{grid-template-columns:1fr;border-width:1px 0;border-radius:0;box-shadow:none}
  .dzis-szklo>div{border-left:0;border-top:1px solid var(--linia);padding:18px 16px}
  .dzis-szklo>:first-child{border-top:0}
}

/* ——— Czego szukasz? ——— */
.szukasz{background:var(--bialy);border-bottom:1px solid var(--linia)}
.szukasz .wrap{padding-top:26px;padding-bottom:26px}
.szukasz-l{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-top:16px;border-top:1px solid var(--linia)}
.szukasz-l a{display:flex;flex-direction:column;gap:4px;padding:16px 14px 6px;border-left:1px solid var(--linia);text-decoration:none;min-width:0;transition:background .2s}
.szukasz-l a:first-child{border-left:0;padding-left:0}
.szukasz-l b{font:400 19px/1.25 var(--sora);letter-spacing:-.01em;transition:color .2s}
.szukasz-l span{font-size:14px;color:var(--szary);line-height:1.4}
.szukasz-l a:hover b{color:var(--zloto)}
@media (max-width:1000px){.szukasz-l{grid-template-columns:repeat(3,minmax(0,1fr))}.szukasz-l a:nth-child(4){border-left:0;padding-left:0}.szukasz-l a:nth-child(n+4){border-top:1px solid var(--linia)}.szukasz-l a{padding-bottom:16px}}
@media (max-width:600px){.szukasz-l{grid-template-columns:1fr 1fr}.szukasz-l a{padding:14px 12px 14px}.szukasz-l a:nth-child(odd){border-left:0;padding-left:0}.szukasz-l a:nth-child(4){border-left:1px solid var(--linia);padding-left:12px}.szukasz-l a:nth-child(n+3){border-top:1px solid var(--linia)}.szukasz-l b{font-size:17px}}

/* ——— Teraz w parafii (bieżące sprawy) ——— */
.sprawy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.sprawa{display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;padding:26px;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);text-decoration:none;color:inherit;transition:border-color .25s,transform .35s var(--ease)}
.sprawa:hover{border-color:var(--zloto-l);transform:translateY(-2px)}
.sprawa-ik{width:96px;height:96px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--linia-2);background:var(--krem)}
.sprawa-ik img{width:100%;height:100%;object-fit:cover}
.sprawa-ik.logo img{object-fit:contain;padding:12px}
.sprawa-ik svg{width:40px;height:40px}
.sprawa h3{margin-top:8px;font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.015em}
.sprawa p{margin-top:8px;font:400 15.5px/1.6 var(--lora);color:var(--tekst)}
.sprawa .link-linia{margin-top:6px;font-size:13px;padding-bottom:7px}
.sprawa:hover .link-linia{color:var(--zloto);border-color:var(--zloto-l)}
.sprawa ul{margin:12px 0 0;padding:0;list-style:none;font:400 14.5px/1.55 var(--lora);color:var(--tekst)}
.sprawa ul li{position:relative;padding:7px 0 7px 16px;border-top:1px solid var(--linia-2)}
.sprawa ul li::before{content:"";position:absolute;left:0;top:16px;width:5px;height:5px;border-radius:50%;background:var(--zloto-l)}
.sprawa.ogl-k{grid-row:span 3;grid-template-columns:minmax(0,1fr);align-self:start}
.sprawa.ogl-k>div{display:flex;flex-direction:column}
.sprawa.ogl-k .link-linia{align-self:flex-start}
.sprawa.ogl-k .sprawa-ik{display:none}
.sprawa[hidden]{display:none}
@media (max-width:900px){.sprawy{grid-template-columns:minmax(0,1fr)}.sprawa.ogl-k{grid-row:auto;align-self:start}}
@media (max-width:520px){.sprawa{grid-template-columns:64px 1fr;gap:16px;padding:20px}.sprawa-ik{width:64px;height:64px}.sprawa h3{font-size:20px}}
@media (max-width:380px){.sprawa{grid-template-columns:1fr;gap:12px}.sprawa-ik{width:48px;height:48px}}

/* ——— Msze: duże cyfry ——— */
.msze-karty{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:16px}
.mk{padding:26px 26px 24px;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);min-width:0}
.mk .godz{--godz:min(32px,calc(((min(100vw,1240px) - 88px) * .4595 - 52px) / 15));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:.8em;row-gap:.25em;margin-top:14px;font-size:var(--godz);font-variant-numeric:tabular-nums}
.mk .godz[data-msze=pow]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:calc(7em + .8em)}
.mk .godz span{white-space:nowrap;font-size:1em}
@media (max-width:1000px){.mk .godz{--godz:min(32px,calc((100vw - 108px) / 15))}}
@media (max-width:600px){.mk .godz{--godz:min(26px,calc((100vw - 76px) / 15))}.mk .godz[data-msze=pow]{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}}
@media (max-width:400px){.mk .godz{--godz:calc((100vw - 68px) / 15)}}
@media (max-width:400px){.mk{padding:18px}}
.mk .godz span{position:relative;font-weight:200;line-height:1.12;font-family:var(--sora);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.mk .godz sup{position:absolute;left:100%;top:.1em;margin-left:2px;font:500 13px/1 var(--sora);color:var(--zloto)}
.mk .godz span.nast{color:var(--zloto)}
.mk .godz span.nast{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px;text-decoration-color:var(--zloto-l)}
.mk p{margin-top:18px;font-size:13.5px;line-height:1.55;color:var(--szary)}
.mk p b{color:var(--atrament);font-weight:600}
.mk.tekstowa p{font:400 16px/1.6 var(--lora);color:var(--tekst);margin-top:12px}
.mk .link-linia{margin-top:6px;font-size:13px;padding-bottom:7px}
@media (max-width:1000px){.msze-karty{grid-template-columns:1fr 1fr}.msze-karty .mk:first-child{grid-column:1/-1}}
@media (max-width:600px){.msze-karty{grid-template-columns:1fr}.mk{padding:22px}}

/* ——— karty aktualności ——— */
.karty3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.karta{display:block;text-decoration:none;color:inherit;min-width:0}
.karta .foto{aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:var(--krem-2)}
.karta .foto img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}
.karta:hover .foto img{transform:scale(1.035)}
.karta .kiedy{margin-top:16px;font-size:14px;letter-spacing:.04em;color:var(--szary)}
.karta h3{margin-top:6px;font-size:22px;font-weight:400;line-height:1.25;letter-spacing:-.015em;transition:color .2s}
.karta:hover h3{color:var(--zloto)}
.karta p{margin-top:8px;font:400 15.5px/1.6 var(--lora);color:var(--tekst)}
@media (max-width:900px){.karty3{grid-template-columns:1fr 1fr}.karty3 .karta:nth-child(3){display:none}}
@media (max-width:600px){.karty3{grid-template-columns:1fr;gap:30px}.karty3 .karta:nth-child(3){display:block}}

/* ——— mozaika zdjęć ——— */
.mozaika{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;grid-auto-flow:dense;gap:12px}
.kafel{position:relative;display:block;border-radius:12px;overflow:hidden;background:var(--krem-2);text-decoration:none;color:#fff;border:0;padding:0;cursor:zoom-in}
.kafel img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.kafel:hover img{transform:scale(1.04)}
.kafel.duzy{grid-column:span 2;grid-row:span 2}
.kafel.wys{grid-row:span 2}
.kafel.szer{grid-column:span 2}
.kafel .kafel-t{position:absolute;left:0;right:0;bottom:0;padding:40px 16px 14px;background:linear-gradient(transparent,rgba(11,7,4,.55));font:400 15px/1.3 var(--sora);text-align:left;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s var(--ease)}
.kafel:hover .kafel-t,.kafel:focus-visible .kafel-t{opacity:1;transform:none}
@media (max-width:900px){.mozaika{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px}}
@media (max-width:520px){.mozaika{grid-auto-rows:140px;gap:8px}}

/* ——— sakramenty (kafle ze zdjęciem) ——— */
.sak-siatka{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sak{position:relative;display:block;aspect-ratio:3/4;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff;background:#3a2f26}
.sak img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform 1s var(--ease)}
.sak:hover img{transform:scale(1.04)}
.sak span{position:absolute;inset:auto 0 0 0;padding:70px 18px 18px;background:linear-gradient(rgba(30,20,10,0),rgba(30,20,10,.55) 35%,rgba(30,20,10,.78))}
.sak b{display:block;font:300 26px/1.1 var(--sora);letter-spacing:-.02em}
.sak small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.8em;margin-top:6px;font-size:13px;line-height:1.4;color:rgba(255,255,255,.85)}
@media (max-width:900px){.sak-siatka{grid-template-columns:repeat(2,minmax(0,1fr))}.sak{aspect-ratio:4/3}}
@media (max-width:520px){.sak-siatka{gap:8px}.sak{aspect-ratio:1/1}.sak b{font-size:21px}.sak span{padding:40px 12px 12px}.sak small{display:none}}

/* ——— wspólnoty ——— */
.wsp-uklad{display:grid;grid-template-columns:5fr 7fr;gap:56px;align-items:start}
.wsp-foto{border-radius:var(--r);overflow:hidden;position:sticky;top:110px}
.wsp-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.wsp-lista{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia)}
.wsp-lista li{border-bottom:1px solid var(--linia)}
.wsp-lista a,.wsp-lista .w{display:grid;grid-template-columns:1fr auto;gap:4px 18px;padding:16px 0;text-decoration:none;color:inherit}
.wsp-lista b{font:400 19px/1.3 var(--sora);letter-spacing:-.01em;transition:color .2s}
.wsp-lista small{grid-column:1;font:400 14px/1.5 var(--lora);color:var(--szary)}
.wsp-lista time{grid-row:1/span 2;grid-column:2;align-self:center;font-size:14px;color:var(--zloto);text-align:right;max-width:200px}
.wsp-lista a:hover b{color:var(--zloto)}
@media (max-width:900px){.wsp-uklad{grid-template-columns:1fr;gap:28px}.wsp-foto{position:static}.wsp-foto img{aspect-ratio:16/9}}
@media (max-width:520px){.wsp-lista a,.wsp-lista .w{grid-template-columns:1fr}.wsp-lista time{grid-row:auto;grid-column:1;text-align:left;max-width:none}}

/* ——— cytat patrona ——— */
.cytat-sek{padding:110px 0;background:var(--krem-2);text-align:center;border-top:1px solid var(--linia-2)}
.cytat-sek img{width:auto;height:88px;object-fit:contain;margin:0 auto 26px;opacity:.9}
.cytat-sek blockquote{margin:0 auto;max-width:860px;font:italic 400 clamp(24px,3vw,36px)/1.45 var(--lora);color:var(--atrament)}
.cytat-sek cite{display:block;margin-top:22px;font:600 13px/1.4 var(--sora);font-style:normal;letter-spacing:.16em;text-transform:uppercase;color:var(--zloto)}
@media (max-width:600px){.cytat-sek{padding:72px 0}}

/* ——— stopka ——— */
.stopka{background:var(--krem-2);border-top:1px solid var(--linia);color:var(--tekst);font-size:14.5px}
.stopka .wrap{padding-top:72px;padding-bottom:30px}
.stopka .siatka{display:grid;grid-template-columns:minmax(250px,1.25fr) minmax(150px,.8fr) minmax(250px,1.2fr) minmax(190px,1fr) minmax(190px,1fr);gap:32px}
.stopka a[href^=mailto]{overflow-wrap:anywhere}
@media (min-width:641px){.stopka a[href^=mailto]{white-space:nowrap;overflow-wrap:normal}}
.nw{white-space:nowrap}
.stopka .uwaga{margin-top:10px;font-size:13px;line-height:1.5;color:var(--szary)}
.stopka h2{font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto);margin-bottom:14px}
.stopka p,.stopka li{line-height:1.8}
.stopka li a,.stopka p>a{display:inline-block;padding:5px 0}
.stopka ul{list-style:none;margin:0;padding:0}
.stopka a{text-decoration:none}
.stopka a:hover{color:var(--zloto)}
.stopka .znak{margin-bottom:18px}
.stopka .konto{font-variant-numeric:tabular-nums;font-weight:600;color:var(--atrament);letter-spacing:.01em}
.kopiuj{margin-top:10px;padding:7px 14px;border:1px solid var(--zloto-l);border-radius:999px;background:transparent;color:var(--zloto);font-size:13px;cursor:pointer}
.kopiuj:hover{background:rgba(184,137,58,.08)}
.partnerzy{display:flex;flex-wrap:wrap;align-items:center;gap:22px 44px;margin-top:56px;padding-top:30px;border-top:1px solid var(--linia)}
.partnerzy a{display:flex;align-items:center;justify-content:center;opacity:.75;transition:opacity .25s}
.partnerzy a:hover{opacity:.85}
.partnerzy img{filter:brightness(0)}
.partnerzy img{height:44px;width:auto;max-width:210px;object-fit:contain}
.stopka .dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:30px;padding-top:22px;border-top:1px solid var(--linia);font-size:14px;color:var(--szary)}
@media (max-width:1239px){.stopka .siatka{grid-template-columns:1fr 1fr 1fr}.stopka .siatka>:first-child{grid-column:1/-1}}
@media (max-width:640px){.stopka .wrap{padding-top:52px}.stopka .siatka{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px 20px}.stopka .siatka>:nth-child(n+4){grid-column:1/-1}.partnerzy{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px}.partnerzy img{height:38px;max-width:100%}}
@media (max-width:400px){.stopka .siatka{grid-template-columns:minmax(0,1fr)}.stopka .siatka>*{grid-column:auto}}

/* ——— treść podstron ——— */
.tresc{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start;padding-bottom:110px}
.tresc.waska{grid-template-columns:minmax(0,760px);justify-content:start}
.artykul{font:400 18px/1.75 var(--lora);color:var(--tekst);min-width:0}
.artykul>*+*{margin-top:1.05em}
.artykul>.fakty,.artykul>.odnosnik,.artykul>.kontakty,.artykul>.osoby{margin-top:28px}
.artykul h2{margin-top:2.1em;font-size:clamp(26px,2.6vw,34px);font-weight:300;line-height:1.2;letter-spacing:-.02em;color:var(--atrament)}
.artykul h3{margin-top:1.9em;font-size:21px;font-weight:500;line-height:1.3;color:var(--atrament)}
.artykul h4{margin-top:1.6em;font-size:17px;font-weight:600;color:var(--atrament)}
.artykul>h2:first-child,.artykul>h3:first-child,.artykul>figure:first-child,.artykul>:first-child{margin-top:0}
.artykul ul,.artykul ol{padding-left:1.25em}
.artykul li+li{margin-top:.4em}
.artykul li::marker{color:var(--zloto-l)}
.artykul b,.artykul strong{color:var(--atrament);font-weight:600}
.artykul figure{margin:1.6em 0 0}
.artykul figure img{width:100%;border-radius:12px}
.artykul figure.logo img{width:auto;max-width:min(360px,100%);border-radius:0}
.artykul figcaption{margin-top:10px;font:400 13.5px/1.5 var(--sora);color:var(--szary)}
.artykul blockquote{margin:1.6em 0 0;padding:4px 0 4px 24px;border-left:1px solid var(--zloto-l);font-style:italic;font-size:20px;line-height:1.6;color:var(--atrament)}
.artykul .wst{font-size:20px;line-height:1.7;color:var(--atrament)}
.artykul .nota{padding:16px 0 16px 20px;border-left:1px solid var(--zloto-l);font-size:16.5px}
.artykul .male{font:400 14px/1.6 var(--sora);color:var(--szary)}
.artykul table{width:100%;border-collapse:collapse;font:400 15px/1.5 var(--sora)}
.artykul td,.artykul th{padding:10px 8px;border-bottom:1px solid var(--linia);text-align:left;vertical-align:top}
.artykul details{border-top:1px solid var(--linia);border-bottom:1px solid var(--linia);padding:0}
.artykul details+details{border-top:0;margin-top:0}
.artykul summary{cursor:pointer;list-style:none;padding:18px 34px 18px 0;position:relative;font:400 18px/1.4 var(--sora);color:var(--atrament)}
.artykul summary::-webkit-details-marker{display:none}
.artykul summary::after{content:"";position:absolute;right:6px;top:24px;width:9px;height:9px;border-right:1.5px solid var(--zloto-l);border-bottom:1.5px solid var(--zloto-l);transform:rotate(45deg);transition:transform .3s}
.artykul details[open] summary::after{transform:rotate(-135deg);top:28px}
.artykul details>:not(summary){margin-bottom:18px}
.kroki{list-style:none;counter-reset:k;padding:0}
.artykul .kroki{padding-left:0}
.kroki>li{counter-increment:k;position:relative;padding:4px 0 4px 54px;min-height:40px}
.kroki>li::before{content:counter(k);position:absolute;left:0;top:0;width:36px;height:36px;border:1px solid var(--zloto-l);border-radius:50%;display:flex;align-items:center;justify-content:center;font:400 15px/1 var(--sora);color:var(--zloto)}
.kroki>li+li{margin-top:16px}
.fakty{margin:0;padding:22px 24px;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);font:400 15px/1.55 var(--sora)}
.fakty dt{font:600 13px/1.4 var(--sora);letter-spacing:.12em;text-transform:uppercase;color:var(--zloto)}
.fakty dd{margin:4px 0 0;color:var(--atrament)}
.fakty dd+dt{margin-top:16px;padding-top:16px;border-top:1px solid var(--linia-2)}
.fakty a{color:var(--zloto)}
.bok{position:sticky;top:110px;display:flex;flex-direction:column;gap:18px;min-width:0}
.bok-foto{border-radius:var(--r);overflow:hidden}
.bok-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.bok .karta-k{padding:22px 24px;border:1px solid var(--linia);border-radius:var(--r);background:var(--bialy);font-size:14.5px;line-height:1.55}
.bok .karta-k b.duze{display:block;margin-top:6px;font:300 26px/1.2 var(--sora);letter-spacing:-.01em}
.bok .karta-k p{margin-top:8px;color:var(--szary)}
.bok .karta-k a{color:var(--zloto)}
.galeria-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:1.4em}
.galeria-siatka a{display:block;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:var(--krem-2);cursor:zoom-in}
.galeria-siatka img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.galeria-siatka a:hover img{transform:scale(1.04)}
.zdjecia2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.zdjecia2 img{width:100%;height:100%;object-fit:cover;border-radius:12px;aspect-ratio:4/3}
.odnosnik{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;border:1px solid var(--zloto-l);border-radius:var(--r);background:var(--bialy);text-decoration:none;color:inherit;transition:background .25s}
.odnosnik:hover{background:rgba(184,137,58,.05)}
.odnosnik b{display:block;font:400 19px/1.3 var(--sora);color:var(--atrament)}
.odnosnik small{display:block;margin-top:4px;font:400 14px/1.5 var(--sora);color:var(--szary)}
.odnosnik .strz{flex:0 0 auto;color:var(--zloto);font-size:22px}
.artykul .odnosnik{text-decoration:none}
@media (max-width:1000px){.tresc{grid-template-columns:minmax(0,1fr) 260px;gap:36px}}
@media (max-width:700px){.tresc{grid-template-columns:1fr;gap:40px}.bok{position:static}.bok-foto img{aspect-ratio:16/10}.bok.linki{order:-1;flex-direction:row;flex-wrap:wrap;gap:10px}.bok.linki .odnosnik{flex:1 1 240px;padding:14px 18px}}
@media (max-width:600px){.artykul{font-size:17px}.artykul .wst{font-size:18.5px}.tresc{padding-bottom:72px}.galeria-siatka{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.zdjecia2{grid-template-columns:1fr}}

.artykul .film-yt{position:relative;display:block;border-radius:12px;overflow:hidden;text-decoration:none;color:#fff}
.artykul .film-yt img{width:100%;aspect-ratio:16/9;object-fit:cover}
.artykul .film-yt span{position:absolute;left:16px;bottom:16px;padding:10px 16px;border-radius:999px;background:rgba(11,7,4,.6);font:500 14px/1 var(--sora);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}

.kontakty{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.kontakty .fakty{font-size:14px}
@media (max-width:700px){.kontakty{grid-template-columns:minmax(0,1fr)}}
.fakty{min-width:0}.fakty dd{overflow-wrap:anywhere}
.artykul dd>b+small,.artykul dd>small{display:block}

/* ——— nabożeństwa ——— */
.nb{display:grid;gap:56px;padding-bottom:110px}
.nb>section>.msze-karty,.nb>section>.karty-nb,.nb>section>.wiersze{margin-top:22px}
.nb h2{font-size:clamp(26px,2.8vw,36px);font-weight:300;letter-spacing:-.02em}
.nb h2 small{display:block;margin-top:6px;font:400 15px/1.4 var(--sora);color:var(--szary);letter-spacing:0}
.wiersze{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--linia)}
.wiersze li{display:grid;grid-template-columns:170px 1fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--linia);font:400 16px/1.55 var(--sora);color:var(--tekst)}
.wiersze li b{font-weight:600}
.nb .int-info{font:400 16px/1.65 var(--lora);color:var(--tekst)}
.wiersze time,.wiersze .d{font:400 16px/1.55 var(--sora);color:var(--atrament)}
.wiersze b{font-family:var(--sora);font-weight:500;color:var(--atrament)}
.wiersze a{color:var(--zloto)}
.wiersze li.dzis .d{font-weight:600}
.wiersze li.dzis .d::after{content:"dziś";margin-left:10px;font:600 13px/1 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.wiersze .wstrz{color:var(--szary)}
.wiersze .wstrz em{font-style:normal;font-size:13px;margin-left:6px}
.sezon{margin-top:18px;padding-left:18px;border-left:1px solid var(--zloto-l);font:400 16.5px/1.65 var(--lora);color:var(--tekst)}
.sezon b{color:var(--atrament)}
.karty-nb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.karty-nb article{padding:24px;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r);font:400 15.5px/1.6 var(--lora);color:var(--tekst)}
.karty-nb article.teraz{border-color:var(--zloto-l);box-shadow:0 0 0 1px var(--zloto-l) inset}
.karty-nb .etyk{display:flex;align-items:center;gap:8px;font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.karty-nb .etyk i{font-style:normal;padding:3px 8px;border:1px solid var(--zloto-l);border-radius:999px;font-size:13px}
.karty-nb h3{margin:10px 0 8px;font-size:20px;font-weight:400;color:var(--atrament)}
.karty-nb ul{list-style:none;margin:0;padding:0}
.karty-nb ul li{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:4px 0}
.karty-nb ul time{font-family:var(--sora);color:var(--atrament)}
.karty-nb details{margin-top:12px;font-size:14.5px}
.karty-nb summary{cursor:pointer;font:500 13.5px/1.4 var(--sora);color:var(--zloto)}
@media (max-width:900px){.karty-nb{grid-template-columns:1fr}.wiersze li{grid-template-columns:130px 1fr}}
@media (max-width:520px){.wiersze li{grid-template-columns:1fr;gap:4px}}

/* ——— intencje / celebransi / spowiednicy ——— */
.przegl{padding-bottom:110px}
.tydz{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:16px;max-width:780px;margin-bottom:24px}
.tydz button{width:48px;height:48px;border-radius:50%;border:1px solid var(--linia);background:var(--bialy);cursor:pointer;font-size:18px;transition:border-color .2s}
.tydz button:hover:not(:disabled){border-color:var(--zloto-l);color:var(--zloto)}
.tydz button:disabled{opacity:.3;cursor:default}
.tydz-nazwa{text-align:center}
.tydz-nazwa b{display:block;margin-top:4px;font:300 clamp(24px,3vw,32px)/1.2 var(--sora);letter-spacing:-.02em}
.tydz-nazwa small{display:block;margin-top:4px;font:italic 400 15px/1.4 var(--lora);color:var(--szary)}
.dni{max-width:780px;display:flex;flex-direction:column;gap:12px}
.dzien{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:22px 24px;background:var(--bialy);border:1px solid var(--linia);border-radius:var(--r)}
.dzien.dzis{border-color:var(--zloto-l);box-shadow:0 0 0 1px var(--zloto-l) inset}
.dzien.minal{opacity:.62}
.dzien .dd b{display:block;font:200 44px/1 var(--sora);letter-spacing:-.03em}
.dzien .dd span{display:block;margin-top:6px;font-size:13px;color:var(--szary)}
.dzien.dzis .dd span{color:var(--zloto);font-weight:600}
.dzien .sw{font:italic 400 15px/1.5 var(--lora);color:var(--szary);margin-bottom:10px}
.msza{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:11px 0;border-top:1px solid var(--linia-2)}
.msza:first-of-type{border-top:0}
.dzien .sw+.msza{border-top:1px solid var(--linia-2)}
.msza .g{font:500 16px/1.5 var(--sora)}
.msza.nast .g{color:var(--zloto)}
.msza ul{list-style:none;margin:0;padding:0;font:400 16px/1.55 var(--lora);color:var(--tekst)}
.msza li+li{margin-top:7px;padding-top:7px;border-top:1px dashed var(--linia)}
.msza li small{display:block;margin-top:2px;font:400 14px/1.4 var(--sora);color:var(--szary)}
.msza .kr{font-style:normal;color:var(--zloto)}
.caly-tydz{align-self:center;margin-top:8px}
.int-info{max-width:780px;margin-top:30px;font-size:15px;line-height:1.6;color:var(--szary)}
.int-info a{color:var(--zloto)}
@media (max-width:600px){.dzien{grid-template-columns:1fr;gap:8px;padding:18px}.dzien .dd{display:flex;align-items:baseline;gap:12px}.dzien .dd b{font-size:34px}.msza{grid-template-columns:54px 1fr;gap:10px}.tydz{grid-template-columns:44px 1fr 44px;gap:8px}.tydz button{width:44px;height:44px}}

/* ——— ogłoszenia ——— */
.ogl{display:grid;grid-template-columns:270px minmax(0,1fr);grid-template-areas:"lista tresc" "arch tresc";grid-template-rows:auto 1fr;gap:0 48px;align-items:start;padding-bottom:110px}
.ogl>.ogl-lista{grid-area:lista}.ogl>.ogl-tresc{grid-area:tresc}.ogl>.archiwum{grid-area:arch;margin-top:30px}
.ogl>.archiwum ul{columns:1}
.ogl>.archiwum summary{font-size:20px;padding:12px 0;min-height:44px}
.ogl>.archiwum li a{grid-template-columns:96px minmax(0,1fr);font-size:14px}
.ogl-lista{display:flex;flex-direction:column;border-top:1px solid var(--linia)}
.ogl-lista a{display:block;padding:13px 14px;border-bottom:1px solid var(--linia);border-left:2px solid transparent;text-decoration:none;transition:background .2s}
.ogl-lista a b{display:block;font:500 14.5px/1.35 var(--sora)}
.ogl-lista a span{display:block;margin-top:3px;font-size:14px;color:var(--szary)}
.ogl-lista a:hover{background:var(--bialy)}
.ogl-lista a[aria-current]{border-left-color:var(--zloto-l);background:var(--bialy)}
.ogl-lista .wszystkie{font-size:13px;color:var(--zloto);text-decoration:underline;text-underline-offset:3px;border:0;padding:14px}
.ogl-tresc{padding:40px 48px 44px;background:var(--bialy);border:1px solid var(--linia);border-radius:18px;min-width:0}
.ogl-tresc h2{margin-top:10px;font-size:clamp(28px,3vw,38px);font-weight:300;letter-spacing:-.02em;line-height:1.15}
.pkt{list-style:none;margin:28px 0 0;padding:0;border-top:1px solid var(--linia);counter-reset:p}
.pkt li{counter-increment:p;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:18px 0;border-bottom:1px solid var(--linia);font:400 17px/1.7 var(--lora);color:var(--tekst)}
.pkt li::before{content:counter(p);font:200 26px/1.1 var(--sora);color:var(--zloto-l)}
.pkt li strong,.pkt li b{color:var(--atrament)}
.pkt a{color:var(--zloto)}
.ogl-nav{display:flex;justify-content:space-between;gap:16px;margin-top:28px}
.ogl-nav a{display:flex;flex-direction:column;gap:3px;padding:14px 18px;border:1px solid var(--linia);border-radius:12px;text-decoration:none;font-size:14.5px;max-width:48%}
.ogl-nav a small{font:600 13px/1.3 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.ogl-nav a:hover{border-color:var(--zloto-l)}
.ogl-nav .nast{margin-left:auto;text-align:right}
.archiwum{margin-top:56px}
.archiwum details{border-top:1px solid var(--linia)}
.archiwum details:last-child{border-bottom:1px solid var(--linia)}
.archiwum summary{cursor:pointer;padding:16px 0;font:300 24px/1.2 var(--sora);list-style:none}
.archiwum summary::-webkit-details-marker{display:none}
.archiwum summary small{font-size:13px;color:var(--szary);margin-left:10px}
.archiwum ul{list-style:none;margin:0 0 18px;padding:0;columns:2;column-gap:32px}
.archiwum li{break-inside:avoid}
.archiwum li a{display:grid;grid-template-columns:118px minmax(0,1fr);gap:10px;padding:7px 0;text-decoration:none;font-size:14.5px;border-bottom:1px solid var(--linia-2)}
.archiwum li a time{color:var(--szary)}
.archiwum li a:hover span{color:var(--zloto)}
.archiwum li a[aria-current] span{color:var(--zloto);font-weight:600}
@media (max-width:1000px){.ogl{grid-template-columns:1fr;grid-template-areas:"lista" "tresc" "arch";grid-template-rows:auto;gap:24px}.ogl>.archiwum ul{columns:2}.ogl-lista{position:static;max-height:none;flex-direction:row;overflow-x:auto;border-top:0;gap:8px;scrollbar-width:none;margin:0 -28px;padding:0 28px 4px}.ogl-lista::-webkit-scrollbar{display:none}.ogl-lista a{flex:0 0 auto;border:1px solid var(--linia);border-radius:12px;background:var(--bialy);max-width:220px}.ogl-lista a[aria-current]{border-color:var(--zloto-l)}.ogl-lista .wszystkie{align-self:center;flex:0 0 auto}}
@media (max-width:600px){.ogl-lista{margin:0 -16px;padding:0 16px 4px}.ogl-tresc{padding:26px 18px 28px;border-radius:14px}.pkt li{grid-template-columns:28px 1fr;gap:8px;font-size:16.5px}.pkt li::before{font-size:22px}.archiwum ul{columns:1}.ogl-nav{flex-direction:column}.ogl-nav a{max-width:none}.archiwum li a{grid-template-columns:100px minmax(0,1fr)}}

/* ——— lista aktualności ——— */
.akt-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;padding-bottom:40px}
.akt-siatka{grid-auto-flow:dense}
.akt-siatka .karta.wyr,.akt-siatka .karta.szer2{grid-column:span 2}
.akt-siatka .karta.wyr .foto,.akt-siatka .karta.szer2 .foto{aspect-ratio:16/9}
.akt-siatka .karta.wyr h3{font-size:30px;font-weight:300}
.akt-rok{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin-top:20px;font:300 28px/1 var(--sora);letter-spacing:-.02em}
.akt-rok::after{content:"";flex:1;height:1px;background:var(--linia)}
@media (max-width:900px){.akt-siatka{grid-template-columns:1fr 1fr}.akt-siatka .karta.szer2{grid-column:auto}.akt-siatka .karta.wyr{grid-column:1/-1}}
@media (max-width:560px){.akt-siatka{grid-template-columns:1fr;gap:32px}.akt-siatka .karta.wyr{grid-column:auto}}
.wpis-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px;color:var(--szary)}
.wpis-meta a{color:var(--zloto)}
.okladka{margin:0 0 8px;border-radius:16px;overflow:hidden}
.okladka img{width:100%;max-height:620px;object-fit:cover}

/* ——— osoby (duszpasterze) ——— */
.osoby{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:26px 20px}
.osoba{display:block;text-decoration:none;color:inherit;min-width:0}
.osoba img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px;background:var(--krem-2);transition:transform .8s var(--ease)}
.osoba:hover img{transform:scale(1.02)}
.osoba b{display:block;margin-top:12px;font:500 16px/1.3 var(--sora)}
.osoba small{display:block;margin-top:3px;font-size:14px;line-height:1.45;color:var(--szary)}
.osoba:hover b{color:var(--zloto)}
.artykul .osoby{margin-top:1.4em}

/* ——— kancelaria ——— */
.kanc-tydz{list-style:none;margin:20px 0 0;padding:0;border-top:1px solid var(--linia)}
.kanc-tydz li{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--linia)}
.kanc-tydz .d{font:400 16px/1.5 var(--sora);color:var(--atrament)}
.kanc-tydz li.dzis .d{font-weight:600}
.kanc-tydz li.dzis .d::after{content:"dziś";margin-left:10px;font:600 13px/1 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.kanc-tydz .s{display:flex;flex-direction:column;gap:6px;font:400 16px/1.5 var(--sora)}
.kanc-tydz .s>span:not(.zamk){display:grid;grid-template-columns:7.5em 1fr;gap:10px}
.kanc-tydz .s time{font:600 16px/1.5 var(--sora);font-variant-numeric:tabular-nums;color:var(--atrament)}
.kanc-tydz .zamk{color:var(--szary)}
.telefony{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin-top:20px}
.telefony a{display:flex;flex-direction:column;gap:4px;padding:20px 22px;border:1px solid var(--linia);border-radius:var(--r);background:var(--bialy);text-decoration:none;font-family:var(--sora)}
.telefony a span{font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.telefony a b{font:300 24px/1.25 var(--sora);letter-spacing:-.01em;color:var(--atrament);white-space:nowrap}
.telefony a small{font-size:13px;color:var(--szary)}
.telefony a:hover{border-color:var(--zloto-l)}
.status-duzy{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px 20px;border:1px solid var(--linia);border-radius:12px;background:var(--bialy);font:400 15.5px/1.5 var(--sora)}
.status-duzy i{width:10px;height:10px;border-radius:50%;background:#b9b1a8;flex:0 0 auto}
.status-duzy.otwarta{border-color:rgba(106,168,111,.5)}
.status-duzy.otwarta i{background:#6aa86f;box-shadow:0 0 0 5px rgba(106,168,111,.18)}
@media (max-width:760px){.telefony{grid-template-columns:1fr}.kanc-tydz li{grid-template-columns:1fr;gap:4px}}

/* ——— galeria na całym ekranie ——— */
html.bez-przewijania{overflow:hidden}
.gal{position:fixed;inset:0;z-index:300;background:#140f0b;color:#fff;display:grid;grid-template-rows:auto 1fr auto;opacity:0;transition:opacity .3s}
.gal.on{opacity:1}
.gal[hidden]{display:none}
.gal-tlo{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(40px) brightness(.38);transform:scale(1.1)}
.gal-gora{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px}
.gal-gora b{display:block;font:400 16px/1.3 var(--sora)}
.gal-licz{font-size:13px;color:rgba(255,255,255,.7)}
.gal-przyc{display:flex;gap:8px}
.gal button{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);color:#fff;border-radius:999px;cursor:pointer}
.gal-x{width:44px;height:44px;font-size:22px;line-height:1}
.gal-scena{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:0 70px}
.gal-fig{position:relative;margin:0;width:100%;height:100%}
.gal-img{position:absolute;inset:0;margin:auto;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;opacity:0;transition:opacity .45s}
.gal-img.on{opacity:1}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;font-size:26px;z-index:2}
.gal-l{left:12px}.gal-p{right:12px}
.gal-pasek{position:relative;display:flex;gap:6px;padding:12px 20px 18px;overflow-x:auto;scrollbar-width:none}
.gal-pasek::-webkit-scrollbar{display:none}
.gal-pasek button{flex:0 0 auto;width:64px;height:48px;padding:0;border-radius:6px;overflow:hidden;opacity:.5;border-color:transparent}
.gal-pasek button.on{opacity:1;border-color:#fff}
.gal-pasek img{width:100%;height:100%;object-fit:cover}
@media (max-width:600px){.gal-scena{padding:0 6px}.gal-nav{display:none}}

/* ——— kontakt ——— */
.kontakt-siatka{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.mapa{width:100%;height:420px;border:0;border-radius:var(--r);margin-top:1.4em;background:var(--krem-2)}
@media (max-width:900px){.kontakt-siatka{grid-template-columns:1fr}}

/* ——— 404 ——— */
.brak{padding:80px 0 140px}

/* ——— mapa ładowana po kliknięciu (Google dopiero na życzenie) ——— */
.mapa-zast{position:relative;display:block;width:100%;height:420px;margin-top:1.4em;border-radius:var(--r);overflow:hidden;background:var(--krem-2)}
.mapa-zast img{width:100%;height:100%;object-fit:cover}
.mapa-zast button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:48px;padding:12px 24px;border:1px solid var(--zloto-l);border-radius:999px;background:rgba(255,255,255,.95);color:var(--zloto);font:500 15px/1.2 var(--sora);cursor:pointer}
.mapa-zast button:hover{background:#fff}
.mapa-zast iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:600px){.mapa-zast{height:320px}}

/* ——— wpisy: jedna wyśrodkowana kolumna ——— */
.wpis-kol{max-width:816px}
.tresc.wpis{grid-template-columns:minmax(0,760px);justify-content:center}
.tresc.wpis .galeria-siatka{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}

/* ——— historia: oś czasu ——— */
.os-czasu{list-style:none;margin:0;padding:6px 0 6px 18px;border-left:1px solid var(--zloto-l);display:flex;flex-direction:column;gap:2px}
.os-czasu a{display:block;padding:6px 0;font:400 15px/1.35 var(--sora);text-decoration:none;color:var(--tekst)}
.os-czasu a:hover{color:var(--zloto)}
.os-czasu b{display:block;font-weight:500;color:var(--atrament)}
@media (max-width:1000px){.bok.os{display:none}}

/* ——— ogłoszenia: dawne ——— */
.ogl-nota{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:22px;padding:14px 18px;border:1px solid var(--zloto-l);border-radius:12px;font-size:14.5px;line-height:1.5}
.ogl-nota a{color:var(--zloto);font-weight:500}
.archiwum-lata{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media (max-width:640px){.ogl-tresc{padding:4px 0 0;border:0;border-radius:0;background:transparent}}

/* ——— nawigacja między stronami jednego rodzaju ——— */
.sasiedzi{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid var(--linia)}
.sasiedzi a{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border:1px solid var(--linia);border-radius:12px;text-decoration:none;font-size:14.5px;max-width:48%}
.sasiedzi a:hover{border-color:var(--zloto-l)}
.sasiedzi small{font:600 13px/1.3 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.sasiedzi .nast{margin-left:auto;text-align:right}
.sasiedzi .wszystkie{flex-basis:100%;max-width:none;align-items:center;text-align:center}
@media (max-width:520px){.sasiedzi a{max-width:none;flex:1 1 100%}.sasiedzi .nast{text-align:left}}

/* ——— szukaj ——— */
.szukaj-form{display:flex;gap:10px;max-width:640px}
.szukaj-form input{flex:1;min-width:0;height:54px;padding:0 20px;border:1px solid var(--linia);border-radius:999px;background:var(--bialy);font:400 17px var(--sora);color:var(--atrament)}
.szukaj-form input:focus{outline:2px solid var(--zloto-l);outline-offset:2px}
.wyniki{list-style:none;margin:30px 0 0;padding:0;max-width:820px;border-top:1px solid var(--linia)}
.wyniki li{border-bottom:1px solid var(--linia)}
.wyniki a{display:block;padding:18px 0;text-decoration:none}
.wyniki small{font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.wyniki b{display:block;margin-top:4px;font:400 20px/1.3 var(--sora)}
.wyniki p{margin-top:6px;font:400 15.5px/1.6 var(--lora);color:var(--tekst)}
.wyniki mark{background:rgba(184,137,58,.18);color:inherit;border-radius:3px}
.wyniki a:hover b{color:var(--zloto)}
.szukaj-info{margin-top:18px;font-size:14px;color:var(--szary)}

/* ——— aktualności: starsze lata ——— */
.starsze{margin-top:10px}
.starsze>summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;min-height:46px;padding:11px 24px;border:1px solid var(--zloto-l);border-radius:999px;color:var(--zloto);font:500 15px/1.2 var(--sora)}
.starsze>summary::-webkit-details-marker{display:none}
.starsze[open]>summary{display:none}
.przegl-uklad .int-info{max-width:none}
.tydz-brak{max-width:780px;margin:-8px 0 18px;text-align:center;font-size:13.5px;color:var(--szary)}
.sprawa{align-self:start}

/* ——— karta z inicjałem zamiast słabego zdjęcia ——— */
.inicjal{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:100%;background:var(--krem-2);box-shadow:inset 0 0 0 1px var(--linia-2)}
.inicjal span{font:200 clamp(64px,7vw,104px)/1 var(--sora);color:var(--zloto-l);letter-spacing:-.04em}
.inicjal img{width:auto;height:88px;object-fit:contain;opacity:.85}
.bok-foto .inicjal{aspect-ratio:4/5}
@media (max-width:1000px){.bok-foto .inicjal{aspect-ratio:16/10}}
.bok-foto .inicjal img,.karta .foto .inicjal img{width:auto;height:88px;aspect-ratio:auto;object-fit:contain;transform:none}

.stopka .znak{flex:0 1 auto}
.stopka .znak .n1,.stopka .znak .n2{white-space:nowrap;overflow:visible}

.ogl-tresc>.pkt:first-child{margin-top:0;border-top:0}
.mapa-zast button{white-space:nowrap;padding:12px 20px}
.nw,.g-nw{white-space:nowrap}
/* sakramenty na tablecie */
@media (min-width:700px) and (max-width:900px){.sak-siatka{grid-template-columns:repeat(3,minmax(0,1fr))}.sak{aspect-ratio:3/4}}
/* bracia: 3×3 na komputerze, lista z małym zdjęciem na telefonie */
.osoby.trzy{grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px}
.osoba img{object-position:50% 8%}
@media (max-width:640px){
  .osoby{grid-template-columns:1fr;gap:0;border-top:1px solid var(--linia)}
  .osoby.trzy{grid-template-columns:1fr}
  .osoba{display:grid;grid-template-columns:72px 1fr;grid-template-rows:auto auto;column-gap:16px;align-content:center;padding:12px 0;border-bottom:1px solid var(--linia)}
  .osoba img{grid-row:1/3;width:72px;height:90px;border-radius:10px}
  .osoba b{margin-top:0;align-self:end}
  .osoba small{align-self:start}
}
/* galeria we wpisie: najpierw 8 zdjęć */
.galeria-siatka.zwinieta>a:nth-child(n+9){display:none}
.pokaz-wszystkie{margin-top:16px}
.tresc.wpis .galeria-siatka{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:600px){.tresc.wpis .galeria-siatka{grid-template-columns:repeat(3,minmax(0,1fr))}.galeria-siatka.zwinieta>a:nth-child(n+10){display:none}.galeria-siatka.zwinieta>a:nth-child(9){display:block}}
/* wspólnota bez zdjęcia – karta tekstowa */
.karta.tekstowa{display:block;padding:20px 22px 22px;border-top:1px solid var(--zloto-l);background:transparent;align-self:start}
.karta.tekstowa .tau{display:none}
.karta.tekstowa .kiedy{margin-top:0}
.karta.tekstowa h3{margin-top:6px}
.takze h2{margin:56px 0 18px;font-size:clamp(24px,2.6vw,32px);font-weight:300}
.takze .karty3{row-gap:8px}
@media (max-width:600px){.karta.tekstowa{padding:16px 0 18px}}
/* biblioteka: duże zdjęcie + trzy małe */
.mini3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mini3 img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}
@media (max-width:520px){.mini3{gap:6px}}
.msza .cel{margin-top:6px;font:400 14px/1.4 var(--sora);color:var(--szary)}
.karty-nb .etyk .potem{font:500 13px/1.4 var(--sora);letter-spacing:0;text-transform:none;color:var(--szary)}
.karty-nb article:has(.potem:not([hidden])) .etyk{color:var(--szary)}
.kanc-tydz .zamk small{display:block;font:400 14px/1.4 var(--sora);color:var(--szary)}
.stopka .znak{flex-direction:column;align-items:flex-start;gap:10px}

/* ——— wiersz „Msze dziś” pod tytułem (tylko telefon) ——— */
.msze-tel{display:none}
@media (max-width:600px){
  .msze-tel{display:block;margin-top:14px;font:400 15px/1.5 var(--sora);color:var(--tekst)}
  .msze-tel b{display:block;font:600 13px/1.4 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto);margin-bottom:2px}
  .msze-tel span{font:300 22px/1.3 var(--sora);font-variant-numeric:tabular-nums;color:var(--atrament)}
  .msze-tel span .nast{color:var(--zloto);font-weight:500}
  .film .przyciski{display:none}
  .film h1{font-size:clamp(30px,8vw,38px)}
  .film .pokoj{margin-top:8px;font-size:19px}
  .gl-msze{display:none}
  .sprawa.ogl-k ul li:nth-child(n+4){display:none}
  .sprawy{gap:12px}
  .sprawa{grid-template-columns:52px 1fr;gap:14px;padding:18px}
  .sprawa-ik{width:52px;height:52px}
  .sprawa p{font-size:15px}
  .mozaika .kafel:nth-child(n+6){display:none}
  .mozaika .kafel.wys{grid-row:span 1}
  .dzis-szklo>div:nth-child(2){display:none}
  .sak-siatka .sak{aspect-ratio:3/2}
  .karty3.glowne{gap:0}
  .karty3.glowne .karta{display:grid;grid-template-columns:112px 1fr;column-gap:14px;padding:14px 0;border-top:1px solid var(--linia)}
  .karty3.glowne .karta .foto{grid-row:1/4;aspect-ratio:1/1;border-radius:10px}
  .karty3.glowne .karta .kiedy{margin-top:0}
  .karty3.glowne .karta h3{font-size:18px}
  .karty3.glowne .karta p{display:none}
  .karty3.glowne .karta:nth-child(3){display:grid}
  .wsp-lista li:nth-child(n+5){display:none}
  .wsp-foto{display:none}
  .sekcja{padding:52px 0}
}

@media (max-width:900px){
  .dzis-pasek .el{display:none}
  .dzis-pasek .el.tel{display:inline;animation:none}
  .dzis-pasek .wrap{gap:6px 16px;flex-wrap:wrap}
}

.osoby.pelne{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:none}
.osoba-wszyscy{display:flex;flex-direction:column;justify-content:center;gap:8px;aspect-ratio:4/5;padding:20px;border:1px solid var(--zloto-l);border-radius:12px;text-decoration:none;color:var(--zloto);font:400 18px/1.3 var(--sora)}
.osoba-wszyscy small{color:var(--szary);font-size:14px}
@media (max-width:640px){.osoba-wszyscy{aspect-ratio:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:16px 0;border:0;border-bottom:1px solid var(--linia);border-radius:0}}
.zmarli{list-style:none;margin:8px 0 0;padding:0}
.zmarli li{padding:2px 0}
summary{min-height:44px;display:flex;align-items:center}
.karty-nb summary{padding:10px 0}
details>summary{cursor:pointer}
.artykul summary{display:block}
/* zdjęcia HDR/z drona – spokojniej, w ciepłej palecie */
img.spokojnie,.spokojnie img{filter:saturate(.8) contrast(.94) sepia(.08)}
/* podpis w podglądzie zdjęć */
.gal-podpis{position:relative;padding:0 20px 4px;text-align:center;font-size:14px;color:rgba(255,255,255,.85);min-height:1.4em}
/* menu na tablecie i telefonie: grupy rozwijane */
.menu-grupy details{border-bottom:1px solid var(--linia)}
.menu-grupy summary{list-style:none;justify-content:space-between;font:600 13px/1.3 var(--sora);letter-spacing:.14em;text-transform:uppercase;color:var(--zloto)}
.menu-grupy summary::-webkit-details-marker{display:none}
.menu-grupy summary::after{content:"+";font-size:18px;font-weight:300}
.menu-grupy details[open] summary::after{content:"–"}
.menu-grupy details a{padding:10px 0;font-size:16px}
@media (max-width:600px){.glowna .sekcja-gora p{display:none}.cytat-sek{padding:48px 0}.cytat-sek img{height:64px}.glowna .sekcja-gora{margin-bottom:20px}}
.mk .godz span:has(sup){padding-right:.45em}
.mk .godz span:has(sup) sup{left:auto;right:0}

.msze-tel-wrap{display:none}
@media (max-width:900px){
  .film .btn{color:#fff;border-color:rgba(255,255,255,.75)}
  .film .btn:hover{background:rgba(255,255,255,.12)}
  .film{display:block;position:relative;min-height:min(72svh,560px);background:#2a211a}
  .film-img{position:absolute;inset:0;height:auto}
  .film-img img{object-position:42% 30%}
  .film-cien{inset:0;top:0;height:auto;background:linear-gradient(180deg,rgba(20,12,6,0) 30%,rgba(20,12,6,.35) 52%,rgba(20,12,6,.8) 100%)}
  .film-tresc{position:absolute;left:0;right:0;bottom:0;padding:0 16px 58px;color:#fff}
  .film h1{color:#fff;font-size:clamp(32px,9vw,42px);text-shadow:0 2px 18px rgba(0,0,0,.35)}
  .film .pokoj{color:var(--zloto-swiatlo)}
  .film-tresc .msze-tel{display:none}
  .film-tresc{padding-bottom:40px}
}
@media (max-width:600px){
  .film-tresc{padding-bottom:58px}
  .msze-tel-wrap{display:block;position:relative;z-index:3;margin-top:-34px}
  .msze-tel-wrap .msze-tel{display:block;margin:0;padding:16px 18px;background:#fff;border:1px solid var(--linia);border-radius:14px;box-shadow:0 14px 34px -22px rgba(11,7,4,.45)}
}

.stopka li a,.stopka p>a:not(.tel){display:inline-flex;align-items:center;min-height:44px;padding:0}
.stopka p a.tel{display:inline-flex;align-items:center;min-height:44px}
.stopka li{line-height:1.3}
.stopka .dol a{display:inline-block;padding:13px 0}
.kopiuj{min-height:44px}
.archiwum li a{padding-block:12px;min-height:44px;align-items:center}
.status small{display:block;font:400 14px/1.4 var(--sora)}
.cytat-sek cite span{display:block}
.cytat-sek cite{text-wrap:balance}
.dz-pod,.status span{text-wrap:balance}
.sprawa-ik.logo img.mono{filter:grayscale(1) sepia(.5) saturate(1.4) hue-rotate(-8deg) opacity(.8)}
@media (max-width:760px){
  .sekcja .wrap{display:flex;flex-direction:column}
  .sekcja-gora{display:contents}
  .sekcja-gora>div{order:0;margin-bottom:22px}
  .sekcja-gora>.link-linia{order:99;margin-top:22px;align-self:flex-start}
}
/* desktop: zdjęcie kończy się łagodnie w tle pod kartą „Dziś” */
@media (min-width:901px){.film-cien{background:linear-gradient(90deg,var(--krem) 37%,rgba(251,248,245,.6) 43%,rgba(251,248,245,0) 50%),linear-gradient(180deg,rgba(251,248,245,0) 70%,var(--krem) 100%)}}
.wyniki{min-height:60vh}
#szukaj-info{min-height:1.6em}
.tresc.wpis figure img,.artykul figure img{height:auto}
.stopka .znak .n2{white-space:normal;letter-spacing:.1em}
.sprawa .link-linia{white-space:normal;line-height:1.3}
.artykul .mk{container-type:inline-size}
.artykul .mk .godz{font-size:min(var(--godz),calc(100cqi / 15))}
/* poziome paski (chipsy, lista niedziel) przewijają się tylko w sobie, nigdy szerzej niż strona */
.dzial,.ogl-lista{overscroll-behavior-x:contain;max-width:100vw}
/* portret brata: naturalne proporcje, na telefonie na górze */
.osoba img{object-position:50% 0}
.bok.portret .bok-foto img{aspect-ratio:auto;height:auto;object-fit:contain}
@media (max-width:700px){.bok.portret{order:-1}.bok.portret .bok-foto{width:66%;max-width:300px}}
/* sakramenty: duże zdjęcie u góry strony */
.sak-okladka img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}
.zrodlo-zdjec{margin-top:40px}
/* nagłówek nigdy nie wychodzi poza ekran: znak się kurczy, przyciski nie */
.naglowek .wrap{max-width:100%;box-sizing:border-box}
.naglowek .wrap>.znak{flex:1 1 auto;min-width:0}
.naglowek .burger,.naglowek .lupa{flex-shrink:0}
@media (max-width:600px){.naglowek .znak .n2{display:none}}
/* patron na telefonie/tablecie: jasno, portret u góry, tekst pod nim (nadpisuje ciemny układ starego zdjęcia) */
@media (max-width:900px){
  .film.patron{min-height:0;background:var(--krem)}
  .film.patron .film-tresc{position:relative;padding:0 16px 34px;color:var(--atrament)}
  .film.patron h1{color:var(--atrament);text-shadow:none}
  .film.patron .pokoj{color:var(--zloto)}
  .film.patron .btn{color:var(--zloto);border-color:var(--zloto-l)}
  .film.patron .btn:hover{background:rgba(184,137,58,.08)}
  .film.patron .korony{margin-top:0}
}
@media (min-width:601px) and (max-width:900px){.film.patron .film-tresc{padding:0 28px 40px}}
@media (max-width:600px){.film.patron .film-tresc{padding-bottom:52px}}
@media (max-width:700px){.patron-foto figcaption{display:none}.patron-foto{height:min(40svh,330px)}}
@media (min-width:701px) and (max-width:900px){
  .film.patron{display:flex;align-items:center;min-height:600px}
  .film.patron .patron-foto{position:absolute;top:0;bottom:0;right:0;width:50%;height:auto;margin:0}
  .film.patron .patron-foto figcaption{right:4%;top:40%;bottom:auto}
  .film.patron .film-tresc{padding-top:36px;padding-bottom:44px}
  .film.patron .film-tresc>*{max-width:54%}
  .film.patron .korony{margin-top:0}
  .film.patron h1{font-size:clamp(34px,5.4vw,44px)}
}
/* korony na portrecie: ofiarowane obok głowy, nałożone na siebie („Wybrał obie”) */
.patron-foto .korony{position:absolute;left:4%;top:8%;z-index:2;display:block;width:160px;height:110px;margin:0}
.patron-foto .korona{position:absolute;bottom:0}
.patron-foto .korona svg{width:96px}
.patron-foto .korona.biala{left:0;z-index:2;transform:rotate(-7deg)}
.patron-foto .korona.czerwona{left:52px;bottom:24px;z-index:1;transform:rotate(8deg)}
.film.patron h1{margin-top:0}
.film.patron .korony-opis{margin-top:20px}
.rysuj .patron-foto .korona.biala{animation:k-zbliz-b 1.3s cubic-bezier(.3,.7,.2,1) 2s both}
.rysuj .patron-foto .korona.czerwona{animation:k-zbliz-c 1.3s cubic-bezier(.3,.7,.2,1) 2s both}
@keyframes k-zbliz-b{from{transform:translate(-36px,14px) rotate(-14deg)}to{transform:rotate(-7deg)}}
@keyframes k-zbliz-c{from{transform:translate(58px,-4px) rotate(16deg)}to{transform:rotate(8deg)}}
@media (max-width:900px){
  .patron-foto .korony{left:calc(50% - 168px);top:3%;transform:scale(.66);transform-origin:left top}
  .film.patron .film-tresc{padding-top:6px}
}
@media (max-width:380px){.patron-foto .korony{left:4px}}
/* korony z ChatGPT (obraz): wyłaniają się ze światła, potem nakładają na siebie */
.patron-foto .korony{width:190px;height:120px}
.patron-foto .korona img{display:block;width:118px;height:auto;filter:drop-shadow(0 6px 12px rgba(110,72,18,.22))}
.patron-foto .korona.czerwona{left:62px;bottom:30px}
.rysuj .patron-foto .korona img{animation:k-swiatlo 1.7s ease-out both}
.rysuj .patron-foto .korona.biala img{animation-delay:.3s}
.rysuj .patron-foto .korona.czerwona img{animation-delay:.45s}
@keyframes k-swiatlo{from{opacity:0;filter:blur(10px) brightness(1.9) drop-shadow(0 0 0 rgba(243,211,149,0))}60%{opacity:1;filter:blur(0) brightness(1.25) drop-shadow(0 0 22px rgba(243,211,149,.9))}to{opacity:1;filter:blur(0) brightness(1) drop-shadow(0 6px 12px rgba(110,72,18,.22))}}
/* misterium „Dwie korony” – raz na wizytę, pomijane dotknięciem */
html.mis-trwa{overflow:hidden}
.misterium{position:fixed;inset:0;z-index:1000;background:var(--krem);transition:opacity 1s ease}
.misterium[hidden]{display:none}
.misterium.koniec{opacity:0;pointer-events:none}
.mis-pytanie,.mis-odp{position:absolute;left:0;right:0;margin:0;padding:0 24px;text-align:center;font:italic 400 clamp(24px,3.2vw,38px)/1.3 var(--lora);color:var(--tekst);opacity:0;transition:opacity 1.1s ease}
.mis-pytanie{top:50%;transform:translateY(-50%)}
.mis-odp{bottom:18%;font-size:clamp(20px,2.4vw,28px);color:var(--zloto)}
.mis-pytanie.widac,.mis-odp.widac{opacity:1}
.mis-scena{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.4s ease}
.mis-scena.widac{opacity:1}
.mis-pomin{position:absolute;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));min-height:44px;padding:0 18px;border:1px solid var(--linia);border-radius:999px;background:transparent;color:var(--szary);font:400 14px var(--sora);cursor:pointer}
/* korony przy portrecie: w wolnym tle po lewej, nie na głowie */
.patron-foto .korony{left:-2%;top:10%}
.patron-foto .korona.czerwona{left:44px;bottom:34px}
@media (max-width:900px){.patron-foto .korony{left:calc(50% - 196px);top:2%}}
@media (max-width:380px){.patron-foto .korony{left:0}}
@media (max-width:900px){.patron-foto .korony{left:max(8px,calc(50% - 186px))}}
/* pasek odtwarzacza – zostaje na dole, gdy słuchacz chodzi po stronie */
.odtw{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:900;max-width:560px;margin:0 auto;box-sizing:border-box;display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid var(--linia);border-radius:999px;background:rgba(251,248,245,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 40px -18px rgba(11,7,4,.35);animation:wejdz .4s var(--ease) both}
.odtw-gra{flex:0 0 auto;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:var(--zloto-l);cursor:pointer}
.odtw-gra svg{width:24px;height:24px;fill:#fff;display:block;margin:auto}
.odtw .o-pauza,.odtw.gra .o-play{display:none}.odtw.gra .o-pauza{display:block}
.odtw-opis{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.odtw-opis b{font:500 14.5px/1.25 var(--sora);color:var(--atrament);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odtw-opis span{font:italic 400 13px/1.3 var(--lora);color:var(--szary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.odtw-czas{flex:0 0 auto;font:400 13px var(--sora);color:var(--szary);font-variant-numeric:tabular-nums}
.odtw-wylacz{flex:0 0 auto;min-height:44px;padding:0 16px;border:1px solid var(--zloto-l);border-radius:999px;background:transparent;color:var(--zloto);font:500 14px var(--sora);cursor:pointer}
.odtw-wylacz:hover{background:rgba(184,137,58,.08)}
.odtw-pasek{position:absolute;left:28px;right:28px;bottom:-1px;height:2px;border-radius:2px;background:transparent;overflow:hidden}
.odtw-pasek i{display:block;height:100%;width:0;background:var(--zloto-l)}
html.odtw-wlaczony body{padding-bottom:84px}
@media (max-width:420px){.odtw-czas{display:none}.odtw-opis span{display:none}}
/* korony przy portrecie: tylko wyłaniają się z mgły, w miejscu (iPhone rysował prostokąty przy animowanym cieniu/rozjaśnieniu) */
.patron-foto .korona img{filter:none}
.rysuj .patron-foto .korona.biala,.rysuj .patron-foto .korona.czerwona{animation:none}
.rysuj .patron-foto .korona img{animation:k-mgla 2.6s ease-out both;will-change:opacity,filter}
.rysuj .patron-foto .korona.biala img{animation-delay:.2s}
.rysuj .patron-foto .korona.czerwona img{animation-delay:.9s}
@keyframes k-mgla{from{opacity:0;filter:blur(12px)}55%{opacity:.8;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
.rysuj .korony-opis{animation-delay:.3s}
/* misterium: korony razem, wyłaniają się z kremowej mgły (bez filtrów – same gradienty) */
.mis-mgla{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mis-mgla i{position:absolute;left:50%;top:52%;width:68vmax;height:34vmax;margin:-17vmax 0 0 -34vmax;border-radius:50%;
  background:radial-gradient(closest-side,rgba(251,248,245,.96),rgba(251,248,245,.88) 40%,rgba(251,248,245,.45) 70%,rgba(251,248,245,0));
  transition:transform 5s cubic-bezier(.25,.6,.2,1),opacity 4.2s ease-in}
.mis-mgla i:nth-child(1){--x:-38vmax;--y:-6vmax}.mis-mgla i:nth-child(2){--x:36vmax;--y:4vmax;transition-delay:.25s}
.mis-mgla i:nth-child(3){--x:-20vmax;--y:12vmax;transition-delay:.5s}.mis-mgla i:nth-child(4){--x:24vmax;--y:-12vmax;transition-delay:.7s}
.mis-mgla i:nth-child(5){--x:6vmax;--y:16vmax;transition-delay:1s}.mis-mgla i:nth-child(6){--x:-4vmax;--y:-16vmax;transition-delay:1.3s}
.rozwiewa .mis-mgla i{opacity:0;transform:translate(var(--x),var(--y)) scale(1.35)}
.mis-scena{transition:opacity 2.2s ease}
.mis-pytanie{z-index:3}.mis-odp{z-index:3}
/* poprawki po recenzji 7.11 */
.misterium{transition:opacity .8s ease}
.gasnie .mis-scena,.gasnie .mis-odp,.gasnie .mis-pytanie,.gasnie .mis-pomin{opacity:0;transition:opacity .6s ease}
.rozwiewa .mis-mgla i{transition-duration:3.4s,2.8s}
.odtw{background:rgba(251,248,245,.97)}
.patron-foto .korony{width:230px;height:150px;left:2%;top:8%}
.patron-foto .korona img{width:150px}
.patron-foto .korona.czerwona{left:70px;bottom:34px}
@media (max-width:900px){.patron-foto .korony{left:max(16px,calc(50% - 182px));top:1%;transform:scale(.62)}}
/* pasek odtwarzacza bez rozmycia tła – na iPhonie blur nad dużymi zdjęciami (sakramenty) zacinał przewijanie */
.odtw{background:#FBF8F5;-webkit-backdrop-filter:none;backdrop-filter:none;transform:translateZ(0);contain:layout paint}
/* napisy wersalikami: delikatnie mocniejsze i cieplejsze złoto (user 7.11; kontrast 4,8 na kremie) */
.mala,.stopka h2{font-weight:650;color:#946510}
.dz-tag{font-weight:650;color:#946510}
/* stopka – zwięzła wizytówka parafii (7.11) */
.st2 .wrap{padding-top:40px;padding-bottom:22px}
.st2 .st-gora{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
.st2 .znak{margin:0;flex-direction:row;align-items:center;gap:12px}
.st2 .znak .n1{white-space:normal}
.st2 .st-akcje{display:flex;gap:10px;flex-wrap:wrap}
.st2 .st-akcje .btn{min-height:44px;padding:9px 20px;font-size:14.5px}
.st2 .st-info{display:flex;flex-wrap:wrap;gap:12px 56px;margin-top:26px;padding-top:22px;border-top:1px solid var(--linia)}
.st2 .st-info p{margin:0;line-height:1.6}
.st2 .sz{color:var(--szary);font-size:14px}
.st2 .st-info a{display:inline;min-height:0;padding:0;color:inherit;text-decoration:underline;text-decoration-color:var(--linia);text-underline-offset:3px}
.st2 .kopiuj{min-height:32px;margin-left:8px;padding:3px 12px;border:1px solid var(--zloto-l);border-radius:999px;background:transparent;color:var(--zloto);font:500 13px var(--sora);cursor:pointer}
.st2 .uwaga{margin:14px 0 0;font-size:13px;color:var(--szary)}
.st2 .uwaga a{display:inline;min-height:0;padding:0}
.st2 .st-linki{display:flex;flex-wrap:wrap;gap:0 22px;margin-top:18px}
.st2 .st-linki a{display:inline-flex;align-items:center;min-height:40px;font-size:14px;color:var(--tekst)}
.st2 .st-linki a:hover{color:var(--zloto)}
.st2 .partnerzy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;margin-top:14px;padding:0;border:0}
.st2 .partnerzy img{height:26px;width:auto;filter:grayscale(1);opacity:.55;transition:opacity .2s,filter .2s}
.st2 .partnerzy a:hover img{filter:none;opacity:1}
.st2 .dol{margin-top:16px;padding-top:14px;font-size:13px}
@media (max-width:640px){
  .st2 .wrap{padding-top:30px}
  .st2 .st-akcje{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:8px}
  .st2 .st-akcje .btn{padding:9px 6px;font-size:14px}
  .st2 .st-info{gap:12px;margin-top:20px;padding-top:18px}
  .st2 .st-linki{gap:0 16px}
  .st2 .st-linki a{min-height:36px;font-size:13.5px}
  .st2 .partnerzy{gap:12px 22px}.st2 .partnerzy img{height:22px}
  .st2 .dol{flex-direction:column;gap:4px}
}
.st2 p a.tel,.st2 p>a:not(.tel),.st2 .uwaga a.tel{display:inline;min-height:0;padding:0}
.st2 .uwaga{margin-top:10px;line-height:1.5}
.st2 .st-linki{margin-top:12px}
.st2 .partnerzy{margin-top:6px}
.st2 .partnerzy img{filter:grayscale(1);opacity:.8}
.st2 .dol{flex-direction:row;align-items:center;margin-top:12px;padding-top:12px}
.st2 .dol a{display:inline;padding:0}
@media (max-width:640px){.st2 .dol{flex-direction:column;align-items:flex-start}.st2 .dol a{display:inline-block;padding:6px 0}.st2 .st-info p{line-height:1.5}}
.st2 .partnerzy img{filter:brightness(0);opacity:.45}
.st2 .partnerzy a:hover img{filter:brightness(0);opacity:.8}
.st2 .partnerzy{display:flex;grid-template-columns:none}
.st2 .partnerzy a{display:block;height:auto;min-height:0;padding:0;border:0}
@media (max-width:640px){.st2 .partnerzy{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.st2 .partnerzy img{height:20px;max-width:100%;object-fit:contain;object-position:left center}}
/* belka na szerokich monitorach: nie rozjeżdża się do krawędzi ekranu, trzyma się środka jak treść (7.11, monitor 2560 px) */
@media (min-width:1560px){.naglowek .wrap{max-width:1512px}}
.film.patron .pokoj{margin-bottom:0}
/* logotypy partnerów: czytelne (ciemniejsze), na telefonie równa siatka 2×2 (7.11) */
.st2 .partnerzy img{filter:brightness(0);opacity:.72}
.st2 .partnerzy a:hover img{opacity:1}
@media (max-width:640px){
  .st2 .partnerzy{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:14px;padding-top:16px;border-top:1px solid var(--linia)}
  .st2 .partnerzy a{display:flex;align-items:center;justify-content:center;height:40px}
  .st2 .partnerzy img{height:30px;width:auto;max-width:100%;object-fit:contain;object-position:center}
}
/* przy otwartym menu pasek odtwarzacza się chowa (nagranie gra dalej) – nie zasłania ostatnich pozycji menu */
html.menu-otwarte .odtw{visibility:hidden}
/* ——— wariant E (7.11): jasny kościół + św. Maksymilian z mgły; korony w rycinie na kremie ——— */
.patron-foto.e{display:block;right:0;width:62%;max-width:none}
.patron-foto.e picture{display:block;width:100%;height:100%}
.patron-foto.e img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:60% 30%}
.film.patron.e{min-height:clamp(560px,calc(100svh - 240px),740px)}
.korony-ryc{display:flex;gap:14px;margin:0 0 22px}
.korony-ryc img{display:block;width:96px;height:auto}
.hero-mgla{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:0}
.hero-mgla i{position:absolute;left:58%;top:62%;width:80%;height:60%;margin:-30% 0 0 -40%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(251,248,245,.97),rgba(251,248,245,.9) 45%,rgba(251,248,245,.5) 72%,rgba(251,248,245,0));
  transition:transform 4.2s cubic-bezier(.25,.6,.2,1),opacity 3.6s ease-in}
.hero-mgla i:nth-child(1){--x:-40%;--y:-10%}.hero-mgla i:nth-child(2){--x:38%;--y:6%;transition-delay:.2s}.hero-mgla i:nth-child(3){--x:-22%;--y:24%;transition-delay:.4s}
.hero-mgla i:nth-child(4){--x:26%;--y:-24%;transition-delay:.6s}.hero-mgla i:nth-child(5){--x:6%;--y:30%;transition-delay:.9s}.hero-mgla i:nth-child(6){--x:-6%;--y:-30%;transition-delay:1.1s}
.rysuj .hero-mgla{opacity:1;animation:mgla-znika 4.8s linear .2s forwards}
.rysuj .hero-mgla i{animation:mgla-rozwiewa 4.4s cubic-bezier(.25,.6,.2,1) .2s forwards}
@keyframes mgla-rozwiewa{to{opacity:0;transform:translate(var(--x),var(--y)) scale(1.4)}}
@keyframes mgla-znika{0%,85%{opacity:1}100%{opacity:0;visibility:hidden}}
.rysuj .korony-ryc img{animation:k-mgla 2.6s ease-out 1.2s both}
.rysuj .korony-ryc img:nth-child(2){animation-delay:1.8s}
@media (max-width:900px){
  .patron-foto.e,.film.patron .patron-foto.e{position:relative;width:100%;height:min(62svh,520px);margin:0;right:auto;top:auto;bottom:auto}
  .patron-foto.e img{object-position:50% 30%}
  .film.patron.e{min-height:0}
  .korony-ryc{margin:16px 0 10px;gap:10px}.korony-ryc img{width:76px}
}
@media (min-width:701px) and (max-width:900px){.film.patron.e{display:block}.film.patron.e .film-tresc>*{max-width:none}}
/* ——— 7.11 wersja „kościół w pełnej jakości + św. Maksymilian obok nazwy” ——— */
.patron-foto.kosciol img{object-position:42% 30%}
.patron-foto.kosciol .e-cien{position:absolute;inset:0;background:linear-gradient(90deg,var(--krem) 0%,rgba(251,248,245,.75) 14%,rgba(251,248,245,0) 34%),linear-gradient(180deg,rgba(251,248,245,0) 72%,var(--krem) 100%)}
.tytul-patron{position:relative}
.kolbe-mgla{position:absolute;left:100%;bottom:-16px;height:clamp(200px,16vw,250px);width:auto;margin-left:-10px;pointer-events:none}
.rysuj .kolbe-mgla{animation:k-mgla 3s ease-out .6s both}
@media (max-width:1100px) and (min-width:901px){.kolbe-mgla{height:200px;bottom:-12px}}
@media (max-width:900px){
  .patron-foto.kosciol .e-cien{background:linear-gradient(180deg,rgba(251,248,245,0) 70%,var(--krem) 100%)}
  .patron-foto.e.kosciol{height:min(46svh,380px)}
  .tytul-patron h1{padding-right:30vw}
  .kolbe-mgla{left:auto;right:-6px;bottom:-14px;height:auto;width:min(34vw,150px);margin:0}
}
/* logo parafii (Tau na łódce, z profilu FB) w miejscu herbu */
.znak img.logo-parafii{width:48px;height:48px;object-fit:contain}
@media (max-width:900px){.naglowek .znak img.logo-parafii{width:42px;height:42px}}
/* telefon/tablet: korony i nazwa podniesione – lekko wchodzą na rozmyty dół zdjęcia kościoła (7.11) */
@media (max-width:900px){
  .film.patron.e .film-tresc{position:relative;z-index:2;margin-top:-84px}
  .patron-foto.kosciol .e-cien{background:linear-gradient(180deg,rgba(251,248,245,0) 52%,rgba(251,248,245,.7) 76%,var(--krem) 96%)}
}
/* korony małe, obok „Pokój i dobro” (7.11) */
.film .pokoj{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}
.korony-ryc.mini{display:inline-flex;gap:6px;margin:0}
.korony-ryc.mini img{width:40px;height:auto}
@media (max-width:900px){.korony-ryc.mini img{width:34px}.film.patron.e .film-tresc{margin-top:-64px}}
/* nazwa parafii delikatnie mniejsza (7.11) */
.film.patron h1{font-size:clamp(36px,4.1vw,60px)}
@media (max-width:900px){.film.patron h1{font-size:clamp(28px,7.4vw,36px)}}

/* Kolbe na komputerze: po prawej stronie zdjęcia, na wysokości tytułu – nie na rzutniku ani krzyżu (o. Tomasz, 7.11.2026); telefon bez zmian */
.patron-foto.e img.kolbe-duzy{display:none}
@media (min-width:901px){
  .tytul-patron .kolbe-mgla{display:none}
  .film.patron .patron-foto.e img.kolbe-duzy{display:block;position:absolute;inset:auto;left:auto;right:5%;top:clamp(110px,17%,170px);bottom:auto;height:clamp(200px,16vw,260px);width:auto;max-width:none;object-fit:contain;margin:0;z-index:1}
}

.stopka .ofiara-link{display:inline-block;margin-top:6px;color:#946510;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* Boża Droga – zakładki dzieci / dorośli */
.bd-zakladki{display:flex;gap:28px;border-bottom:1px solid #E7DFD4;margin:0 0 26px}
.bd-zakladki button{appearance:none;background:none;border:0;padding:10px 0 12px;margin-bottom:-1px;font:500 17px/1.2 Sora,sans-serif;color:#6B6258;cursor:pointer;border-bottom:2px solid transparent}
.bd-zakladki button[aria-selected=true]{color:#1C1C1C;border-bottom-color:#B8862B}
.bd-zakladki button:focus-visible{outline:2px solid #B8862B;outline-offset:4px;border-radius:2px}
.bd-panel figure{margin:0 0 22px}.bd-panel img{width:100%;height:auto;border-radius:6px;display:block}
.bd-lista{list-style:none;padding:0;margin:0 0 26px}
.bd-lista li{padding:14px 0;border-top:1px solid #EFE8DE}.bd-lista li:last-child{border-bottom:1px solid #EFE8DE}
.bd-lista b{display:block;font-family:Sora,sans-serif;font-weight:600;font-size:17px;margin-bottom:3px;color:#1C1C1C}
.bd-info{color:#6B6258}.bd-podpis{margin-top:28px;font-style:italic;color:#6B6258}
.artykul .bd-lista{padding-left:0}.artykul .bd-lista li{margin:0;padding-left:0}.artykul .bd-lista li::before{content:none}

/* ——— poprawki po ocenie 7.11.2026 ——— */
/* linki sekcji zwykłym pismem, nie wersalikami */
.link-linia{text-transform:none;letter-spacing:0;font-size:15px;font-weight:600}
.sprawa .link-linia,.mk .link-linia{font-size:14px}
/* godziny Mszy: dwie karty */
.gl-msze .msze-karty{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}
@media (max-width:700px){.gl-msze .msze-karty{grid-template-columns:minmax(0,1fr)}}
/* Na bieżąco: karta ogłoszeń na całą wysokość prawej kolumny */
@media (min-width:901px){.sprawy{align-items:stretch}.sprawa.ogl-k{align-self:stretch}.sprawa.ogl-k>div{height:100%}.sprawa.ogl-k .link-linia{margin-top:auto}}
/* sakramenty jasno: zdjęcie, pod nim nazwa i opis */
.sak{aspect-ratio:auto;background:none;color:var(--atrament);border-radius:0;overflow:visible}
.sak img{height:auto;aspect-ratio:4/3;border-radius:10px}
.sak:hover img{transform:none;opacity:.92}
.sak span{position:static;padding:12px 2px 0;background:none}
.sak b{font:400 21px/1.2 var(--sora);color:var(--atrament)}
.sak small{color:var(--tekst);height:auto;font-size:14px}
@media (max-width:900px){.sak{aspect-ratio:auto}}
@media (max-width:520px){.sak{aspect-ratio:auto}.sak span{padding:8px 2px 0}.sak b{font-size:17px}.sak img{aspect-ratio:1/1}}
.sak-siatka .sak{aspect-ratio:auto}
.sak-siatka{row-gap:28px}
/* logo przy cytacie */
.cytat-sek img.logo-cytat{height:72px;width:72px;opacity:1}
@media (max-width:600px){.cytat-sek img.logo-cytat{height:60px;width:60px}}
/* partnerzy czytelniej */
.st2 .partnerzy img{height:38px;opacity:.7}
@media (max-width:640px){.st2 .partnerzy img{height:30px}}
.mk .godz span{justify-self:start}
@media (max-width:520px){.sak-siatka{row-gap:16px}}

/* ——— poprawki po recenzji 7.11.2026 ——— */
/* tablet: sakramenty 4 w rzędzie (bez dziury w ostatnim rzędzie) */
@media (min-width:700px) and (max-width:900px){.sak-siatka{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Boża Droga: ekran telefonu obok listy */
.bd-panel{display:grid;grid-template-columns:200px minmax(0,1fr);gap:32px;align-items:start}
.bd-panel figure{margin:0}.bd-panel img{border-radius:22px;width:100%;height:auto}
.bd-lista li:first-child{border-top:0;padding-top:0}
@media (max-width:600px){.bd-panel{grid-template-columns:120px minmax(0,1fr);gap:18px}.bd-lista b{font-size:16px}.bd-lista li{padding:10px 0}}
.bd-karta img{width:64px;height:64px;margin-bottom:10px}.bd-karta .odnosnik{margin-top:12px}
/* krótsza mgła w hero */
.rysuj .hero-mgla{animation-duration:2s;animation-delay:0s}
.rysuj .hero-mgla i{animation-duration:1.8s;animation-delay:0s}
.rysuj .korony-ryc img{animation-duration:1.1s;animation-delay:.3s}
.rysuj .kolbe-mgla{animation-duration:1.3s;animation-delay:.1s}
/* telefon: wygodniejsze pola dotyku w stopce i okruszkach */
@media (max-width:640px){
  .st2 .st-info a{display:inline-block;padding:9px 0;min-height:0}
  .tytul .okruszki a{display:inline-block;padding:10px 0}
  .st2 .konto{font-size:14px;letter-spacing:0;white-space:nowrap}
  .st2 .kopiuj{margin-left:6px;padding:3px 10px;vertical-align:middle}
}
.bd-panel[hidden]{display:none}
/* zdjęcia z boku (figury świętych, portrety): kadr od góry, żeby nie ucinać głowy; na telefonie wyższy kadr */
.bok-foto img{object-position:50% 12%}
@media (max-width:700px){.bok-foto img{aspect-ratio:4/5;max-height:72vh}}
.bok-foto img[src*="-wysoki-"]{object-position:50% 100%}
/* sakramenty: pełne opisy na tablecie, dyskretny podpis źródła zdjęć */
@media (min-width:521px) and (max-width:1100px){.sak small{-webkit-line-clamp:4;height:auto}}
.zrodlo-zdjec{font-size:12px!important;color:var(--szary)!important;margin-top:28px}
.zrodlo-zdjec a{color:inherit}
/* kontakt: zdjęcie z drona łagodniej (bez przesyconego nieba) */
.bok-foto img.spokojnie[src*="IMG_2929"]{filter:saturate(.62) contrast(.86) sepia(.14) brightness(1.04)}

/* 7.11: Boża Droga w stopce, obok partnerów – ten sam stonowany styl */
.st2 .partnerzy .p-bd{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--tekst)}
.st2 .partnerzy .p-bd img{height:26px;width:26px}
.st2 .partnerzy .p-bd span{font-weight:600;font-size:15px;white-space:nowrap;opacity:.5;transition:opacity .2s}
.st2 .partnerzy .p-bd:hover span{opacity:.85}
@media (max-width:640px){.st2 .partnerzy .p-bd img{height:20px;width:20px}.st2 .partnerzy .p-bd span{font-size:13.5px}}

/* 7.11: okienko wypominek (zaproszenie, do 30.11) – styl v2 */
.zp-tlo{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(11,7,4,0);transition:background .25s}
.zp-tlo[hidden]{display:none}
.zp-tlo.widac{background:rgba(11,7,4,.42)}
.zp-okno{position:relative;width:100%;max-width:440px;max-height:calc(100dvh - 40px);overflow:auto;background:var(--bialy);border-radius:20px;box-shadow:0 24px 60px rgba(11,7,4,.22);text-align:center;opacity:0;transform:translateY(10px);transition:opacity .25s,transform .25s}
.zp-tlo.widac .zp-okno{opacity:1;transform:none}
.zp-obraz{height:190px;background:linear-gradient(to bottom,rgba(255,255,255,0) 45%,#fff),url(zasoby/obrazy/wypominki-tlo.jpg) top center/cover no-repeat}
.zp-x{position:absolute;top:10px;right:10px;width:40px;height:40px;border:0;border-radius:50%;background:rgba(255,255,255,.85);color:var(--szary);font-size:24px;line-height:1;cursor:pointer}
.zp-x:hover{color:var(--atrament)}
.zp-etyk{margin:4px 30px 0;font:500 14px/1.4 var(--sora);color:var(--zloto)}
.zp-okno h2{margin:6px 26px 12px;font-size:25px;font-weight:500;line-height:1.25;color:var(--atrament)}
.zp-tekst{margin:0 32px 22px;font:16.5px/1.62 var(--lora);color:var(--tekst)}
.zp-dol{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 24px 24px}
.zp-cta{background:var(--zloto);border-color:var(--zloto);color:#fff;padding:12px 34px}
.zp-cta:hover{background:#6f4b0c;border-color:#6f4b0c;color:#fff}
.zp-ok{padding:8px 14px;border:0;background:none;color:var(--szary);font-size:14px;cursor:pointer}
.zp-ok:hover{color:var(--atrament)}
@media (max-width:420px){.zp-obraz{height:140px}.zp-okno h2{font-size:22px;margin:4px 18px 10px}.zp-tekst{margin:0 20px 20px;font-size:16px}.zp-etyk{margin:2px 18px 0}}
@media (prefers-reduced-motion:reduce){.zp-tlo,.zp-okno{transition:none}}
.zp-okno:focus{outline:none}
/* 7.11: zdjęcie zbiorowe scholi Seraphin – cała grupa, bez przycinania do pionu */
.bok-foto img[src*="wspolnoty/seraphin"]{aspect-ratio:3/2;object-position:50% 50%}
.wsp-grupa{margin:34px 0 0}.wsp-grupa img{width:100%;height:auto;border-radius:var(--r)}.wsp-grupa figcaption{margin-top:10px;font-size:14px;color:var(--szary)}
