/**
 * Theme Name: Prelude Child
 * Template: prelude
 * Version: 1.0
 * Description: Creative Multipurpose WordPress Theme
 * Author: Ninzio
 **/

/* === GLOBALNE === */
:root {
  --primary-color: #3c60c4;
  --primary-dark: #2f4ea3;
  --primary-text: #39384d;
  --secondary-text: #748494;

  --mobi-bg: #ffffff;
  --mobi-border: rgba(57, 56, 77, 0.1);
  --mobi-hover: rgba(60, 96, 196, 0.08);
  --mobi-radius: 14px;

  --button-radius: 10px;
  --button-translate: translateY(-2px);
  --button-shadow: 0 10px 24px rgba(60, 96, 196, 0.22);
}

.flex-wrapper {
  display: flex;
}

.align-center {
  align-items: center;
}

.self-start {
  align-self: flex-start;
}

@media (max-width: 768px) {
  .flex-wrapper {
    flex-direction: column;
  }
}

html {
  scroll-behavior: smooth;
}

/* preloader */
/* preloader */
/* === GLOBALNE === */

/* === DESKTOP MENU === */
@media (min-width: 1101px) {
  #site-header-wrap {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  }

  body {
    padding-top: 80px;
  }
}

/* jeśli chcesz dopiąć wersję mobilną paska (WP daje 46px) */
@media (max-width: 782px) {
  body.admin-bar #site-header-wrap {
    top: 46px;
  }
  body.admin-bar {
    padding-top: calc(80px + 46px);
  }
}

.header-style-1 #main-nav > ul > li > a {
  position: relative;
  color: var(--primary-text) !important;
}

/* Domyślnie (desktop ≥1102px) ukryte */
.mobile-menu-logo,
#main-nav .footer-contact {
  display: none;
}

.mobile-menu-logo {
  height: 60px !important;
  padding: 0 12px !important;
}

.main-nav .footer-contact {
  padding: 0 12px !important;
}

/* Widoczne tylko na mobile */
@media (max-width: 1100px) {
  .mobile-menu-logo {
    display: block;
  }

  .main-nav .footer-contact {
    display: flex;
  }
}

/* linia */
.header-style-1 #main-nav > ul > li > a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 18px;
  width: 0;
  height: 2px;
  background: var(--primary-color);
  transform: translateX(-50%);
  transition: width 0.25s ease;
}

/* hover */
.header-style-1 #main-nav > ul > li > a:hover::after {
  width: 30px;
}

/* aktywna pozycja */
#main-nav .current-menu-item > a::after,
#main-nav .current_page_item > a::after {
  width: 30px;
}

/* === BUTTON KONTAKT === */
#site-header .header-button {
  margin: 19px 0 0 15px;
}

#site-header .header-button a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 42px;
  padding: 0 18px;
  border-radius: var(--button-radius) !important;
  border: 1px solid rgba(60, 96, 196, 0.25);
  background: #fff;
  font-weight: 600;
  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease,
    box-shadow 0.15s ease;
}

.header-btn-1 #site-header .header-button a:hover {
  background: var(--primary-dark);
  transform: translateY(-1px);
  box-shadow: var(--button-shadow);
}
/* === BUTTON KONTAKT === */
/* === DESKTOP MENU === */

/* =========================
   MOBILE MENU
   ========================= */
/* panel */
#main-nav-mobi {
  background: var(--mobi-bg) !important;
  box-shadow: 0 18px 60px rgba(0, 0, 0, 0.18);
  border-radius: 0 var(--mobi-radius) var(--mobi-radius) 0;
  overflow: hidden;
}

/* lista */
#main-nav-mobi ul {
  margin: 0 !important;
  padding: 14px 12px !important;
}

/* elementy */
#main-nav-mobi ul li {
  border: 0 !important;
  margin: 0 !important;
}

/* linki */
#main-nav-mobi ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;

  padding: 12px 12px !important;
  border-radius: 12px;
  color: var(--primary-text) !important;
  background: var(--mobi-hover) !important;
  color: var(--primary-color) !important;
  font-weight: 600;

  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 0.2px;

  transition:
    background-color 0.15s ease,
    color 0.15s ease,
    transform 0.15s ease;
}

