.sekcja{padding:64px 0}
.ciemna{background:var(--granat);color:#F4EFE6}
.ciemna h2,.ciemna h3{color:#F4EFE6}
.jasna{background:var(--krem)}
.kremowa{background:var(--krem2)}
.srodek{text-align:center}
.waski{max-width:820px}
.nagl-sekcji{margin-bottom:36px}
.nagl-sekcji h2{margin-bottom:.3em}
.nagl-sekcji h2::after{content:"";display:block;width:56px;height:2px;background:var(--zloto);margin:14px auto 0}
.nagl-sekcji p{color:inherit;opacity:.85;margin:.8em 0 0}
.ciemna .nagl-sekcji p{color:#D5DBE4;opacity:1}

/* nagłówek podstron */
.strona-nagl{background:var(--granat);color:#F4EFE6;padding:36px 0 52px}
.strona-nagl h1{font-size:clamp(1.9rem,5.4vw,3.1rem);max-width:22ch;color:#F4EFE6}
.strona-nagl .lead{color:#D5DBE4;margin-bottom:24px}
.okruszki ol{list-style:none;display:flex;flex-wrap:wrap;gap:4px 8px;padding:0;margin:0 0 22px;font-size:.88rem;color:#B7C0CE}
.okruszki li+li::before{content:"/";margin-right:8px;opacity:.6}
.okruszki a{color:#E3C98E}
.data-wpisu{font-size:1rem}

/* karty dziedzin */
.karty{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}
.karta a{display:block;height:100%;padding:24px 22px;border:1px solid rgba(201,164,92,.3);background:rgba(255,255,255,.03);text-decoration:none;color:#F4EFE6;border-radius:4px;transition:background .2s,border-color .2s}
.karta a:hover{background:rgba(255,255,255,.07);border-color:var(--zloto)}
.karta .ik{color:var(--zloto);margin-bottom:12px}
.karta h2,.karta h3{font-size:1.3rem;margin:0 0 .4em}
.karta p{font-size:.95rem;color:#D5DBE4;margin:0 0 14px}
.wiecej{display:inline-flex;align-items:center;gap:6px;color:#E3C98E;font-weight:600;font-size:.92rem}
@media(min-width:640px){.karty{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.karty{display:flex;flex-wrap:wrap;justify-content:center}.karta{flex:0 0 calc((100% - 48px)/4)}}

/* dwie kolumny: foto + tekst */
.dwie{display:grid;gap:32px;align-items:center}
.foto-ramka{position:relative}
.foto-ramka img{width:100%;border-radius:4px}
.foto-ramka::after{content:"";position:absolute;inset:14px -10px -10px 14px;border:2px solid var(--zloto);border-radius:4px;z-index:-1}
.foto-ramka{margin:0 10px 10px 0}
.tekst h2{color:var(--granat)}
.zasady{list-style:none;display:grid;gap:14px;padding:0;margin:24px 0}
.zasady li{display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:1.1rem;color:var(--granat)}
.zasady .ik{color:var(--zloto-c);flex:none}
.link-strzalka{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--granat);text-decoration:none;border-bottom:2px solid var(--zloto)}
@media(min-width:960px){.dwie{grid-template-columns:1fr 1fr;gap:64px}.foto-ramka{margin-right:14px}}

/* kroki */
.kroki{list-style:none;margin:0;padding:0;display:grid;gap:20px;counter-reset:k}
.kroki li{background:#fff;border:1px solid var(--linia);border-radius:4px;padding:24px 22px}
.nr{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--granat);color:var(--zloto);font:600 1.1rem var(--serif);margin-bottom:12px}
.kroki h3{color:var(--granat);margin-bottom:.3em}
.kroki p{margin:0;color:var(--szary);font-size:.97rem}
@media(min-width:640px){.kroki{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.kroki{grid-template-columns:repeat(4,1fr)}}

/* kontakt (pas ciemny) */
.dwie-kontakt{display:grid;gap:36px}
.kontakt-dane h2{font-size:2.2rem}
.dane{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:14px}
.dane li{display:flex;align-items:flex-start;gap:14px;font-size:1.15rem}
.dane .ik{flex:none;margin-top:3px}
.dane a{text-decoration:none;overflow-wrap:anywhere}
.dane a:hover{text-decoration:underline}
.kontakt-cta{border-top:1px solid rgba(201,164,92,.35);padding-top:28px}
.kontakt-cta p{color:#D5DBE4}
@media(min-width:900px){.dwie-kontakt{grid-template-columns:1fr 1fr;gap:64px;align-items:center}.kontakt-cta{border-top:0;border-left:1px solid rgba(201,164,92,.35);padding:0 0 0 64px}}
.cta-pas p{color:#D5DBE4}
.cta-pas a:not(.btn){color:#E3C98E}

/* treść */
.tresc h2{font-size:clamp(1.4rem,3.6vw,1.9rem);color:var(--granat);margin-top:1.6em}
.tresc h2:first-child{margin-top:0}
.tresc ul{padding-left:1.2em;margin:0 0 1.2em}
.tresc li{margin-bottom:.45em}
.tresc a{color:var(--zloto-c);text-underline-offset:3px}
.uwaga{font-size:.92rem;color:var(--szary);border-left:3px solid var(--zloto);padding-left:14px;margin-top:2em}
.faq details{border-bottom:1px solid var(--linia);padding:4px 0}
.faq summary{cursor:pointer;font:600 1.05rem var(--serif);color:var(--granat);padding:14px 28px 14px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.5rem;color:var(--zloto-c)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin:0 0 16px;color:var(--szary)}
.male-h{font-size:1.2rem;margin-bottom:.8em}
.inne{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.inne a{display:inline-block;padding:9px 16px;border:1px solid var(--zloto-c);border-radius:999px;text-decoration:none;color:var(--granat);font-size:.95rem}
.inne a:hover{background:var(--granat);color:#F4EFE6}

/* kontakt: strona */
.dwie-kontakt-str{display:grid;gap:44px}
.dane-jasne{margin:0 0 28px}
.dane-jasne .ik{color:var(--zloto-c)}
.mapa{display:block;position:relative;border:1px solid var(--linia);border-radius:4px;overflow:hidden;text-decoration:none}
.mapa img{width:100%}
.mapa-podpis{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--granat);color:#F4EFE6;padding:12px;font-weight:600}
.male-szare{font-size:.85rem;color:var(--szary);margin-top:.6em}
.mt0{margin-top:-.2em}
.dojazd{margin-top:28px}
.formularz{background:#fff;border:1px solid var(--linia);border-radius:6px;padding:26px 22px}
.formularz h2{font-size:1.6rem;color:var(--granat)}
.uwaga-form{font-size:.92rem;color:var(--szary)}
.pole{display:block;margin-bottom:16px;font-weight:600;font-size:.95rem;border:0;padding:0}
.pole legend{padding:0;margin-bottom:8px}
input[type=text],input[type=tel],input[type=email],select,textarea{display:block;width:100%;margin-top:6px;padding:12px 14px;font:400 1rem var(--sans);color:var(--tekst);background:var(--krem);border:1px solid #9C927D;border-radius:4px}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--zloto);border-color:var(--granat)}
.f2{display:grid;gap:0 16px}
.pigulki{display:flex;flex-wrap:wrap;gap:10px}
.pigulki label{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #9C927D;border-radius:999px;font-weight:400;cursor:pointer}
.zgoda{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;margin:6px 0 20px;color:var(--szary)}
.zgoda input{margin-top:5px;width:18px;height:18px;flex:none}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.komunikat{padding:14px 16px;border-radius:4px;margin-bottom:16px}
.komunikat.ok{background:#E6F2E8;color:#1B4D2B}
.komunikat.blad{background:#FBE9E7;color:#7A1F14}
@media(min-width:640px){.f2{grid-template-columns:1fr 1fr}}
@media(min-width:960px){.dwie-kontakt-str{grid-template-columns:1fr 1.1fr;gap:64px;align-items:start}.formularz{padding:36px}}

/* poradnik */
.wpisy{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr))}
.wpis-karta{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:#fff;border:1px solid var(--linia);border-radius:4px;overflow:hidden;padding-bottom:18px}
.wpis-karta img{width:100%;aspect-ratio:3/2;object-fit:cover}
.wpis-karta .data,.wpis-karta .tytul,.wpis-karta .opis{padding:0 18px}
.wpis-karta .data{font-size:.85rem;color:var(--szary);margin-top:10px}
.wpis-karta .tytul{font:600 1.2rem/1.25 var(--serif);color:var(--granat)}
.wpis-karta .opis{font-size:.95rem;color:var(--szary)}
.paginacja{margin-top:32px;text-align:center}

/* stopka */
.stopka{background:#0A1626;color:#D5DBE4;padding:48px 0 24px;font-size:.95rem}
.stopka a{text-decoration:none}
.stopka a:hover{text-decoration:underline}
.stopka-siatka{display:grid;gap:32px}
.stopka-logo{display:inline-block;margin-bottom:12px}.stopka-logo img{display:block;height:48px;width:auto}
.stopka-nazwa{font-family:var(--serif);color:#F4EFE6;margin-bottom:.4em}
.male{font-size:.88rem}
.stopka-naglowek{font:600 .78rem var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--zloto);margin-bottom:12px}
.stopka ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.stopka address{font-style:normal}
.spolecznosci{display:flex;gap:14px}
.spolecznosci a{color:var(--zloto);display:inline-flex;padding:4px}
.stopka-uwaga{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;color:#B7C0CE}
.stopka-dol{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 24px;font-size:.85rem;color:#B7C0CE}
.stopka-dol p{margin:0}
@media(min-width:760px){.stopka-siatka{grid-template-columns:1.3fr 1fr 1.2fr 1.2fr}}

@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:400px){.dane li{font-size:.95rem}}

.szczegoly{padding-left:1.2em}
.inne-duze{justify-content:center}
.inne-duze a{padding:12px 20px;font-size:1rem}
.stopka .podrzedna{padding-left:12px;font-size:.9rem}
.godziny{font-size:.9rem;color:#B7C0CE}

.stopka ul.pod{margin:6px 0 4px;gap:4px;padding-left:14px;border-left:1px solid rgba(201,164,92,.35)}
.stopka ul.pod a{font-size:.9rem}
.foto-kontakt{margin:0 0 20px}
.foto-kontakt img{width:100%;max-width:520px;border-radius:4px;aspect-ratio:1/1;object-fit:cover}
@media(min-width:960px){.foto-kontakt img{aspect-ratio:4/3;object-position:50% 25%}}