/* Biblioteka znaczen kart (inc/karty.php): /karty/ i /karty/<slug>/. Barwy i kroje ze zmiennych sklepu.
   Telefon najpierw: karta i nazwa na pierwszym ekranie, skoki do sekcji w pasku przewijanym, inne karty paskiem w bok. */
.okruszki{display:flex;flex-wrap:wrap;gap:6px 8px;font-size:13.5px;color:var(--tekst2);margin:0 0 22px}
.okruszki a{color:var(--tekst2);text-decoration:none}
.okruszki a:hover{color:var(--tekst)}
.okruszki span[aria-hidden]{opacity:.45}
.okruszki [aria-current]{color:var(--tekst)}

/* ── jedna karta ── */
.karta-zn__hero{padding:26px 0 40px;background:radial-gradient(60% 70% at 25% 40%,color-mix(in srgb,var(--akcent) 30%,transparent),transparent 70%),var(--tlo)}
.karta-zn__w{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;align-items:center}
.karta-zn__tekst{min-width:0}
.karta-zn__obraz{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}
.karta-zn__obrot{position:relative;width:min(48vw,200px);aspect-ratio:600/989;transition:transform .6s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.karta-zn__obrot img{position:absolute;inset:0;width:100%;height:100%;border-radius:14px;box-shadow:0 26px 70px rgba(0,0,0,.65),0 0 60px color-mix(in srgb,var(--akcent) 25%,transparent);backface-visibility:hidden}
.karta-zn__odwr{transform:rotateY(180deg)}
.karta-zn__obrot--odwr{transform:rotateY(180deg)}
.karta-zn__odwroc .ikona{flex:none}
.karta-zn__tekst .kicker{margin-bottom:8px}
.karta-zn__h1{font-size:clamp(46px,11vw,88px);line-height:1;margin:0 0 16px}
.karta-zn__h1 span{display:block;font:600 14px/1.4 var(--font-t);letter-spacing:.2em;text-transform:uppercase;color:var(--tekst2);margin-top:12px}
.karta-zn__lead{font-size:19px;line-height:1.6;color:var(--tekst);max-width:56ch}
.karta-zn__szybko{display:grid;gap:0;margin:22px 0;border-top:1px solid var(--linia)}
.karta-zn__szybko div{display:grid;grid-template-columns:108px 1fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--linia)}
.karta-zn__szybko dt{font:600 12px/1.6 var(--font-t);letter-spacing:.14em;text-transform:uppercase;color:var(--tekst2)}
.karta-zn__szybko dd{margin:0;font-size:16px;line-height:1.5}
.karta-zn__tn{font-weight:600;color:var(--akcent)}
.karta-zn__skoki{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:2px 16px 6px}
.karta-zn__skoki::-webkit-scrollbar{display:none}
.karta-zn__skoki a{flex:none;padding:9px 16px;border-radius:999px;border:1px solid var(--linia);background:rgba(255,255,255,.03);color:var(--tekst);font-size:14.5px;text-decoration:none;white-space:nowrap}
.karta-zn__skoki a:hover{border-color:var(--akcent)}
@media(min-width:860px){
  .karta-zn__hero{padding:34px 0 70px}
  .karta-zn__w{grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:64px}
  .karta-zn__obrot{width:100%}
  .karta-zn__skoki{margin:0;padding:0;flex-wrap:wrap}
}

.karta-zn__sekcja{scroll-margin-top:80px}
.karta-zn__sekcja .wpis h2{margin-top:0}
.karta-zn__odwr-w{display:grid;gap:22px}
.karta-zn__mini{float:right;width:92px;margin:4px 0 12px 16px;border-radius:9px;box-shadow:0 18px 40px rgba(0,0,0,.55)}
@media(max-width:699px){.karta-zn__odwr-w{display:block}}
@media(min-width:700px){.karta-zn__odwr-w{grid-template-columns:150px 1fr;gap:36px;align-items:start;max-width:900px}.karta-zn__mini{float:none;width:150px;margin:0}}