#main-nav-mobi ul li a:hover,
#main-nav-mobi ul li a:focus {
  background-color: var(--primary-color) !important;
  color: #fff !important;
  transform: translateX(4px);
}

/* aktywny element */
#main-nav-mobi .current-menu-item > a,
#main-nav-mobi .current_page_item > a,
#main-nav-mobi .current-menu-ancestor > a {
  background: var(--mobi-hover) !important;
  color: var(--primary-color) !important;
  font-weight: 600;
}

/* delikatne separatory między pozycjami */
#main-nav-mobi ul > li + li {
  margin-top: 4px !important;
}

/* strzałka submenu */
#main-nav-mobi .arrow {
  width: 34px;
  height: 34px;
  border-radius: var(--button-radius);
  background: rgba(57, 56, 77, 0.06);
  border: 1px solid var(--mobi-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;

  transition:
    transform 0.15s ease,
    background-color 0.15s ease,
    border-color 0.15s ease;
}

/* chevron */
#main-nav-mobi .arrow::before {
  content: '';
  width: 8px;
  height: 8px;
  border-right: 2px solid var(--primary-text);
  border-bottom: 2px solid var(--primary-text);
  transform: rotate(45deg);
  display: block;
  margin-top: -2px;
}

#main-nav-mobi .arrow:hover {
  background: rgba(60, 96, 196, 0.1);
  border-color: rgba(60, 96, 196, 0.25);
}

#main-nav-mobi .arrow.active {
  transform: rotate(180deg);
}

#main-nav-mobi .arrow.active::before {
  border-right-color: var(--primary-color);
  border-bottom-color: var(--primary-color);
}

/* submenu */
#main-nav-mobi ul ul {
  padding: 8px 8px 10px 16px !important;
  margin: 6px 0 10px 0 !important;
  border-left: 2px solid rgba(60, 96, 196, 0.22);
}

#main-nav-mobi ul ul li a {
  padding: 10px 10px !important;
  font-size: 15px;
  color: var(--secondary-text) !important;
}

#main-nav-mobi ul ul li a:hover,
#main-nav-mobi ul ul li a:focus {
  color: var(--primary-color) !important;
}

/* overlay */
.mobi-overlay.show {
  background: rgba(15, 18, 30, 0.55);
  backdrop-filter: blur(2px);
}

/* ukryj header */
@media (max-width: 1100px) {
  #site-header .header-button {
    display: none !important;
  }
}
/* =========================
   MOBILE MENU
   ========================= */

/* === HERO === */
.slider-home,
.suplementy-heading {
  margin-top: -100px !important;
}
/* === HERO === */

/* === FOOTER === */
footer #site-logo {
  float: unset !important;
}

footer #site-logo-inner {
  margin-top: 0 !important;
}

.footer-grid .w370:first-child {
  width: 29.624% !important;
}

.footer-grid .w170:last-child {
  width: 16.53% !important;
}

#footer-widgets .widget .widget-title {
  font-weight: bold;
  position: relative;
  padding-bottom: 12px;
}

#footer-widgets .widget .widget-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 3px;
  border-radius: var(--button-radius);
  background: var(--primary-color);
}

@media (max-width: 1086px) {
  .footer-grid.special-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
  }

  .footer-grid.special-grid .col {
    width: auto !important;
    margin-left: 0 !important;
  }

  .footer-grid.special-grid .col:first-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 480px) {
  .footer-grid.special-grid {
    grid-template-columns: 1fr !important;
    gap: 12px;
  }

  .footer-grid.special-grid .col {
    grid-column: auto !important;
  }
}

/* === FOOTER CONTACT === */
.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 8px;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;

  text-decoration: none;
  color: var(--secondary-text);
  font-size: 15px;

  transition: color 0.2s ease;
}

.footer-contact-item i {
  width: 34px;
  height: 34px;
  border-radius: var(--button-radius);

  display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(60, 96, 196, 0.08);
  color: var(--primary-color);
  font-size: 14px;

  transition:
    background-color 0.2s ease,
    transform 0.2s ease;
}

.footer-contact-item:hover {
  color: var(--primary-color);
}

