@media all {

}
@media (max-width: 1200px) {

}
@media (max-width: 1000px) {
	
}
@media (max-width: 700px) {

}

/* PLK-CENNIK-ADDON */
.plk-cennik{--plk:#cc0645;--ink:#1a1a2e;--soft:#faf7f8;--line:#ececf1}
.plk-cennik h2{font-size:1.9rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1.2rem;line-height:1.15}
.plk-cennik table{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 24px rgba(0,0,0,.06)}
.plk-cennik th{background:var(--ink);color:#fff;text-align:left;padding:.9rem 1.1rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.plk-cennik td{padding:.8rem 1.1rem;border-top:1px solid var(--line)}
.plk-cennik tr:nth-child(even) td{background:var(--soft)}
.plk-cennik td:last-child{text-align:right;color:var(--plk);font-size:1.05rem;white-space:nowrap}
.plk-cennik p{font-size:1.02rem;line-height:1.7;color:#374151;margin-top:1rem}
@media(max-width:782px){.plk-cennik h2{font-size:1.5rem}}
/* /PLK-CENNIK-ADDON */

/* === [BLOCK: landing-plakatowanie-katowice] START === */
/* Per-strona: gwiazdki opinii (na kartach feature-card) + NAP na ciemnej sekcji kontaktu */
.plk-op-card .plk-stars{display:flex;gap:.1rem;margin-bottom:.6rem;color:var(--mark);}
.plk-op-card .plk-stars .material-symbols-outlined{font-size:1.2rem;font-variation-settings:'FILL' 1;}
.plk-op-card p{font-size:.95rem;color:var(--text-soft);line-height:1.6;margin:0 0 .75rem;}
.plk-op-card .plk-who{font-size:.85rem;font-weight:700;color:var(--ink);margin:0;}
/* NAP na ciemnym tle (sekcja bg-ok-ink) */
.bg-ok-ink .plk-nap-dark{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;justify-content:center;align-items:center;margin:0 auto;max-width:880px;}
.bg-ok-ink .plk-nap-dark span{display:inline-flex;align-items:center;gap:.5rem;color:var(--surface-2);font-size:.98rem;}
.bg-ok-ink .plk-nap-dark span .material-symbols-outlined{font-size:1.3rem;color:var(--ok-cta);}
.bg-ok-ink .plk-nap-dark b{color:var(--white);font-weight:700;}

/* FIX KONTRAST (page_audit) - na Astrze --mark=#cc0645 (ciemny roz) na granacie daje ~2.5-3.1
   (ponizej WCAG). Klocki wow uzywaja var(--ok-cta)=--mark dla rozowych AKCENTOW TEKSTOWYCH na
   ciemnych sekcjach. Tylko na bg-ok-ink podmieniamy te akcenty na jasniejszy roz #ff5c8a
   (kontrast >=4.9 na kazdym uzytym tle navy). Tlo przyciskow CTA/ikony zostaja brandowe. */
.plk.bg-ok-ink .eyebrow,
.plk.bg-ok-ink .ai-stat-num,
.plk.bg-ok-ink em,
.plk.bg-ok-ink .ai-auth-quote .ai-auth-ico,
.plk.bg-ok-ink form .form-check a,
.plk.bg-ok-ink .form-check a,
.plk.bg-ok-ink .rodo_agree a,
.plk.bg-ok-ink .desc2 a{color:#ff5c8a !important;}
/* hero-banner: tekst rozowy na rozowo-przyciemnionym pasku - rozjasniamy do bieli dla pewnosci */
.plk.bg-ok-ink .hero-banner{color:#ffd0df !important;}

/* RUWNA GALERIA REALIZACJI (screenshot-showcase): zdjecia maja rozna wysokosc ->
   wymuszamy jednakowe kafle. aspect-ratio na obrazie + object-fit:cover (kadr, bez re-uploadu).
   6 kafli w gridzie cols-3 -> rzedy 3x2 idealnie rowne na 1440/768; na 375 grid skleja do 1-kol. */
.plk .showcase-grid .showcase-img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;}

/* HERO ZE ZDJECIEM W TLE (.has-img). Balans: zdjecie WYRAZNIE widoczne (lekki overlay ~.45)
   + lokalny SCRIM pod tekstem (radialny, ciemniejszy w srodku gdzie sa litery) -> tekst
   czytelny (WCAG >=4.5) a foto widoczne po bokach. Plus text-shadow na H1/lead jako rezerwa.
   Kolejnosc warstw w background = front->back: [scrim radialny] [overlay liniowy] [zdjecie]. */
.plk.plk-hero.has-img{
  --hero-img:url("https://lejdis-plakatowanie.pl/wp-content/uploads/plakatowanie/zespol/plakatowanie-w-centrum-miasta.webp");
  background-color:var(--ink) !important;
  background:
    radial-gradient(ellipse 70% 85% at 50% 50%, rgba(13,20,36,.74) 0%, rgba(13,20,36,.55) 45%, rgba(13,20,36,0) 78%),
    linear-gradient(180deg, rgba(15,23,42,.42) 0%, rgba(15,23,42,.50) 100%),
    var(--hero-img) !important;
  background-size:auto, auto, cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
/* Text-shadow jako rezerwa kontrastu (nie psuje widocznosci zdjecia, dodaje czytelnosc liter) */
.plk.plk-hero.has-img h1,
.plk.plk-hero.has-img p,
.plk.plk-hero.has-img .hero-banner{ text-shadow:0 2px 14px rgba(8,13,25,.85), 0 1px 3px rgba(8,13,25,.9); }
/* Mobile: kadruj na srodek-dol (widac slup/akcje), scrim radialny i tak obejmuje wezszy tekst */
@media (max-width:600px){
  .plk.plk-hero.has-img{
    background-position:center 35% !important;
    background:
      radial-gradient(ellipse 120% 75% at 50% 45%, rgba(13,20,36,.78) 0%, rgba(13,20,36,.60) 50%, rgba(13,20,36,.18) 85%),
      linear-gradient(180deg, rgba(15,23,42,.45) 0%, rgba(15,23,42,.52) 100%),
      var(--hero-img) !important;
    background-size:auto, auto, cover !important;
    background-repeat:no-repeat !important;
  }
}

/* ZDJECIA AKCENTOWE W SEKCJACH (gdzie/jak) - rectangular cover, zaokraglone, cien */
.plk .plk-sec-img{
  display:block; width:100%; height:auto; max-height:340px; object-fit:cover;
  border-radius:16px; margin:0 0 2rem; box-shadow:0 16px 40px -18px rgba(15,23,42,.35);
  border:1px solid var(--line);
}
.plk .plk-sec-img-wide{ max-height:300px; }

/* MAPA SLUPOW (token [PLK_MAPA], addon plakatowanie_mapa buduje inny programista) - kontener
   pelnej szerokosci miedzy intro a kaflami. Addon wstrzyknie iframe/div Google Maps. Gdy addon
   jeszcze nie wdrozony, token renderuje sie jako surowy tekst (OK) - kontener zostawia miejsce. */
.plk .plk-mapa{ margin:0 0 2rem; }
.plk .plk-mapa-h{ font-size:1.15rem; font-weight:700; color:var(--ink); margin:0 0 .8rem; }

/* SEKCJA "Lokalna ekipa" - 2-kol obraz+tekst */
.plk-ekipa{ display:grid; grid-template-columns:1fr 1.1fr; gap:3rem; align-items:center; max-width:1100px; margin:0 auto; }
.plk-ekipa-img img{ display:block; width:100%; height:100%; max-height:460px; object-fit:cover; border-radius:18px;
  box-shadow:0 24px 60px -22px rgba(15,23,42,.4); border:1px solid var(--line); }
.plk-ekipa-txt .eyebrow{ color:var(--mark-dark); }
.plk-ekipa-txt h2{ margin:.4rem 0 1rem; color:var(--ink); }
.plk-ekipa-txt p{ font-size:1.05rem; line-height:1.7; color:var(--text); margin:0 0 1rem; max-width:56ch; }
.plk-ekipa-txt p strong{ color:var(--ink); font-weight:700; }
/* chipy ekipy na JASNYM tle (odpowiednik ai-chip ale ciemny tekst) */
.plk-ekipa-chips{ display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1.25rem; }
.plk-chip{ display:inline-flex; align-items:center; gap:.4rem; background:color-mix(in srgb, var(--mark) 8%, var(--white));
  border:1px solid color-mix(in srgb, var(--mark) 22%, transparent); color:var(--ink);
  padding:.45rem .85rem; border-radius:999px; font-size:.88rem; font-weight:600; }
.plk-chip .material-symbols-outlined{ font-size:1.15rem; color:var(--mark-dark); }
@media (max-width:768px){
  .plk-ekipa{ grid-template-columns:1fr; gap:1.75rem; }
  .plk-ekipa-img img{ max-height:300px; }
}

/* SEKCJA KONTAKT ZE ZDJECIEM W TLE (.plk-contact-img) - mocniejszy overlay (formularz musi byc
   czytelny i klikalny) + zachowany fioletowo-granatowy klimat contact-form-dark NAD zdjeciem. */
.plk.plk-contact-img{
  --contact-img:url("https://lejdis-plakatowanie.pl/wp-content/uploads/plakatowanie/zespol/reklama-na-tablicy-ogloszeniowej.webp");
  background-color:var(--ink) !important;
  background:
    linear-gradient(135deg, rgba(17,24,46,.82) 0%, rgba(34,18,55,.84) 100%),
    var(--contact-img) !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}
/* link zgody RODO na fotce-tle: jasny roz dla pewnego kontrastu nad zdjeciem */
.plk.plk-contact-img .rodo_agree a,
.plk.plk-contact-img .desc2 a,
.plk.plk-contact-img form .form-check a{ color:#ffd0df !important; text-shadow:0 1px 6px rgba(8,13,25,.8); }
/* pola formularza: lekko podbite tlo+kontur, zeby nie zlaly sie ze zdjeciem */
.plk.plk-contact-img form input[type=text],
.plk.plk-contact-img form input[type=email],
.plk.plk-contact-img form input[type=tel],
.plk.plk-contact-img form textarea,
.plk.plk-contact-img form select{
  background:rgba(10,15,28,.62) !important;
  border:1.5px solid rgba(255,255,255,.28) !important;
}
.plk.plk-contact-img .plk-nap-dark span,
.plk.plk-contact-img h2,
.plk.plk-contact-img p{ text-shadow:0 2px 10px rgba(8,13,25,.7); }
/* === [BLOCK: landing-plakatowanie-katowice] END === */

/* === [BLOCK: plk-piguly-miasta] START === */
/* FIX "zlepek miast": klasy .pill-chips/.pill-chip (huby) i .plk-chips a (Katowice sasiednie)
   nie byly stylowane -> miasta renderowaly sie jako jeden ciag tekstu (WarszawaKrakow...).
   Kazde miasto = osobna PIGULKA (link) z gap/padding/tlo/radius/hover. */
.plk .pill-chips,
.plk .plk-chips{
  display:flex; flex-wrap:wrap; gap:.6rem;
  justify-content:center; align-items:center;
  margin:1.25rem 0 0; padding:0; list-style:none;
}
.plk .pill-chips.ta-left,
.plk .plk-chips.ta-left{ justify-content:flex-start; }
.plk .pill-chip,
.plk .plk-chips a{
  display:inline-flex; align-items:center;
  background:color-mix(in srgb, var(--mark) 8%, var(--white));
  border:1px solid color-mix(in srgb, var(--mark) 22%, transparent);
  color:var(--ink) !important;
  padding:.5rem 1rem; border-radius:999px;
  font-size:.92rem; font-weight:600; line-height:1.1;
  text-decoration:none !important; white-space:nowrap;
  transition:background .15s, border-color .15s, color .15s, transform .12s;
}
/* wariant link (piguła klikalna) — wzmocniony hover */
.plk a.pill-chip:hover,
.plk .pill-chips a:hover,
.plk .plk-chips a:hover{
  background:var(--mark); color:var(--white) !important;
  border-color:var(--mark);
  transform:translateY(-1px);
}
/* na ciemnych sekcjach (bg-ok-ink) — pigula czytelna na granacie */
.plk.bg-ok-ink .pill-chip,
.plk.bg-ok-ink .pill-chips a,
.plk.bg-ok-ink .plk-chips a{
  background:color-mix(in srgb, var(--mark) 16%, transparent);
  border-color:color-mix(in srgb, var(--mark) 38%, transparent);
  color:#ffe3ec !important;
}
.plk.bg-ok-ink .pill-chips a:hover,
.plk.bg-ok-ink .plk-chips a:hover,
.plk.bg-ok-ink a.pill-chip:hover{ background:#ff5c8a; color:#1a1a2e !important; border-color:#ff5c8a; }

/* LISTA MIAST Z WYSZUKIWARKA (/cennik/): pole szukaj + grid pigul z filtrem JS */
.plk-miasta-search{ max-width:880px; margin:1.5rem auto 0; }
.plk-miasta-search .plk-ms-input{
  width:100%; box-sizing:border-box;
  padding:.85rem 1.1rem; font-size:1rem;
  border:1.5px solid var(--line); border-radius:12px;
  background:var(--white); color:var(--ink);
  margin-bottom:1.25rem;
}
.plk-miasta-search .plk-ms-input:focus{
  outline:none; border-color:var(--mark);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--mark) 15%, transparent);
}
.plk-miasta-grid{
  display:flex; flex-wrap:wrap; gap:.55rem;
}
.plk-miasta-grid a{
  display:inline-flex; align-items:center;
  background:color-mix(in srgb, var(--mark) 7%, var(--white));
  border:1px solid color-mix(in srgb, var(--mark) 20%, transparent);
  color:var(--ink) !important;
  padding:.45rem .9rem; border-radius:999px;
  font-size:.9rem; font-weight:600; text-decoration:none !important;
  transition:background .15s, color .15s, border-color .15s, transform .12s;
}
.plk-miasta-grid a:hover{ background:var(--mark); color:var(--white) !important; border-color:var(--mark); transform:translateY(-1px); }
.plk-miasta-grid a[hidden]{ display:none; }
.plk-ms-empty{ font-size:.95rem; color:var(--text-soft); margin:.75rem 0 0; }
@media (max-width:600px){
  .plk .pill-chips, .plk .plk-chips{ justify-content:flex-start; }
}
/* .pills a.pill (Katowice sasiednie miasta) - sa stylowane przez _style_90 (.pill), ale jako
   LINKI braklo im usuniecia podkreslenia + hovera. Dodajemy, by byly czytelne piguly-linki. */
.plk .pills a.pill{ text-decoration:none !important; transition:background .15s, color .15s, border-color .15s, transform .12s; }
.plk .pills a.pill:hover{ background:var(--mark); color:var(--white) !important; border-color:var(--mark); transform:translateY(-1px); }

/* ODDECH miedzy RZEDEM CHIPOW/BADGE a przyciskami CTA w hero (case-study Whitney, miasta, huby).
   Dotyczy KAZDEGO hero (.plk-hero): chipy/trust -> CTA byly przyklejone. Site-wide. */
.plk.plk-hero .plk-trust,
.plk.plk-hero .hero-trust,
.plk.plk-hero .ai-auth-chips,
.plk.plk-hero .pill-chips{ margin-bottom:1.5rem; }
/* CTA tuz po rzedzie chipow - dosypujemy gory dla pewnosci (gdy nastepuje bezposrednio) */
.plk.plk-hero .ai-auth-chips + nav.neon,
.plk.plk-hero .ai-auth-chips + nav.ghost,
.plk.plk-hero .plk-trust + nav.neon,
.plk.plk-hero .plk-trust + p{ margin-top:1.5rem; }
/* === [BLOCK: plk-piguly-miasta] END === */

/* === [BLOCK: megamenu-oferta] START === */
/* Megamenu pod "Oferta" (pages.megamenu_text, p_id 9293) - 3 karty wow. Panel renderuje theme
   natywnie: <div class="megamenu megamenu-9293"> + hover na <li>. HTML siedzi w megamenu_text,
   CALY styl TU (nie inline). Theme .megamenu jest position:absolute wzgledem waskiego nav -> dajemy
   stala szerokosc 820px wyrownana do prawej krawedzi menu (right:0). Mobile: panel w megamenu_responsive. */
nav.header_menu .megamenu.megamenu-9293{width:820px;left:auto;right:0;padding:1.6rem 2rem;}
nav.header_menu .megamenu.megamenu-9293 .plk-mega-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:1240px;margin:0 auto;}
nav.header_menu .megamenu.megamenu-9293 .plk-card{display:block;text-decoration:none !important;border:1px solid #f0e0e6;border-radius:14px;padding:1.3rem 1.4rem;background:linear-gradient(180deg,#fff,#fdf6f8);transition:.16s;}
nav.header_menu .megamenu.megamenu-9293 .plk-card:hover{border-color:var(--mark);box-shadow:0 12px 30px -10px color-mix(in srgb, var(--mark) 30%, transparent);transform:translateY(-3px);}
nav.header_menu .megamenu.megamenu-9293 .plk-card .ico{width:46px;height:46px;border-radius:12px;background:var(--mark);color:var(--white);display:grid;place-items:center;margin-bottom:.7rem;}
nav.header_menu .megamenu.megamenu-9293 .plk-card .ico .material-symbols-outlined{font-size:1.6rem;}
nav.header_menu .megamenu.megamenu-9293 .plk-card h4{margin:0 0 .3rem;font-size:1.05rem;font-weight:800;color:var(--ink);}
nav.header_menu .megamenu.megamenu-9293 .plk-card p{margin:0;font-size:.86rem;color:var(--text-soft);line-height:1.5;}
.megamenu_responsive.megamenu-9293 .plk-mega-inner{display:block;}
.megamenu_responsive.megamenu-9293 .plk-card{margin:0 0 .8rem;}
@media (max-width:980px){
  nav.header_menu .megamenu.megamenu-9293{width:auto;}
}
/* === [BLOCK: megamenu-oferta] END === */

/* === [BLOCK: plk-cities-token] START === */
/* Token [PLK_MIASTA] (addon cities_render.php): wyszukiwarka + grupy A-Z miast. Domyslnie zwiniete
   grupy E-Z (.plk-collapsed) za buttonem "Pokaz wszystkie". Filtr ukrywa klasa .is-hidden z !important
   (bo .plk-cities-link ma display:inline !important - inline style.display by przegral). Wszystkie 211
   linkow zawsze w server-side HTML -> Google indeksuje; zwijanie/filtr tylko ukrywaja wizualnie. */
.plk-cities .plk-cities-search{width:100%!important;max-width:480px!important;padding:.85rem 1.1rem!important;font-size:1.05rem!important;border:2px solid #e5e7eb!important;border-radius:12px!important;margin:0 0 1.8rem!important;outline:none!important;box-sizing:border-box!important;background:#fff!important;}
.plk-cities .plk-cities-search:focus{border-color:var(--mark)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--mark) 12%, transparent)!important;}
.plk-cities-cols{display:block!important;column-count:auto!important;}
.plk-cities-group{margin:0 0 1.5rem!important;break-inside:auto!important;}
.plk-cities-letter{display:block!important;font-weight:800!important;font-size:1.5rem!important;color:var(--mark)!important;border-bottom:2px solid #f3d3dd!important;padding:0 0 .25rem!important;margin:0 0 .6rem!important;line-height:1.2!important;}
.plk-cities-group ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-wrap:wrap!important;gap:.4rem 1.1rem!important;}
.plk-cities-group li{margin:0!important;padding:0!important;background:none!important;list-style:none!important;}
.plk-cities-link{display:inline!important;background:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;color:#1f2937!important;text-decoration:none!important;font-size:.97rem!important;line-height:1.9!important;white-space:nowrap!important;box-shadow:none!important;}
.plk-cities-link:hover{color:var(--mark)!important;text-decoration:underline!important;}
.plk-cities-woj{display:none!important;}
.plk-cities-empty{color:#6b7280;font-style:italic;display:none;}
/* zwijanie grup E-Z (domyslnie ukryte; rozwijane buttonem lub trybem szukania) */
.plk-cities-group.plk-collapsed{display:none!important;}
.plk-cities.is-expanded .plk-cities-group.plk-collapsed{display:block!important;}
.plk-cities.is-searching .plk-cities-group{display:block!important;}
.plk-cities.is-searching .plk-cities-group.is-hidden{display:none!important;}
/* filtr per-miasto — pobija display:inline !important linkow */
.plk-cities-link.is-hidden{display:none!important;}
/* button "Pokaz wszystkie miasta (N)" */
.plk-cities-more{display:inline-block;margin:.25rem 0 0;padding:.7rem 1.4rem;background:var(--mark);color:var(--white);border:0;border-radius:999px;font-size:.95rem;font-weight:700;cursor:pointer;transition:filter .15s, transform .12s;}
.plk-cities-more:hover{filter:brightness(1.08);transform:translateY(-1px);}
.plk-cities.is-expanded .plk-cities-more{display:none;}
.plk-cities.is-searching .plk-cities-more{display:none;}
/* === [BLOCK: plk-cities-token] END === */

/* === [BLOCK: plk-realizacje-miniatury] START === */
/* Rowne miniatury w kafelkach addonu [ADDON_BLOG-BY-ID] / [ADDON_BLOG-BY-CAT].
   Zdjecia realizacji sa pionowe (1200x1600) -> kafelki roznej wysokosci.
   Wymuszamy poziomy kadr 4:3 (object-fit:cover) TYLKO w listingu addonu
   (.articles_wrapper), zeby nie ruszac innych obrazkow na stronie.
   Galaz pozioma "h" jest uzywana (parameter=EMPTY -> x_default_articles_w_or_h='h'). */
.articles_wrapper .article_photo{ overflow:hidden; border-radius:12px; }
.articles_wrapper .article_photo img{
  width:100% !important; aspect-ratio:4/3; height:auto; object-fit:cover; display:block;
}
/* === [BLOCK: plk-realizacje-miniatury] END === */