/* =========================
   HERO video (wcHero01__)
   ========================= */

.wcHero01__wrap{
  position: relative;
  width: 100%;
  height: 100svh;            /* lepsze na mobile niż 100vh */
  min-height: 560px;         /* jak na screenie: duży hero */
  overflow: hidden;
  background: #0b3f46;       /* fallback */
  isolation: isolate;
}

/* video layer */
.wcHero01__video{
  position: absolute;
  inset: 0;
  z-index: -2;
  overflow: hidden;
}

/* iframe jako cover */
.wcHero01__iframe{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 177.78vh;           /* 16:9 cover trick */
  height: 100vh;
  min-width: 100vw;
  min-height: 56.25vw;
  transform: translate(-50%, -50%);
  border: 0;
  pointer-events: none;
}

/* overlay: mocny dół jak na screenie */
.wcHero01__overlay{
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(
      to bottom,
      rgba(9, 45, 50, 0) 0%,
      rgba(9, 45, 50, .10) 35%,
      rgba(9, 45, 50, .85) 70%,
      rgba(9, 45, 50, .95) 100%
    );
}

/* content: WYŚRODKOWANY blok, ale tekst wyrównany do lewej */
.wcHero01__content{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 78px;

  width: calc(100% - 160px); /* po 80px z każdej strony (desktop) */
  max-width: 980px;

  color: #fff;
  text-align: left;
}

.wcHero01__title{
  margin: 0 0 28px;
  font-weight: 800;
  line-height: 1.15;
  font-size: clamp(34px, 4.2vw, 64px);
  letter-spacing: .2px;
}

.wcHero01__lead{
  margin: 0;
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.55;
  opacity: .92;
}

/* =========================
   TABLET
   ========================= */
@media (max-width: 1024px){
  .wcHero01__content{
    bottom: 56px;
    width: calc(100% - 96px);  /* po 48px */
    max-width: 860px;
  }
}

/* =========================
   MOBILE
   ========================= */
@media (max-width: 768px){
  .wcHero01__wrap{
    min-height: 520px;
  }

  .wcHero01__content{
    bottom: 34px;
    width: calc(100% - 36px); /* po 18px */
    max-width: 520px;
  }

  /* mniejszy nagłówek */
  .wcHero01__title{
    margin-bottom: 16px;
    font-size: clamp(22px, 7vw, 32px); /* BYŁO większe */
    line-height: 1.12;
  }

  /* mniejszy opis */
  .wcHero01__lead{
    font-size: clamp(13px, 4.2vw, 16px);
    line-height: 1.45;
  }
}

/* =========================
   ZALETY (wcZal02__)
   ========================= */

.wcZal02__wrap{
  background: #ffffff;
  padding: 80px 0 90px;
}

.wcZal02__inner{
  width: min(1220px, 100%);
  margin: 0 auto;
  padding: 0 28px;
}

/* nagłówek po PRAWEJ jak na screenie */
.wcZal02__head{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;   /* do prawej */
  text-align: right;
  margin-bottom: 64px;
  padding-right: 72px;     /* miejsce na pionową kreskę */
}

.wcZal02__label{
  font-size: 14px;
  letter-spacing: 4px;
  color: #1a1a1a;
  margin-bottom: 18px;
}

.wcZal02__title{
  font-size: clamp(34px, 3.2vw, 56px);
  line-height: 1.15;
  color: #1a1a1a;
  font-weight: 500;
}

.wcZal02__vline{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,.45);
}

/* grid 2x2 */
.wcZal02__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 44px 56px;
  width: min(1180px, 100%);
  margin: 0 auto;
}

/* kafel */
.wcZal02__card{
  background: #f3f3f3;
  padding: 56px 32px;
  min-height: 190px;
  display: grid;
  place-items: center;
  text-align: center;
}

.wcZal02__card--alt{
  background: #ececec; /* lekko inny jak na screenie */
}

.wcZal02__text{
  //font-size: 18px;
  color: #111;
  line-height: 1.5;
  max-width: 520px;
}

.wcZal02__text strong{
  font-weight: 800;
}

/* Ikony – zrobione CSS-em (proste kształty jak na screenie) */
.wcZal02__icon{
  width: 70px;
  height: 70px;
  margin-bottom: 18px;
  position: relative;
}

/* 1: dwa “półkola” */
.wcZal02__icon--a::before,
.wcZal02__icon--a::after{
  content:"";
  position:absolute;
  top: 10px;
  width: 26px;
  height: 44px;
  background:#0b3f46;
}
.wcZal02__icon--a::before{
  left: 10px;
  border-radius: 24px 0 0 24px;
}
.wcZal02__icon--a::after{
  right: 10px;
  border-radius: 0 24px 24px 0;
}

/* 2: ćwiartka koła */
.wcZal02__icon--b::before{
  content:"";
  position:absolute;
  left: 22px;
  top: 12px;
  width: 44px;
  height: 44px;
  background:#0b3f46;
  border-radius: 0 0 44px 0;
}