.footer-contact-item:hover i {
  background: rgba(60, 96, 196, 0.15);
  transform: var(--button-translate);
}
/* === FOOTER CONTACT === */

/* === FOOTER BG okręgi === */
#footer {
  position: relative;
  overflow: hidden;
  background: #f7f4fb;
}

#footer #footer-widgets {
  position: relative;
  z-index: 2;
}

#footer::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background-image:
    radial-gradient(
      circle at -5% 40%,
      transparent 0 300px,
      rgba(60, 96, 196, 0.08) 301px 303px,
      transparent 304px
    ),
    radial-gradient(
      circle at 30% 85%,
      transparent 0 220px,
      rgba(60, 96, 196, 0.06) 221px 223px,
      transparent 224px
    ),
    radial-gradient(
      circle at 65% 10%,
      transparent 0 260px,
      rgba(60, 96, 196, 0.06) 261px 263px,
      transparent 264px
    ),
    radial-gradient(
      circle at 95% 60%,
      transparent 0 320px,
      rgba(60, 96, 196, 0.08) 321px 323px,
      transparent 324px
    ),
    radial-gradient(
      circle at 50% 55%,
      transparent 0 120px,
      rgba(60, 96, 196, 0.05) 121px 123px,
      transparent 124px
    );

  background-repeat: no-repeat;
}
/* === FOOTER BG okręgi === */

#bottom .bottom-bar-inner-wrap:before {
  width: 200vw !important;
  margin-left: -30vw !important;
}
/* === FOOTER === */

/* === HOME === */

/* CTA */
#dlaczego-my .button-wrap,
#nasze-uslugi .button-wrap,
.proces-wrapper .button-wrap {
  display: flex !important;
  justify-content: center !important;
  margin-top: 20px !important;
}
/* CTA */

/* SLIDER */
html .prelude-button.btn-2001.medium.no_icon.solid.custom {
  background-color: var(--primary-color) !important;
  border-radius: var(--button-radius) !important;
}

.prelude-button.btn-2000.medium.no_icon.solid.custom {
  border-radius: var(--button-radius) !important;
}

html .prelude-button.btn-2001.medium.no_icon.solid.custom:hover,
html .prelude-button.btn-2000.medium.no_icon.solid.custom:hover {
  background-color: var(--primary-dark) !important;
}
/* SLIDER */

/* Dlaczego My? */
/* === Równe wysokości kart (góra osobno, dół osobno) === */

/* 1) Cały wrapper jako flex (VC zwykle ma row) */
.cards-wrapper {
  display: flex !important;
  flex-wrap: wrap !important;
}

/* 2) Kolumny VC: wyrównaj do flex i usuń floaty */
.cards-wrapper > .wpb_column.vc_col-sm-4 {
  float: none !important;
  display: flex !important;
  width: 33.333% !important;
}

/* 3) Wnętrze kolumny jako flex kolumnowy */
.cards-wrapper > .wpb_column.vc_col-sm-4 > .vc_column-inner,
.cards-wrapper > .wpb_column.vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
}

/* 4) Karty: każda zajmuje połowę wysokości kolumny */
.cards-wrapper .prelude-content-box {
  display: flex !important;
  flex: 1 1 0 !important; /* klucz: równa wysokość */
}

/* 5) Właściwa “karta” rozciąga się na 100% */
.cards-wrapper .prelude-content-box > .inner {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* 6) Spacer VC psuje równe wysokości – wyłącz go (zostaw gap) */
.cards-wrapper .prelude-spacer {
  display: none !important;
}

/* 7) Odstęp między kartami w kolumnie */
.cards-wrapper > .wpb_column.vc_col-sm-4 > .vc_column-inner > .wpb_wrapper {
  gap: 30px !important;
}

