/* v3.8.8 — Offer archive polish / Layout Harmony
   Dopracowanie archiwum ofert po testach: bezpieczny odstęp pod floating nav,
   spokojniejsze karty, równe CTA i czytelne pille bez rozpychania layoutu. */
body.fo-r-ui-v388{
  --fo-v388-archive-max:1180px;
  --fo-v388-archive-top:clamp(116px,8.8vw,152px);
  --fo-v388-card-radius:34px;
  --fo-v388-card-pad:clamp(24px,2.2vw,32px);
  --fo-v388-card-shadow:0 28px 72px rgba(16,24,40,.075),0 8px 22px rgba(11,61,74,.055),inset 0 1px 0 rgba(255,255,255,.74);
}
body.fo-r-ui-v388 .fo-r-wrap.fo-r-v50-offers{
  width:min(var(--fo-v388-archive-max),calc(100% - 48px))!important;
  margin-top:var(--fo-v388-archive-top)!important;
  gap:clamp(30px,3vw,44px)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers>.fo-r-v50-section-head:first-of-type{
  margin-top:0!important;
  padding-top:0!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero,
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-filters{
  border-radius:36px!important;
  box-shadow:var(--fo-v388-card-shadow)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-grid{
  gap:clamp(24px,2.2vw,30px)!important;
  align-items:stretch!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card{
  position:relative!important;
  min-height:430px!important;
  padding:var(--fo-v388-card-pad)!important;
  border-radius:var(--fo-v388-card-radius)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.84),rgba(247,243,234,.62))!important;
  border:1px solid rgba(14,95,103,.12)!important;
  box-shadow:var(--fo-v388-card-shadow)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__top{
  min-height:38px!important;
  align-items:flex-start!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__top .fo-r-v50-eyebrow{
  flex:1 1 auto!important;
  max-width:calc(100% - 132px)!important;
  min-height:30px!important;
  padding:7px 11px!important;
  background:rgba(221,239,234,.52)!important;
  border-color:rgba(14,95,103,.13)!important;
  color:#0B3D4A!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__top strong{
  flex:0 0 auto!important;
  max-width:132px!important;
  color:#C94F37!important;
  background:rgba(201,79,55,.10)!important;
  border-color:rgba(201,79,55,.18)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__main h3{
  font-size:clamp(25px,1.8vw,32px)!important;
  line-height:1.02!important;
  letter-spacing:-.038em!important;
  min-height:calc(1.02em * 3)!important;
  display:-webkit-box!important;
  -webkit-line-clamp:3!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__main p{
  min-height:calc(1.58em * 3)!important;
  -webkit-line-clamp:3!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-pills{
  min-height:72px!important;
  max-height:78px!important;
  padding:10px!important;
  border-radius:999px!important;
  background:rgba(221,239,234,.30)!important;
  border:1px solid rgba(14,95,103,.09)!important;
  align-content:flex-start!important;
  justify-content:center!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-pills span{
  min-height:27px!important;
  max-width:100%!important;
  padding:6px 10px!important;
  font-size:11px!important;
  line-height:1!important;
  background:rgba(255,255,255,.72)!important;
  border:1px solid rgba(14,95,103,.10)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__foot{
  min-height:42px!important;
  align-items:center!important;
  margin-top:auto!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-card__foot a{
  display:inline-flex!important;
  min-height:34px!important;
  align-items:center!important;
  padding:0 2px!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-save{
  min-height:52px!important;
  display:flex!important;
  align-items:flex-end!important;
}
body.fo-r-ui-v388 .fo-r-v50-offer-save .fo-r-btn,
body.fo-r-ui-v388 .fo-r-btn-zapisz{
  min-height:44px!important;
  padding:0 18px!important;
  border-radius:999px!important;
}
body.fo-r-ui-v388 .fo-r-v50-filter-main{
  align-items:end!important;
}
body.fo-r-ui-v388 .fo-r-v50-filter-main label{min-width:0!important;}
body.fo-r-ui-v388 .fo-r-v50-filter-main input,
body.fo-r-ui-v388 .fo-r-v50-more-filters input,
body.fo-r-ui-v388 .fo-r-v50-more-filters select{
  min-height:46px!important;
  border-radius:17px!important;
}
body.fo-r-ui-v388 .fo-r-v50-filter-main .fo-r-btn{
  min-height:46px!important;
  align-self:end!important;
}
@media(min-width:1380px){
  body.fo-r-ui-v388 .fo-r-v50-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-card{min-height:448px!important;}
}
@media(max-width:1240px){
  body.fo-r-ui-v388 .fo-r-v50-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:860px){
  body.fo-r-ui-v388 .fo-r-wrap.fo-r-v50-offers{
    width:min(100% - 28px,var(--fo-v388-archive-max))!important;
    margin-top:clamp(98px,24vw,126px)!important;
  }
  body.fo-r-ui-v388 .fo-r-v50-offer-grid{grid-template-columns:1fr!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-card{min-height:0!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-card__main h3,
  body.fo-r-ui-v388 .fo-r-v50-offer-card__main p{min-height:0!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-pills{border-radius:24px!important;justify-content:flex-start!important;min-height:0!important;max-height:none!important;}
}
@media(max-width:640px){
  body.fo-r-ui-v388 .fo-r-v50-offer-card__top{display:grid!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-card__top .fo-r-v50-eyebrow,
  body.fo-r-ui-v388 .fo-r-v50-offer-card__top strong{max-width:100%!important;width:max-content!important;}
  body.fo-r-ui-v388 .fo-r-v50-offer-save .fo-r-btn,
  body.fo-r-ui-v388 .fo-r-btn-zapisz{width:100%!important;}
}


/* v3.8.27 — Global header strip cleanup + offer hero alignment
   Baza: v3.8.25. Cel: usunąć sztuczny pasek/odcięcie za pływającym headerem
   bez przebudowy całego tła jak w v3.8.26. */

/* 1) Subtelne, pełnoszerokie tło pod floating headerem — bez osobnego poziomego paska. */
body:not(.home):not(.front-page) .fo-main{
  background:
    radial-gradient(circle at 84% 0%,rgba(247,201,72,.10),transparent 28%),
    radial-gradient(circle at 10% 0%,rgba(221,239,234,.12),transparent 34%),
    linear-gradient(180deg,
      #06464f 0px,
      #0b5660 150px,
      #0E5F67 360px,
      rgba(14,95,103,.62) 560px,
      rgba(14,95,103,.24) 720px,
      rgba(14,95,103,.08) 850px,
      rgba(14,95,103,0) 980px
    ),
    var(--fo-tlo,#FFFFD8)!important;
  background-repeat:no-repeat!important;
  background-size:100% 980px,100% 980px,100% 980px,auto!important;
}

/* 2) Usunięcie technicznego pasa/łącznika za headerem. */
body:not(.home):not(.front-page) .fo-naglowek,
body:not(.home):not(.front-page) .fo-naglowek.fo-naglowek-desktop,
body:not(.home):not(.front-page) .fo-naglowek.fo-naglowek-mobile{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
body:not(.home):not(.front-page) .fo-naglowek::before,
body:not(.home):not(.front-page) .fo-naglowek::after,
body:not(.home):not(.front-page) .fo-naglowek-desktop::before,
body:not(.home):not(.front-page) .fo-naglowek-desktop::after,
body:not(.home):not(.front-page) .fo-naglowek-mobile::before,
body:not(.home):not(.front-page) .fo-naglowek-mobile::after{
  display:none!important;
  content:none!important;
  background:transparent!important;
}

/* 3) Pasek informacyjny jest jedynym paskiem na górze. Pod nim nie tworzymy dodatkowego koloru. */
body:not(.home):not(.front-page) .fo-pasek-gorny{
  background:linear-gradient(90deg,#06464f,#0b5660,#06464f)!important;
  border-bottom:0!important;
  box-shadow:none!important;
}

/* 4) Wrapperowe tła z v3.8.24/25 zostają, ale są lżej zsynchronizowane z tłem maina,
      żeby nie budowały widocznej poziomej belki za headerem. */
body:not(.home):not(.front-page) :where(
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-prosta-strona,
  .fo-page-shell,
  .fo-main-shell
)::before{
  top:clamp(-180px,-11vw,-118px)!important;
  height:clamp(660px,54vw,900px)!important;
  opacity:.78!important;
  background:
    radial-gradient(circle at 84% 6%,rgba(247,201,72,.12),transparent 31%),
    radial-gradient(circle at 14% 8%,rgba(221,239,234,.12),transparent 36%),
    linear-gradient(180deg,
      rgba(6,70,79,.90) 0px,
      rgba(11,86,96,.76) 250px,
      rgba(14,95,103,.50) 430px,
      rgba(14,95,103,.22) 610px,
      rgba(14,95,103,.06) 790px,
      rgba(14,95,103,0) 100%
    )!important;
}

/* 5) Archiwum ofert pracy: hero bliżej headera i bez pustej lewej przestrzeni w karcie. */
body.fo-r-ui-v388{
  --fo-v388-archive-top:clamp(72px,6vw,104px)!important;
}
body.fo-r-ui-v388 .fo-r-wrap.fo-r-v50-offers,
body.fo-r-ui-v387 .fo-r-wrap.fo-r-v50-offers{
  margin-top:clamp(72px,6vw,104px)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero,
body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:clamp(18px,2vw,28px)!important;
  text-align:left!important;
  padding:clamp(34px,4vw,52px)!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero>div:first-child,
body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero>div:first-child{
  justify-self:start!important;
  align-self:end!important;
  max-width:760px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero h1,
body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero h1{
  max-width:760px!important;
  margin:10px 0 12px!important;
  text-align:left!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero p,
body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero p{
  max-width:700px!important;
  text-align:left!important;
}
body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero-actions,
body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero-actions{
  justify-self:end!important;
  align-self:end!important;
}

@media(max-width:980px){
  body:not(.home):not(.front-page) .fo-main{
    background-size:100% 860px,100% 860px,100% 860px,auto!important;
  }
  body:not(.home):not(.front-page) :where(.fo-r-wrap,.fo-r-v47,.fo-r-v48,.fo-r-v50-offers,.fo-r-app-panel,.fo-r-login-wrap,.fo-r-onboarding-v319,.fo-prosta-strona,.fo-page-shell,.fo-main-shell)::before{
    top:-132px!important;
    height:clamp(600px,88vw,840px)!important;
  }
  body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero,
  body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero{
    grid-template-columns:1fr!important;
  }
  body.fo-r-ui-v388 .fo-r-v50-offers .fo-r-v50-hero-actions,
  body.fo-r-ui-v387 .fo-r-v50-offers .fo-r-v50-hero-actions{
    justify-self:start!important;
  }
}


/* v3.8.28 — Global header strip removal
   Usuwa poziomy „pasek”/woal za pływającym headerem na wszystkich podstronach.
   Przyczyna: backdrop-filter na pełnoszerokim elemencie headera rozmazywał tło pod paskiem informacyjnym.
   Zostawiamy glass tylko na właściwej kapsule nawigacji: .fo-naglowek-wrap / .fo-mobile-head. */
body:not(.home):not(.front-page) header.fo-naglowek,
body:not(.home):not(.front-page) header.fo-naglowek.fo-szklo,
body:not(.home):not(.front-page) .fo-naglowek,
body:not(.home):not(.front-page) .fo-naglowek.fo-szklo,
body:not(.home):not(.front-page) .fo-naglowek.fo-naglowek-desktop,
body:not(.home):not(.front-page) .fo-naglowek.fo-naglowek-mobile{
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}

body:not(.home):not(.front-page) header.fo-naglowek::before,
body:not(.home):not(.front-page) header.fo-naglowek::after,
body:not(.home):not(.front-page) .fo-naglowek::before,
body:not(.home):not(.front-page) .fo-naglowek::after{
  display:none!important;
  content:none!important;
  background:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}

/* Topbar zostaje jedyną pełnoszeroką belką. */
body:not(.home):not(.front-page) .fo-pasek-gorny{
  margin-bottom:0!important;
  background:linear-gradient(90deg,#06464f,#0b5660,#06464f)!important;
  border:0!important;
  box-shadow:none!important;
}

/* Właściwa kapsuła headera dalej ma glass, ale tylko ona — bez pasa na całą szerokość. */
body:not(.home):not(.front-page) .fo-naglowek .fo-naglowek-wrap,
body:not(.home):not(.front-page) .fo-naglowek .fo-mobile-head{
  background:linear-gradient(135deg,rgba(255,253,246,.90),rgba(247,243,234,.76))!important;
  border:1px solid rgba(255,255,255,.78)!important;
  box-shadow:0 24px 72px rgba(11,61,74,.18),0 9px 28px rgba(16,24,40,.065),inset 0 1px 0 rgba(255,255,255,.92)!important;
  backdrop-filter:blur(26px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(26px) saturate(180%)!important;
}

/* Pseudo-tła stron nie mogą wchodzić w obszar topbara/headera. */
body:not(.home):not(.front-page) :where(
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-prosta-strona,
  .fo-page-shell,
  .fo-main-shell
)::before{
  top:0!important;
}


/* v3.8.29 — Global strip fix: section.fo-kontener.fo-prosta-strona
   Debug wskazał, że pasek pod topbarem robi wrapper nr 4: section.fo-kontener.fo-prosta-strona.
   Usuwamy z niego pełnoszerokie tło/woal i pseudo-tła w obszarze headera.
   Tło strony zostaje na .fo-main oraz właściwych hero/kartach. */
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona{
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  box-shadow:none!important;
}
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona::before,
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-color:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
/* Usuwamy też wariant z klasą na article, gdy WordPress przeniesie tło na wewnętrzny wrapper. */
body:not(.home):not(.front-page) article.fo-prosta-strona,
body:not(.home):not(.front-page) .fo-kontener.fo-prosta-strona article{
  background:transparent!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
body:not(.home):not(.front-page) article.fo-prosta-strona::before,
body:not(.home):not(.front-page) article.fo-prosta-strona::after,
body:not(.home):not(.front-page) .fo-kontener.fo-prosta-strona article::before,
body:not(.home):not(.front-page) .fo-kontener.fo-prosta-strona article::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
/* Górny obszar strony zostaje jednolity: bez dodatkowej półprzezroczystej belki między topbarem a hero. */
body:not(.home):not(.front-page) .fo-main{
  background:
    radial-gradient(circle at 84% 0%,rgba(247,201,72,.10),transparent 28%),
    radial-gradient(circle at 10% 0%,rgba(221,239,234,.12),transparent 34%),
    linear-gradient(180deg,
      #06464f 0px,
      #0b5660 160px,
      #0E5F67 390px,
      rgba(14,95,103,.62) 590px,
      rgba(14,95,103,.24) 760px,
      rgba(14,95,103,.08) 900px,
      rgba(14,95,103,0) 1040px
    )!important;
}


/* v3.8.30 — Global strip fix: main.fo-main
   Debug po v3.8.29 wskazał, że pasek pod topbarem nie jest już wrapperem strony,
   tylko tłem na main.fo-main. Usuwamy pełnoszerokie tło z obszaru headera.
   Zielony system hero zostaje na właściwych wrapperach/sekcjach, nie na mainie. */
body:not(.home):not(.front-page) main.fo-main,
body:not(.home):not(.front-page) .fo-main{
  background:var(--fo-tlo,#fffdf8)!important;
  background-color:var(--fo-tlo,#fffdf8)!important;
  background-image:none!important;
  background-size:auto!important;
  background-repeat:repeat!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.home):not(.front-page) main.fo-main::before,
body:not(.home):not(.front-page) main.fo-main::after,
body:not(.home):not(.front-page) .fo-main::before,
body:not(.home):not(.front-page) .fo-main::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
}
/* Zielone/turkusowe tło ma zaczynać się dopiero od właściwej treści strony, a nie zaraz pod topbarem. */
body:not(.home):not(.front-page) :where(
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-r-v3820-topic-page,
  .fo-page-shell,
  .fo-main-shell
)::before{
  top:0!important;
  height:clamp(760px,70vw,1120px)!important;
  opacity:1!important;
  background:
    radial-gradient(circle at 84% 8%,rgba(247,201,72,.18),transparent 32%),
    radial-gradient(circle at 15% 10%,rgba(221,239,234,.16),transparent 36%),
    linear-gradient(180deg,
      #06464f 0px,
      #0b5660 250px,
      #0E5F67 500px,
      rgba(14,95,103,.78) 690px,
      rgba(14,95,103,.36) 880px,
      rgba(14,95,103,.10) 1040px,
      rgba(14,95,103,0) 100%
    )!important;
}
/* Ten wrapper był już czyszczony w v3.8.29 — zostaje bez własnego tła. */
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona::before,
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona::after{
  display:none!important;
  content:none!important;
}
/* Proste strony bez modułu .fo-r-wrap nie powinny generować dużej zielonej planszy pod headerem. */
body:not(.home):not(.front-page) section.fo-kontener.fo-prosta-strona{
  background:transparent!important;
  background-image:none!important;
}


/* v3.8.31 — Global page background restore without header strip
   Cel: usunąć białe dziury pod pływającym headerem, ale bez powrotu centralnych bloków / pasków.
   Tło teal/green jest teraz pełnoszerokim tłem maina, a nie pseudo-tłem w wąskich wrapperach. */
body:not(.home):not(.front-page) main.fo-main,
body:not(.home):not(.front-page) .fo-main{
  background:
    radial-gradient(circle at 84% 7%,rgba(247,201,72,.16),rgba(247,201,72,0) 30vw),
    radial-gradient(circle at 12% 8%,rgba(221,239,234,.15),rgba(221,239,234,0) 34vw),
    linear-gradient(180deg,
      #06464f 0px,
      #06464f 96px,
      #0b5660 280px,
      #0E5F67 570px,
      rgba(14,95,103,.86) 760px,
      rgba(14,95,103,.54) 940px,
      rgba(14,95,103,.24) 1100px,
      rgba(14,95,103,.08) 1240px,
      var(--fo-tlo,#fffdf8) 1420px,
      var(--fo-tlo,#fffdf8) 100%
    )!important;
  background-repeat:no-repeat!important;
  background-size:100% 1420px,100% 1420px,100% 100%!important;
  background-color:var(--fo-tlo,#fffdf8)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Nie generujemy już drugiego, lokalnego tła w wrapperach — ono robiło ciemne prostokąty i odcięcia. */
body:not(.home):not(.front-page) :where(
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-r-v3820-topic-page,
  .fo-prosta-strona,
  .fo-page-shell,
  .fo-main-shell
)::before,
body:not(.home):not(.front-page) :where(
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-r-v3820-topic-page,
  .fo-prosta-strona,
  .fo-page-shell,
  .fo-main-shell
)::after{
  display:none!important;
  content:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Sekcje/wrappery zostają przezroczyste, żeby widzieć pełnoszerokie tło maina. */
body:not(.home):not(.front-page) :where(
  section.fo-kontener.fo-prosta-strona,
  .fo-r-wrap,
  .fo-r-v47,
  .fo-r-v48,
  .fo-r-v50-offers,
  .fo-r-app-panel,
  .fo-r-login-wrap,
  .fo-r-onboarding-v319,
  .fo-r-v3820-topic-page,
  .fo-page-shell,
  .fo-main-shell
){
  background-color:transparent!important;
  background-image:none!important;
}

/* Header/topbar: żadnych dodatkowych pełnoszerokich woali, tylko kapsuła menu ma glass. */
body:not(.home):not(.front-page) .fo-pasek-gorny{
  background:linear-gradient(90deg,#06464f,#0b5660,#06464f)!important;
  border:0!important;
  box-shadow:none!important;
}
body:not(.home):not(.front-page) header.fo-naglowek,
body:not(.home):not(.front-page) .fo-naglowek{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body:not(.home):not(.front-page) header.fo-naglowek::before,
body:not(.home):not(.front-page) header.fo-naglowek::after,
body:not(.home):not(.front-page) .fo-naglowek::before,
body:not(.home):not(.front-page) .fo-naglowek::after{
  display:none!important;
  content:none!important;
  background:none!important;
}

@media(max-width:980px){
  body:not(.home):not(.front-page) main.fo-main,
  body:not(.home):not(.front-page) .fo-main{
    background-size:100% 1220px,100% 1220px,100% 100%!important;
    background:
      radial-gradient(circle at 84% 7%,rgba(247,201,72,.14),rgba(247,201,72,0) 36vw),
      radial-gradient(circle at 12% 8%,rgba(221,239,234,.14),rgba(221,239,234,0) 40vw),
      linear-gradient(180deg,
        #06464f 0px,
        #0b5660 250px,
        #0E5F67 500px,
        rgba(14,95,103,.74) 680px,
        rgba(14,95,103,.34) 860px,
        rgba(14,95,103,.10) 1040px,
        var(--fo-tlo,#fffdf8) 1220px,
        var(--fo-tlo,#fffdf8) 100%
      )!important;
  }
}