/* 3: dwie półkopuły */
.wcZal02__icon--c::before,
.wcZal02__icon--c::after{
  content:"";
  position:absolute;
  left: 16px;
  width: 46px;
  height: 24px;
  background:#0b3f46;
  border-radius: 24px 24px 0 0;
}
.wcZal02__icon--c::before{ top: 14px; }
.wcZal02__icon--c::after{ top: 36px; }

/* 4: połówka koła + “pasek” */
.wcZal02__icon--d::before{
  content:"";
  position:absolute;
  left: 18px;
  top: 14px;
  width: 26px;
  height: 44px;
  background:#0b3f46;
  border-radius: 24px 0 0 24px;
}
.wcZal02__icon--d::after{
  content:"";
  position:absolute;
  right: 18px;
  top: 14px;
  width: 10px;
  height: 44px;
  background:#0b3f46;
  border-radius: 8px;
}

/* mobile */
@media (max-width: 820px){
  .wcZal02__wrap{ padding: 56px 0 64px; }

  .wcZal02__head{
    align-items: center;
    text-align: center;
    padding-right: 0;
    margin-bottom: 34px;
  }

  .wcZal02__vline{ display:none; }

  .wcZal02__grid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .wcZal02__card{
    padding: 34px 18px;
    min-height: 160px;
  }

  .wcZal02__text{
    font-size: 16px;
  }
}

/* =========================
   Pasek PSB (wcBar03__)
   ========================= */

.wcBar03__wrap{
  width: 100%;
  background: #074183; /* niebieski jak na screenie */
  padding: 34px 0;
}

.wcBar03__inner{
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 40px;

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.wcBar03__text{
  color: #fff;
  font-size: clamp(18px, 2.2vw, 30px);
  line-height: 1.2;
  font-weight: 500;
  letter-spacing: .4px;

}

.wcBar03__logos{
  display: flex;
  align-items: center;
  gap: 22px;
  flex: 0 0 auto;
}

.wcBar03__logo{
  height: 66px;       /* dopasuj jeśli Twoje pliki mają inne proporcje */
  width: auto;
  display: block;
}

/* mobile */
@media (max-width: 820px){
  .wcBar03__wrap{
    padding: 22px 0;
  }

  .wcBar03__inner{
    padding: 0 18px;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .wcBar03__text{
    font-size: 18px;
    max-width: 100%;
  }

  .wcBar03__logos{
    gap: 16px;
  }

  .wcBar03__logo{
    height: 36px;
  }
}


/* =========================
   PRODUKT (wcProd04__) – 3 moduły
   ========================= */

.wcProd04__wrap{
  background: #fff;
  padding: 70px 0 80px;
}

.wcProd04__inner{
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 28px;
  position: relative;
}

:root{
  --wcProd04_orange: #d07a33; /* dopasuj jeśli masz dokładny */
  --wcProd04_text: #3a3a3a;
}

/* ====== nagłówek po prawej ====== */
.wcProd04__head{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-bottom: 46px;
  padding-right: 72px;
}

.wcProd04__label{
  font-size: 13px;
  letter-spacing: 3px;
  color: #2a2a2a;
  margin-bottom: 14px;
}

.wcProd04__headTitle{
  font-size: clamp(22px, 2.3vw, 30px);
  line-height: 1.6;
  color: #2a2a2a;
  font-weight: 500;
}

.wcProd04__vline{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,.45);
}

/* ====== wspólne teksty ====== */
.wcProd04__orangeTitle{
  color: var(--wcProd04_orange);
  font-weight: 500;
  margin-bottom: 12px;
}

.wcProd04__p{
  color: var(--wcProd04_text);
 
  line-height: 2.05;
}

.wcProd04__list{
  margin: 12px 0 0;
  padding-left: 18px;
  color: var(--wcProd04_text);
 
  line-height: 1.9;
}

/* lista z myślnikami jak na screenie */
.wcProd04__list--dash{
  list-style: none;
  padding-left: 0;
  margin-top: 10px;
}
.wcProd04__list--dash li{
  position: relative;
  padding-left: 16px;
  margin: 6px 0;
}
.wcProd04__list--dash li::before{
  content:"-";
  position: absolute;
  left: 0;
  top: 0;
  color: var(--wcProd04_text);
}

/* ====== linie + kropka ====== */
.wcProd04__line,
.wcProd04__midLine,
.wcProd04__thirdLine{
  position: relative;
  height: 1px;
  background: var(--wcProd04_orange);
}

.wcProd04__line--short{
  width: 360px;
  maÿin ᦏ翴: 24px;
}

.wcProd04__dot{
  position: absolute;
  width: 10px;
  height: 10px;
  background: var(--wcProd04_orange);
  border-radius: 999px;
  top: 50%;
  transform: translateY(-50%);
}

/* kropka na końcu krótkiej linii */
.wcProd04__line--short .wcProd04__dot{
  right: -6px;
}

/* separator między modułami: dłuższa linia z kropką po lewej */
.wcProd04__midLine{
  width: min(620px, 100%);
  margin: 62px auto 48px;
}
.wcProd04__midLine .wcProd04__dot{
  left: 0;
  transform: translate(-50%, -50%);
}

/* ====== MODUŁ 1 (TOP) ====== */
.wcProd04__module--top{
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 48px;
  align-items: center;
  padding-top: 6px;
}

.wcProd04__copy{ max-width: 520px; }

.wcProd04__visual{
  display: flex;
  justify-content: center;
}

.wcProd04__house{
  width: min(760px, 100%);
  height: auto;
  display: block;
}

/* ====== MODUŁ 2 (MID) ====== */
.wcProd04__module--mid{
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 48px;
  align-items: start;
}

.wcProd04__photos{
  display: flex;
  gap: 22px;
  align-items: flex-end;
  justify-content: flex-start;
}

.wcProd04__panel{
  width: 220px;
  height: auto;
  display: block;
}

.wcProd04__copy2{
  max-width: 620px;
}

/* ====== MODUŁ 3 (NEW) ====== */
.wcProd04__module--third{
  margin-top: 56px;
}

.wcProd04__thirdLine{
  width: min(520px, 100%);
  margin: 0 0 26px;
}

/* kropka na końcu górnej linii (po prawej) */
.wcProd04__thirdLine .wcProd04__dot{
  right: -6px;
}

/* układ: tekst lewo + obraz prawo */
.wcProd04__thirdGrid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  align-items: start;
}