/* === 2 w rzędzie do 1200px === */
@media (max-width: 1200px) {
  /* standard: 2 kolumny */
  .cards-wrapper > .wpb_column.vc_col-sm-4 {
    width: 50% !important;
  }

  /* ostatnia kolumna na 100% */
  .cards-wrapper > .wpb_column.vc_col-sm-4:last-child {
    width: 100% !important;
    margin-top: 30px !important;
  }

  /* ostatnia kolumna – karty obok siebie */
  .cards-wrapper
    > .wpb_column.vc_col-sm-4:last-child
    > .vc_column-inner
    > .wpb_wrapper {
    flex-direction: row !important;
    gap: 30px !important;
  }

  /* karty w ostatniej kolumnie po 50% */
  .cards-wrapper > .wpb_column.vc_col-sm-4:last-child .prelude-content-box {
    flex: 1 1 50% !important;
  }
}

/* Mobile zostaje 1 w rzędzie */
@media (max-width: 991px) {
  .cards-wrapper > .wpb_column.vc_col-sm-4 {
    width: 100% !important;
    margin-bottom: 30px !important;
  }

  .cards-wrapper
    > .wpb_column.vc_col-sm-4:last-child
    > .vc_column-inner
    > .wpb_wrapper {
    flex-direction: column !important;
  }

  .cards-wrapper > .wpb_column.vc_col-sm-4:last-child {
    margin-top: 0 !important;
  }
}

.prelude-icon-box .desc {
  margin-bottom: 0 !important;
}
/* Dlaczego My? */

/* USŁUGI */
@media (min-width: 1401px) and (max-width: 1600px) {
  html .uslugi-img .prelude-simple-image.img-stretch.stretch.block-revealer {
    margin-right: -6vw !important;
  }
}

@media (min-width: 1200px) and (max-width: 1400px) {
  html .uslugi-img .prelude-simple-image.img-stretch.stretch.block-revealer {
    margin-right: unset !important;
  }
}

.usluga-wrapper {
  display: flex;
  align-items: center;
}

.prelude-adv-tabs > .tab-title {
  width: fit-content !important;
  margin: 0 auto !important;
}

@media (max-width: 1105px) {
  .prelude-adv-tabs .tab-title {
    border-bottom: 0 !important;
  }

  .prelude-adv-tabs.style-1 .tab-title,
  .prelude-adv-tabs.style-2 .tab-title,
  .prelude-adv-tabs .tab-title .item-title.active .anchor-link {
    box-shadow: none !important;
    text-align: center !important;
  }

  .prelude-adv-tabs .tab-title .item-title {
    display: inline !important;
  }

  .prelude-adv-tabs.style-1 .tab-title .item-title .anchor-link {
    border: 2px solid #e8e8ec !important;
    padding: 7px 10px !important;
    margin: 0 4px 8px 4px !important;
  }

  .prelude-adv-tabs .tab-title .item-title.active > .anchor-link {
    border-top: 2px solid #0575e6 !important;
    border-left: 1px solid #e7e7e7 !important;
    border-right: 1px solid #e7e7e7 !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
  }
}

@media (max-width: 991px) {
  .usluga-wrapper {
    flex-direction: column !important;
  }

  .usluga-wrapper > div {
    width: 100% !important;
  }
}
/* USŁUGI */

/* FORMY PRODUKTÓW */
#formy-produktow {
  background: linear-gradient(135deg, #111827 0%, #1e293b 100%) !important;
  position: relative;
}

#formy-produktow::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;

  background:
    /* duże kapsułki */
    radial-gradient(
      ellipse 220px 140px at 15% 25%,
      rgba(60, 96, 196, 0.25) 0%,
      rgba(60, 96, 196, 0.15) 40%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 260px 160px at 85% 30%,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.1) 40%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 300px 200px at 70% 85%,
      rgba(60, 96, 196, 0.2) 0%,
      rgba(60, 96, 196, 0.12) 45%,
      transparent 75%
    ),
    /* mniejsze kulki */
    radial-gradient(
        circle 80px at 35% 60%,
        rgba(255, 255, 255, 0.18) 0%,
        transparent 70%
      ),
    radial-gradient(
      circle 60px at 55% 15%,
      rgba(60, 96, 196, 0.3) 0%,
      transparent 70%
    ),
    radial-gradient(
      circle 100px at 90% 75%,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 70%
    );

  filter: blur(40px);
  opacity: 0.8;
}

#formy-produktow > .prelude-container > .row-inner {
  display: flex;
  align-items: center;
}

#formy-produktow .prelude-content-box > .inner {
  padding: 20px !important;
}

