/* Pasek górny przy 6 pozycjach menu (05.11.2026): pozycje bez łamania, logo pełne (z wstęgą) od 1440 px,
   poniżej 1440 px sam monogram. Telefon i tablet (≤1023 px) obsługuje mobile.css (menu-szuflada). */
@media (min-width:1024px){
  .pasek-app nav ul{gap:2px;flex-wrap:nowrap}
  .pasek-app nav a,.pasek-app .pig-off{white-space:nowrap;padding:10px 10px;font-size:14px}
  .pasek-app .kontakt-p{margin-left:4px}
  .pasek-app nav{flex:0 0 auto}
  .pasek-app .logo2{flex:1 1 0;min-width:0}
}
@media (min-width:1280px) and (max-width:1439px){
  .pasek-app .logo2 img.poz{display:none}
  .pasek-app .mono{display:block}
}
@media (min-width:1440px){
  .pasek-app .logo2 img.poz{width:100%;max-width:712px;height:auto}
}

/* Kreska przy pozycji menu: żółta dla bieżącej sekcji (aria-current), po najechaniu i na fokusie klawiatury. */
html body.pracownia .pasek-app nav li:first-child a:not(.kontakt-p)::before{background:rgba(255,255,255,.16);box-shadow:none}
html body.pracownia .pasek-app nav li a:not(.kontakt-p)::before{transition:background-color 140ms linear,box-shadow 140ms linear}
html body.pracownia .pasek-app nav li a[aria-current="true"]::before,
html body.pracownia .pasek-app nav li a:not(.kontakt-p):hover::before,
html body.pracownia .pasek-app nav li a:not(.kontakt-p):focus-visible::before{background:#FFD60A;box-shadow:0 0 9px rgba(255,214,10,.8)}

/* Realizacje: lista zakładek na komputerze ma wewnętrzne przewijanie (23 pozycje): cienki, widoczny pasek pokazuje, że jest ich więcej. */
@media (min-width:1101px){
  .a-tabs{scrollbar-width:thin;scrollbar-color:#FFD60A rgba(255,255,255,.12)}
  .a-tabs::-webkit-scrollbar{width:8px}
  .a-tabs::-webkit-scrollbar-track{background:rgba(255,255,255,.12);border-radius:4px}
  .a-tabs::-webkit-scrollbar-thumb{background:#FFD60A;border-radius:4px}
}

/* „zupełnie innego” (blok „Czasem rozwiązaniem będzie SEO…”): kreskowanie przyciemnione i ciemne tło pod napisem, żeby biały tekst był czytelny (uwaga Łukasza 05.11.2026); dolna zielona linia zostaje. */
html body.pracownia .mk-g{background:linear-gradient(rgba(8,20,13,.66),rgba(8,20,13,.66)),repeating-linear-gradient(135deg,rgba(25,194,107,.4) 0 2.6px,rgba(25,194,107,0) 2.6px 7px);text-shadow:0 0 6px #08140d,0 0 2px #08140d,0 1px 0 #08140d}

/* Pasek reklamowy w stopce (05.11.2026): pytanie-zaczepka, opis, dwa przyciski: telefon (główny, żółty) i zapytanie (obrys). */
html body.pracownia .rfh.sf.fZ .fZ-pt{display:block}
html body.pracownia .rfh.sf.fZ .fZ-pt b{display:block;font-size:calc(28*var(--u));margin:0 0 calc(6*var(--u))}
html body.pracownia .rfh.sf.fZ .fZ-pt span{display:block}
html body.pracownia .rfh.sf.fZ .fZ-pb{flex:0 0 auto;display:flex;align-items:center;gap:calc(12*var(--u))}
html body.pracownia .rfh.sf.fZ .fZ-pcz{background:#FFD60A;color:#0b0b0f;text-decoration:none;white-space:nowrap}
html body.pracownia .rfh.sf.fZ .fZ-pcz:hover{background:#FFE14D;color:#0b0b0f}
html body.pracownia .rfh.sf.fZ .fZ-pcs{white-space:nowrap}
@media (max-width:1023px){
  html body.pracownia .rfh.sf.fZ .fZ-pb{flex-direction:column;align-items:stretch;width:100%;gap:12px}
  html body.pracownia .rfh.sf.fZ .fZ-pcz,html body.pracownia .rfh.sf.fZ .fZ-pcs{width:100%;justify-content:center;text-align:center}
  html body.pracownia .rfh.sf.fZ .fZ-pt b{font-size:28px}
}


/* MIEJSCE REKLAMOWE (05.11.2026, wybór Łukasza: pomysł B „numer jako bohater”, ciemne tło z pasami ostrzegawczymi, fiolet tylko jako akcent): osobna sekcja nad Kontaktem. Odstępy z jednej skali: --p z każdej strony, --pg między elementami. */
html body.pracownia .fZ-ad.rfh.sf.fZ{--p:48px;--pg:18px;--pas:16px;background:transparent!important;min-height:0!important;padding:92px 72px 84px!important}
html body.pracownia .fZ-ad .fZ-promo{background:#0d0d11!important;color:#fff;max-width:1296px;margin:0 auto!important;position:relative;border-radius:14px;overflow:hidden;padding:calc(var(--pas) + var(--p)) var(--p)!important;border:1px solid rgba(255,214,10,.28);box-shadow:none}
html body.pracownia .fZ-ad .fZ-promo .fZ-w{max-width:none!important;padding:0!important;margin:0!important;width:auto!important}
html body.pracownia .fZ-ad .fZ-promo::before,html body.pracownia .fZ-ad .fZ-promo::after{content:"";position:absolute;left:0;right:0;height:var(--pas);background:repeating-linear-gradient(135deg,#FFD60A 0 14px,#14141a 14px 28px)}
html body.pracownia .fZ-ad .fZ-promo::before{top:0}
html body.pracownia .fZ-ad .fZ-promo::after{bottom:0}
html body.pracownia .fZ-ad .fZ-pr{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:0!important;margin:0!important;padding:0!important}
html body.pracownia .fZ-ad .fZ-tag{display:inline-block;background:#FFD60A!important;color:#0b0b0f!important;margin:0 0 var(--pg)!important;align-self:center}
html body.pracownia .fZ-ad .fZ-pt{margin:0!important;width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
html body.pracownia .fZ-ad .fZ-pt b{display:block;color:#fff!important;font-size:44px!important;line-height:1.04!important;margin:0 auto!important;max-width:1180px;text-wrap:balance}
html body.pracownia .fZ-ad .fZ-nr{display:block;font-family:"Sofia Sans Extra Condensed","Arial Narrow",sans-serif;font-weight:800;font-size:128px;line-height:1;letter-spacing:.02em;color:#FFD60A!important;text-decoration:none!important;margin:14px 0 10px;white-space:nowrap;position:relative}
html body.pracownia .fZ-ad .fZ-nr:hover{color:#FFE14D!important}
html body.pracownia .fZ-ad .fZ-nr .fZ-cy{display:inline-block!important;font:inherit!important;color:inherit!important;line-height:inherit!important;letter-spacing:inherit!important;margin:0!important}
html body.pracownia .fZ-ad .fZ-nr.fZ-anim .fZ-cy{opacity:0}
html body.pracownia .fZ-ad .fZ-nr.fZ-anim.fZ-in .fZ-cy{opacity:1;animation:fZup 720ms cubic-bezier(.2,.9,.25,1.15) both,fZwave 9s ease-in-out infinite;animation-delay:calc(var(--i)*70ms),calc(2.6s + var(--i)*80ms)}
html body.pracownia .fZ-ad .fZ-nr .rk{position:absolute;z-index:2}
html body.pracownia .fZ-ad .fZ-nr .rk path{stroke:#FFD60A;stroke-width:4.6}
html body.pracownia .fZ-ad .fZ-nr .rk-ps{left:-212px;top:14%;width:172px;height:50px}
html body.pracownia .fZ-ad .fZ-nr .rk-pg{right:-92px;top:-8px;width:64px;height:64px;transform:rotate(-12deg)}
html body.pracownia .fZ-ad .fZ-nr .rk-pn{right:-120px;bottom:-4px;width:66px;height:66px;transform:rotate(8deg)}
html body.pracownia .fZ-ad .fZ-pt>span{display:block;color:rgba(255,255,255,.95)!important;font-size:22px!important;margin:0!important}
html body.pracownia .fZ-ad .fZ-pb{margin:28px 0 0!important;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:14px;width:auto!important}
html body.pracownia .fZ-ad .fZ-pc{width:auto!important;justify-content:center!important;text-align:center!important}
html body.pracownia .fZ-ad .fZ-pcz{background:#FFD60A!important;color:#0b0b0f!important;min-height:64px!important;font-size:22px!important;padding:0 38px!important}
html body.pracownia .fZ-ad .fZ-pcz:hover{background:#FFE14D!important}
html body.pracownia .fZ-ad .fZ-pcs{min-height:64px!important;font-size:22px!important;padding:0 38px!important;color:#FFD60A!important;border:2px solid #FFD60A!important;background:transparent!important}
html body.pracownia .fZ-ad .fZ-pcs:hover{background:#8052ff!important;border-color:#8052ff!important;color:#fff!important}
@media (max-width:1023px){
  html body.pracownia .fZ-ad.rfh.sf.fZ{--p:24px;--pg:14px;--pas:12px;padding:56px 16px 48px!important}
  html body.pracownia .fZ-ad .fZ-promo{border-radius:12px}
  html body.pracownia .fZ-ad .fZ-pt b{font-size:28px!important}
  html body.pracownia .fZ-ad .fZ-nr{font-size:clamp(52px,18vw,76px);margin:12px 0 8px;}
  html body.pracownia .fZ-ad .fZ-pt>span{font-size:17px!important}
  html body.pracownia .fZ-ad .fZ-pb{flex-direction:column;align-items:stretch;width:100%!important;margin-top:22px!important;gap:12px}
  html body.pracownia .fZ-ad .fZ-pc{width:100%!important}
  html body.pracownia .fZ-ad .fZ-pcz,html body.pracownia .fZ-ad .fZ-pcs{font-size:20px!important;min-height:58px!important;padding:0 20px!important}
}