/* Przyciski kontaktu (audyt pkt B) */
.msp-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:2px solid #ed1c24;border-radius:4px;color:#fff;font-weight:700;text-decoration:none;text-align:center;line-height:1.3;transition:background .2s,color .2s}
.msp-btn:hover{background:#ed1c24;color:#fff}
.msp-btn--filled{background:#ed1c24;color:#fff}
.msp-btn--filled:hover{background:#c4141b;border-color:#c4141b}

/* naglowek */
.msp-hcta{display:none}
@media (min-width:1024px){
  .msp-hcta{display:flex;align-items:center;gap:14px;margin-left:20px;flex-shrink:0}
  .msp-hcta__tel{display:none;align-items:center;gap:6px;color:#ed1c24;font-weight:700;white-space:nowrap;text-decoration:none}
  .msp-hcta__btn{background:#ed1c24;color:#fff !important;font-weight:700;padding:10px 16px;border-radius:4px;white-space:nowrap;text-decoration:none;font-size:15px}
  .msp-hcta__btn:hover{background:#c4141b}
  .page-navigation .menu-nav .menu > li > a{white-space:nowrap}
}
@media (min-width:1024px) and (max-width:1439px){
  .page-navigation .menu-nav .menu > li{margin-left:0 !important;margin-right:0 !important}
  .page-navigation .menu-nav .menu > li > a{padding-left:10px !important;padding-right:10px !important;font-size:15px}
}
@media (min-width:1440px){.msp-hcta__tel{display:inline-flex}}

/* pasek na telefonie */
.msp-mbar{display:none}
@media (max-width:1023px){
  .msp-mbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;box-shadow:0 -2px 10px rgba(0,0,0,.2)}
  .msp-mbar a{flex:1 1 50%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;font-weight:700;font-size:16px;text-decoration:none}
  .msp-mbar__tel{background:#fff;color:#ed1c24}
  .msp-mbar__btn{background:#ed1c24;color:#fff}
  body{padding-bottom:52px}
  .cky-btn-revisit-wrapper{bottom:64px !important}
}

/* hero */
.msp-hero-btns{display:flex;flex-wrap:wrap;gap:14px}
@media (max-width:639px){
  .js-slider-main .swiper-slide > img{height:110px !important}
  .msp-hero-btns{padding-top:0 !important}
  .msp-hero-btns .msp-btn{width:100%;padding:12px 16px}
  .js-slider-main h1{margin-bottom:12px !important}
}

/* PSI */
.msp-psi-btn{margin-top:28px}

/* koniec podstron oferty */
.msp-endcta{padding:60px 0}
.msp-endcta__box{border:2px solid #ed1c24;border-radius:6px;padding:32px;max-width:900px;margin:0 auto;text-align:center;background:#fff}
.msp-endcta__h{font-size:26px;font-weight:700;margin:0 0 10px}
.msp-endcta__p{margin:0 0 22px}
.msp-endcta__btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.msp-endcta .msp-btn{color:#ed1c24;flex:0 1 300px}
.msp-endcta .msp-btn--filled,.msp-endcta .msp-btn:hover{color:#fff}

/* stopka */
.msp-fcontact{display:block;margin:0 0 6px;line-height:1.7}
.msp-fcontact a{color:#fff;text-decoration:underline}
.msp-fcontact a[href^="tel:"]{text-decoration:none}

/* logo nie moze sie zmniejszac po dodaniu przyciskow */
@media (min-width:1024px){
  .page-navigation .container > div:first-child{flex-shrink:0}
  .page-navigation .logo-menu .logo__img{width:200px;max-width:none;height:auto}
}
@media (min-width:1024px) and (max-width:1279px){
  .page-navigation .logo-menu .logo__img{width:150px}
  .page-navigation .menu-nav .menu > li > a{padding-left:6px !important;padding-right:6px !important;font-size:14px}
  .msp-hcta{margin-left:10px}
  .msp-hcta__btn{font-size:14px;padding:9px 12px}
}

/* miejsce na przyciski w naglowku */
@media (min-width:1024px){
  .page-navigation .menu-nav{min-width:0;flex:1 1 auto}
  .page-navigation .menu-nav .menu > li{margin-left:0 !important;margin-right:0 !important}
}
@media (min-width:1280px) and (max-width:1599px){
  .page-navigation .logo-menu .logo__img{width:170px}
  .page-navigation .menu-nav .menu > li > a{padding-left:11px !important;padding-right:11px !important;font-size:16px}
}
@media (min-width:1600px){
  .page-navigation .menu-nav .menu > li > a{padding-left:13px !important;padding-right:13px !important}
}
@media (min-width:1024px){
  .page-navigation .logo-menu{width:auto !important;max-width:none !important;flex-shrink:0;margin-right:20px}
}
@media (min-width:1024px) and (max-width:1599px){
  .page-navigation .menu-nav .menu > li{padding-left:0 !important;padding-right:0 !important}
}
@media (min-width:1600px){
  .page-navigation .menu-nav .menu > li{padding-left:4px !important;padding-right:4px !important}
}

/* kotwica formularza pod stalym naglowkiem */
.wpcf7{scroll-margin-top:130px}

/* referencje - wyjustowany opis (C, 10.11) */
@media (min-width:640px){.content.custom-list.mt-20 p,.content.custom-list.mt-20 li{text-align:justify;-webkit-hyphens:auto;hyphens:auto}}

/* referencje na stronie glownej (audyt pkt C16) */
.msp-refs{background:#fff;padding:80px 0 60px}
.msp-refs__head{margin-bottom:36px}
.msp-refs__lead{margin-top:14px;font-size:18px}
.msp-refs__grid{display:grid;grid-template-columns:1fr;gap:24px}
@media (min-width:768px){.msp-refs__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1280px){.msp-refs__grid{grid-template-columns:repeat(4,1fr)}}
.msp-refs__card{display:flex;flex-direction:column;background:#fff;border:1px solid #e3e3e3;border-top:4px solid #ed1c24;border-radius:5px;padding:28px 24px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.msp-refs__logo{display:flex;align-items:center;height:80px;margin-bottom:18px}
.msp-refs__logo img{max-height:80px;max-width:180px;width:auto;height:auto;object-fit:contain}
.msp-refs__name{font-weight:700;text-transform:uppercase;font-size:18px}
.msp-refs__label{margin-top:12px;font-size:14px}
.msp-refs__amt{font-weight:700;font-size:24px;color:#ed1c24;line-height:1.2}
.msp-refs__one{margin:14px 0 0;font-weight:600}
.msp-refs__quote{margin:16px 0 0;padding:0 0 0 14px;border-left:3px solid #ed1c24;font-style:italic}
.msp-refs__quote p{margin:0 0 8px}
.msp-refs__quote cite{display:block;font-style:normal;font-size:14px;color:#555}
.msp-refs__more{margin-top:auto;padding-top:18px;color:#ed1c24;font-weight:700;text-decoration:none}
.msp-refs__more:hover{text-decoration:underline}
.msp-refs__striph{margin:56px 0 18px;text-align:center;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
.msp-logos{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.msp-logos__track{display:flex;align-items:center;gap:48px;width:max-content;animation:msp-logos 70s linear infinite}
.msp-logos:hover .msp-logos__track{animation-play-state:paused}
.msp-logos__track a{flex:0 0 auto;display:flex;align-items:center;height:70px}
.msp-logos__track img{max-height:60px;max-width:140px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.msp-logos__track a:hover img{filter:none;opacity:1}
@keyframes msp-logos{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 24px))}}
@media (prefers-reduced-motion:reduce){.msp-logos{overflow-x:auto}.msp-logos__track{animation:none}}
.msp-refs__all{display:flex;justify-content:center;margin-top:40px}

/* strona glowna: zdjecia w sekcjach "O nas" i PSI w calosci w swoich tlach (bez wystawania poza pas) */
@media (max-width:1023px){.msp-onas{padding-bottom:50px}.msp-onas__band{height:100%}.msp-onas__img{margin-top:40px}}
.msp-psi{padding-bottom:100px}

/* stopka: kolumny obok siebie z rownymi odstepami, zgrupowane od lewej (nie rozrzucone na cala szerokosc) */
@media (min-width:1024px){
  section:has(.msp-fcontact) > .container{justify-content:flex-start;column-gap:40px}
  section:has(.msp-fcontact) > .container > div{margin-right:0 !important;flex:0 0 auto;width:auto}
}
@media (min-width:1280px){section:has(.msp-fcontact) > .container{column-gap:88px}}
@media (min-width:1536px){section:has(.msp-fcontact) > .container{column-gap:104px}}

/* stopka: przycisk "Pelny kontakt" jako osobna kolumna po prawej, na wysokosci pozostalych kolumn (od 1280px; wezej zostaje pod kontaktem) */
@media (min-width:1280px) and (max-width:1439px){section:has(.msp-fcontact) > .container{column-gap:48px}}
@media (min-width:1280px){
  section:has(.msp-fcontact) > .container{display:grid;grid-template-columns:repeat(5,max-content);align-items:start}
  section:has(.msp-fcontact) > .container > div:nth-child(1){grid-column:1;grid-row:1 / span 2}
  section:has(.msp-fcontact) > .container > div:nth-child(2){display:contents}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > span:not(.msp-fcontact){grid-column:2;grid-row:1}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > .msp-fcontact{grid-column:2;grid-row:2}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > a.btn{grid-column:5;grid-row:1;margin-top:0 !important;align-self:start}
  section:has(.msp-fcontact) > .container > div:nth-child(3){grid-column:3;grid-row:1 / span 2}
  section:has(.msp-fcontact) > .container > div:nth-child(4){grid-column:4;grid-row:1 / span 2}
}
/* Zaufali nam (strona glowna): karty zmniejszone jak na Referencjach, tekst wyrownany w rzedzie */
.msp-refs__grid{row-gap:24px;column-gap:24px}
.msp-refs__card{padding:22px 22px 20px}
.msp-refs__logo{height:84px;margin-bottom:0}
.msp-refs__logo img{max-height:84px;max-width:170px}
.msp-refs__name{font-size:16px;line-height:1.35;margin-top:18px}
.msp-refs__label{margin-top:10px;font-size:14px;line-height:1.4}
.msp-refs__amt{font-size:20px;line-height:1.3;margin-top:2px}
.msp-refs__one{margin-top:12px;font-size:15px;line-height:1.45}
.msp-refs__quote{margin-top:12px;font-size:15px;line-height:1.45}
.msp-refs__quote cite{font-size:13px}
.msp-refs__more{padding-top:16px}
@supports (grid-template-rows:subgrid){
  @media (min-width:768px){
    .msp-refs__card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-items:start}
    .msp-refs__more{align-self:end}
  }
}

/* Zaufali nam (11.11, 2): karty jak kafelki na Referencjach, odrobine mniejsze - logo, nazwa, kreska, kwota, link (opis i cytat ukryte) */
.msp-refs__one,.msp-refs__quote{display:none}
.msp-refs__card{padding:30px 22px 22px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.msp-refs__logo{height:72px}
.msp-refs__logo img{max-height:72px;max-width:150px}
.msp-refs__name{font-size:14px;line-height:1.35;margin-top:16px}
.msp-refs__name::after{content:"";display:block;width:24px;height:2px;background:#ed1c24;margin:14px 0 0}
.msp-refs__label{margin-top:12px;font-size:12px;line-height:1.4}
.msp-refs__amt{font-size:18px}
.msp-refs__more{padding-top:18px;font-size:14px}
@supports (grid-template-rows:subgrid){@media (min-width:768px){.msp-refs__card{grid-row:span 5}}}

/* stopka (11.11): cala grupa kolumn wysrodkowana - rowne marginesy z lewej i prawej */
@media (min-width:1024px){section:has(.msp-fcontact) > .container{justify-content:center}}

/* ===== Odchudzenie strony (11.11, 3): mniejsze zdjecia, czcionki i odstepy ===== */
/* typografia (od tabletu w gore) */
@media (min-width:768px){
  .title{font-size:clamp(28px,2.6vw,38px) !important;line-height:1.25 !important}
  .title-small{font-size:clamp(24px,2.1vw,30px) !important;line-height:1.3 !important}
  .heading{font-size:15px !important;line-height:1.45 !important}
  .js-slider-main h1{font-size:clamp(26px,2.4vw,34px) !important;line-height:1.35 !important;margin-bottom:24px !important}
  section[class~="xl:h-[50vh]"] h1{font-size:clamp(24px,2.2vw,32px) !important;line-height:1.3 !important}
  .title-cta{font-size:clamp(22px,2vw,28px) !important;line-height:1.35 !important}
  h5[class~="text-xl"]{font-size:20px !important;line-height:1.35 !important}
}
@media (min-width:1280px){.content p,.content li{font-size:16px;line-height:1.6}}

/* strona glowna: zdjecie na gorze nizsze */
@media (min-width:768px){
  .js-slider-main .swiper-slide{min-height:max(440px,min(62vh,560px)) !important}
  .js-slider-main .swiper-slide > .container{padding-top:40px;padding-bottom:40px}
  .msp-hero-btns{padding-top:4px !important;padding-bottom:0 !important}
}
/* strona glowna: liczby (18 lat, 500+...) ciasniej */
@media (min-width:640px){.js-count-wrapper{padding-top:84px !important;padding-bottom:48px !important;margin-top:0 !important}}
/* strona glowna: O nas - mniejsze zdjecie, w calosci na ciemnym tle */
@media (min-width:1024px){
  .msp-onas{padding-top:0 !important;padding-bottom:0 !important}
  .msp-onas > .container{min-height:0 !important;padding-top:64px;padding-bottom:64px}
  .msp-onas__band{height:100% !important}
  .msp-onas__img{max-height:430px;width:auto !important;object-fit:cover}
  .msp-onas .content{margin-top:24px !important;margin-bottom:28px !important}
}
/* strona glowna: Uslugi - bez duzego zdjecia z szescianami (zostaje waski pas pod kafelkami) */
section[style*="order: 3"]{padding-top:64px !important;padding-bottom:0 !important}
section[style*="order: 3"] > .container{min-height:0 !important;padding-bottom:40px !important}
section[style*="order: 3"] > .absolute[class~="h-[60vh]"]{height:180px !important}
section[style*="order: 3"] .tile{padding-top:56px !important;padding-bottom:36px !important}
section[style*="order: 3"] .tile h5{margin-top:36px !important}
section[style*="order: 3"] .tile .content{margin-top:20px !important}
section[style*="order: 3"] .tile .btn{margin-top:24px !important}
/* strona glowna: Uslugi - mniejszy odstep pod ciemnym paskiem O nas, mniejsze kafelki, pas ze zdjeciem pod kafelkami (bez nachodzenia) */
section[style*="order: 3"]{padding-top:36px !important}
section[style*="order: 3"] > .container{padding-bottom:0 !important}
section[style*="order: 3"] > .container > .flex-col{width:100%}
section[style*="order: 3"] header + .flex-wrap{margin-top:24px !important}
section[style*="order: 3"] .tile{padding:40px 28px 26px !important;margin-bottom:36px !important}
section[style*="order: 3"] .tile h5{margin-top:30px !important;font-size:18px !important;line-height:1.3 !important}
section[style*="order: 3"] .tile .content{margin-top:14px !important}
section[style*="order: 3"] .tile .content p{font-size:14px !important;line-height:1.55 !important}
section[style*="order: 3"] .tile .btn{margin-top:18px !important}
section[style*="order: 3"] > .absolute[class~="h-[60vh]"]{position:relative !important;height:120px !important}
/* paski "Zainteresowany? / Wspieramy Twoj rozwoj" nizsze */
section.bg-colortext > .container[class~="py-28"]{padding-top:44px !important;padding-bottom:44px !important}
/* Zaufali nam */
.msp-refs{padding:56px 0 48px}
.msp-refs__head{margin-bottom:28px}
.msp-refs__lead{font-size:16px;margin-top:8px}
.msp-refs__striph{margin:36px 0 12px}
.msp-refs__all{margin-top:28px}
/* Rekomendacja PSI - mniejsze zdjecie */
@media (min-width:1280px){
  .msp-psi{padding-top:56px !important}
  .msp-psi img[src*="home-3"]{max-height:440px;width:auto !important;margin-left:auto}
  .msp-psi .xl\:w-45p:last-child{display:flex;justify-content:flex-end}
}

/* podstrony: zdjecie na gorze 450 -> 300 px */
section[class~="xl:h-[50vh]"][class~="mt-20"]{height:200px !important}
@media (min-width:768px){section[class~="xl:h-[50vh]"][class~="mt-20"]{height:250px !important}}
@media (min-width:1280px){section[class~="xl:h-[50vh]"][class~="mt-20"]{height:300px !important}}
/* podstrony: odstepy miedzy sekcjami */
@media (min-width:1024px){
  main section[class~="lg:my-20"]{margin-top:44px !important;margin-bottom:44px !important}
  section.background-half{padding-top:40px !important}
}
/* podstrony: zdjecia obok tekstu - maks. 440 px wysokosci */
@media (min-width:1024px){
  [class~="lg:max-h-280"]{max-height:440px !important;overflow:hidden}
  [class~="lg:max-h-280"] > img{max-height:440px}
  /* w ramce oferty zdjecie dopasowane do wysokosci tekstu */
  .background-half [class~="lg:max-h-280"]{align-self:stretch;max-height:none !important;position:relative;min-height:320px}
  .background-half [class~="lg:max-h-280"] > img{position:absolute;inset:0;max-height:none}
  .background-half .js-reveal[class~="p-10"]{padding:44px !important}
  .background-half .mb-20.ml-10{margin-bottom:40px !important}
}
/* podstrony oferty: ozdobne zdjecie na cala szerokosc 645 -> 260 px */
section.overflow-hidden > [class~="lg:max-h-320"]{height:260px;max-height:260px !important}
section.overflow-hidden > [class~="lg:max-h-320"] > img{height:100%}
@media (max-width:1023px){section.overflow-hidden > [class~="lg:max-h-320"]{height:160px;max-height:160px !important}}
/* O nas: dolny pasek ze zdjeciem nizszy */
section[class~="h-[50vh]"][class~="2xl:h-[60vh]"]{height:300px !important}
@media (max-width:767px){section[class~="h-[50vh]"][class~="2xl:h-[60vh]"]{height:auto !important;min-height:240px}}
/* Referencje: film mniejszy */
.tile:has(> div > video){max-width:760px;width:100%}
.tile > div:has(> video){padding:20px !important}
.tile video{display:block;height:auto;max-height:400px}
/* Kontakt: nizsza mapa */
.map iframe{height:360px}

/* telefon: mniejsze odstepy */
@media (max-width:767px){
  .title{font-size:26px !important;line-height:1.25 !important}
  .js-count-wrapper{padding-top:40px !important;padding-bottom:24px !important}
  .msp-onas{padding-bottom:40px !important}
  section[style*="order: 3"]{padding-top:40px !important}
  .msp-refs{padding:40px 0 36px}
  .msp-psi{padding-top:24px !important;padding-bottom:60px !important}
  main section[class~="my-10"]{margin-top:28px !important;margin-bottom:28px !important}
  .tile[class~="pt-28"]{padding-top:44px !important;padding-bottom:32px !important}
}
/* Referencje: przycisk "Pokaz wiecej" */
.msp-more{display:flex;justify-content:center;width:100%;margin-top:28px}
.msp-more__btn{background:#fff;color:#ed1c24;cursor:pointer;font-size:16px;min-width:240px}
.msp-more__btn:hover{color:#fff}
.msp-reflist>article.msp-more-hid,.msp-more-hid{display:none !important}
/* telefon: liczby (18 lat, 500+...) po dwie w rzedzie, mniejsze kolka */
@media (max-width:639px){
  .js-count-wrapper{padding-top:56px !important}
  .js-count-wrapper > .container{row-gap:8px}
  .js-count-wrapper > .container > div{width:50% !important;max-width:none !important;transform:scale(.8);transform-origin:top center;margin-bottom:-44px}
  .js-count-wrapper{padding-bottom:8px !important}
  .text-justify,.text-justify p{text-align:left !important}
}
/* tablet: zdjecie PSI nizsze, liczby w jednym rzedzie */
@media (max-width:1279px){.msp-psi img[src*="home-3"]{width:100%;max-height:420px;object-fit:cover}}
@media (max-width:639px){.msp-psi img[src*="home-3"]{max-height:280px}}
@media (min-width:768px) and (max-width:1279px){
  .js-count-wrapper > .container{flex-wrap:nowrap}
  .js-count-wrapper > .container > div{width:25% !important;max-width:none !important;transform:scale(.8);transform-origin:top center;margin-bottom:-40px}
}
@media (min-width:768px) and (max-width:1023px){.js-count-wrapper > .container > div{transform:scale(.68)}}
@media (min-width:640px) and (max-width:1279px){.msp-psi{padding-top:24px !important}.msp-psi .container{padding-top:24px !important}}

/* liczby (11.11, 4): kolka z rownym odstepem od gory i od dolu bialego paska */
@media (min-width:1280px){.js-count-wrapper{padding-top:132px !important;padding-bottom:48px !important}}
@media (min-width:768px){.js-count-wrapper > .container > div > .font-bold.text-center{margin-bottom:0 !important}}
@media (min-width:1024px) and (max-width:1279px){.js-count-wrapper{padding-top:108px !important;padding-bottom:34px !important}}
@media (min-width:768px) and (max-width:1023px){.js-count-wrapper{padding-top:98px !important;padding-bottom:0 !important}}
@media (min-width:640px) and (max-width:767px){.js-count-wrapper{padding-top:117px !important;padding-bottom:32px !important}}
@media (max-width:767px){.js-count-wrapper > .container > div:nth-last-child(-n+2) > .font-bold.text-center{margin-bottom:0 !important}}
@media (max-width:639px){.js-count-wrapper{padding-top:88px !important;padding-bottom:32px !important}}
/* O nas (11.11, 4): tekst szerzej i mniejszy, zdjecie dopasowane do wysokosci tekstu - bez pustych miejsc */
@media (min-width:1280px){
  .msp-about main section.z-60 > .container{align-items:stretch !important;column-gap:56px}
  .msp-about main section.z-60 > .container > .js-reveal:not(.dropshadow){width:57% !important;flex:0 0 57%}
  .msp-about main section.z-60 > .container > .dropshadow{flex:1 1 auto;width:auto !important;position:relative;max-height:none !important;min-height:320px}
  .msp-about main section.z-60 > .container > .dropshadow > img{position:absolute;inset:0;width:100%;height:100%;max-height:none !important;object-fit:cover}
  .msp-about main section.z-60{margin-top:40px !important;margin-bottom:40px !important}
  .msp-about main section.z-60 + section.z-60{margin-top:0 !important}
}
@media (min-width:1024px){
  .msp-about main section.z-60 .content p,.msp-about main section.z-60 .content li{font-size:15px !important;line-height:1.6 !important}
  .msp-about main section.z-60 .content p{margin-bottom:12px}
  .msp-about main section.z-60 header.mb-12:not(:has(*)){display:none}
}
/* podstrony oferty (11.11, 4): bez paska z okruszkami "Oferta > ..." i bez bialego odstepu pod zdjeciem - ramka oferty od razu pod ciemnym tlem */
section:has(.breadcrumbs a):has(+ section.background-half){display:none !important}
section:has(.breadcrumbs a) + section.background-half{margin-top:0 !important;padding-top:0 !important}
/* (11.11, 5) wszystkie podstrony: bez paska z okruszkami pod ciemnym zdjeciem */
section:has(> .container nav.breadcrumbs){display:none !important}
/* Referencje: okienko z filmem wieksze i od razu pod ciemnym tlem */
section[class~="min-h-[50vh]"]:has(video){margin-top:0 !important}
.tile:has(> div > video){max-width:1000px}
.tile video{max-height:none}
/* Kontakt: mniejszy odstep pod ciemnym tlem */
section[class~="bg-[#F5F5F5]"] + section.my-20.overflow-hidden{margin-top:44px !important}
@media (max-width:1023px){section[class~="bg-[#F5F5F5]"] + section.my-20.overflow-hidden{margin-top:28px !important}}
/* Pozyczki UE: zdjecie przy liscie korzysci tej samej wysokosci co tekst */
@media (min-width:1280px){
  section.z-60:has(img[src*="pozyczki_UE-3"]) > .container{align-items:stretch !important}
  section.z-60:has(img[src*="pozyczki_UE-3"]) .dropshadow{position:relative;max-height:none !important;min-height:320px}
  section.z-60:has(img[src*="pozyczki_UE-3"]) .dropshadow > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  section.z-60:has(img[src*="pozyczki_UE-3"]) header.mb-12:not(:has(*)){display:none}
  section.z-60:has(img[src*="pozyczki_UE-3"]) .content > :last-child{margin-bottom:0 !important}
}

/* stopka (11.11, v2): logo | adres TPT | telefony, e-mail, NIP, godziny | Polityka prywatnosci | Pelny kontakt - kazde w osobnej kolumnie */
@media (min-width:1024px){
  section:has(.msp-fcontact) > .container{display:grid;grid-template-columns:repeat(5,max-content);align-items:start;justify-content:center;column-gap:40px}
  section:has(.msp-fcontact) > .container > div:nth-child(1){grid-column:1;grid-row:1}
  section:has(.msp-fcontact) > .container > div:nth-child(2){display:contents}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > span:not(.msp-fcontact){grid-column:2;grid-row:1;margin-bottom:0}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > .msp-fcontact{grid-column:3;grid-row:1;margin:0}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > a.btn{grid-column:5;grid-row:1;margin-top:0 !important;align-self:start}
  section:has(.msp-fcontact) > .container > div:nth-child(3){grid-column:4;grid-row:1;margin-top:0}
}
@media (min-width:1280px){section:has(.msp-fcontact) > .container{column-gap:56px}}
@media (min-width:1536px){section:has(.msp-fcontact) > .container{column-gap:80px}}
@media (min-width:1024px) and (max-width:1279px){
  section:has(.msp-fcontact) > .container{grid-template-columns:repeat(4,max-content);column-gap:32px}
  section:has(.msp-fcontact) > .container > div:nth-child(1) img{max-width:170px;height:auto}
  section:has(.msp-fcontact) > .container > div:nth-child(2) > a.btn{grid-column:4;grid-row:2;margin-top:20px !important}
}
@media (min-width:1024px) and (max-width:1279px){
  section:has(.msp-fcontact) > .container > div:nth-child(1),
  section:has(.msp-fcontact) > .container > div:nth-child(2) > span:not(.msp-fcontact),
  section:has(.msp-fcontact) > .container > div:nth-child(2) > .msp-fcontact{grid-row:1 / span 2}
  section:has(.msp-fcontact) > .container{align-content:start}
}

/* licznik: 1,6 mld zl */
.group:has(> .msp-count[data-unit-step]){flex-direction:column;justify-content:flex-start;min-height:8rem}
.msp-count[data-unit-step]{min-height:0 !important;margin-top:-12px}
.msp-count__unit{font-size:22px;margin-top:4px;white-space:nowrap;min-height:0 !important}
@media (min-width:1280px){.msp-count__unit{font-size:26px}}

/* Rekomendacja PSI: mniejszy odstep od "Zobacz wszystkie referencje", wieksze zdjecie przy tekscie */
@media (min-width:1280px){
  .msp-psi{padding-top:0 !important}
  .msp-psi > section > .container{align-items:stretch}
  .msp-psi > section > .container > .xl\:w-45p:first-child{width:51%}
  .msp-psi > section > .container > .xl\:w-45p:last-child{width:45%;display:block;position:relative;min-height:360px}
  .msp-psi img[src*="home-3"]{position:absolute;inset:0;width:100% !important;height:100% !important;max-height:none;object-fit:cover;object-position:center 40%;margin:0}
}
@media (max-width:1279px){.msp-psi{padding-top:0 !important}.msp-psi > section > .container{padding-top:0 !important}}
.msp-count__unit--long{font-size:17px !important}
@media (min-width:1280px){.msp-count__unit--long{font-size:20px !important}}

/* strona glowna: O nas - zdjecie blizej tekstu, na wysokosc tekstu (jak przy Rekomendacji PSI) */
.msp-onas__media{width:100%;display:flex;justify-content:center}
@media (min-width:1024px){
  .msp-onas > .container{align-items:stretch}
  .msp-onas > .container > .js-reveal:first-child{width:51% !important;justify-content:center}
  .msp-onas__media{width:45%;display:block;position:relative;min-height:340px}
  .msp-onas__media > .msp-onas__img{position:absolute;inset:0;width:100% !important;height:100% !important;max-height:none;object-fit:cover;object-position:center 45%;margin:0}
}

/* Okienko cookies: strona nie używa cookies analitycznych, wydajnościowych ani reklamowych */
#ckyDetailCategoryanalytics,#ckyDetailCategoryperformance,#ckyDetailCategoryadvertisement{display:none !important}

/* Mapa Google wczytywana po zgodzie na cookies albo po kliknięciu */
.msp-map-ph{height:360px;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;background:#F5F5F5;padding:24px;box-sizing:border-box}
.msp-map-ph__in{max-width:560px}
.msp-map-ph__addr{font-size:18px;line-height:1.5;margin:0 0 16px;color:#222}
.msp-map-ph__addr strong{display:block;margin-bottom:4px}
.msp-map-ph__btn{display:inline-block;font-family:inherit;font-weight:600;background:#0056A7;color:#fff;border:0;padding:12px 28px;font-size:16px;cursor:pointer;border-radius:2px}
.msp-map-ph__btn:hover{opacity:.85}
.msp-map-ph__note{font-size:13px;line-height:1.5;color:#555;margin:14px 0 0}
.msp-map-ph__note a{text-decoration:underline}

/* ===== Mniej czerwieni (11.11, Piotr): czerwony tylko logo, nadtytuly sekcji i glowne przyciski kontaktu ===== */
/* naglowek: numer telefonu grafitowy */
.msp-hcta__tel{color:#343434 !important}
.msp-hcta__tel:hover{color:#ed1c24 !important}
/* naglowek 1600-1919 px: menu miesci sie obok logo (bez nachodzenia "O nas" na logo) */
@media (min-width:1600px) and (max-width:1919px){
  .page-navigation .menu-nav .menu > li{padding-left:0 !important;padding-right:0 !important}
  .page-navigation .menu-nav .menu > li > a{padding-left:9px !important;padding-right:9px !important}
}
/* przyciski pomocnicze: szara obwodka, czerwien dopiero po najechaniu */
.btn-secondary:not(.btn-secondary--filled){border-color:#9a9a9a}
.btn-secondary.text-white:not(.btn-secondary--filled){border-color:rgba(255,255,255,.55)}
.btn-secondary:not(.btn-secondary--filled):hover,.btn-secondary:not(.btn-secondary--filled):focus{border-color:#ed1c24}
.msp-hero-btns .msp-btn:not(.msp-btn--filled){border-color:rgba(255,255,255,.7)}
.msp-hero-btns .msp-btn:not(.msp-btn--filled):hover{border-color:#ed1c24}
.msp-more__btn{border-color:#9a9a9a;color:#343434}
.msp-more__btn:hover{border-color:#ed1c24}
/* liczby (18 lat, 500+...): zewnetrzne okregi szare, liczby zostaja czerwone */
.js-count-wrapper svg.text-primary{color:#b9b9b9}
/* kafelki uslug i referencji: szary pasek u gory (czerwony po najechaniu), grafitowe obwodki ikon */
.tile::before{background-color:#d4d4d4}
.tile:hover::before,.tile:focus::before{background-color:#ed1c24}
.tile svg.text-primary{color:#343434}
/* pas ze zdjeciem pod kafelkami uslug: wyciszony szaro-granatowy zamiast czerwonego */
section[style*="order: 3"] .bg-primary.mix-blend-color{background-color:#2c3e50 !important;opacity:.85 !important}
/* Referencje (lista i podstrony): kwoty ciemne, kreski szare */
.tile .text-primary.font-bold.text-2xl{color:#222}
.tile .bg-primary.h-1{background-color:#c4c4c4}
/* Zaufali nam (strona glowna): szary pasek karty, kreska, kwota i link bez czerwieni */
.msp-refs__card{border-top-color:#d4d4d4}
.msp-refs__card:hover{border-top-color:#ed1c24}
.msp-refs__name::after{background:#c4c4c4}
.msp-refs__amt{color:#222}
.msp-refs__quote{border-left-color:#c4c4c4}
.msp-refs__more{color:#343434}
.msp-refs__more:hover{color:#ed1c24}
/* podstrony oferty: na koncu tylko jedna ramka kontaktowa (bez ciemnego paska "Wspieramy Twoj rozwoj"), ramka z szara obwodka */
body:has(.msp-endcta) main section.bg-colortext.z-20:has(.title-cta){display:none !important}
.msp-endcta__box{border-color:#d4d4d4}
/* ramka na gorze podstron oferty: szary pasek zamiast czerwonego, grafitowa obwodka ikony */
.background-half .border-t-10.border-primary{border-top-color:#d4d4d4}
.background-half svg.text-primary{color:#343434}
/* podstrony referencji: szary pasek ramki, kwota ciemna */
.boxshadow.border-t-10.border-primary{border-top-color:#d4d4d4}
.boxshadow .text-primary.font-bold.text-xl{color:#222}
/* strona glowna: 3 kafelki uslug - pasek u gory po najechaniu grafitowy zamiast czerwonego (11.11, Piotr) */
section[style*="order: 3"] .tile:hover::before,section[style*="order: 3"] .tile:focus::before{background-color:#6b6b6b}
/* Referencje: pasek kart po najechaniu grafitowy zamiast czerwonego - Zaufali nam (strona glowna) i lista referencji (11.11, Piotr) */
.msp-refs__card:hover{border-top-color:#6b6b6b}
.tile:hover::before,.tile:focus::before{background-color:#6b6b6b}
/* Kontakt (PL i EN): mniej czerwieni - czerwony zostaje tylko przycisk "Zadzwon" i nadtytul w naglowku (11.11, Piotr) */
main:has(.msp-quick-contact) h2.text-primary{color:#343434}
main:has(.msp-quick-contact) svg.text-primary:not(.ml-4){color:#343434}
main:has(.msp-quick-contact) span.font-bold.text-primary{color:#343434}
main:has(.msp-quick-contact) .form-checkbox .text-primary{color:#343434;text-decoration:underline}
main:has(.msp-quick-contact) div.form{border-top-color:#d4d4d4 !important}
.msp-quick-contact{border-color:#d4d4d4 !important}
.msp-quick-contact a[href^="mailto:"],.msp-quick-contact a[href^="tel:"]{border-color:#9a9a9a !important;color:#343434 !important;background:#fff !important}
.msp-quick-contact a[href^="mailto:"]:hover,.msp-quick-contact a[href^="tel:"]:hover{border-color:#ed1c24 !important}
.msp-kinfo__hours{border-left-color:#d4d4d4 !important}
.msp-kinfo__hours b{color:#222 !important}
.msp-kinfo__box{border-top-color:#d4d4d4 !important}
.msp-kinfo__n{background:#fff !important;color:#ed1c24 !important;border:2px solid #ed1c24;box-sizing:border-box} /* kroki 1-3: lekki czerwony akcent (11.11 15:04, Piotr) */
.msp-kinfo__links a{border-color:#9a9a9a !important;color:#343434 !important}
.msp-kinfo__links a:hover{border-color:#ed1c24 !important;background:#fff !important;color:#ed1c24 !important}

/* ===== PSI jako glowna usluga (11.11, PSI-1) ===== */
.msp-hero-lead{color:#fff;font-weight:400;font-size:18px;line-height:1.5;margin:-16px 0 0;max-width:640px}
@media (max-width:639px){.msp-hero-lead{font-size:15px;margin:0}}
.msp-psi-intro{background:#fff;padding:20px 0 70px}
.msp-psi-intro__head{max-width:980px;margin-bottom:34px}
.msp-psi-intro__lead{margin-top:14px;font-size:18px;line-height:1.6;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.msp-psi-intro__grid{display:grid;grid-template-columns:1fr;gap:22px}
@media (min-width:768px){.msp-psi-intro__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1280px){.msp-psi-intro__grid{grid-template-columns:repeat(4,1fr)}}
.msp-psi-intro__card{background:#fff;border:1px solid #e3e3e3;border-top:4px solid #ed1c24;border-radius:5px;padding:26px 22px;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.msp-psi-intro__card p{margin:0;line-height:1.55}
.msp-psi-intro__big{font-size:34px;font-weight:700;color:#ed1c24;line-height:1.1 !important}
.msp-psi-intro__h{font-weight:700;text-transform:uppercase;font-size:15px;margin:6px 0 12px !important}
.msp-psi-intro__note{margin-top:30px;background:#f5f5f5;border-left:4px solid #ed1c24;border-radius:5px;padding:24px 26px}
.msp-psi-intro__note p{margin:0;text-align:justify;line-height:1.6}
.msp-psi-intro__btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.msp-psi-intro .msp-btn{color:#ed1c24}
.msp-psi-intro .msp-btn--filled,.msp-psi-intro .msp-btn:hover{color:#fff}
@media (max-width:639px){.msp-psi-intro{padding:10px 0 40px}.msp-psi-intro__lead{font-size:16px}.msp-psi-intro__btns .msp-btn{width:100%}}
.msp-tile-badge{display:inline-block;margin-top:22px;margin-bottom:0;background:#ed1c24;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 10px;border-radius:3px}
.msp-tile-badge--alt{background:#6b6b6b}
.msp-tile-badge + h5{margin-top:12px !important}
.title-cta + * .btn__label span, section .btn-secondary--filled .btn__label span{white-space:nowrap}
.msp-psi-intro--sub{padding:50px 0 60px}
.msp-psi-intro--sub .msp-psi-intro__h{font-size:17px;color:#ed1c24;margin-top:0 !important}

/* ===== PSI-2 (11.11 15:40, Piotr): mniej czerwieni w nowych sekcjach PSI - czerwone zostaja tylko nadtytuly i pelne przyciski konsultacji ===== */
.msp-psi-intro__card{border-top-color:#d4d4d4}
.msp-psi-intro__big{color:#222}
.msp-psi-intro--sub .msp-psi-intro__h{color:#222}
.msp-psi-intro__note{border-left-color:#c4c4c4}
.msp-psi-intro .msp-btn:not(.msp-btn--filled){border-color:#9a9a9a;color:#343434;background:transparent}
.msp-psi-intro .msp-btn:not(.msp-btn--filled):hover{border-color:#343434;background:#343434;color:#fff}
.msp-tile-badge{background:#343434}
.msp-tile-badge--alt{background:#e6e6e6;color:#555}

/* stopka O nas / About us: kolumna z linkami oferty + "Polityka prywatnosci" pod nia (wczesniej nachodzily na siebie) */
@media (min-width:1024px){
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(1),
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(2) > span,
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(2) > a.btn{grid-row:1 / span 2}
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(3){grid-column:4;grid-row:1;margin-top:0}
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(4){grid-column:4;grid-row:2;margin-top:14px}
}
@media (min-width:1024px) and (max-width:1279px){
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(1),
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(2) > span{grid-row:1 / span 3}
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(2) > a.btn{grid-column:4;grid-row:3}
}
@media (min-width:1280px) and (max-width:1535px){
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)){column-gap:36px}
  section:has(.msp-fcontact) > .container:has(> div:nth-child(4)) > div:nth-child(1) img{max-width:170px;height:auto}
}

/* ===== PSI-3 (11.11 15:55, Piotr): tekst sekcji PSI na cala szerokosc, mniejsze odstepy, wyjustowane teksty ===== */
.msp-psi-intro__head{max-width:none}
section.js-count-wrapper:has(~ .msp-psi-intro){padding-bottom:0 !important}
section.background-half:has(+ .msp-psi-intro--sub){margin-bottom:0 !important}
.msp-psi-intro--sub{padding-top:30px}
@media (min-width:640px){
  .msp-psi-intro__card p:not(.msp-psi-intro__big):not(.msp-psi-intro__h),
  .msp-refs__lead,
  .tile .content.custom-list p{text-align:justify;-webkit-hyphens:auto;hyphens:auto}
}
/* hero: oba przyciski w tym samym stylu (bez czerwonego wypełnienia) */
.msp-hero-btns .msp-btn,.msp-hero-btns .msp-btn--filled{background:transparent;border-color:rgba(255,255,255,.7);color:#fff}
.msp-hero-btns .msp-btn:hover,.msp-hero-btns .msp-btn--filled:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff}
/* PSI: sekcja "Lider w województwie" – mniejsze odstępy, większa grafika bez luki */
.msp-lider .content p{margin:0 0 12px}
.msp-lider .content h4{margin:0 0 12px}
.msp-lider .content p+h4{margin-top:28px}
@media (min-width:1280px){
.msp-lider>.container{align-items:stretch;justify-content:flex-start;gap:48px}
.msp-lider>.container>div:first-child{flex:0 0 46%;width:46%;max-height:none !important;min-height:460px;position:relative;align-self:stretch}
.msp-lider>.container>div:first-child img{position:absolute;inset:0;height:100%;width:100%;max-height:none !important}
.msp-lider>.container>div:last-child{flex:1 1 0;width:auto;display:flex;align-items:center}
}

/* ===== 11.11 16:47 (Piotr): niższa grafika na stronie głównej, szary pasek przewijania, dwa akapity w sekcji PSI ===== */
html{scrollbar-color:#9a9a9a #f1f1f1}
::-webkit-scrollbar-track{background:#f1f1f1}
::-webkit-scrollbar-thumb{background-color:#9a9a9a !important}
::-webkit-scrollbar-thumb:hover{background-color:#7a7a7a !important;filter:none}
.msp-psi-intro__lead + .msp-psi-intro__lead{margin-top:14px}
@media (min-width:768px){
  .js-slider-main .swiper-slide{min-height:50vh !important}
  .js-slider-main .swiper-slide .container > div{min-height:0 !important}
  .js-slider-main .swiper-slide .container{padding-top:40px;padding-bottom:40px}
}

/* ===== 11.11 16:55 (Piotr): oddzielenie kółek od sekcji PSI na stronie głównej – jasnoszare tło sekcji, białe karty ===== */
section.js-count-wrapper:has(~ .msp-psi-intro:not(.msp-psi-intro--sub)){padding-bottom:70px !important}
.msp-psi-intro:not(.msp-psi-intro--sub){background:#f3f3f3;border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;padding:60px 0 70px}
.msp-psi-intro:not(.msp-psi-intro--sub) .msp-psi-intro__note{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.05)}
@media (max-width:639px){
  section.js-count-wrapper:has(~ .msp-psi-intro:not(.msp-psi-intro--sub)){padding-bottom:30px !important}
  .msp-psi-intro:not(.msp-psi-intro--sub){padding:40px 0 45px}
}

/* ===== 11.11 17:00 (Piotr): czerwony przycisk konsultacji tylko w prawym górnym rogu (menu); wszędzie indziej białe ===== */
.msp-btn--filled{background:#fff;border-color:#9a9a9a;color:#343434 !important}
.msp-btn--filled:hover,.msp-btn--filled:focus{background:#343434;border-color:#343434;color:#fff !important}
.msp-hero-btns .msp-btn,.msp-hero-btns .msp-btn--filled{background:transparent;border-color:rgba(255,255,255,.7);color:#fff !important}
.msp-hero-btns .msp-btn:hover,.msp-hero-btns .msp-btn--filled:hover{background:rgba(255,255,255,.15);border-color:#fff;color:#fff !important}
/* ciemny pas „Wspieramy Twój rozwój”: biały przycisk „Porozmawiaj z doradcą” */
section.bg-colortext .btn-secondary--filled.bg-primary{background:#fff !important;border-color:#fff !important;color:#343434 !important}
section.bg-colortext .btn-secondary--filled.bg-primary *{color:#343434 !important}
section.bg-colortext .btn-secondary--filled.bg-primary::before,section.bg-colortext .btn-secondary--filled.bg-primary::after{background:#e9e9e9 !important;border-color:#e9e9e9 !important}
/* pas z czterema kolkami (kroki) na dole podstron - nizszy (11.11 18:18, Piotr) */
section > .container[class~="xl:min-h-[35vh]"]{min-height:0 !important;padding-top:36px !important;padding-bottom:20px !important}
section > .container[class~="xl:min-h-[35vh]"] > div{padding-top:0 !important;padding-bottom:0 !important}
section > .container[class~="xl:min-h-[35vh]"] .sequenced svg{width:76px !important;height:76px !important}
section > .container[class~="xl:min-h-[35vh]"] .sequenced > div > span{font-size:18px !important}
section > .container[class~="xl:min-h-[35vh]"] .sequenced > span{margin-top:14px !important;margin-bottom:16px !important}
@media (max-width:639px){section > .container[class~="xl:min-h-[35vh]"] .sequenced > span{margin-top:10px !important;margin-bottom:14px !important}}

/* Typografia - ujednolicenie (11.11 18:27, Piotr): jeden krój, te same rozmiary i kolory na wszystkich podstronach */
button,input,textarea,select{font-family:inherit}
/* jeden kolor ciemnego tekstu (#343434) zamiast mieszanki #343434 / #222 */
.msp-refs__amt,.tile .text-primary.font-bold.text-2xl,.boxshadow .text-primary.font-bold.text-xl,.msp-psi-intro__big,.msp-psi-intro--sub .msp-psi-intro__h,.msp-map-ph__addr{color:#343434 !important}
.msp-kinfo__hours b{color:#343434 !important}
/* tekst podstawowy 16px / 1.6 wszedzie (O nas i kafelki oferty na glownej mialy 15 i 14px) */
@media (min-width:1024px){.msp-about main section.z-60 .content p,.msp-about main section.z-60 .content li{font-size:16px !important;line-height:1.6 !important}}
section[style*="order: 3"] .tile .content p{font-size:16px !important;line-height:1.6 !important}
section[style*="order: 3"] .tile h5{font-size:20px !important;line-height:1.35 !important}
.msp-psi-intro__card p{line-height:1.6}
/* karty referencji na glownej jak na liscie referencji */
.msp-refs__name{font-size:16px}
.msp-refs__label{font-size:14px}
.msp-refs__amt{font-size:20px}
.msp-refs__more{font-size:16px}
/* naglowki srodtytulow: wyrownane do lewej */
.content h2,.content h3,.content h4,main h4{text-align:left !important}
/* Polityka prywatnosci: srodtytuly jak na innych podstronach, linki jak w tresci strony */
section[class~="min-h-[50vh]"] .content.custom-list h2{font-size:22px !important;line-height:1.35 !important;margin:36px 0 12px !important}
section[class~="min-h-[50vh]"] .content.custom-list h2:first-child{margin-top:0 !important}
section[class~="min-h-[50vh]"] .content.custom-list a{color:#343434 !important;text-decoration:underline}
section[class~="min-h-[50vh]"] .content.custom-list a:hover{color:#ed1c24 !important}
/* Kontakt: tytul ramki krokow jak "Formularz kontaktowy", formularz w tym samym kroju i wielkosci */
.msp-kinfo__h{font-size:25px !important;line-height:1.35 !important}
.wpcf7-form-control:not(.wpcf7-submit){font-size:16px !important}
.wpcf7-submit{font-size:16px !important;font-weight:700 !important}
.msp-map-ph__btn{background:#ed1c24;font-weight:700;border-radius:4px}
.msp-map-ph__btn:hover{background:#c4141b;opacity:1}
/* podstrony: naglowki sekcji jednej wielkosci (jak pierwszy naglowek strony), na glownej bez zmian */
@media (min-width:1024px){body:has(section[class~="xl:h-[50vh]"]) .title{font-size:clamp(24px,2.1vw,30px) !important;line-height:1.3 !important}}
@media (max-width:1023px){.msp-kbox__h{font-size:16px !important}}

/* ===== 11.11 18:44 (Piotr): PSI – akapity pod "Kto moze skorzystac z PSI?" tym samym rozmiarem co reszta tekstu (16px) ===== */
.msp-psi-intro__lead{font-size:16px;line-height:1.6}

/* ===== 11.11 18:55 (Piotr): PSI – tekst w "Kto moze skorzystac z PSI?" wygladal na ciemniejszy. Kolor byl ten sam (#343434),
   ale pozostale sekcje maja animacje wjazdu (transform 3D), przez co przegladarka rysuje w nich tekst lzejszym wygladzaniem.
   Ta sekcja nie miala animacji - dostaje ten sam sposob rysowania, zeby tekst wygladal identycznie jak wszedzie. ===== */
.msp-psi-intro > .container{transform:translateZ(0);backface-visibility:hidden}
/* PSI podstrona: akapity pod "Kto może skorzystać z PSI?" w dwóch kolumnach (szerokość jak tekst w karcie i sekcji Lider) */
@media (min-width:1024px){.msp-psi-intro--sub .msp-psi-intro__leads{column-count:2;column-gap:40px}.msp-psi-intro--sub .msp-psi-intro__leads .msp-psi-intro__lead{margin-top:0;margin-bottom:14px}.msp-psi-intro--sub .msp-psi-intro__leads{margin-top:14px}}

/* ===== 11.11 20:07 (Piotr): strona glowna, sekcja "PSI i pozostale formy finansowania" – w trzech kaflach tekst zaczyna sie na tej samej wysokosci
   (wczesniej justify-between centrowal krotszy tekst w pionie). Tekst zaraz pod naglowkiem, przycisk na dole kafla. ===== */
section.order[style*="order: 3"] .tile{justify-content:flex-start !important}
section.order[style*="order: 3"] .tile > .content{flex-grow:1}
@media (min-width:640px){section.order[style*="order: 3"] .tile h5{min-height:2.7em;display:flex;align-items:flex-start;justify-content:center}}

/* logo nieco nizej i bardziej w prawo (kanal www, 12.11) */
.page-navigation .logo-menu .logo__img{position:relative;top:1px;left:6px}
@media (min-width:1024px){
  .page-navigation .logo-menu .logo__img{top:9px;left:18px}
  .page-navigation .logo-menu{margin-right:38px}
}

/* zakladka "Start"/"Home" w menu (kanal www, 12.11) - na waskich ekranach ciasniejsze menu, zeby nie nachodzilo na logo */
@media (min-width:1024px) and (max-width:1279px){
  .page-navigation .logo-menu .logo__img{width:140px;left:10px}
  .page-navigation .logo-menu{margin-right:22px}
  .page-navigation .menu-nav .menu > li > a{padding-left:4px !important;padding-right:4px !important;font-size:14px}
  .msp-hcta{margin-left:6px}
  .msp-hcta__btn{font-size:13px;padding:8px 10px}
}
@media (min-width:1600px){
  .page-navigation .menu-nav .menu > li{padding-left:0 !important;padding-right:0 !important}
  .page-navigation .menu-nav .menu > li > a{padding-left:12px !important;padding-right:12px !important}
}
@media (min-width:1600px) and (max-width:1669px){
  .page-navigation .menu-nav .menu > li > a{padding-left:9px !important;padding-right:9px !important;font-size:16px}
}
/* 12.11 (Piotr): wieksze napisy menu tam, gdzie jest miejsce; flaga nie moze sie zmniejszac */
@media (min-width:1024px){
  .page-navigation .menu-nav .menu > li img{flex-shrink:0;min-width:26px}
}