.karta-zn__kafle{display:grid;gap:14px}
.karta-zn__kafel{scroll-margin-top:80px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.07);border-radius:var(--r);padding:24px 22px}
.karta-zn__kafel h2{display:flex;align-items:center;gap:10px;font-size:26px;margin:0 0 12px}
.karta-zn__kafel h2 .ikona{color:var(--akcent);flex:none}
.karta-zn__kafel p{font-size:16.5px;line-height:1.6;margin:0 0 .8em}
.karta-zn__kafel p:last-child{margin:0}
.karta-zn__kafel--tn{border-color:color-mix(in srgb,var(--akcent) 45%,transparent);background:radial-gradient(90% 80% at 100% 0%,color-mix(in srgb,var(--akcent) 22%,transparent),transparent 70%),rgba(255,255,255,.02)}
.karta-zn__odp{font:400 clamp(44px,8vw,60px)/1 var(--font-h)!important;color:#fff;margin:0 0 12px!important}
.karta-zn__maly{font-size:15px!important}
@media(min-width:900px){.karta-zn__kafle{grid-template-columns:1fr 1fr 1fr}}
.karta-zn__rada{margin:34px auto 0;max-width:760px;text-align:center}
.karta-zn__rada p{font:400 clamp(26px,4vw,38px)/1.2 var(--font-h);margin:0 0 10px;text-wrap:balance}
.karta-zn__rada cite{font-style:normal;color:var(--tekst2);font-size:14px;letter-spacing:.14em;text-transform:uppercase}

.karta-zn__cta{text-align:center;background:radial-gradient(60% 120% at 50% 100%,color-mix(in srgb,var(--akcent) 35%,transparent),transparent 70%),var(--tlo2);border-top:1px solid var(--linia)}
.karta-zn__przyciski{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:24px 0 0}
.karta-zn__wpis{margin:22px 0 0;color:var(--tekst2);font-size:15.5px}

.karta-zn__inne{padding-top:40px}
.karta-zn__sasiedzi{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:34px}
.karta-zn__sasiedzi a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--linia);border-radius:16px;color:var(--tekst);text-decoration:none;font-family:var(--font-h);font-size:21px;line-height:1.1}
.karta-zn__sasiedzi a span{font:600 11px/1.4 var(--font-t);letter-spacing:.16em;text-transform:uppercase;color:var(--tekst2)}
.karta-zn__sasiedzi a[rel=next]{text-align:right;align-items:flex-end}
.karta-zn__sasiedzi a:hover{border-color:var(--akcent)}
.karta-zn__wszystkie{grid-column:1/-1;order:3;align-items:center;justify-content:center;font:600 15px/1.2 var(--font-t)!important;text-align:center}
@media(min-width:760px){.karta-zn__sasiedzi{grid-template-columns:1fr auto 1fr}.karta-zn__wszystkie{grid-column:auto;order:0;padding:14px 26px!important}}
.karta-zn__inne-tyt{font-size:clamp(26px,4vw,36px);margin-bottom:16px}

/* pasek kart (inne karty grupy, a na telefonie tez grupy na /karty/) */
.karty-pasek{list-style:none;margin:0 -16px;padding:4px 16px 12px;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.karty-pasek::-webkit-scrollbar{display:none}
.karty-pasek li{flex:0 0 112px;scroll-snap-align:start}
.karty-pasek a{display:block;color:var(--tekst);text-decoration:none;font-size:14px;line-height:1.3;text-align:center}
.karty-pasek img{display:block;width:100%;border-radius:9px;margin-bottom:8px;box-shadow:0 12px 28px rgba(0,0,0,.5);transition:transform .2s}
.karty-pasek a:hover img{transform:translateY(-4px)}
@media(min-width:768px){.karty-pasek{margin:0 -28px;padding:4px 28px 14px}.karty-pasek li{flex-basis:132px}}

/* ── strona zbiorcza ── */
.karty-hero{padding:26px 0 30px;background:radial-gradient(55% 80% at 80% 30%,color-mix(in srgb,var(--akcent) 32%,transparent),transparent 70%),var(--tlo)}
.karty-hero__h1{font-size:clamp(44px,9vw,92px);line-height:1;margin:6px 0 18px}
.karty-hero__lead{font-size:19px;max-width:60ch}
.karty-hero__grupy{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:22px -16px 0;padding:2px 16px 6px}
.karty-hero__grupy::-webkit-scrollbar{display:none}
.karty-hero__grupy a{flex:none;padding:10px 18px;border-radius:999px;background:var(--grafit,rgba(255,255,255,.06));border:1px solid var(--linia);color:var(--tekst);text-decoration:none;font-size:15px}
.karty-hero__grupy a:hover{border-color:var(--akcent)}
@media(min-width:768px){.karty-hero{padding:34px 0 50px}.karty-hero__grupy{margin:26px 0 0;padding:0;flex-wrap:wrap}}

.karty-grupa{scroll-margin-top:70px}
.karty-grupa__glowa{margin-bottom:18px}
.karty-grupa__glowa .sekcja__tyt{margin-bottom:8px}
.karty-grupa__glowa p{color:var(--tekst2);max-width:62ch;margin:0}
.karty-siatka{list-style:none;margin:0;padding:0}
.karty-siatka a{display:block;color:var(--tekst);text-decoration:none}
.karty-siatka img{display:block;width:100%;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,.55);transition:transform .2s,box-shadow .2s}
.karty-siatka a:hover img{transform:translateY(-5px);box-shadow:0 22px 50px rgba(0,0,0,.6),0 0 40px color-mix(in srgb,var(--akcent) 30%,transparent)}
.karty-siatka__n{display:block;font:400 20px/1.15 var(--font-h);margin:10px 0 4px}
.karty-siatka__t{display:none;font-size:14.5px;line-height:1.5;color:var(--tekst2)}
.karty-siatka__tn{display:none;margin-top:6px;font:600 12px/1.4 var(--font-t);letter-spacing:.1em;text-transform:uppercase;color:var(--akcent)}
@media(max-width:767px){
  .karty-siatka{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -16px;padding:4px 16px 12px}
  .karty-siatka::-webkit-scrollbar{display:none}
  .karty-siatka li{flex:0 0 118px;scroll-snap-align:start;text-align:center}
  .karty-siatka__n{font-size:16px}
}
@media(min-width:768px){
  .karty-siatka{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:34px 22px}
  .karty-siatka__t,.karty-siatka__tn{display:block}
}

/* 21.10.2026 karta zawsze prosto, „odwrocona” jako podpis pod obrazkiem */
.karta-zn__mini img{display:block;width:100%;height:auto;border-radius:9px}
.karta-zn__mini figcaption{margin-top:6px;text-align:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--tekst2)}
.karta-zn__mini{box-shadow:none!important}
.karta-zn__mini img{box-shadow:0 18px 40px rgba(0,0,0,.55)}