.wcProd04__thirdCopy{
  max-width: 560px;
}

.wcProd04__thirdVisual{
  display: flex;
  justify-content: flex-end;
}

.wcProd04__cut{
  width: min(300px, 100%);
  height: auto;
  display: block;
}

/* =========================
   RWD (TABLET/MOBILE)
   ========================= */
@media (max-width: 980px){
  .wcProd04__head{
    align-items: center;
    text-align: center;
    padding-right: 0;
  }
  .wcProd04__vline{ display:none; }

  .wcProd04__module--top{
    grid-template-columns: 1fr;
    gap: 28px;
  }

  /* Moduł 2: zdjęcia -> tekst + większy odstęp po module */
  .wcProd04__module--mid{
    grid-template-columns: 1fr;
    gap: 28px;
    padding-bottom: 28px;
    margin-bottom: 22px;
  }
  .wcProd04__photos{ justify-content: center; order: 1; }
  .wcProd04__copy2{ max-width: 100%; order: 2; }

  .wcProd04__copy{ max-width: 100%; }

  .wcProd04__line--short{ width: min(360px, 100%); }

  .wcProd04__midLine{
    margin: 34px auto 28px;
    width: min(520px, 100%);
  }

  /* Moduł 3: linia -> tekst -> obraz (żeby nie wyglądało jak 2 teksty pod sobą) */
  .wcProd04__module--third{
    margin-top: 0;
    padding-top: 10px;
  }

  .wcProd04__thirdLine{
    width: min(420px, 100%);
    margin: 0 auto 18px;
  }

  .wcProd04__thirdGrid{
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .wcProd04__thirdCopy{ max-width: 100%; order: 1; }

  .wcProd04__thirdVisual{
    justify-content: center;
    margin-top: 14px;
    order: 2;
  }

  .wcProd04__cut{
    width: min(260px, 100%);
  }
}

@media (max-width: 520px){
  .wcProd04__wrap{ padding: 52px 0 58px; }

  .wcProd04__p,
  .wcProd04__list{
    font-size: 15px;
    line-height: 2;
  }

  .wcProd04__list--dash li{ margin: 8px 0; }

  .wcProd04__photos{ gap: 14px; }
  .wcProd04__panel{ width: 46%; }

  .wcProd04__cut{ width: min(240px, 100%); }
}

/* =========================
   WHY (wcWhy05__)
   ========================= */

.wcWhy05__wrap{
  position: relative;
  width: 100%;
  min-height: 560px;
  padding: 72px 0;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  place-items: center; /* box na środku */
  background: #e9e9e9; /* fallback */
}

.wcWhy05__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

/* rozjaśnienie tła jak na screenie */
.wcWhy05__overlay{
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.68);
  z-index: -1;
}

/* zielony box */
.wcWhy05__box{
  width: min(760px, calc(100% - 80px));
  background: #0f3f43;      /* ciemny zielony */
  color: #fff;
  padding: 44px 54px 46px;
}

.wcWhy05__title{
  margin: 0 0 24px;
  font-weight: 500;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.55;
  letter-spacing: .2px;
}

/* lista */
.wcWhy05__list{
  margin: 0;
  padding-left: 18px;

  line-height: 1.55;
}

.wcWhy05__list li{
  margin: 6px 0;
}