@media (max-width: 991px) {
  #formy-produktow > .prelude-container > .row-inner {
    flex-direction: column-reverse !important;
  }

  #formy-produktow > .prelude-container > .row-inner > div {
    width: 100% !important;
  }
}
/* FORMY PRODUKTÓW */

/* PROCES WSPÓŁPRACY */
.prelude-iconboxs.style-1 .prelude-icon-box:before {
  background: none !important;
}

/* === PROCES (grid) === */
.proces-wrapper .prelude-iconboxs .inner-wrap {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 30px !important;
}

/* wyłącz motywowe 33% / floaterki jeśli są */
.proces-wrapper .prelude-iconboxs .prelude-icon-box {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}

/* równe wysokości kart */
.proces-wrapper .prelude-iconboxs .prelude-icon-box {
  height: 100% !important;
  display: flex !important;
}

.proces-wrapper .prelude-iconboxs .prelude-icon-box .wrap-inner {
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

/* opcjonalnie: dociśnij opis do dołu */
.proces-wrapper .prelude-iconboxs .prelude-icon-box .desc {
  margin-top: auto !important;
}

/* responsive */
@media (max-width: 1200px) {
  .proces-wrapper .prelude-iconboxs .inner-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .proces-wrapper .prelude-iconboxs .inner-wrap {
    grid-template-columns: 1fr !important;
    gap: 18px !important;
  }
}
/* === /PROCES (grid) === *
/* PROCES WSPÓŁPRACY */

/* JAKOŚĆ */
.jakosc-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin-bottom: 30px !important;
}

.jakosc-row .prelude-content-box .inner {
  padding: 25px !important;
}

/* kolumna jako grid-item */
.jakosc-row > .wpb_column.vc_col-sm-3 {
  float: none !important;
  width: auto !important;
  margin: 0 !important;

  display: flex !important; /* ważne */
  height: 100% !important;
}

/* rozciągnij “wnętrza” VC */
.jakosc-row > .wpb_column.vc_col-sm-3 > .vc_column-inner,
.jakosc-row > .wpb_column.vc_col-sm-3 > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

/* karta wypełnia wysokość kolumny */
.jakosc-row .prelude-content-box {
  display: flex !important;
  flex: 1 1 auto !important;
  height: 100% !important;
}

.jakosc-row .prelude-content-box > .inner {
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  flex-direction: column !important;
}

/* === ≤1200px → 2 w rzędzie === */
@media (max-width: 1200px) {
  .jakosc-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 30px 0 !important;
  }
}

/* === ≤768px → 1 w rzędzie === */
@media (max-width: 768px) {
  .jakosc-row {
    grid-template-columns: 1fr !important;
  }
}
/* JAKOŚĆ */

/* 250 zrealizowanych */
/* dark */
.wrapper-250 {
  position: relative;
  overflow: hidden;
  background: linear-gradient(135deg, #111827 0%, #1e293b 100%) !important;
}

/* warstwa efektów */
.wrapper-250::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;

  background:
    /* duże kapsułki */
    radial-gradient(
      ellipse 220px 140px at 15% 25%,
      rgba(60, 96, 196, 0.25) 0%,
      rgba(60, 96, 196, 0.15) 40%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 260px 160px at 85% 30%,
      rgba(255, 255, 255, 0.18) 0%,
      rgba(255, 255, 255, 0.1) 40%,
      transparent 70%
    ),
    radial-gradient(
      ellipse 300px 200px at 70% 85%,
      rgba(60, 96, 196, 0.2) 0%,
      rgba(60, 96, 196, 0.12) 45%,
      transparent 75%
    ),
    /* mniejsze kulki */
    radial-gradient(
        circle 80px at 35% 60%,
        rgba(255, 255, 255, 0.18) 0%,
        transparent 70%
      ),
    radial-gradient(
      circle 60px at 55% 15%,
      rgba(60, 96, 196, 0.3) 0%,
      transparent 70%
    ),
    radial-gradient(
      circle 100px at 90% 75%,
      rgba(255, 255, 255, 0.15) 0%,
      transparent 70%
    );

  filter: blur(40px);
  opacity: 0.8;
}

