/* =====================================================================
   Pozycjonowanie Śląsk – site.css  v2 (2026-11-01)
   ===================================================================== */
:root{
  color-scheme:only light;
  --pm-violet:#2E5899;--pm-violet-dark:#1F3F73;--pm-violet-light:#F9AF2E;--pm-violet-pale:#E7EDF7;
  --pm-ink:#222222;--pm-muted:#616161;--pm-line:#EEEEEE;
  --pm-ease:cubic-bezier(.2,.7,.2,1);
  --grad:#2E5899;
}
html,body{margin:0;padding:0;background:#FFFFFF}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
html,body{overflow-x:clip}
*{box-sizing:border-box}
img{max-width:100%;display:block}
img[width][height]{height:auto}
a{color:var(--pm-violet);text-underline-offset:3px;-webkit-tap-highlight-color:rgba(46,88,153,.12)}
a:hover{color:var(--pm-violet-dark)}
main a:not([class]):hover{color:var(--pm-violet-light)}
h1,h2,h3{overflow-wrap:break-word;hyphens:auto}
summary{cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] summary span[aria-hidden]{transform:rotate(45deg);color:var(--pm-violet-light) !important;border-color:var(--pm-violet-light) !important}
details summary span[aria-hidden]{transition:transform .2s var(--pm-ease)}
::selection{background:#C9D6EE}
:focus-visible{outline:2px solid var(--pm-violet);outline-offset:2px}
[hidden]{display:none !important}
[data-if],.v-d1280,.v-m1280,.v-d1480,.v-m900,.v-closed{display:contents}
.v-menu,.v-sub,.v-open{display:none}
@media (min-width:900px){.v-m900{display:none}}
.osf-top{display:none !important}

/* klasy hover z szablonu */
.h1:hover{border-bottom-color:#2E5899 !important;color:#2E5899 !important}
.h2:hover{background:#E7EDF7 !important;color:#2E5899 !important}
.h3:hover{color:#2E5899 !important}
.h4:hover{background:#222222 !important;color:#FFFFFF !important}
.h5:focus{outline:2px solid #2E5899 !important;outline-offset:1px !important;border-color:#2E5899 !important}
.h6:hover{background:#1F3F73 !important}
.h7:hover{border-color:#2E5899 !important;box-shadow:0 10px 28px rgba(0,0,0,.08) !important}
.h8:hover{border-color:#2E5899 !important;color:#2E5899 !important}
.h9:hover{color:#FFFFFF !important}
.h10:hover{background:#2E5899 !important;color:#FFFFFF !important}
.h11:hover{border-color:#2E5899 !important;background:#F5F8FC !important}
.h1,.h2,.h3,.h4,.h6,.h7,.h8,.h9,.h10,.h11{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}

/* przyciski fioletowe */
a[style*="background: #2E5899"],button[style*="background: #2E5899"]{background:var(--grad) !important;border-color:transparent !important}
a[style*="background: #2E5899"]:hover,button[style*="background: #2E5899"]:hover{background:var(--pm-violet-dark) !important;color:#FFFFFF !important}
main span[style*="font-size: clamp(38px"],main span[style*="font: 700 64px"],main [style*="font: 700 italic"]{color:#2E5899}
span[aria-hidden="true"][style*="height: 6px"][style*="background"]{background:var(--grad) !important}

/* przyciski: wyśrodkowane, wielkie litery (tylko treść strony) */
main button:not([aria-hidden]):not(summary *),form button[type="submit"],
main a[style*="background: #2E5899"],main a[style*="background:#2E5899"],main a[style*="border: 2px solid"],
main a[style*="border: 1px solid #DDDDDD"][style*="padding"],main a[href^="https://wa.me"][style*="padding"],
main a[href^="tel:"][style*="border-radius: 10px"][style*="padding"],
aside a[href^="https://wa.me"][style*="padding"],section a[href^="https://wa.me"][style*="padding"]{
  text-align:center !important;justify-content:center !important;text-transform:uppercase !important;letter-spacing:.06em !important}
form button[type="submit"]{display:flex !important;align-items:center;justify-content:center !important;text-align:center !important;text-transform:uppercase !important;letter-spacing:.06em !important}
form button[type="submit"][disabled]{opacity:.7;cursor:progress}
[role="tablist"] button{text-transform:uppercase !important;letter-spacing:.05em !important;text-align:center !important}

/* ---------- mobile: czytelne przyciski (było 10–13 px w jednej linii) ---------- */
@media (max-width:767px){
  main a[style*="background: #2E5899"],main a[style*="border: 2px solid"],main a[href^="https://wa.me"][style*="padding"],
  main a[href^="tel:"][style*="border-radius: 10px"][style*="padding"],section a[href^="https://wa.me"][style*="padding"],
  main [role="tablist"] button{
    font-size:15px !important;letter-spacing:.03em !important;white-space:normal !important;line-height:1.3 !important;
    padding-left:16px !important;padding-right:16px !important;min-height:48px;text-wrap:balance}
  main p > a[style*="background: #2E5899"],main p > a[style*="border: 2px solid"]{display:block !important;width:100% !important}
  form button[type="submit"]{width:100% !important;height:auto !important;min-height:52px;padding:14px 16px !important;
    white-space:normal !important;font-size:15px !important;letter-spacing:.03em !important;line-height:1.3 !important}
  input,select,textarea{font-size:16px !important}
  table{font-size:15px}
}

/* ---------- dolny pasek mobile ---------- */
.v-m900 > div:first-child{background:#222222 !important;border-radius:0 !important}
.v-m900 > div:last-child{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important;view-transition-name:pm-bottom}
.v-m900 a{transition:background-color .2s,border-color .2s}

/* ---------- stopka ---------- */
footer{position:relative}
footer::before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:linear-gradient(180deg,#2E5899 0 62%,#FFFFFF 62% 75%,#F9AF2E 75% 100%)}
footer a{transition:color .2s}

/* =====================================================================
   NAGŁÓWEK I MENU
   ===================================================================== */
.pm-hdr{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:#FFFFFF;
  font-family:'Raleway',system-ui,sans-serif;color:var(--pm-ink);box-shadow:0 2px 3px rgba(0,0,0,.06);view-transition-name:pm-header}
.pm-hdr::after{content:"";position:relative;z-index:3;display:block;height:8px;background:linear-gradient(180deg,#2E5899 0 62%,#FFFFFF 62% 75%,#F9AF2E 75% 100%)}
.pm-skip{position:absolute;left:12px;top:-60px;z-index:5;background:var(--pm-violet);color:#fff;padding:10px 14px;border-radius:8px;font-weight:600;text-decoration:none}
.pm-skip:focus{top:10px;color:#fff}
body{padding-top:80px}
.pm-bar{position:relative;z-index:3;background:#FFFFFF;max-width:1360px;margin:0 auto;padding:0 24px;height:72px;display:flex;align-items:center;gap:16px}
.pm-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pm-ink);flex:0 1 auto;min-width:0;margin-right:auto}
.pm-logo img{width:52px;height:52px;flex-shrink:0}
.pm-logo-txt{display:flex;flex-direction:column;line-height:1;white-space:nowrap}
.pm-logo-txt span{font-size:13px;font-weight:500;color:var(--pm-muted);letter-spacing:.01em}
.pm-logo-txt strong{font-size:21px;font-weight:800;color:var(--pm-violet);letter-spacing:-.01em}

.pm-nav{display:none}
.pm-list{list-style:none;margin:0;padding:0;display:flex;align-items:center}
.pm-list > li{position:relative}
.pm-link{display:flex;align-items:center;gap:5px;padding:27px 8px 25px;margin:0;border:0;border-bottom:2px solid transparent;background:none;
  font:700 12.5px/1 'Raleway',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:#333333;text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:color .2s,border-color .2s}
.pm-link:hover,.pm-link:focus-visible,.pm-dd.is-open > .pm-link{color:var(--pm-violet);border-bottom-color:var(--pm-violet)}
.pm-link[aria-current="page"],.pm-link.is-active{color:var(--pm-ink);border-bottom-color:var(--pm-ink)}
.pm-link svg{transition:transform .2s var(--pm-ease)}
.pm-dd.is-open > .pm-link svg{transform:rotate(180deg)}
.pm-sub{list-style:none;margin:0;padding:8px;position:absolute;top:100%;left:-4px;min-width:290px;background:#FFFFFF;border:1px solid var(--pm-line);border-radius:12px;
  box-shadow:0 14px 34px rgba(0,0,0,.13);opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .18s var(--pm-ease),transform .18s var(--pm-ease),visibility 0s linear .18s;z-index:10}
.pm-sub a{display:block;white-space:nowrap;padding:11px 12px;border-radius:8px;font:500 15px/1.3 'Raleway',system-ui,sans-serif;color:var(--pm-ink);text-decoration:none;transition:background-color .15s,color .15s}
.pm-sub a:hover,.pm-sub a:focus-visible{background:var(--pm-violet-pale);color:var(--pm-violet)}
.pm-sub a[aria-current="page"]{color:var(--pm-violet);font-weight:700}
.pm-dd.is-open > .pm-sub,.pm-dd:focus-within > .pm-sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
@media (hover:hover){.pm-dd:hover > .pm-sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .pm-dd:hover > .pm-link{color:var(--pm-violet);border-bottom-color:var(--pm-violet)}}

.pm-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.pm-tel{display:none;align-items:center;gap:6px;font-size:15px;font-weight:600;color:var(--pm-ink);text-decoration:none;white-space:nowrap;transition:color .2s}
.pm-tel:hover{color:var(--pm-violet)}
.pm-cta{display:none;align-items:center;background:var(--pm-violet);color:#FFFFFF;text-transform:uppercase;letter-spacing:.06em;padding:12px 16px;border-radius:10px;
  font-size:13.5px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .2s,transform .2s}
.pm-cta:hover{background:var(--pm-violet-dark);color:#FFFFFF}
.pm-cta:active{transform:scale(.98)}
.pm-burger{width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;
  border:1px solid #DDDDDD;border-radius:10px;background:#FFFFFF;cursor:pointer;flex-shrink:0}
.pm-burger span{display:block;width:22px;height:2px;background:var(--pm-ink);border-radius:2px;transition:transform .25s var(--pm-ease),opacity .2s}
.pm-hdr.is-open .pm-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.pm-hdr.is-open .pm-burger span:nth-child(2){opacity:0}
.pm-hdr.is-open .pm-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* panel mobilny */
.pm-backdrop{position:fixed;inset:0;z-index:1;background:rgba(31,16,41,.35);opacity:0;pointer-events:none;transition:opacity .25s var(--pm-ease)}
.pm-hdr.is-open .pm-backdrop{opacity:1;pointer-events:auto}
.pm-mobile{position:absolute;left:0;right:0;top:100%;z-index:2;background:#FFFFFF;border-top:1px solid var(--pm-line);box-shadow:0 18px 30px rgba(0,0,0,.12);
  max-height:calc(100vh - 80px);max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
  padding:6px 20px 28px;opacity:0;visibility:hidden;transform:translateY(-10px);
  transition:opacity .22s var(--pm-ease),transform .22s var(--pm-ease),visibility 0s linear .22s}
.pm-hdr.is-open .pm-mobile{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.pm-mgroup{margin:18px 4px 2px;font:700 12px/1 'Raleway',system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#9B9B9B}
.pm-m{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:12px 4px;border-bottom:1px solid #F0F0F0;
  font:500 17px/1.3 'Raleway',system-ui,sans-serif;color:var(--pm-ink);text-decoration:none}
.pm-m span[aria-hidden]{color:#9B9B9B;transition:transform .2s}
.pm-m:hover span[aria-hidden]{transform:translateX(3px)}
.pm-m[aria-current="page"]{color:var(--pm-violet);font-weight:700}
.pm-dot{width:8px;height:8px;border-radius:50%;background:var(--pm-violet);flex-shrink:0}
.pm-mcta{display:flex;flex-direction:column;gap:10px;margin-top:22px}
.pm-mbtn{display:flex;align-items:center;justify-content:center;min-height:52px;padding:12px 18px;border:1px solid #DDDDDD;border-radius:10px;
  font:600 15px/1.2 'Raleway',system-ui,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:var(--pm-ink);text-decoration:none;text-align:center}
.pm-mbtn--main{background:var(--pm-violet);border-color:var(--pm-violet);color:#FFFFFF}
.pm-mbtn--main:hover{background:var(--pm-violet-dark);color:#FFFFFF}
.pm-mtel{padding:8px 2px;font:700 22px/1.2 'Raleway',system-ui,sans-serif;color:var(--pm-ink);text-decoration:none;text-align:center}
body.pm-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden}

@media (min-width:600px){.pm-cta{display:inline-flex}}
@media (min-width:1180px){
  .pm-nav{display:block;margin-left:auto}
  .pm-logo{margin-right:8px;flex:0 0 auto}
  .pm-burger,.pm-mobile,.pm-backdrop{display:none !important}
}
@media (min-width:1440px){.pm-tel{display:flex}.pm-link{padding-left:11px;padding-right:11px;font-size:13px}}
@media (max-width:479px){
  body{padding-top:72px}
  .pm-bar{padding:0 14px;height:64px;gap:10px}
  .pm-logo img{width:44px;height:44px}
  .pm-logo-txt span{font-size:12px}
  .pm-logo-txt strong{font-size:19px}
  .pm-mobile{padding:4px 16px 24px}
}

/* =====================================================================
   PŁYNNE PRZEJŚCIA MIĘDZY PODSTRONAMI
   1) Chrome/Edge/Opera/Safari 18.2+: View Transitions (nagłówek stoi, treść płynnie się zmienia)
   2) pozostałe (np. Firefox): delikatne wejście treści + wyjście przed nawigacją (site.js)
   ===================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root){animation:pm-out .18s var(--pm-ease) both}
::view-transition-new(root){animation:pm-in .32s var(--pm-ease) both}
::view-transition-group(pm-header),::view-transition-group(pm-bottom){animation-duration:0s}
::view-transition-old(pm-header),::view-transition-new(pm-header),
::view-transition-old(pm-bottom),::view-transition-new(pm-bottom){animation:none}
@keyframes pm-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes pm-in{from{opacity:0;transform:translateY(12px)}}
@keyframes pm-fade{from{opacity:0}}

html.pm-fb .pm-hdr ~ main{animation:pm-in .34s var(--pm-ease) backwards}
html.pm-fb .pm-hdr ~ div{animation:pm-fade .34s var(--pm-ease) backwards}
html.pm-fb.pm-leave .pm-hdr ~ main,html.pm-fb.pm-leave .pm-hdr ~ div{opacity:0;transition:opacity .16s ease}

@media (prefers-reduced-motion:reduce){
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}
  html.pm-fb .pm-hdr ~ main,html.pm-fb .pm-hdr ~ div{animation:none !important}
  .pm-mobile,.pm-sub,.pm-backdrop,.pm-burger span{transition:none !important}
}

/* formularz – komunikat o błędzie wysyłki */
.pm-form-err{margin:0;padding:12px 14px;border-radius:10px;background:#FDECEA;color:#8C1D18;font-size:15px;line-height:1.5}
.pm-form-err a{color:#8C1D18;font-weight:700}

/* =====================================================================
   WYGLĄD v3 – spójny, nowoczesny (2026-11-01)
   Jeden krój (Inter), jedna skala zaokrągleń i cieni, jeden styl przycisków.
   Kolor akcentu zmienisz w jednym miejscu: --pm-accent.
   ===================================================================== */
:root{
  --pm-font:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --pm-ink:#1D1A22;--pm-text:#3F3A47;--pm-muted:#5F6874;--pm-line:#E4E7EB;--pm-surface:#F4F6F8;
  --pm-brand:#2E5899;--pm-brand-dark:#231330;
  --pm-accent:#2E5899;--pm-accent-soft:#E7EDF7;
  --pm-r-sm:10px;--pm-r:14px;--pm-r-lg:20px;
  --pm-shadow:0 1px 2px rgba(16,24,40,.05),0 4px 14px rgba(16,24,40,.06);
  --pm-shadow-lg:0 2px 6px rgba(16,24,40,.06),0 18px 40px rgba(16,24,40,.10);
}
body{font-family:var(--pm-font);color:var(--pm-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:var(--pm-accent-soft)}

/* --- typografia: jeden krój zamiast trzech --- */
[style*="Raleway"],[style*="Open Sans"],[style*="Lora"],.pm-hdr,.pm-hdr *,footer,button,input,select,textarea{font-family:var(--pm-font) !important}
[style*="'Lora'"]{font-style:normal !important}
main h1{font-weight:800 !important;letter-spacing:-.025em !important;line-height:1.1 !important;text-wrap:balance}
main section:first-child h1{font-size:clamp(32px,4.2vw,52px) !important}
main h2,section h2{font-weight:750 !important;letter-spacing:-.02em !important;line-height:1.2 !important;text-wrap:balance}
main h3,section h3{font-weight:700 !important;letter-spacing:-.01em !important}
main p,main li,main td{text-wrap:pretty}
main p[style*="color: #616161"],main p[style*="color: #474747"],section p[style*="color: #616161"]{color:var(--pm-text) !important}
main a:not([class]):not([style*="background"]){color:var(--pm-accent);text-decoration-thickness:1px;text-underline-offset:3px}
main a:not([class]):not([style*="background"]):hover{color:var(--pm-brand-dark)}

/* --- treść redakcyjna: wygodna szerokość wiersza i rytm sekcji --- */
main > div[style*="max-width: 1160px"] > h2,
main > div[style*="max-width: 1160px"] > section > h2{position:relative;margin-top:clamp(32px,3.5vw,44px) !important;margin-bottom:12px !important;padding-top:16px}
main > div[style*="max-width: 1160px"] > h2::before,
main > div[style*="max-width: 1160px"] > section > h2::before{content:"";position:absolute;left:0;top:0;width:44px;height:4px;border-radius:4px;background:var(--pm-accent)}
main > div[style*="max-width: 1160px"] > p,
main > div[style*="max-width: 1160px"] > h2,
main > div[style*="max-width: 1160px"] > ul,
main > div[style*="max-width: 1160px"] > section > p,
main > div[style*="max-width: 1160px"] > section > h2,
main > div[style*="max-width: 1160px"] > section > ul{max-width:none}
main > div[style*="max-width: 1160px"] > p,main > div[style*="max-width: 1160px"] > section > p{font-size:clamp(16px,1.25vw,18px) !important;line-height:1.75 !important;color:var(--pm-text) !important}

/* --- nagłówki sekcji: zamiast „widmowego” słowa i pionowej kreski – etykieta + akcent --- */
div[aria-hidden="true"][style*="color: #F0F0F0"]{
  display:inline-flex !important;align-items:center;gap:8px;margin:0 0 14px !important;padding:6px 12px;border-radius:999px;
  font:700 12.5px/1 var(--pm-font) !important;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-accent) !important;background:var(--pm-accent-soft);white-space:nowrap}
div[aria-hidden="true"][style*="color: #F0F0F0"] + h2{font-size:clamp(28px,3.4vw,40px) !important}
div[aria-hidden="true"][style*="color: #F0F0F0"] ~ p[style*="'Lora'"]{font:500 17px/1.5 var(--pm-font) !important;color:var(--pm-muted) !important;margin-top:12px !important}
span[aria-hidden="true"][style*="width: 2px"][style*="height: 32px"]{display:none !important}
div[style*="text-align: center"][style*="margin: 80px auto"]{margin-top:clamp(40px,5vw,64px) !important;margin-bottom:clamp(24px,3vw,36px) !important}
div[style*="text-align: center"][style*="margin: 0 auto 52px"]{margin-bottom:clamp(24px,3vw,36px) !important}
main > div[style*="max-width: 1160px"] > p,main > div[style*="max-width: 1160px"] > section > p{margin-bottom:14px !important}
main figure{margin-top:clamp(24px,3vw,36px) !important}

/* --- przyciski: jeden system (główny / drugorzędny), bez wielkich liter --- */
main a[style*="background: #2E5899"],main button[style*="background: #2E5899"],section a[style*="background: #2E5899"],form button[type="submit"],
main a[style*="border: 2px solid"],section a[style*="border: 2px solid"],main a.h8,section a.h8,main a[href^="https://wa.me"][style*="padding"],section a[href^="https://wa.me"][style*="padding"]{
  display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px;min-height:48px;
  padding:12px 22px !important;border-radius:12px !important;
  font:600 16px/1.2 var(--pm-font) !important;text-transform:none !important;letter-spacing:-.005em !important;text-decoration:none !important;
  transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s,transform .15s !important}
main a[style*="background: #2E5899"],main button[style*="background: #2E5899"],section a[style*="background: #2E5899"],form button[type="submit"]{
  background:var(--pm-brand) !important;color:#fff !important;border:1px solid var(--pm-brand) !important;box-shadow:0 1px 2px rgba(16,24,40,.12),inset 0 1px 0 rgba(255,255,255,.08)}
main a[style*="background: #2E5899"]:hover,main button[style*="background: #2E5899"]:hover,section a[style*="background: #2E5899"]:hover,form button[type="submit"]:hover{
  background:var(--pm-brand-dark) !important;border-color:var(--pm-brand-dark) !important;color:#fff !important;box-shadow:0 6px 18px rgba(16,24,40,.18)}
main a[style*="border: 2px solid"],section a[style*="border: 2px solid"],main a.h8,section a.h8,main a[href^="https://wa.me"][style*="padding"],section a[href^="https://wa.me"][style*="padding"]{
  background:#fff !important;color:var(--pm-ink) !important;border:1px solid #CDD2D9 !important;box-shadow:0 1px 2px rgba(16,24,40,.05)}
main a[style*="border: 2px solid"]:hover,section a[style*="border: 2px solid"]:hover,main a.h8:hover,section a.h8:hover,main a[href^="https://wa.me"][style*="padding"]:hover,section a[href^="https://wa.me"][style*="padding"]:hover{
  border-color:var(--pm-brand) !important;background:var(--pm-surface) !important;color:var(--pm-ink) !important}
main a[style*="background: #2E5899"]:active,form button[type="submit"]:active,main a[style*="border: 2px solid"]:active{transform:translateY(1px)}
form button[type="submit"]{width:100%;min-height:54px;font-size:16.5px !important}
.pm-cta,.pm-mbtn{text-transform:none !important;letter-spacing:-.005em !important;font-weight:600 !important;border-radius:12px !important}
.pm-cta{font-size:15px !important;padding:11px 18px !important}
.pm-mbtn{font-size:16px !important}
@media (max-width:767px){
  main a[style*="background: #2E5899"],main a[style*="border: 2px solid"],section a[style*="border: 2px solid"],main a[href^="https://wa.me"][style*="padding"],section a[href^="https://wa.me"][style*="padding"],main a.h8,section a.h8{
    font-size:16px !important;letter-spacing:0 !important;white-space:normal !important}
  main section:first-child div[style*="flex-wrap: wrap"] > a{flex:1 1 100%}
}

/* --- karty: wspólne zaokrąglenie, obramowanie i cień --- */
main [style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"],section [style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"],
main [style*="background: #F9F9F9"][style*="border-radius: 10px"]{border-radius:var(--pm-r) !important;border-color:var(--pm-line) !important}
main [style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"][style*="padding"],section [style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"][style*="padding: 24px"]{box-shadow:var(--pm-shadow)}
main [style*="background: #F9F9F9"][style*="border-radius: 10px"]{background:var(--pm-surface) !important}
.js-form > div{border-radius:var(--pm-r-lg) !important;border-color:var(--pm-line) !important;box-shadow:var(--pm-shadow-lg) !important}
a.h7,a.h11,main a[style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"]{transition:transform .2s var(--pm-ease),box-shadow .2s,border-color .2s !important}
a.h7:hover,a.h11:hover,main a[style*="border: 1px solid #EEEEEE"][style*="border-radius: 10px"]:hover{transform:translateY(-3px);box-shadow:var(--pm-shadow-lg) !important;border-color:#CDD2D9 !important;background:#fff !important}
main li[style*="background: #F5F8FC"]{background:#fff !important;border-color:var(--pm-line) !important;border-radius:var(--pm-r) !important;box-shadow:var(--pm-shadow)}
main [style*="font: 700 italic"],main [style*="font: 700 64px"]{color:var(--pm-accent) !important}
main div[style*="font: 700 38px"]{color:var(--pm-accent) !important;letter-spacing:-.02em}

/* pakiety cennika – nagłówki kart */
main [style*="background: #2E5899"][style*="border-radius: 10px 10px 0 0"],main div[style*="background: #2E5899"]:not(a):not(button){background:linear-gradient(160deg,#2E5899 0%,#26152F 100%) !important}

/* --- obrazy --- */
main img[style*="object-fit: cover"],main figure img{border-radius:var(--pm-r-lg) !important;box-shadow:var(--pm-shadow)}
main figure{margin-top:clamp(32px,4vw,48px) !important}

/* --- tabele --- */
main div[style*="overflow-x: auto"][style*="border: 1px solid #EEEEEE"]{border-radius:var(--pm-r) !important;border-color:var(--pm-line) !important;box-shadow:var(--pm-shadow);background:#fff}
main th{background:var(--pm-surface) !important;font:600 13px/1.3 var(--pm-font) !important;letter-spacing:.04em;text-transform:uppercase;color:var(--pm-muted) !important;border-bottom:1px solid var(--pm-line) !important}
main td{border-bottom-color:#EEF0F3 !important;color:var(--pm-text)}
main tr:last-child td{border-bottom:0 !important}
main tbody tr{transition:background-color .15s}
main tbody tr:hover td{background:#FAFBFC}
main td[style*="background: #F5F8FC"]{background:var(--pm-accent-soft) !important;color:var(--pm-ink)}

/* --- FAQ --- */
main details{border-color:var(--pm-line) !important}
main summary{padding-top:20px !important;padding-bottom:20px !important;font-weight:600 !important;transition:color .2s}
main summary:hover{color:var(--pm-accent)}
main summary span[aria-hidden]{width:30px !important;height:30px !important;border-radius:50% !important;background:var(--pm-surface);border-color:transparent !important;display:inline-flex !important;align-items:center;justify-content:center;flex-shrink:0}
main details[open] summary span[aria-hidden]{background:var(--pm-accent) !important;color:#fff !important}
main details > :not(summary){animation:pm-fade .25s var(--pm-ease)}

/* --- formularze --- */
input.h5,input[type="text"],input[type="email"],input[type="tel"]{border-radius:12px !important;border-color:#D3D8DE !important;transition:border-color .15s,box-shadow .15s}
input.h5:hover{border-color:#B9C0C9 !important}
input.h5:focus,.h5:focus{outline:none !important;border-color:var(--pm-accent) !important;box-shadow:0 0 0 4px rgba(46,88,153,.15) !important}
input[type="radio"],input[type="checkbox"]{accent-color:var(--pm-brand) !important}

/* --- etykiety / pigułki --- */
main span[style*="padding: 7px 12px"],main span[style*="padding: 8px 14px"],section span[style*="padding: 7px 12px"]{border-radius:999px !important;border-color:var(--pm-line) !important;background:#fff}
[role="tablist"]{border-radius:999px !important;background:var(--pm-surface) !important;border-color:var(--pm-line) !important}
[role="tablist"] button{border-radius:999px !important;text-transform:none !important;letter-spacing:0 !important;font-weight:600 !important;font-size:15px !important;padding:10px 18px !important}

/* --- hero --- */
main > section:first-child{border-bottom:1px solid var(--pm-line) !important}
main > section:first-child nav[aria-label="Okruszki"]{font-size:13.5px !important}
main > section:first-child nav[aria-label="Okruszki"] a{color:var(--pm-muted);text-decoration:none}
main > section:first-child nav[aria-label="Okruszki"] a:hover{color:var(--pm-accent);text-decoration:underline}
main > section:first-child h1 + p{color:var(--pm-text) !important}

/* --- sekcja formularza i stopka --- */
section#formularz{background:linear-gradient(180deg,var(--pm-surface) 0%,#fff 100%) !important;border-top:1px solid var(--pm-line) !important}
aside[style*="border-top: 1px solid #EEEEEE"]{border-top-color:var(--pm-line) !important}
aside img[style*="border-radius: 50%"]{box-shadow:0 0 0 4px #fff,0 0 0 5px var(--pm-line)}
footer{background:#1C0F26 !important}
footer a.h9{transition:color .15s,padding-left .15s}
footer a.h9:hover{padding-left:3px}

/* --- menu: drobne wyrównanie do nowego stylu --- */
.pm-link{font-size:14px !important;text-transform:none !important;letter-spacing:-.005em !important;font-weight:600 !important;color:#2E2A35}
.pm-link[aria-current="page"],.pm-link.is-active{border-bottom-color:var(--pm-accent) !important;color:var(--pm-ink) !important}
.pm-link:hover,.pm-dd.is-open > .pm-link{color:var(--pm-accent) !important;border-bottom-color:var(--pm-accent) !important}
.pm-sub{border-radius:var(--pm-r) !important;box-shadow:var(--pm-shadow-lg) !important}
.pm-sub a:hover,.pm-sub a:focus-visible{background:var(--pm-accent-soft) !important;color:var(--pm-accent) !important}
.pm-sub a[aria-current="page"],.pm-m[aria-current="page"]{color:var(--pm-accent) !important}
.pm-dot{background:var(--pm-accent) !important}
.pm-mgroup{color:var(--pm-muted) !important}
@media (min-width:1440px){.pm-link{font-size:14.5px !important}}

/* --- dolny pasek mobilny --- */
.v-m900 a{border-radius:12px !important;font-family:var(--pm-font) !important}
.v-m900 a[style*="background: #2E5899"]{background:var(--pm-brand) !important;justify-content:center}
.v-m900 a[href^="tel:"]{justify-content:center}

/* --- delikatne pojawianie się sekcji przy przewijaniu --- */
@media (prefers-reduced-motion:no-preference){
  html.pm-reveal .pm-rv{opacity:0;transform:translateY(18px);transition:opacity .6s var(--pm-ease),transform .6s var(--pm-ease)}
  html.pm-reveal .pm-rv.pm-in{opacity:1;transform:none}
}

/* --- poprawki szczegółów v3 --- */
html body main form button[type="submit"]:not([aria-hidden]),html body section form button[type="submit"]:not([aria-hidden]),
html body main [role="tablist"] button:not([aria-hidden]){text-transform:none !important;letter-spacing:-.005em !important}
html body main form button[type="submit"]:not([aria-hidden]),html body section form button[type="submit"]:not([aria-hidden]){font-size:16.5px !important;white-space:normal !important}
main tbody th{text-transform:none !important;letter-spacing:0 !important;font:600 15px/1.4 var(--pm-font) !important;color:var(--pm-ink) !important;background:#fff !important}
main span[style*="font: 700 clamp(38px"]{color:var(--pm-accent) !important}
main a span[aria-hidden="true"][style*="height: 6px"][style*="background"]{height:4px !important;background:linear-gradient(90deg,var(--pm-accent),#8FA8D6) !important}
main a > div > span[style*="font: 500 13px"]:first-child{font:700 12px/1 var(--pm-font) !important;letter-spacing:.08em;text-transform:uppercase;color:var(--pm-accent) !important}
main div[style*="background: #2E5899"][style*="text-align: center"]{border-radius:var(--pm-r) !important}
main section:first-child h1{font-size:clamp(32px,3.9vw,48px) !important}
/* ===== siatki: kolumny nigdy nie są szersze niż ekran (długie adresy e-mail, nazwy) ===== */
main [style*="grid-template-columns"] > *,footer [style*="grid-template-columns"] > *{min-width:0}
main [style*="minmax(240px, 1fr)"],main [style*="minmax(220px, 1fr)"],main [style*="minmax(260px, 1fr)"],main [style*="minmax(280px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr)) !important}
main [style*="grid-template-columns"]:has(> * > a[href^="mailto:"]){grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr)) !important}
footer [style*="minmax(220px, 1fr)"],footer [style*="minmax(230px, 1fr)"]{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)) !important}

/* zdjęcie autora: portret, ładny kadr */
img[src*="web-bartlomiej-siedzi"]{aspect-ratio:4/5 !important;object-fit:cover !important;object-position:50% 18% !important;border-radius:18px !important;box-shadow:0 0 0 4px #fff,0 0 0 5px #C9D6EE,0 24px 48px -24px rgba(46,88,153,.45) !important}