/* mobile */
@media (max-width: 820px){
  .wcWhy05__wrap{
    min-height: auto;
    padding: 46px 0;
  }

  .wcWhy05__box{
    width: calc(100% - 28px);
    padding: 28px 18px 30px;
  }

  .wcWhy05__title{
    margin-bottom: 18px;
    font-size: 20px;
  }

  .wcWhy05__list{
   
    line-height: 1.6;
  }
}


/* =========================
   FEATURES (wcFeat06__)
   ========================= */

.wcFeat06__wrap{
  background: #fff;
  padding: 70px 0 80px;
}

.wcFeat06__inner{
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 28px;
  position: relative;
}

:root{
  --wcFeat06_orange: #d07a33;
  --wcFeat06_text: #2f2f2f;
}

/* ====== nagłówek po prawej ====== */
.wcFeat06__head{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  text-align: right;
  margin-bottom: 54px;
  padding-right: 72px;
}

.wcFeat06__label{
  font-size: 13px;
  letter-spacing: 3px;
  color: #2a2a2a;
  margin-bottom: 14px;
  opacity: .95;
}

.wcFeat06__headTitle{
  font-size: clamp(22px, 2.3vw, 30px);
  line-height: 1.6;
  color: #2a2a2a;
  font-weight: 500;
}

.wcFeat06__vline{
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background: rgba(0,0,0,.45);
}

/* ====== lista ====== */
.wcFeat06__list{
  display: grid;
  gap: 20px;
  margin:auto;
  max-width:800px;
}

/* wspólne */
.wcFeat06__item{
  max-width: 520px;
}

.wcFeat06__name{
  color: var(--wcFeat06_orange);

  font-weight: 500;
  margin-bottom: 12px;
}

.wcFeat06__desc{
  color: var(--wcFeat06_text);

  line-height: 1.9;
}

.wcFeat06__desc--center{
  text-align: center;
}

/* linia + kropka */
.wcFeat06__line{
  position: relative;
  height: 1px;
  background: var(--wcFeat06_orange);
  margin: 0 0 18px;
}

.wcFeat06__dot{
  position: absolute;
  top: 50%;
  width: 10px;
  height: 10px;
  background: var(--wcFeat06_orange);
  border-radius: 999px;
  transform: translateY(-50%);
}

/* LEWA: kropka na końcu (po prawej) */
.wcFeat06__item--left{
  justify-self: start;
}
.wcFeat06__line--left{
  width: 360px;
}
.wcFeat06__line--left .wcFeat06__dot{
  right: -6px;
}

/* PRAWA: kropka na początku (po lewej) */
.wcFeat06__item--right{
  justify-self: end;
  text-align: right;
  max-width: 540px;
}
.wcFeat06__name--right{
  text-align: right;
}
.wcFeat06__line--right{
  width: 360px;
  margin-left: auto;
}
.wcFeat06__line--right .wcFeat06__dot{
  left: -6px;
}

/* =========================
   RWD
   ========================= */
@media (max-width: 980px){
  .wcFeat06__head{
    align-items: center;
    text-align: center;
    padding-right: 0;
    margin-bottom: 34px;
  }
  .wcFeat06__vline{ display:none; }

  .wcFeat06__list{
    gap: 34px;
  }

  /* 1 kolumna, ale zachowujemy naprzemienne kropki */
  .wcFeat06__item,
  .wcFeat06__item--right{
    max-width: 100%;
    justify-self: start;
    text-align: left;
  }

  .wcFeat06__name--right{ text-align: left; }
  .wcFeat06__desc--center{ text-align: left; }

  /* linie na pełną szerokość kontenera (max 360px) */
  .wcFeat06__line--left,
  .wcFeat06__line--right{
    width: min(360px, 100%);
    margin-left: 0;
  }

  /* DOMYŚLNIE: kropka po prawej (jak lewy wariant) */
  .wcFeat06__line--left .wcFeat06__dot,
  .wcFeat06__line--right .wcFeat06__dot{
    left: auto;
    right: -6px;
  }

  /* PARZYSTE elementy: kropka po lewej (naprzemiennie na mobile) */
  .wcFeat06__item:nth-child(even) .wcFeat06__dot{
    right: auto;
    left: -6px;
  }
}

/* =========================
   Opinie (wcOp07__) - bxSlider
   ========================= */

.wcOp07__wrap{
  background: #eee9e6; /* szare tło jak na screenie */
  padding: 70px 0 80px;
  overflow: hidden;
}

.wcOp07__inner{
  width: min(1320px, 100%);
  margin: 0 auto;
  padding: 0 28px;
  position: relative;
}

.wcOp07__title{
  text-align: center;
  margin: 0 0 36px;
  font-weight: 500;
  font-size: clamp(34px, 3.2vw, 56px);
  line-height: 1.1;
  color: #111;
}

/* bxSlider reset */
.wcOp07__slider{
  margin: 0;
  padding: 0;
  list-style: none;
}

.wcOp07__slide{
  min-height: 520px;
}