/* treść nad tłem */
.wrapper-250 .prelude-container {
  position: relative;
  z-index: 2;
}
/* dark */

/* wprowadz */
.wprowadz-wrapper .prelude-content-box > .inner {
  background: linear-gradient(135deg, #555c63 0%, #30353b 100%) !important;
  color: #ffffff !important;
  border-radius: 14px !important;
  position: relative !important;
  z-index: 10 !important;
}

/* tekst */
.wprowadz-wrapper .wpb_text_column p {
  color: #ffffff !important;
}

/* przyciski – bardziej kontrastowe */
.wprowadz-wrapper .prelude-button {
  border-radius: var(--button-radius) !important;
  font-weight: 600 !important;
}

/* opcjonalnie – delikatne rozjaśnienie na hover */
.wprowadz-wrapper .prelude-button:hover {
  transform: var(--button-translate);
}

/* wprowadz */
/* 250 zrealizowanych */

/* FAQ */
.prelude-accordions .accordion-item.red.active .accordion-heading {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.prelude-accordions .accordion-item.red .accordion-heading:hover {
  color: var(--primary-color) !important;
}

.prelude-accordions .accordion-item.red.active .accordion-heading:hover {
  color: #fff !important;
}
/* FAQ */

/* === HOME === */

/* === PODSTRONA SUPLEMENTY === */
#featured-title {
  display: none !important;
}

/* === SUPLE CARDS – równa wysokość === */
.suple-cards {
  display: flex !important;
  flex-wrap: wrap !important;
  margin-top: -220px !important;
}

/* kolumny */
.suple-cards > .wpb_column.vc_col-sm-4 {
  float: none !important;
  display: flex !important;
  width: 33.333% !important;
}

/* usuń problemy VC */
.suple-cards > .wpb_column > .vc_column-inner,
.suple-cards > .wpb_column > .vc_column-inner > .wpb_wrapper {
  display: flex !important;
  flex: 1 1 auto !important;
}

/* karta */
.suple-cards .prelude-content-box {
  display: flex !important;
  width: 100% !important;
  height: 100% !important;
}

/* właściwe wnętrze */
.suple-cards .prelude-content-box > .inner {
  display: flex !important;
  flex-direction: column !important;
  width: 100% !important;
  height: 100% !important;
  padding: 20px !important;
}

/* usuń wpływ negatywnego marginesu */
.suple-cards .prelude-content-box {
  margin-top: 0 !important;
}

/* === ≤991px → 1 w rzędzie === */
@media (max-width: 991px) {
  .suple-cards {
    gap: 30px !important;
    margin-top: -40px !important;
  }

  .suple-cards > .wpb_column.vc_col-sm-4 {
    width: 100% !important;
  }
}

.prelude-parallax-item {
  box-shadow: none !important;
}

.prelude-button.outline.solid {
  border-radius: var(--button-radius) !important;
}
/* === PODSTRONA SUPLEMENTY === */

/* KONTAKT */
.top-bar-style-1 #top-bar {
  display: none !important;
}

.top-bar-style-1 #main-content {
  padding-top: 100px !important;
}

.prelude-iconboxs.style-2 .prelude-icon-box:before {
  background: none !important;
}

.kontakt-form {
  padding: 30px 15px !important;
  box-shadow: 0px 40px 80px 0px
    rgba(51.00000000000001, 65.00000000000013, 140, 0.06);
}

.forminator-ui#forminator-module-13435.forminator-design--default
  .forminator-checkbox__label
  p {
  font-size: 10px !important;
}

.forminator-ui#forminator-module-13435.forminator-design--default
  .forminator-input,
.forminator-ui#forminator-module-13435.forminator-design--default
  .forminator-textarea {
  border-radius: var(--button-radius) !important;
}

.forminator-ui#forminator-module-13435.forminator-design--default
  .forminator-button-submit {
  border-radius: var(--button-radius) !important;
}

.forminator-ui#forminator-module-13435.forminator-design--default
  .forminator-button-submit:hover {
  background-color: var(--primary-dark) !important;
  transform: var(--button-translate);
  box-shadow: var(--button-shadow);
}
/* KONTAKT */