/* scena slajdu */
.wcOp07__stage{
  position: relative;
  width: min(980px, 100%);
  margin: 0 auto;
  height: 520px;
}

/* prawa część – zdjęcie w łuku */
.wcOp07__media{
  position: absolute;
  right: 0;
  top: 0;
  width: 360px;
  height: 520px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.wcOp07__arch{
  width: 360px;
  height: 520px;
  border-radius: 999px 999px 0 0; /* “łuk” */
  overflow: hidden;
  background: rgba(0,0,0,.08);
}

.wcOp07__img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* biały box z cytatem (nachodzi na zdjęcie) */
.wcOp07__card{
  position: absolute;
  left: 160px;
  top: 200px;
  width: min(520px, calc(100% - 220px));
  background: #fff;
  padding: 32px 34px 26px;
  box-shadow: 0 18px 46px rgba(0,0,0,.12);
}

.wcOp07__quote{

  line-height: 1.45;
  color: #111;
}

.wcOp07__sep{
  width: 32px;
  height: 1px;
  background: rgba(0,0,0,.45);
  margin: 18px 0 14px;
}

.wcOp07__name{

  color: #111;
  opacity: .9;
}

/* ====== bxSlider: strzałki po bokach ====== */
.wcOp07__wrap .bx-wrapper{
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background: transparent;
}

.wcOp07__wrap .bx-viewport{
  background: transparent !important;
}

.wcOp07__wrap .bx-controls-direction a{
  width: 48px;
  height: 48px;
  text-indent: -9999px;
  background: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: .75;
}

.wcOp07__wrap .bx-prev{
  left: -76px;
}
.wcOp07__wrap .bx-next{
  right: -76px;
}

/* rysujemy strzałki CSS-em */
.wcOp07__wrap .bx-prev::before,
.wcOp07__wrap .bx-next::before{
  content:"";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 14px;
  height: 14px;
  border-top: 2px solid #0f3f43;
  border-right: 2px solid #0f3f43;
}

.wcOp07__wrap .bx-prev::before{
  transform: rotate(-135deg);
}
.wcOp07__wrap .bx-next::before{
  transform: rotate(45deg);
}

/* kropki */
.wcOp07__wrap .bx-pager{
  padding-top: 16px;
}

.wcOp07__wrap .bx-pager.bx-default-pager a{
  background: rgba(15,63,67,.35);
  width: 6px;
  height: 6px;
  border-radius: 999px;
  margin: 0 6px;
}

.wcOp07__wrap .bx-pager.bx-default-pager a.active{
  background: #0f3f43;
}

/* ====== RWD ====== */
@media (max-width: 980px){
  .wcOp07__stage{
    height: auto;
    min-height: 560px;
  }

  .wcOp07__media{
    position: relative;
    width: 320px;
    height: 460px;
    margin: 0 auto;
  }
  .wcOp07__arch{
    width: 320px;
    height: 460px;
  }

  .wcOp07__card{
    position: relative;
    left: auto;
    top: -80px;
    margin: 0 auto;
    width: min(560px, calc(100% - 28px));
  }

  .wcOp07__wrap .bx-prev{ left: 10px; }
  .wcOp07__wrap .bx-next{ right: 10px; }
}

@media (max-width: 520px){
  .wcOp07__wrap{ padding: 52px 0 60px; }

  .wcOp07__media{
    width: 280px;
    height: 420px;
  }
  .wcOp07__arch{
    width: 280px;
    height: 420px;
  }

  
  .wcOp07__card{ padding: 22px 18px 18px; top: -70px; }
}


/* =========================
   Poradnik (wcGuide08__)
   ========================= */

.wcGuide08__wrap{
  position: relative;
  width: 100%;
  min-height: 230px;
  overflow: hidden;
  isolation: isolate;

  display: grid;
  place-items: center; /* biały box idealnie na środku */
  padding: 44px 0;
  background: #ddd;    /* fallback */
}

.wcGuide08__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.wcGuide08__overlay{
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.55); /* lekkie przygaszenie tła */
  z-index: -1;
}

/* biały box */
.wcGuide08__box{
  width: min(760px, calc(100% - 56px));
  background: #fff;
  padding: 38px 46px 30px;
  text-align: center;
  box-shadow: 0 18px 46px rgba(0,0,0,.08);
}

/* tytuł wycentrowany w boxie */
.wcGuide08__title{
  margin: 0 0 22px;
  font-weight: 500;
  color: #111;
  font-size: clamp(34px, 4vw, 64px);
  line-height: 1.05;
}

/* przycisk wycentrowany poziomo */
.wcGuide08__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 44px;
  padding: 0 34px;
  background: #d07a33; /* pomarańcz jak na screenie */
  color: #fff;
  text-decoration: none;
  font-weight: 800;
  letter-spacing: .6px;
  font-size: 16px;
}

.wcGuide08__btn:hover{
  opacity: .92;
}

/* mobile */
@media (max-width: 520px){
  .wcGuide08__wrap{
    min-height: 210px;
    padding: 34px 0;
  }

  .wcGuide08__box{
    width: calc(100% - 28px);
    padding: 26px 18px 22px;
  }

  .wcGuide08__title{
    font-size: clamp(26px, 9vw, 40px);
    margin-bottom: 16px;
  }

  .wcGuide08__btn{
    width: 100%;
    max-width: 320px;
    font-size: 15px;
    padding: 0 18px;
  }
}

/* =========================
   PSB section (wcPsb09__)
   ========================= */

.wcPsb09__wrap{
  background: #f3f1ea; /* jasny beż jak na screenie */
  padding: 64px 0 74px;
}

.wcPsb09__inner{
  
  margin: 0 auto;
  padding: 0 60px;
  position: relative;
}

/* pasek u góry (nie full width, tylko “krótszy” jak na screenie) */
.wcPsb09__topbar{
  height: 58px;
  width: 72%;
  background: #0f3f43; /* ciemny zielony */
  margin: 0 0 0 0;
}

/* 2 kolumny */
.wcPsb09__grid{
  display: grid;
  grid-template-columns: 1.08fr .92fr;
  gap: 0;
  align-items: stretch;
}

/* zdjęcie po lewej */
.wcPsb09__photo{
  background: #ddd;
  overflow: hidden;
  min-height: 520px;
}

.wcPsb09__photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* biały panel po prawej */
.wcPsb09__panel{
  background: #fff;
  padding: 92px 88px 84px;
  min-height: 520px;
  display: flex;
  flex-direction: column;
}

.wcPsb09__title{
  margin: 0 0 26px;
  font-weight: 500;
  font-size: clamp(34px, 3vw, 56px);
  line-height: 1.12;
  color: #111;
}

.wcPsb09__text{
  color: #333;
 
  line-height: 1.85;
  max-width: 520px;
}

.wcPsb09__btn{
  margin-top: 34px;
  align-self: center; /* przycisk na środku jak na screenie */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 0 18px;
  background: #0f3f43;
  color: #fff !important;
  text-decoration: none;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: .6px;
}

.wcPsb09__btn:hover{ opacity: .92; }

/* =========================
   RWD
   ========================= */
@media (max-width: 1100px){
  .wcPsb09__inner{ padding: 0 18px; }
  .wcPsb09__topbar{ width: 100%; height: 46px; }

  .wcPsb09__grid{
    grid-template-columns: 1fr;
  }

  .wcPsb09__photo{
    min-height: 360px;
  }

  .wcPsb09__panel{
    padding: 40px 22px 44px;
    min-height: auto;
  }

  .wcPsb09__btn{
    align-self: flex-start; /* na mobile wygodniej pod tekstem */
  }
}

/* =========================
   Paski (wcStrip10__)
   ========================= */

.wcStrip10__wrap{
  width: 100%;
}

/* górny: zielony */
.wcStrip10__top{
  background: #0f3f43;
  padding: 22px 0;
  display: flex;
  justify-content: center;
}

/* przycisk “Zobacz produkty” */
.wcStrip10__btn{
  display: inline-flex;
  align-items: center;
  background: #fff;
  color: #111;
  text-decoration: none;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
}

.wcStrip10__btnText{
  padding: 10px 24px;
  font-size: 13px;
  font-weight: 500;
  min-width: 160px;
  text-align: center;
}

.wcStrip10__btnIcon{
  width: 40px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid rgba(0,0,0,.18);
  font-size: 18px;
  line-height: 1;
}

.wcStrip10__btn:hover{ opacity: .92; }

/* dolny: niebieski */
.wcStrip10__bottom{
  background:#074182;
  padding: 26px 0;
}

.wcStrip10__bottomInner{
  width: min(1280px, 100%);
  margin: 0 auto;
  padding: 0 40px;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 22px;
}

.wcStrip10__bottomText{
  color: #fff;
  font-size: 16px;
  letter-spacing: .4px;
  font-weight: 500;
}

/* loga */
.wcStrip10__logos{
  display: flex;
  align-items: center;
  gap: 18px;
}

.wcStrip10__logo{
  height: 38px;
  width: auto;
  display: block;
}

/* mobile */
@media (max-width: 820px){
  .wcStrip10__bottomInner{
    padding: 0 18px;
    flex-direction: column;
    gap: 12px;
  }
  .wcStrip10__logo{ height: 34px; }
}



/* =========================
   YouTube grid (wcYt11__)
   ========================= */

.wcYt11__wrap{
  background:#fff;
  padding: 46px 0 70px;
}

.wcYt11__inner{
  
  margin:0 auto;
  padding:0 28px;
}

.wcYt11__grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px;
}

.wcYt11__card{
  cursor:pointer;
}

.wcYt11__thumb{
  position:relative;
  aspect-ratio: 16/9;
  overflow:hidden;
  background:#ddd;
}

.wcYt11__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .2s ease, filter .2s ease;
}

.wcYt11__play{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:.0;
  transition: opacity .18s ease;
}

.wcYt11__play::before{
  content:"";
  width:64px;
  height:64px;
  border-radius:999px;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
}

.wcYt11__play::after{
  content:"";
  position:absolute;
  width:0;height:0;
  border-left: 18px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  margin-left: 4px;
}

.wcYt11__dur{
  position:absolute;
  right:10px;
  bottom:10px;
  background: rgba(0,0,0,.72);
  color:#fff;
  font-size:12px;
  padding:4px 6px;
  border-radius:3px;
}

.wcYt11__card:hover .wcYt11__play{ opacity: 1; }
.wcYt11__card:hover .wcYt11__thumb img{
  transform: scale(1.06);
  filter: contrast(1.05);
}

.wcYt11__title{
  margin: 18px 0 10px;
  font-size: 1.5rem;
  line-height: 1.2;
  font-weight: 500;
  color:#111;
}

.wcYt11__desc{
  margin: 0;

  line-height: 1.35;
  color:#111;
  opacity:.9;
  max-width: 520px;
}

.wcYt11__moreWrap{
  display:flex;
  justify-content:center;
  margin-top: 34px;
}

.wcYt11__moreBtn{
  background: transparent;
  border: 0;
  border-bottom: 1px solid #111;
  padding: 6px 10px 8px;
  
  cursor:pointer;
}

/* ====== modal ====== */
.wcYt11__modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 9999;
}

.wcYt11__modal.is-open{ display:block; }

.wcYt11__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.65);
}

.wcYt11__modalBox{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: min(980px, calc(100% - 28px));
  background:#000;
}

.wcYt11__close{
  position:absolute;
  right: 10px;
  top: 8px;
  width: 36px;
  height: 36px;
  border: 0;
  background: rgba(255,255,255,.12);
  color:#fff;
  font-size: 22px;
  cursor:pointer;
  z-index: 2;
}

.wcYt11__player{
  aspect-ratio: 16/9;
  width:100%;
}

.wcYt11__player iframe{
  width:100%;
  height:100%;
  border:0;
}

/* RWD */
@media (max-width: 980px){
  .wcYt11__grid{ grid-template-columns: 1fr; gap: 26px; }
  .wcYt11__title{ font-size: 28px; }
}
/* kicker nad filmami */
.wcYt11__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: #111;
}

.wcYt11__dots{
  font-size: 18px;
  line-height: 1;
  opacity: .9;
  transform: translateY(-1px);
}

.wcYt11__kickerText{
  font-size: 16px;
  line-height: 1;
}

/* na mobile trochę ciaśniej */
@media (max-width: 980px){
  .wcYt11__kicker{
    margin-bottom: 12px;
  }
}

/* =========================
   PSB panel (wcPsbPanel13__)
   ========================= */

.wcPsbPanel13__wrap{
  width: 100%;
  overflow: hidden;
}

.wcPsbPanel13__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 620px;
}

/* =========================
   LEWA STRONA
   ========================= */

.wcPsbPanel13__left{
  background: #0F3F43;
  color: #fff;
  display: flex;
  align-items: center;
}

.wcPsbPanel13__leftInner{
  width: min(620px, 100%);
  margin: auto;
  padding: 0 70px 0 40px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 4px;
  align-items: start;
}

.wcPsbPanel13__rail{
  width: 1px;
  height: 380px;
  background: rgba(255,255,255,.45);
  margin-top: 6px;
}

.wcPsbPanel13__kicker{
  font-size: 16px;
  letter-spacing: 2px;
  opacity: .95;
  margin-bottom: 20px;
}

.wcPsbPanel13__title{
  margin: 0 0 22px;
  font-size: clamp(28px, 2.4vw, 40px);
  line-height: 1.45;
  font-weight: 500;
}

.wcPsbPanel13__text{
  margin: 0;

  line-height: 1.85;
  opacity: .95;
  max-width: 420px;
}

/* =========================
   PRAWA STRONA
   ========================= */

.wcPsbPanel13__right{
  position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wcPsbPanel13__bg{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: -2;
}

.wcPsbPanel13__rightOverlay{
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,.22);
  z-index: -1;
}

.wcPsbPanel13__rightInner{
  width: min(760px, 100%);
  padding: 0 40px;
  text-align: center;
}

.wcPsbPanel13__rightText{

  line-height: 1.6;
  color: #111;
  margin-bottom: 18px;
}

.wcPsbPanel13__mapWrap{
  width: min(560px, 100%);
  margin: 0 auto;
  background: #fff;
  box-shadow: 0 18px 46px rgba(0,0,0,.18);
}

.wcPsbPanel13__map{
  width: 100%;
  height: 330px;
  background: #e8e8e8;
}

/* =========================
   INFO WINDOW
   ========================= */

.wcPsbPanel13__iw{
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 1.45;
  color: #111;
  padding: 2px;
  min-width: 220px;
}

.wcPsbPanel13__iwTitle{
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 4px;
}

.wcPsbPanel13__iwAddr{
  margin-bottom: 8px;
  opacity: .9;
}

.wcPsbPanel13__iwHr{
  height: 1px;
  background: rgba(0,0,0,.15);
  margin: 8px 0;
}

.wcPsbPanel13__iwLine{
  margin: 4px 0;
}

.wcPsbPanel13__iw a{
  color: #173C7B;
  text-decoration: underline;
  text-underline-offset: 2px;
}

/* =========================
   RWD
   ========================= */

@media (max-width: 980px){
  .wcPsbPanel13__grid{
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .wcPsbPanel13__leftInner{
   
    padding: 54px 18px;
    grid-template-columns: 22px 1fr;
    gap: 18px;
  }

  .wcPsbPanel13__rail{
    height: 260px;
  }

  .wcPsbPanel13__right{
    min-height: 520px;
    padding: 44px 0;
  }

  .wcPsbPanel13__rightInner{
    padding: 0 18px;
  }

  .wcPsbPanel13__map{
    height: 300px;
  }
}


/* =========================
   bxSlider - produkty (wcProdSlide14__)
   ========================= */

.wcProdSlide14__wrap{
  background: #2a2a2a; /* ciemne tło jak na screenie */
  padding: 0;
  overflow: hidden;  
}

/* bxSlider wrapper reset */
.wcProdSlide14__wrap .bx-wrapper{
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  background: transparent;
}
.wcProdSlide14__wrap .bx-viewport{
  background: transparent !important;
  margin-bottom:30px;
}

/* slajd */
.wcProdSlide14__slide{
  height: 560px;
}

.wcProdSlide14__inner{
  height: 560px;
  width: min(1400px, 100%);
  margin: 0 auto;
  padding: 0 60px;

  display: grid;
  grid-template-columns: 1.1fr .9fr; /* lewy obraz, prawy tekst */
  align-items: center;
  gap: 40px;
}

/* obraz po lewej */
.wcProdSlide14__img{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.wcProdSlide14__img img{
  width: 100%;
  max-width: 640px;
  height: auto;
  display: block;
  object-fit: contain;
}

/* tekst po prawej */
.wcProdSlide14__text{
  color: #eae1da; /* jasny beż */
  text-align: left;
  padding-left:50px;
}

.wcProdSlide14__big{
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.22;
  letter-spacing: .6px;
  font-weight: 500;
  margin-bottom: 26px;
}

.wcProdSlide14__mid{

  line-height: 1.65;
  opacity: .95;
  margin-bottom: 22px;
}

.wcProdSlide14__price{
  font-size: 30px;
  font-weight: 800;
  color: #d07a33; /* pomarańcz */
}

/* pager (kropki na dole) */
.wcProdSlide14__wrap .bx-pager{
  padding: 18px 0 26px;
}

.wcProdSlide14__wrap .bx-pager.bx-default-pager{
  text-align: center;
}

.wcProdSlide14__wrap .bx-pager.bx-default-pager a{
  background: rgba(255,255,255,.35);
  width: 15px !important;
  height: 15px !important;
  border-radius: 0px !important;
  margin: 0 10px !important;
}
.wcProdSlide14__wrap .bx-pager.bx-default-pager a:hover{
background:#FFF !important;
}
.wcProdSlide14__wrap .bx-pager.bx-default-pager a.active{
  background: #FFF !important;
}

/* ukryj strzałki (na screenie ich nie widać) */
.wcProdSlide14__wrap .bx-controls-direction{
  display: none;
}

/* =========================
   RWD
   ========================= */
@media (max-width: 980px){
  .wcProdSlide14__slide,
  .wcProdSlide14__inner{
    height: auto;
  }

  .wcProdSlide14__inner{
    padding: 44px 18px 10px;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .wcProdSlide14__img{
    justify-content: center;
  }

  .wcProdSlide14__img img{
    max-width: 420px;
  }
}

/* InfoWindow: usuń scroll i pozwól się rozwinąć */
.gm-style .gm-style-iw,
.gm-style .gm-style-iw-c{
  max-width: 360px !important;   /* zwiększ, jeśli chcesz */
  
}

.gm-style .gm-style-iw-d{
  overflow: hidden !important;   /* usuwa suwak */
  max-height: none !important;   /* pozwala na pełną wysokość */
}

/* opcjonalnie: mniej paddingu w ramce */
.gm-style .gm-style-iw-c{
  padding: 0px 14px !important;
  padding-bottom:10px !important;
}
/* mniejszy przycisk zamykania w InfoWindow */
.gm-style .gm-ui-hover-effect{
  width: 28px !important;
  height: 28px !important;
  top: 0px !important;
  right: 6px !important;
}

/* sam "X" (SVG) mniejszy */
.gm-style .gm-ui-hover-effect > span{
  transform: scale(0.7) !important;
}