/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0.0
*/

.breadcrumbs-custom {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  position: relative;
  font-family: 'Poppins', sans-serif;
}

.breadcrumb-slash {
  color: #ED1D25;
  font-size: 16px;
  font-weight: 300;
  line-height: 16px;
  margin-right: 8px;
}

.breadcrumb-text {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
  letter-spacing: 0.5px;
}

.breadcrumb-parent {
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 11px;
  line-height: 16px;
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease;
}

.breadcrumb-parent:hover {
  color: #ED1D25;
}

.breadcrumb-separator {
  color: #000000;
  font-size: 11px;
  font-weight: 300;
  line-height: 16px;
}

:root {
  --c-text: #111827;
  --c-accent: #ed1d25;
  --c-btn-hover: #d41620;
  --c-btn-active: #b81218;
  --font-main: 'Poppins', sans-serif;
  --menu-font-size: 11px;
  --nav-height: 66px;
  --btn-width: 242px;
  --gap-menu: 38px;
  --pad-x-left: 36px;
  --pad-x-right: 0;
	--menu-underline-width: 66px;
}

/* Szary border na całą szerokość headera */
.site-header {
  border-bottom: 1px solid #e5e7eb !important;
  box-sizing: border-box;
}

/* Wysokość rzędu headera, bez dodatkowego borderu */
.site-header-main {
  height: var(--nav-height);
  min-height: var(--nav-height);
  border-bottom: none;
  box-sizing: border-box;
}

/* Sekcje rozciągnięte w pionie, bez zmiany układu poziomego */
.site-header-main-section-left,
.site-header-main-section-right {
  align-items: stretch;
  height: 100%;
  box-sizing: border-box;
}

/* Logo wyśrodkowane w pionie */
.site-header-main-section-left {
  display: flex;
  align-items: center;
}
.site-header-main-section-left .site-header-item {
  align-items: center;
}
.site-branding {
  display: flex;
  align-items: center;
  height: 100%;
}
.site-branding img.custom-logo {
  max-height: 80px;
  height: auto;
  width: auto;
}

/* Elementy w sekcjach na pełną wysokość */
.site-header-item {
  display: flex;
  align-items: stretch;
  height: 100%;
}

/* Sekcja prawa: menu + przycisk, bez bordera */
.site-header-main-section-right {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 100px;
  padding: 0 var(--pad-x-right) 0 var(--pad-x-left);
}

/* Nawigacja */
#site-navigation {
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0;
}
#site-navigation .primary-menu-container {
  height: 100%;
}
#site-navigation .menu {
  display: flex;
  align-items: stretch;
  gap: var(--gap-menu);
  margin: 0;
  padding: 0;
  list-style: none;
  height: 100%;
}

/* Linki menu – linia 2px przy górnej krawędzi */
#site-navigation .menu a {
  position: relative;
  display: inline-flex;
  align-items: center;
	justify-content: center;
  height: 100%;
  padding: 0 10px;
  color: var(--c-text);
  font-family: var(--font-main);
  font-size: var(--menu-font-size);
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  transition: color 0.2s ease;
}
#site-navigation .menu a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: auto !important;
  bottom: 25px;
  height: 2px;
	width: var(--menu-underline-width);
  background: transparent;
  transition: background-color 0.2s ease;
}
#site-navigation .menu a:hover {
  color: var(--c-accent);
  padding-bottom: 3px;
}
#site-navigation .menu a:hover::before {
  background: var(--c-accent);
}
#site-navigation .menu .current-menu-item > a {
  color: var(--c-accent);
  padding-bottom: 3px;
}
#site-navigation .menu .current-menu-item > a::before {
  background: var(--c-accent);
}
#site-navigation .menu a:focus-visible {
  outline: 2px solid var(--c-accent);
  outline-offset: 4px;
}

/* Przycisk */
.header-button-wrap {
  flex: 0 0 var(--btn-width);
  height: 100%;
  align-self: stretch;
}
.header-button-inner-wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
.header-button.button-style-filled {
  width: 100%;
  height: 100%;
  padding: 0 24px;
  background: var(--c-accent);
  color: #fff;
  font-family: var(--font-main);
  font-weight: 500;
  font-size: 11px;
  line-height: 1;
  text-transform: uppercase;
  border: none;
  border-radius: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.15s ease;
}
.header-button.button-style-filled:hover {
  background: var(--c-btn-hover);
}
.header-button.button-style-filled:active {
  background: var(--c-btn-active);
  transform: scale(0.985);
}
.header-button.button-style-filled:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}
.header-button.button-style-filled .btn-icon {
  width: 12px;
  height: 12px;
  display: inline-flex;
}

/* Responsywność */
@media (max-width: 1200px) {
  .site-header-main-section-right {
    gap: 22px;
    padding: 0 12px 0 22px;
  }
  #site-navigation .menu {
    gap: 26px;
  }
}
@media (max-width: 992px) {
  .site-header-main-section-right {
    gap: 16px;
    padding: 0 12px 0 18px;
  }
  #site-navigation .menu {
    gap: 20px;
  }
  .header-button-wrap {
    flex: 0 0 210px;
  }
}
@media (max-width: 768px) {
  .site-header-main-section-right {
    gap: 10px;
    padding: 0 10px 0 12px;
  }
  #site-navigation .menu {
    gap: 14px;
  }
  #site-navigation .menu a {
    font-size: 10px;
  }
  .header-button-wrap {
    flex: 0 0 180px;
  }
  .header-button.button-style-filled {
    font-size: 10px;
  }
}

/* Prefers-reduced-motion */
@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}
/* Sekcja produkty – overlay poprawka desktop/MBP */
.produkty-overlay-section .kt-row-layout-overlay {
  background-repeat: no-repeat;
  background-size: auto 110%;
  background-position: -6% 50%;
  opacity: 0.55;
}

/* Duże monitory 27"–32" */
@media (min-width: 1601px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 105%;
    background-position: 0% 50%;
  }
}

/* Standard FHD/WQHD (1281–1600) – bliżej do boxów */
@media (max-width: 1600px) and (min-width: 1281px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 112%;
    background-position: -6% 50%;
  }
}

/* MBP 13–14" i zbliżone (1153–1280) */
@media (max-width: 1280px) and (min-width: 1153px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 118%;
    background-position: -14% 50%;
  }
}

/* MBP 13/14 i mniejsze laptopy (≤1152) – większe odsunięcie */
@media (max-width: 1152px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 128%;
    background-position: -18% 50%;
    opacity: 0.5;
  }
}

/* Mobile – jeszcze mocniejsze dostosowanie */
@media (max-width: 768px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 180%;
    background-position: -5% 50%;
    opacity: 0.3;
  }
}

/* Tablet pion / małe szerokości – mocniej odsuwamy */
@media (max-width: 900px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 150%;
    background-position: -32% 50%;
    opacity: 0.4;
  }
}

/* Małe ekrany mobilne (iPhone 14 Pro Max i mniejsze) */
@media (max-width: 480px) {
  .produkty-overlay-section .kt-row-layout-overlay {
    background-size: auto 100% !important;
    background-position: 0% 50% !important;
    opacity: 0.25 !important;
  }
}


/* ========================================
   KARTY PRODUKTOWE
   ======================================== */

/* Karta: kontener flex column, min-height zapewnia miejsce na obraz + pasek */
.karta {
  display: flex;
  flex-direction: column;
  width: 350px;
  max-width: 350px;
  min-height: 420px;
  height: 420px;
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  /*background: transparent;*/
  /* Sterowanie odstępem między tytułem a obrazem (żeby tekst nie nachodził na grafikę) */
  --karta-title-pad-top: 6px;
  --karta-title-pad-x: 16px;
  --karta-img-offset-y: 64px;
}
.karta > .kt-inside-inner-col {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 !important;
  margin: 0;
  gap: 0;
  height: 100%;
  position: relative;
}

/* ========================================
   WSPÓLNE SELEKTORY DLA WSZYSTKICH KAFELKÓW
   ======================================== */

/* Row z obrazkiem jako tło – dla wszystkich boxów z klasą karta-bg */
.karta .karta-bg {
  flex: 1;
  height: 100%;
  min-height: 420px;
  padding: 0 !important;
  width: 100%;
  position: relative;
  background-position: center var(--karta-img-offset-y) !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
}
.karta .karta-bg .kt-row-column-wrap {
  padding: 0 !important;
  margin: 0;
  gap: 0;
  height: 100%;
  position: relative;
}

/* Tytuł (slash + tekst) – wspólny dla wszystkich boxów */
.karta .karta-tytul {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  padding: var(--karta-title-pad-top) var(--karta-title-pad-x) 0 !important;
  margin: 0 !important;
  background: transparent;
  z-index: 2;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box;
}
.karta .karta-tytul .kt-inside-inner-col {
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  align-items: baseline;
  gap: 8px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}
.karta .karta-tytul .wp-block-kadence-advancedheading {
  margin: 0 !important;
  padding: 0 !important;
}
.karta .karta-tytul .wp-block-kadence-advancedheading:first-child {
  flex-shrink: 0;
}
.karta .karta-tytul .wp-block-kadence-advancedheading:last-child {
  flex: 1;
  min-width: 0;
}

/* Dół (pasek) – wspólny dla wszystkich boxów */
.karta .karta-dol {
  position: absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 !important;
  z-index: 2;
}
.karta .karta-dol > .kt-inside-inner-col {
  padding: 0 !important;
  margin: 0;
}

/* ========================================
   INDYWIDUALNE USTAWIENIA PER BOX
   ======================================== */

/* Box 1: Kaptury foliowe – używa domyślnego --karta-img-offset-y: 64px z .karta */

/* Box 2: Opakowania termoizolacyjne – większy offset */
.karta.karta--termo {
  --karta-img-offset-y: 72px;
}

/* Box 3: Worki z okrągłym dnem – używa domyślnego --karta-img-offset-y: 64px z .karta */

/* Pasek (row z 2 kolumnami: czerwony + pattern) */
.karta-pasek {
  display: flex;
  width: 100%;
  height: 65px !important;
  min-height: 65px;
  padding: 0 !important;
  margin: 0;
}
.karta-pasek .kt-row-column-wrap {
  display: flex;
  flex-direction: row !important;
  width: 100%;
  gap: 0 !important;
  padding: 0 !important;
  margin: 0;
  height: 65px;
}
.karta-pasek .wp-block-kadence-column {
  padding: 0 !important;
  margin: 0;
  height: 65px;
}
.karta-pasek .kt-inside-inner-col {
  padding: 0 !important;
  margin: 0;
  height: 65px;
}

/* Czerwony kwadrat ze strzałką + hover na czarny */
.pasek-red {
  width: 69px !important;
  min-width: 69px;
  max-width: 69px;
  height: 65px;
  flex: 0 0 69px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.pasek-red .kt-inside-inner-col {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: #ed1d25 !important;
  transition: background-color 0.3s ease;
}
.pasek-red:hover .kt-inside-inner-col {
  background: #000 !important;
}
.pasek-red svg,
.pasek-red img {
  width: 12px;
  height: 12px;
  color: #fff;
  fill: currentColor;
}

/* Pattern z czarnymi slashami – backgroundImg jest już w Kadence */
.pasek-pattern {
  width: calc(100% - 69px) !important;
  min-width: calc(100% - 69px);
  height: 65px;
  flex: 1 !important;
  padding: 0 !important;
  margin: 0;
}
.pasek-pattern .kt-inside-inner-col {
  padding: 0 !important;
  margin: 0;
  height: 100%;
  width: 100%;
}
.pasek-pattern .wp-block-spacer {
  display: none !important;
}

/* ========================================
   CUSTOM PACKAGING - Overlay Background
   Klasa: .custom-packaging
   ========================================*/

/* Overlay tła sekcji Custom Packaging - base */
.custom-packaging .kt-inside-inner-col::before {
  background-repeat: no-repeat !important;
  background-size: auto 110% !important;
  background-position: 8% 50% !important;
}

/* Monitory WQHD 2560px */
@media (min-width: 2560px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 155% !important;
    background-position: 0% 50% !important;
  }
}

/* Duże monitory 27"–32" (1601-2559px) */
@media (min-width: 1601px) and (max-width: 2559px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 140% !important;
    background-position: 1% 50% !important;
  }
}

/* Standard FHD/WQHD (1281–1600) - w tym 1920px */
@media (max-width: 1600px) and (min-width: 1281px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 110% !important;
    background-position: -1% 50% !important;
  }
}

/* MacBook Pro 14"/16" (≤1280px) */
@media (max-width: 1280px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 110% !important;
    background-position: -25% 50% !important;
  }
}

/* Tablet poziomy (≤1024px) */
@media (max-width: 1024px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 130% !important;
    background-position: 3% 50% !important;
  }
}

/* Tablet pion / mobile (≤768px) */
@media (max-width: 768px) {
  .custom-packaging .kt-inside-inner-col::before {
    background-size: auto 140% !important;
    background-position: 0% 50% !important;
  }
}

/* ========================================
   CUSTOM PACKAGING - Equal Height Columns
   ======================================== */

/* Grid Kadence: wyrównaj wysokości i usuń gap */
.custom-packaging-row > .kt-row-column-wrap {
  align-items: stretch !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Proporcje kolumn jak w Figmie: prawa (foto) minimalnie szersza niż lewa */
.custom-packaging-row > .kt-row-column-wrap {
  grid-template-columns: minmax(0, 46fr) minmax(0, 54fr) !important;
}

/* Dopasowanie proporcji/typografii do Figmy (node 1:117) */
.custom-packaging-row {
  --cp-pad-left: 262px;
  --cp-pad-right: 48px;
  --cp-pad-top: 68px;
  --cp-pad-bot: 68px;
}

/* padding czerwonej kolumny */
.custom-packaging > .kt-inside-inner-col {
  padding: var(--cp-pad-top) var(--cp-pad-right) var(--cp-pad-bot) var(--cp-pad-left) !important;
}

/* Zagnieżdżony row (ten z 3 kolumnami) - zeruj padding */
.custom-packaging-inner-row > .kt-row-column-wrap {
  padding: 0 !important;
}

/* H2: 40px / 55px, uppercase - używamy bardziej ogólnego selektora */
.custom-packaging h2.kt-adv-heading,
.custom-packaging h2[class*="kt-adv-heading"] {
  font-size: 40px !important;
  line-height: 55px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  margin: 0 0 28px 0 !important;
}

/* Teksty opisowe: 11px + tracking 1.1px - używamy bardziej ogólnego selektora */
.custom-packaging p.kt-adv-heading,
.custom-packaging p[class*="kt-adv-heading"] {
  font-size: 11px !important;
  letter-spacing: 1.1px !important;
  line-height: normal !important;
}

/* Marginesy dla tekstów opisowych */
.custom-packaging-inner-row .kadence-column:nth-child(2) p[class*="kt-adv-heading"]:first-of-type {
  margin: 0 0 18px 0 !important;
}

.custom-packaging-inner-row .kadence-column:nth-child(2) p[class*="kt-adv-heading"]:last-of-type {
  margin: 0 0 24px 0 !important;
}

/* Button: 395x52 - używamy bardziej ogólnego selektora */
.custom-packaging .kb-button,
.custom-packaging a[class*="kb-btn"] {
  background: #070707 !important;
  color: #fff !important;
  min-height: 52px !important;
  width: 395px !important;
  max-width: 100%;
  padding: 0 22px !important;
  border-radius: 0 !important;
  text-transform: uppercase !important;
  font-size: 11px !important;
  letter-spacing: 1.1px !important;
  font-weight: 600 !important;
  justify-content: space-between !important;
  transition: background-color 0.3s ease !important;
  cursor: pointer !important;
}

/* Button hover */
.custom-packaging .kb-button:hover,
.custom-packaging a[class*="kb-btn"]:hover {
  background: #ed1d25 !important;
  color: #fff !important;
}

/* Button active */
.custom-packaging .kb-button:active,
.custom-packaging a[class*="kb-btn"]:active {
  background: #d41620 !important;
}

/* ========================================
   RESPONSYWNOŚĆ
   ======================================== */

/* Duże desktopy (1600-2559px) */
@media (min-width: 1600px) and (max-width: 2559px) {
  .custom-packaging-row {
    --cp-pad-left: 262px;
    --cp-pad-right: 48px;
    --cp-pad-top: 68px;
    --cp-pad-bot: 68px;
  }
}

/* 2560px (WQHD) */
@media (min-width: 2560px) {
  .custom-packaging-row {
    --cp-pad-left: 280px;
    --cp-pad-right: 52px;
    --cp-pad-top: 72px;
    --cp-pad-bot: 63px;
  }
}

/* 1512px (MacBook) */
@media (min-width: 1512px) and (max-width: 1599px) {
  .custom-packaging-row {
    --cp-pad-left: 200px;
    --cp-pad-right: 42px;
    --cp-pad-top: 62px;
    --cp-pad-bot: 74px;
  }
  .custom-packaging-row > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 50fr) minmax(0, 50fr) !important;
  }
}

/* 1280px */
@media (min-width: 1280px) and (max-width: 1511px) {
  .custom-packaging-row {
    --cp-pad-left: 150px;
    --cp-pad-right: 36px;
    --cp-pad-top: 58px;
    --cp-pad-bot: 84px;
  }
  .custom-packaging-row > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 52fr) minmax(0, 48fr) !important;
  }
  .custom-packaging h2[class*="kt-adv-heading"] {
    font-size: 37px !important;
    line-height: 52px !important;
  }
}

@media (max-width: 1024px) {
  .custom-packaging-row { 
    --cp-pad-left: 64px; 
    --cp-pad-right: 24px; 
    --cp-pad-top: 48px; 
    --cp-pad-bot: 48px; 
  }
}

@media (max-width: 768px) {
  .custom-packaging-row { 
    --cp-pad-left: 24px; 
    --cp-pad-right: 24px; 
    --cp-pad-top: 40px; 
    --cp-pad-bot: 40px; 
  }
  
  .custom-packaging a[class*="kb-btn"] { 
    width: 100% !important; 
  }

  /* MOBILE: sekcja w 1 kolumnie, obraz POD tekstem */
  .custom-packaging-row > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
  }

  /* Zagnieżdżony układ (3 kolumny) -> 1 kolumna */
  .custom-packaging-inner-row > .kt-row-column-wrap {
    grid-template-columns: 1fr !important;
    row-gap: 18px !important;
  }

  /* Minimalna korekta typografii */
  .custom-packaging h2[class*="kt-adv-heading"] {
    font-size: 28px !important;
    line-height: 36px !important;
  }

  /* Obrazek - sensowna wysokość na telefonie */
  .products-bg .wp-block-spacer {
    height: 260px !important;
  }
}

/* DESKTOP: Explicit reset (≥769px) */
@media (min-width: 769px) {
  .custom-packaging-row > .kt-row-column-wrap {
    grid-template-columns: minmax(0, 46fr) minmax(0, 54fr) !important;
    align-items: stretch !important;
  }
  
  .custom-packaging,
  .products-bg {
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  .custom-packaging > .kt-inside-inner-col {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
  }
  
  .custom-packaging-inner-row > .kt-row-column-wrap {
    grid-template-columns: revert !important;
    row-gap: revert !important;
  }
  
  .products-bg .wp-block-spacer {
    height: 518px !important;
  }
  
  .custom-packaging h2[class*="kt-adv-heading"] {
    font-size: 40px !important;
    line-height: 55px !important;
  }
  
  .custom-packaging a[class*="kb-btn"] { 
    width: 395px !important; 
  }
  
  .products-bg > .kt-inside-inner-col {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  .products-bg {
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
}


/* ========================================
   NAGŁÓWEK "ZAPYTAJ O OPAKOWANIE"
   Wyrównanie z formularzem - użycie uniqueID Kadence
   ======================================== */

/* Główny wrapper rowlayout - uniqueID: 23_e902a9-03 */
.kb-row-layout-id23_e902a9-03 {
  --zapytaj-pad-left: 70px;
  --zapytaj-pad-right: 20px;
  --zapytaj-max-width: 1100px;
}

/* Uniwersalne wcięcia dla wszystkich podstron z klasą zapytaj-row */
.kb-row-layout-wrap.zapytaj-row {
  --zapytaj-pad-left: 140px;
  --zapytaj-pad-right: 40px;
  --zapytaj-max-width: 1100px;
}

/* Kontener kolumn - właściwy element do stylowania */
.kb-row-layout-wrap.kb-row-layout-id23_e902a9-03.zapytaj-row > .kt-row-column-wrap,
.kb-row-layout-wrap.zapytaj-row > .kt-row-column-wrap {
  max-width: var(--zapytaj-max-width) !important;
  margin: 0 auto !important;
  padding-left: var(--zapytaj-pad-left) !important;
  padding-right: var(--zapytaj-pad-right) !important;
  box-sizing: border-box !important;
}

/* Kolumna - reset paddingów */
.kb-row-layout-id23_e902a9-03 .zapytaj-column,
.kb-row-layout-id23_e902a9-03 .kadence-column23_b25f87-c5 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Wewnętrzny wrapper kolumny */
.kb-row-layout-id23_e902a9-03 .zapytaj-column > .kt-inside-inner-col,
.kb-row-layout-id23_e902a9-03 .kadence-column23_b25f87-c5 > .kt-inside-inner-col {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Nagłówek - reset margin/padding + domyślne style */
.zapytaj-text,
h2.zapytaj-text {
  margin-left: 0 !important;
  padding-left: 0 !important;
  font-size: 48px !important;
  line-height: 60px !important;
}

/* ========================================
   MEDIA QUERIES - Precyzyjne breakpointy
   ======================================== */

/* Duże monitory 27"-32" (1601px+) */
@media (min-width: 1601px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 160px;
    --zapytaj-pad-right: 120px;
    --zapytaj-max-width: 1200px;
  }
}

/* MacBook Pro 16" (1512px) - mniejsze wcięcie prawe */
@media (min-width: 1512px) and (max-width: 1600px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 80px;
    --zapytaj-pad-right: 80px;
    --zapytaj-max-width: 1100px;
  }
}

/* Standard FHD/WQHD (1281-1511px) - w tym 1920px */
@media (min-width: 1281px) and (max-width: 1511px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 140px;
    --zapytaj-pad-right: 80px;
    --zapytaj-max-width: 1100px;
  }
}

/* MacBook Pro 14"/16" (1280px) - mniejsze wcięcie prawe */
@media (min-width: 1280px) and (max-width: 1280px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 40px;
    --zapytaj-pad-right: 60px;
    --zapytaj-max-width: 1000px;
  }
}

/* MacBook Pro 14"/16" (1153-1279px) */
@media (min-width: 1153px) and (max-width: 1279px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 110px;
    --zapytaj-pad-right: 70px;
    --zapytaj-max-width: 1000px;
  }
}

/* Mniejsze laptopy (1025-1152px) */
@media (min-width: 1025px) and (max-width: 1152px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 100px;
    --zapytaj-pad-right: 80px;
    --zapytaj-max-width: 900px;
  }
}

/* Tablet poziomy (769-1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 80px;
    --zapytaj-pad-right: 60px;
    --zapytaj-max-width: 100%;
  }
  
  .zapytaj-text,
  h2.zapytaj-text {
    font-size: 36px !important;
    line-height: 50px !important;
  }
}

/* Tablet pion / Mobile (≤768px) */
@media (max-width: 768px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 40px;
    --zapytaj-pad-right: 40px;
    --zapytaj-max-width: 100%;
  }
  
  .zapytaj-text,
  h2.zapytaj-text {
    font-size: 32px !important;
    line-height: 44px !important;
  }
}

/* Małe telefony (≤480px) */
@media (max-width: 480px) {
  .kb-row-layout-id23_e902a9-03,
  .kb-row-layout-wrap.zapytaj-row {
    --zapytaj-pad-left: 30px;
    --zapytaj-pad-right: 30px;
  }
  
  .zapytaj-text,
  h2.zapytaj-text {
    font-size: 28px !important;
    line-height: 38px !important;
  }
}
/* ========================================
   PRZYCISK FORMULARZA - Dostosowanie do Figmy
   Struktura: row z 2 kolumnami (przycisk + pattern)
   ======================================== */

/* Kolumna z formularzem - flex column, żeby przycisk był na dole */
.formularz-column {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}

.formularz-column > .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  flex: 1 !important;
}

/* Formularz - zajmuje dostępną przestrzeń i usuwa padding-bottom */
.formularz-column .wp-block-kadence-advanced-form {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.formularz-column form[id*="kb-adv-form"] {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Row z przyciskiem i patternem - wyrównanie do dołu */
.formularz-button-row {
  align-items: flex-end !important;
  margin-top: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Rowlayout z przyciskiem - tylko ten konkretny rowlayout */
.formularz-button-row > .kt-row-column-wrap {
  align-items: stretch !important;
  /* Proporcje kolumn: przycisk węższy, pattern szerszy (zgodnie z Figmą: 320px / 423px+) */
  grid-template-columns: auto 1fr !important;
}

/* Kolumna z przyciskiem */
.formularz-button-column {
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: 320px !important;
}

.formularz-button-column > .kt-inside-inner-col {
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Wrapper przycisku */
.formularz-button-column .kb-adv-form-field {
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
}

/* Podstawowe style przycisku submit */
.formularz-button {
  min-width: 290px !important;
  width: 100% !important;
  height: 52px !important;
  background: #000000 !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  border: none !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  padding: 0 22px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  transition: background-color 0.3s ease !important;
}

/* Tekst przycisku */
.formularz-button .kt-btn-inner-text {
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  color: #ffffff !important;
}

/* Kolumna z patternem - wydłużona zgodnie z Figmą */
.formularz-button-pattern {
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  flex: 1 !important;
  min-width: 423px !important;
}

.formularz-button-pattern > .kt-inside-inner-col {
  display: flex !important;
  align-items: stretch !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

/* Spacer/rozdzielacz - przezroczysty, wysokość 52px */
.formularz-button-pattern .kt-block-spacer {
  height: 52px !important;
  width: 100% !important;
}

.formularz-button-pattern .kt-divider {
  border: none !important;
  border-top: none !important;
  height: 52px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Ikona SVG strzałki - stylowanie */
.formularz-button .kt-btn-icon-side-right {
  z-index: 2 !important;
  position: relative !important;
  margin-left: 12px !important;
  display: flex !important;
  align-items: center !important;
}

.formularz-button .kt-btn-icon-side-right svg {
  width: 13px !important;
  height: 8px !important;
  fill: currentColor !important;
  color: #ffffff !important;
}

/* Hover state - czerwone tło, czarny tekst i strzałka */
.formularz-button:hover {
  background: #ed1d25 !important;
}

.formularz-button:hover .kt-btn-inner-text {
  color: #000000 !important;
}

.formularz-button:hover .kt-btn-icon-side-right svg {
  color: #000000 !important;
  fill: #000000 !important;
}

/* Active state - ciemniejszy czerwony */
.formularz-button:active {
  background: #d41620 !important;
}

/* Focus state dla accessibility */
.formularz-button:focus {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

/* ========================================
   RESPONSYWNOŚĆ PRZYCISKU FORMULARZA
   ======================================== */

/* Tablet poziomy (769-1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .formularz-button {
    min-width: 280px !important;
    height: 48px !important;
    font-size: 10px !important;
    padding: 0 20px !important;
  }
  
  .formularz-button .kt-btn-inner-text {
    font-size: 10px !important;
  }
  
  .formularz-button-pattern .kt-block-spacer,
  .formularz-button-pattern .kt-divider {
    height: 48px !important;
  }
  
  .formularz-button .kt-btn-icon-side-right svg {
    width: 11px !important;
    height: 7px !important;
  }
}

/* Tablet pion / Mobile (≤768px) */
@media (max-width: 768px) {
  .formularz-button-row {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 24px !important;
  }
  
  .formularz-button-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
  }
  
  .formularz-button-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 1 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .formularz-button-pattern {
    display: none !important;
  }
  
  .formularz-button {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    font-size: 10px !important;
    padding: 0 18px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .formularz-button .kt-btn-inner-text {
    font-size: 10px !important;
  }
  
  .formularz-button-pattern .kt-block-spacer,
  .formularz-button-pattern .kt-divider {
    height: 48px !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .formularz-button .kt-btn-icon-side-right svg {
    width: 11px !important;
    height: 7px !important;
  }
}

/* Małe telefony (≤480px) */
@media (max-width: 480px) {
  .formularz-button {
    height: 44px !important;
    font-size: 9px !important;
    padding: 0 16px !important;
    letter-spacing: 0.9px !important;
  }
  
  .formularz-button .kt-btn-inner-text {
    font-size: 9px !important;
    letter-spacing: 0.9px !important;
  }
  
  .formularz-button-pattern .kt-block-spacer,
  .formularz-button-pattern .kt-divider {
    height: 44px !important;
  }
  
  .formularz-button .kt-btn-icon-side-right {
    margin-left: 8px !important;
  }
  
  .formularz-button .kt-btn-icon-side-right svg {
    width: 10px !important;
    height: 6px !important;
  }
}

/* ========================================
   RESPONSYWNOŚĆ FORMULARZA - Mobile
   Ogólne style dla wszystkich wersji językowych
   ======================================== */

@media (max-width: 768px) {
  /* Nagłówek formularza - wyśrodkowanie, zmniejszony rozmiar i padding na mobile */
  .formularz-column h2[class*="kt-adv-heading"] {
    text-align: center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    font-size: 28px !important;
    line-height: 38px !important;
  }
  
  /* Formularz - pełna szerokość z paddingiem */
  .formularz-column .wp-block-kadence-advanced-form {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  /* Przycisk submit w formularzu */
  .formularz-column button[type="submit"],
  .formularz-column .kb-adv-form-submit-button {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Zdjęcie formularza - pełna szerokość na mobile */
  .formularz-foto {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .formularz-foto img {
    width: 100% !important;
    height: auto !important;
  }
}

/* Małe telefony - jeszcze mniejszy nagłówek formularza */
@media (max-width: 480px) {
  .formularz-column h2[class*="kt-adv-heading"] {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

/* ========================================
   HERO HOME - H1 Mobile Fix
   ======================================== */

/* Mobile: poprawka rozmiaru i odstępów H1 w sekcji hero */
@media (max-width: 768px) {
  .h1-home {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    letter-spacing: 0 !important;
  }
}

/* Małe telefony: jeszcze mniejszy rozmiar */
@media (max-width: 480px) {
  .h1-home {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
}

/* ========================================
   HERO HOME - Przycisk pod obrazem
   Uogólnione klasy: hero-button-column, hero-button-wrapper, hero-button, hero-pattern-column
   ======================================== */

/* Przycisk hero - tylko style wizualne (kolory, fonty) - działają na desktop i mobile */
.hero-button {
  background: #000000 !important;
  color: #ffffff !important;
  font-family: 'Poppins', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-transform: uppercase !important;
  letter-spacing: 1.1px !important;
  border: none !important;
  border-radius: 0 !important;
  transition: background-color 0.3s ease !important;
  cursor: pointer !important;
}

/* Hover state - zmiana na czerwony */
.hero-button:hover {
  background: #ed1d25 !important;
  color: #ffffff !important;
}

/* Active state */
.hero-button:active {
  background: #d41620 !important;
}

/* Responsywność - mobile */
@media (max-width: 768px) {
  /* Główny rowlayout hero - pełna szerokość ekranu (PL i DE) */
  .kb-row-layout-id23_91dc17-a2,
  .kb-row-layout-id2098_eb3297-59 {
    max-width: 100vw !important;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: visible !important;
  }
  
  .kb-row-layout-id23_91dc17-a2 > .kt-row-column-wrap,
  .kb-row-layout-id2098_eb3297-59 > .kt-row-column-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
  
  /* Kolumna z obrazem hero - pełna szerokość (PL i DE) */
  .kadence-column23_e2a063-35,
  .kadence-column2098_91b29c-7d {
    max-width: 100vw !important;
    width: 100vw !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  
  .kadence-column23_e2a063-35 > .kt-inside-inner-col,
  .kadence-column2098_91b29c-7d > .kt-inside-inner-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100vw !important;
    width: 100vw !important;
  }
  
  /* Kolumna z H1 - padding tylko po bokach (PL i DE) */
  .kadence-column23_8aa3d3-34 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  /* Upewniamy się że kontenery nadrzędne nie ograniczają szerokości */
  .site-container,
  .content-area,
  .entry-content {
    overflow-x: visible !important;
  }
  
  /* Kolumna z przyciskiem - resetujemy style tylko na mobile */
  .hero-button-column > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Wrapper przycisku - tylko na mobile */
  .hero-button-wrapper {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  /* Przycisk - pełne style layoutu tylko na mobile */
  .hero-button {
    width: 100% !important;
    height: 100% !important;
    min-height: 55px !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
  }
  
  /* Kolumna z patternem - resetujemy style tylko na mobile */
  .hero-pattern-column > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Spacer w kolumnie z patternem - tylko na mobile */
  .hero-pattern-column .wp-block-spacer {
    height: 55px !important;
  }
  
  /* Rowlayout - przesuwamy wyżej na obraz, tylko na mobile */
  .button-hero-row {
    position: relative !important;
    transform: translateY(-40px) !important;
    z-index: 10 !important;
  }
  
  /* Rowlayout - kolumny jedna pod drugą */
  .button-hero-row > .kt-row-column-wrap {
    flex-direction: column !important;
    height: auto !important;
    gap: 0 !important;
  }
  
  /* Kolumna z przyciskiem - pełna szerokość, na górze */
  .hero-button-column {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 48px !important;
    order: 1 !important;
  }
  
  /* Przycisk - mniejszy font i padding */
  .hero-button {
    min-height: 48px !important;
    font-size: 10px !important;
    padding: 0 18px !important;
  }
  
  /* Kolumna z patternem - pełna szerokość, pod przyciskiem */
  .hero-pattern-column {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    height: 48px !important;
    margin-left: 0 !important;
  }
  
  .hero-pattern-column .wp-block-spacer {
    height: 48px !important;
  }
}

/* ========================================
   SEKCJA "O NAS" - Responsywność Mobile
   Uogólnione klasy semantyczne
   ======================================== */

@media (max-width: 768px) {
  /* Główny kontener */
  .o-nas-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  
  .o-nas-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    margin: 0 auto !important;
    max-width: 100% !important;
  }
  
  /* Kolumna z tekstem - resetujemy wszystkie marginesy inline z HTML */
  .o-nas-section-text,
  .o-nas-section-text[style] {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .o-nas-section-text > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  /* Wewnętrzny rowlayout z tekstem */
  .o-nas-row-text > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
    width: 100% !important;
  }
  
  /* Kolumny wewnętrzne z tekstem */
  .o-nas-row-section-text-header,
  .o-nas-row-section-text-paragraph {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .o-nas-row-section-text-header > .kt-inside-inner-col,
  .o-nas-row-section-text-paragraph > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  /* Nagłówek "O nas" */
  .o-nas-text-header {
    font-size: 28px !important;
    line-height: 32px !important;
    text-align: center !important;
    margin: 0 auto 16px !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  /* Paragraf tekstu */
  .o-nas-text-paragraph {
    font-size: 12px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  /* Kolumna z obrazem - resetujemy wszystkie marginesy inline z HTML */
  .o-nas-section-image,
  .o-nas-section-image[style] {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .o-nas-section-image > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Obraz - responsywny */
  .o-nas-image {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    margin: 0 auto !important;
  }
  
  .o-nas-image figure {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .o-nas-image img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
  }
  
  /* Kolumna ze statystykami - resetujemy wszystkie marginesy inline z HTML */
  .o-nas-section-stats,
  .o-nas-section-stats[style] {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  .o-nas-section-stats > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
  }
  
  /* Row ze statystykami */
  .o-nas-section-stats-row {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .o-nas-section-stats-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
  }
  
  /* Kolumny ze statystykami w wersji DE - wyśrodkowanie */
  .o-nas-section-stats .kadence-column2098_559eb6-d5,
  .o-nas-section-stats .kadence-column2098_c6417c-6c {
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .o-nas-section-stats .kadence-column2098_559eb6-d5 > .kt-inside-inner-col,
  .o-nas-section-stats .kadence-column2098_c6417c-6c > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Wewnętrzne rowlayouty ze statystykami w wersji DE */
  .o-nas-section-stats .kb-row-layout-id2098_020f51-83,
  .o-nas-section-stats .kb-row-layout-id2098_298a73-7b {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  
  .o-nas-section-stats .kb-row-layout-id2098_020f51-83 > .kt-row-column-wrap,
  .o-nas-section-stats .kb-row-layout-id2098_298a73-7b > .kt-row-column-wrap {
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
  
  /* Kolumny wewnątrz statystyk w wersji DE */
  .o-nas-section-stats .kadence-column2098_2b5ecb-28,
  .o-nas-section-stats .kadence-column2098_1d05d6-d5,
  .o-nas-section-stats .kadence-column2098_d58ede-2f,
  .o-nas-section-stats .kadence-column2098_d9a026-a3 {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: auto !important;
    max-width: 100% !important;
  }
  
  .o-nas-section-stats .kadence-column2098_2b5ecb-28 > .kt-inside-inner-col,
  .o-nas-section-stats .kadence-column2098_1d05d6-d5 > .kt-inside-inner-col,
  .o-nas-section-stats .kadence-column2098_d58ede-2f > .kt-inside-inner-col,
  .o-nas-section-stats .kadence-column2098_d9a026-a3 > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Teksty w statystykach - wyśrodkowanie */
  .o-nas-section-stats .kt-adv-heading2098_a28f16-50,
  .o-nas-section-stats .kt-adv-heading2098_dae1fa-0f,
  .o-nas-section-stats .kt-adv-heading2098_e75a0d-69,
  .o-nas-section-stats .kt-adv-heading2098_2cda8c-27 {
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
  }
}

/* Małe telefony */
@media (max-width: 480px) {
  .o-nas-row > .kt-row-column-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    gap: 24px !important;
  }
  
  .o-nas-text-header {
    font-size: 24px !important;
    line-height: 28px !important;
    margin-bottom: 12px !important;
  }
  
  .o-nas-text-paragraph {
    font-size: 11px !important;
    line-height: 1.5 !important;
  }
  
  .o-nas-section-stats-row > .kt-row-column-wrap {
    gap: 20px !important;
  }
}

/* ========================================
   SEKCJA "PRODUKTY" - Responsywność Mobile
   Wyśrodkowanie kart produktów na stronie głównej
   ======================================== */

@media (max-width: 768px) {
  /* Główny rowlayout z produktami - wyśrodkowanie */
  .produkty-overlay-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .produkty-overlay-section > .kt-row-column-wrap {
    padding-left: 24px !important;
    padding-right: 24px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Kolumna z kartami produktów - wyśrodkowanie (PL i DE) - nadpisujemy inline style */
  .produkty-overlay-section .kadence-column2098_0c6af8-02,
  .produkty-overlay-section .kadence-column2098_0c6af8-02[style],
  .produkty-overlay-section .kadence-column23_0c6af8-02,
  .produkty-overlay-section .kadence-column23_0c6af8-02[style],
  /* Ogólny selektor dla kolumn zawierających karty */
  .produkty-overlay-section .wp-block-kadence-column:has(.karta) {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
  
  .produkty-overlay-section .kadence-column2098_0c6af8-02 > .kt-inside-inner-col,
  .produkty-overlay-section .kadence-column2098_0c6af8-02 > .kt-inside-inner-col[style],
  .produkty-overlay-section .kadence-column23_0c6af8-02 > .kt-inside-inner-col,
  .produkty-overlay-section .kadence-column23_0c6af8-02 > .kt-inside-inner-col[style],
  /* Ogólny selektor dla kolumn zawierających karty */
  .produkty-overlay-section .wp-block-kadence-column:has(.karta) > .kt-inside-inner-col {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
  
  /* Rowlayout z kartami - wyśrodkowanie (PL i DE) */
  .produkty-overlay-section .kb-row-layout-id2098_c51be3-e9,
  .produkty-overlay-section .kb-row-layout-id23_c51be3-e9,
  /* Ogólny selektor dla rowlayoutów zawierających karty */
  .produkty-overlay-section .kb-row-layout-wrap:has(.karta) {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
  }
  
  .produkty-overlay-section .kb-row-layout-id2098_c51be3-e9 > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id23_c51be3-e9 > .kt-row-column-wrap,
  /* Ogólny selektor dla rowlayoutów zawierających karty */
  .produkty-overlay-section .kb-row-layout-wrap:has(.karta) > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
  }
  
  /* Karty produktów - wyśrodkowanie i widoczność */
  .produkty-overlay-section .karta {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  .produkty-overlay-section .karta > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
  
  /* Przycisk "Mehr sehen" / "Więcej" pod kartami produktów - wyśrodkowanie */
  .produkty-overlay-section .kadence-column2098_651d25-1d {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }
  
  .produkty-overlay-section .kadence-column2098_651d25-1d > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .produkty-overlay-section .kt-adv-heading2098_cdc659-f3 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Ogólny selektor dla przycisków "Więcej" w sekcji produktów (PL) */
  .produkty-overlay-section > .kt-row-column-wrap > .wp-block-kadence-column.kb-section-has-link {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  .produkty-overlay-section > .kt-row-column-wrap > .wp-block-kadence-column.kb-section-has-link > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .produkty-overlay-section > .kt-row-column-wrap > .wp-block-kadence-column.kb-section-has-link .wp-block-kadence-advancedheading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Pasek z czerwonym kwadracikiem i patternem - naprawa rozłączenia */
  /* Obsługa obu struktur: .karta-dol > .karta-pasek (DE) i .karta-pasek.karta-dol (PL) */
  
  /* Kolumna karta-dol (wrapper w wersji DE) */
  .produkty-overlay-section .karta-dol {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .produkty-overlay-section .karta-dol > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }
  
  /* Rowlayout karta-pasek - nadpisujemy wszystkie inline style */
  /* Używamy specyficznych ID dla obu wersji */
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d,
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38,
  .produkty-overlay-section .karta-pasek,
  .produkty-overlay-section .karta-pasek[style],
  .produkty-overlay-section .kb-row-layout-wrap.karta-pasek,
  .produkty-overlay-section .kb-row-layout-wrap.karta-pasek[style] {
    display: flex !important;
    width: 100% !important;
    height: 65px !important;
    min-height: 65px !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Ultra-specyficzne selektory dla kt-row-column-wrap w pasku */
  /* Używamy podwójnych selektorów dla maksymalnej specyficzności */
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d.kb-row-layout-wrap > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d.kb-row-layout-wrap > .kt-row-column-wrap[style],
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38.kb-row-layout-wrap > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38.kb-row-layout-wrap > .kt-row-column-wrap[style],
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d > .kt-row-column-wrap[style],
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38 > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38 > .kt-row-column-wrap[style],
  .produkty-overlay-section .karta-pasek > .kt-row-column-wrap,
  .produkty-overlay-section .karta-pasek > .kt-row-column-wrap[style],
  .produkty-overlay-section .kb-row-layout-wrap.karta-pasek > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-wrap.karta-pasek > .kt-row-column-wrap[style],
  .produkty-overlay-section .karta-pasek .kt-row-column-wrap.kt-mobile-layout-row,
  .produkty-overlay-section .karta-pasek .kt-row-column-wrap.kt-has-2-columns,
  .produkty-overlay-section .karta-pasek .kt-row-column-wrap.kt-row-layout-equal,
  /* Dodajemy selektor dla kolumny karta-dol zawierającej pasek */
  .produkty-overlay-section .karta-dol .kb-row-layout-wrap.karta-pasek > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    height: 65px !important;
    align-items: stretch !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  
  /* Czerwony kwadracik - stała szerokość, nadpisujemy inline style */
  .produkty-overlay-section .pasek-red,
  .produkty-overlay-section .pasek-red[style],
  .produkty-overlay-section .karta-pasek .pasek-red,
  .produkty-overlay-section .karta-pasek .pasek-red[style],
  .produkty-overlay-section .kadence-column2098_cf16a2-e4,
  .produkty-overlay-section .kadence-column23_3ab33f-5e {
    width: 69px !important;
    min-width: 69px !important;
    max-width: 69px !important;
    height: 65px !important;
    flex: 0 0 69px !important;
    flex-basis: 69px !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
  }
  
  .produkty-overlay-section .pasek-red > .kt-inside-inner-col,
  .produkty-overlay-section .pasek-red > .kt-inside-inner-col[style] {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Pattern - reszta szerokości, nadpisujemy inline style */
  .produkty-overlay-section .pasek-pattern,
  .produkty-overlay-section .pasek-pattern[style],
  .produkty-overlay-section .karta-pasek .pasek-pattern,
  .produkty-overlay-section .karta-pasek .pasek-pattern[style],
  .produkty-overlay-section .kadence-column2098_ced391-d8,
  .produkty-overlay-section .kadence-column23_e13836-97 {
    width: calc(100% - 69px) !important;
    min-width: calc(100% - 69px) !important;
    height: 65px !important;
    flex: 1 1 auto !important;
    flex-basis: auto !important;
    flex-grow: 1 !important;
    flex-shrink: 1 !important;
    padding: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex !important;
  }
  
  .produkty-overlay-section .pasek-pattern > .kt-inside-inner-col,
  .produkty-overlay-section .pasek-pattern > .kt-inside-inner-col[style] {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* Małe telefony */
@media (max-width: 480px) {
  .produkty-overlay-section > .kt-row-column-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .kb-row-layout-id2098_c51be3-e9 > .kt-row-column-wrap,
  .kb-row-layout-id23_c51be3-e9 > .kt-row-column-wrap {
    gap: 24px !important;
  }
  
  /* Na małych telefonach też potrzebujemy stylów paska */
  .produkty-overlay-section .kb-row-layout-id2098_56b17e-1d > .kt-row-column-wrap,
  .produkty-overlay-section .kb-row-layout-id23_38bc0f-38 > .kt-row-column-wrap {
    gap: 0 !important;
    column-gap: 0 !important;
  }
  
  .produkty-overlay-section .pasek-red,
  .produkty-overlay-section .kadence-column2098_cf16a2-e4,
  .produkty-overlay-section .kadence-column23_3ab33f-5e {
    width: 69px !important;
    flex: 0 0 69px !important;
  }
  
  .produkty-overlay-section .pasek-pattern,
  .produkty-overlay-section .kadence-column2098_ced391-d8,
  .produkty-overlay-section .kadence-column23_e13836-97 {
    width: calc(100% - 69px) !important;
    flex: 1 1 auto !important;
  }
}

/* KRYTYCZNE: Nadpisujemy Kadence Grid całkowicie */
@media (max-width: 768px) {
  /* Wymuszamy Flexbox zamiast Grid - powtarzamy selektory dla maksymalnej wagi */
  .kb-row-layout-id2098_56b17e-1d.kb-row-layout-id2098_56b17e-1d > .kt-row-column-wrap,
  .kb-row-layout-id23_38bc0f-38.kb-row-layout-id23_38bc0f-38 > .kt-row-column-wrap,
  div.wp-block-kadence-rowlayout.kb-row-layout-id2098_56b17e-1d > div.kt-row-column-wrap.kt-has-2-columns,
  div.wp-block-kadence-rowlayout.kb-row-layout-id23_38bc0f-38 > div.kt-row-column-wrap.kt-has-2-columns {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    grid-gap: 0 !important;
    gap: 0 !important;
    -webkit-column-gap: 0 !important;
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  
  /* Czerwony kwadracik - powtarzamy klasę dla maksymalnej specyficzności */
  .kadence-column2098_cf16a2-e4.kadence-column2098_cf16a2-e4,
  .kadence-column23_3ab33f-5e.kadence-column23_3ab33f-5e,
  div.wp-block-kadence-column.kadence-column2098_cf16a2-e4.pasek-red,
  div.wp-block-kadence-column.kadence-column23_3ab33f-5e.pasek-red {
    min-width: 69px !important;
    max-width: 69px !important;
    width: 69px !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 0 69px !important;
    flex: 0 0 69px !important;
    -ms-flex-preferred-size: 69px !important;
    flex-basis: 69px !important;
    -webkit-box-flex: 0 !important;
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important;
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important;
  }
  
  /* Pattern - powtarzamy klasę dla maksymalnej specyficzności */
  .kadence-column2098_ced391-d8.kadence-column2098_ced391-d8,
  .kadence-column23_e13836-97.kadence-column23_e13836-97,
  div.wp-block-kadence-column.kadence-column2098_ced391-d8.pasek-pattern,
  div.wp-block-kadence-column.kadence-column23_e13836-97.pasek-pattern {
    width: calc(100% - 69px) !important;
    min-width: calc(100% - 69px) !important;
    -webkit-box-flex: 1 !important;
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important;
    -ms-flex-preferred-size: auto !important;
    flex-basis: auto !important;
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
  }
}

/* ========================================
   SEKCJA "BRANŻE" - Responsywność Mobile
   Używa semantycznych klas: branze-section, branze-card, branze-bar, branze-button, branze-pattern, branze-title
   ======================================== */

@media (max-width: 768px) {
  /* Główny kontener */
  .branze-section {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Nagłówek sekcji "BRANCHEN" (DE) / "BRANŻE" (PL) - wyśrodkowanie */
  .branze-section .kt-adv-heading2098_0b0c42-b1,
  .branze-section .kt-adv-heading23_9e93f3-b2 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Opis sekcji - wyśrodkowanie */
  .branze-section .kt-adv-heading2098_a00090-e5,
  .branze-section .kt-adv-heading23_55e923-72 {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  /* Zagnieżdżony rowlayout z nagłówkiem (DE i PL) - wyśrodkowanie */
  .branze-section .kb-row-layout-id2098_56b2f3-a4,
  .branze-section .kb-row-layout-id23_4e3a82-13 {
    text-align: center !important;
  }
  
  .branze-section .kb-row-layout-id2098_56b2f3-a4 > .kt-row-column-wrap,
  .branze-section .kb-row-layout-id23_4e3a82-13 > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Kolumny z nagłówkiem i opisem (DE i PL) - wyśrodkowanie */
  .branze-section .kadence-column2098_6e619c-b2,
  .branze-section .kadence-column2098_25f7c1-28,
  .branze-section .kadence-column23_4c8e9c-32,
  .branze-section .kadence-column23_f38171-06 {
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .branze-section .kadence-column2098_6e619c-b2 > .kt-inside-inner-col,
  .branze-section .kadence-column2098_25f7c1-28 > .kt-inside-inner-col,
  .branze-section .kadence-column23_4c8e9c-32 > .kt-inside-inner-col,
  .branze-section .kadence-column23_f38171-06 > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Cała kolumna z nagłówkiem - wyśrodkowanie */
  .branze-section .kadence-column2098_1efd5a-79,
  .branze-section .kadence-column23_504656-55 {
    text-align: center !important;
  }
  
  .branze-section .kadence-column2098_1efd5a-79 > .kt-inside-inner-col,
  .branze-section .kadence-column23_504656-55 > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .branze-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  /* Rowlayout z kafelkami branż - układ pionowy na mobile (wszystkie wersje językowe) */
  .branze-section .kt-has-3-columns,
  .branze-section .kb-row-layout-id2098_4214f0-26 > .kt-row-column-wrap,
  .branze-section .kb-row-layout-id23_c083bb-54 > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 32px !important;
    row-gap: 32px !important;
    column-gap: 0 !important;
    align-items: center !important;
  }
  
  /* Kolumny w rowlayout z kafelkami - full width (wszystkie wersje językowe) */
  .branze-section .kt-has-3-columns > .wp-block-kadence-column,
  .branze-section .kb-row-layout-id2098_4214f0-26 > .kt-row-column-wrap > .wp-block-kadence-column,
  .branze-section .kb-row-layout-id23_c083bb-54 > .kt-row-column-wrap > .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin: 0 !important;
  }
  
  /* Kafelki z negatywnymi marginesami - resetujemy na mobile */
  .branze-section .kadence-column2098_c4bd85-c0,
  .branze-section .kadence-column2098_76b39a-d7,
  .branze-section .kadence-column2098_f02f09-69 {
    margin: 0 !important;
  }
  
  /* Kafelek branży */
  .branze-card {
    position: relative !important;
    overflow: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 180px !important;
  }
  
  .branze-card > .kt-inside-inner-col {
    position: relative !important;
    min-height: 180px !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Wewnętrzne rowlayouty */
  .branze-card .kb-row-layout-wrap,
  .branze-card .kb-row-layout-wrap > .kt-row-column-wrap {
    position: static !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Spacery w kafelkach */
  .branze-card .wp-block-spacer {
    height: 120px !important;
  }
  
  /* Pasek na dole */
  .branze-bar {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 20 !important;
  }
  
  .branze-bar > .kt-inside-inner-col {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Rowlayout z przyciskiem i patternem */
  .branze-bar .kb-row-layout-wrap {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .branze-bar .kb-row-layout-wrap > .kt-row-column-wrap {
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  
  /* Przycisk */
  .branze-button,
  .branze-button > .kt-inside-inner-col {
    background: transparent !important;
    background-color: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
  }
  
  /* Białe tło tylko na wrapie ikony */
  .branze-button .kt-svg-icon-wrap,
  .branze-button .kb-svg-icon-wrap {
    background: #ffffff !important;
    background-color: #ffffff !important;
    width: 44px !important;
    height: 44px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
  }
  
  /* Hover state dla przycisku */
  .branze-button:hover .kt-svg-icon-wrap,
  .branze-button:hover .kb-svg-icon-wrap {
    background-color: #ed1d25 !important;
  }
  
  /* Pattern */
  .branze-pattern {
    height: 44px !important;
    min-height: 44px !important;
    flex: 1 !important;
    min-width: 100px !important;
  }
  
  .branze-pattern > .kt-inside-inner-col {
    height: 44px !important;
    min-height: 44px !important;
  }
  
  .branze-pattern .wp-block-spacer {
    height: 44px !important;
  }
  
  /* Tytuły branż */
  .branze-title {
    padding-top: 4px !important;
    margin-top: -12px !important;
    margin-bottom: 0 !important;
  }
  
  .branze-title > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  .branze-title .wp-block-kadence-advancedheading {
    font-size: 18px !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Małe telefony (≤480px) */
@media (max-width: 480px) {
  .branze-section > .kt-row-column-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
    gap: 24px !important;
  }
  
  .branze-card .wp-block-spacer {
    height: 100px !important;
  }
  
  .branze-bar .kb-row-layout-wrap > .kt-row-column-wrap {
    height: 40px !important;
    min-height: 40px !important;
  }
  
  .branze-button,
  .branze-button > .kt-inside-inner-col {
    height: 40px !important;
    min-height: 40px !important;
  }
  
  .branze-button .kt-svg-icon-wrap,
  .branze-button .kb-svg-icon-wrap {
    width: 40px !important;
    height: 40px !important;
  }
  
  .branze-pattern,
  .branze-pattern > .kt-inside-inner-col {
    height: 40px !important;
    min-height: 40px !important;
  }
  
  .branze-pattern .wp-block-spacer {
    height: 40px !important;
  }
  
  .branze-title .wp-block-kadence-advancedheading {
    font-size: 16px !important;
    line-height: 20px !important;
  }
}

/* ========================================
   FORMULARZ KONTAKTOWY - Responsywność Mobile
   ======================================== */

/* Czarna belka z numerem telefonu - Mobile */
@media (max-width: 768px) {
  /* Główny rowlayout - reset paddingów i wyśrodkowanie */
  .telefon-row {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .telefon-row > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  
  /* Kolumny w sekcji telefonu - wyśrodkowane */
  .telefon-row .wp-block-kadence-column {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .telefon-row .wp-block-kadence-column > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  /* Tekst i numer telefonu - wyśrodkowany */
  .telefon-row p[class*="kt-adv-heading"] {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .telefon-row p[class*="kt-adv-heading"] a {
    text-align: center !important;
  }
}

/* Czerwona sekcja z formularzem - Mobile */
@media (max-width: 768px) {
   /* Kolumna z formularzem - pełna szerokość, na górze */
  .formularz-column {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .formularz-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Nagłówek formularza - mniejszy font, wyśrodkowany */
  .formularz-column h2[class*="kt-adv-heading"] {
    font-size: 28px !important;
    line-height: 36px !important;
    margin: 0 0 24px 0 !important;
    padding: 32px 24px 0 24px !important;
    text-align: center !important;
  }
  
  /* Nagłówek formularza z klasą semantyczną */
  .formularz-column .naglowek-formularz,
  .formularz-column .naglowek-formularz[style] {
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 0 0 20px 0 !important;
    padding: 24px 0 0 0 !important;
    padding-left: 0 !important;
    text-align: center !important;
  }
  
  /* Rowlayout z formularzem - delikatne paddingi */
  .kb-row-layout-id246_d5a5bf-70 {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .kb-row-layout-id246_d5a5bf-70 > .kt-row-column-wrap {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Kolumna z formularzem - delikatne paddingi */
  .formularz-column {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .formularz-column > .kt-inside-inner-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Formularz - delikatne paddingi z lewej i prawej */
  .formularz-column .wp-block-kadence-advanced-form {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  .formularz-column form[id*="kb-adv-form"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Formularz - pełna szerokość */
  .formularz-column .wp-block-kadence-advanced-form {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  /* Wszystkie pola formularza - pełna szerokość, box-sizing, lepsze odstępy */
  .formularz-column .wp-block-kadence-advanced-form form,
  .formularz-column form[id*="kb-adv-form"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  
  /* Wrapper każdego pola - pełna szerokość, odstępy */
  .formularz-column .kb-adv-form-field {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-bottom: 0 !important;
  }
  
  /* Labelki formularza - lepsze ułożenie */
  .formularz-column .wp-block-kadence-advanced-form label,
  .formularz-column form[id*="kb-adv-form"] label,
  .formularz-column .kb-adv-form-field label {
    font-size: 13px !important;
    line-height: 1.5 !important;
    margin-bottom: 6px !important;
    display: block !important;
    width: 100% !important;
  }
  
  /* Wszystkie pola input - pełna szerokość, box-sizing, lepsze paddingi */
  .formularz-column .wp-block-kadence-advanced-form input[type="text"],
  .formularz-column .wp-block-kadence-advanced-form input[type="email"],
  .formularz-column .wp-block-kadence-advanced-form input[type="tel"],
  .formularz-column .wp-block-kadence-advanced-form textarea,
  .formularz-column form[id*="kb-adv-form"] input[type="text"],
  .formularz-column form[id*="kb-adv-form"] input[type="email"],
  .formularz-column form[id*="kb-adv-form"] input[type="tel"],
  .formularz-column form[id*="kb-adv-form"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
  }
  
  /* Pole wiadomości (textarea) - szczególna uwaga na szerokość, lepsze paddingi */
  .formularz-column .wp-block-kadence-advanced-form textarea,
  .formularz-column form[id*="kb-adv-form"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding: 12px 14px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    min-height: 120px !important;
    resize: vertical !important;
  }
  
  /* Wrapper pola wiadomości - pełna szerokość */
  .formularz-column .kb-adv-form-field[data-field-type="textarea"],
  .formularz-column .kb-adv-form-field[data-field-type="message"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Disclaimer przy checkboxie - pełna szerokość, word-wrap */
  .formularz-column .wp-block-kadence-advanced-form label,
  .formularz-column form[id*="kb-adv-form"] label {
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
  }
  
  /* Checkbox wrapper - pełna szerokość */
  .formularz-column .kb-adv-form-field[data-field-type="checkbox"],
  .formularz-column .kb-adv-form-field[data-field-type="gdpr"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Checkbox label - flex wrap dla długich tekstów */
  .formularz-column .kb-adv-form-field[data-field-type="checkbox"] label,
  .formularz-column .kb-adv-form-field[data-field-type="gdpr"] label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  
  /* Przycisk wysyłki formularza - widoczny, pełna szerokość */
  .formularz-column .kb-adv-form-submit-button,
  .formularz-column .kb-submit-field,
  .formularz-column .kb-adv-form-field[data-field-type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }
  
  /* Przycisk submit - pełna szerokość */
  .formularz-column .kb-adv-form-submit-button button,
  .formularz-column .kb-adv-form-submit-button .kb-button,
  .formularz-column .kb-adv-form-submit-button .kt-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Row z przyciskiem i patternem - widoczny na mobile, pod formularzem */
  .formularz-column .formularz-button-row,
  .formularz-column .kb-row-layout-id23_bf07a6-ad,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 10 !important;
  }
  
  /* Rowlayout z przyciskiem - kolumny jedna pod drugą na mobile */
  .formularz-column .formularz-button-row > .kt-row-column-wrap,
  .formularz-column .kb-row-layout-id23_bf07a6-ad > .kt-row-column-wrap,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  /* Kolumna z przyciskiem - pełna szerokość */
  .formularz-column .formularz-button-column,
  .formularz-button-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 1 !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    flex: 0 0 auto !important;
  }
  
  .formularz-column .formularz-button-column > .kt-inside-inner-col,
  .formularz-button-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  /* Wrapper przycisku - widoczny */
  .formularz-column .formularz-button-column .kb-adv-form-field,
  .formularz-button-column .kb-adv-form-field {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Przycisk formularza - pełna szerokość, widoczny */
  .formularz-column .formularz-button,
  .formularz-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: 48px !important;
    background: #000000 !important;
    color: #ffffff !important;
  }
  
  /* Kolumna z patternem - ukryta na mobile */
  .formularz-column .formularz-button-pattern,
  .formularz-button-pattern {
    display: none !important;
  }
  
  .formularz-column .formularz-button-pattern > .kt-inside-inner-col,
  .formularz-button-pattern > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: stretch !important;
  }
  
  .formularz-column .formularz-button-pattern .kt-block-spacer,
  .formularz-column .formularz-button-pattern .kt-divider,
  .formularz-button-pattern .kt-block-spacer,
  .formularz-button-pattern .kt-divider {
    height: 48px !important;
    width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Przycisk submit wewnątrz formularza - upewnij się że jest widoczny */
  .formularz-column .kb-adv-form-submit-button,
  .formularz-column .kb-submit-field,
  .formularz-column .kb-adv-form-field[data-field-type="submit"],
  .formularz-column form .kb-adv-form-submit-button,
  .formularz-column form .kb-submit-field {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }
  
  .formularz-column .kb-adv-form-submit-button button,
  .formularz-column .kb-adv-form-submit-button .kb-button,
  .formularz-column .kb-adv-form-submit-button .kt-button,
  .formularz-column form .kb-adv-form-submit-button button,
  .formularz-column form .kb-adv-form-submit-button .kb-button,
  .formularz-column form .kb-adv-form-submit-button .kt-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #000000 !important;
    color: #ffffff !important;
    height: 48px !important;
    min-height: 48px !important;
  }
  
  /* Kolumna ze zdjęciem właściciela - ukryta na mobile (używa też kvs-md-false z Kadence) */
  .formularz-foto {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
  }
  
  .formularz-foto > .kt-inside-inner-col {
    display: none !important;
  }
}

/* Małe telefony (≤480px) - dodatkowe dostosowania */
@media (max-width: 480px) {
  /* Czarna belka telefonu - mniejsze paddingi */
  .telefon-row {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* Numer telefonu - jeszcze mniejszy font */
  .telefon-row h2,
  .telefon-row p[class*="kt-adv-heading"] {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  
  /* Nagłówek formularza - jeszcze mniejszy na małych telefonach */
  .formularz-column h2[class*="kt-adv-heading"] {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 20px !important;
    padding: 24px 20px 0 20px !important;
  }
  
  /* Nagłówek formularza z klasą semantyczną */
  .formularz-column .naglowek-formularz,
  .formularz-column .naglowek-formularz[style] {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 0 18px 0 !important;
    padding: 20px 0 0 0 !important;
    padding-left: 0 !important;
  }
  
  .formularz-column,
  .formularz-column > .kt-inside-inner-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Formularz - mniejsze odstępy między polami */
  .formularz-column .wp-block-kadence-advanced-form form,
  .formularz-column form[id*="kb-adv-form"] {
    gap: 14px !important;
  }
  
  /* Pola input - mniejsze paddingi i font */
  .formularz-column .wp-block-kadence-advanced-form input[type="text"],
  .formularz-column .wp-block-kadence-advanced-form input[type="email"],
  .formularz-column .wp-block-kadence-advanced-form input[type="tel"],
  .formularz-column form[id*="kb-adv-form"] input[type="text"],
  .formularz-column form[id*="kb-adv-form"] input[type="email"],
  .formularz-column form[id*="kb-adv-form"] input[type="tel"] {
    padding: 10px 12px !important;
    font-size: 13px !important;
  }
  
  /* Pole wiadomości - mniejsze paddingi */
  .formularz-column .wp-block-kadence-advanced-form textarea,
  .formularz-column form[id*="kb-adv-form"] textarea {
    padding: 10px 12px !important;
    font-size: 13px !important;
    min-height: 100px !important;
  }
  
  /* Disclaimer - jeszcze mniejszy font */
  .formularz-column .kb-adv-form-field[data-field-type="checkbox"] label,
  .formularz-column .kb-adv-form-field[data-field-type="gdpr"] label {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  
  /* Przycisk - mniejszy */
  .formularz-column .formularz-button,
  .formularz-button {
    height: 44px !important;
    font-size: 10px !important;
    padding: 0 16px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  
  /* Pattern - ukryty na małych telefonach */
  .formularz-column .formularz-button-pattern,
  .formularz-button-pattern {
    display: none !important;
  }
  
}

/* ========================================
   FORMULARZ - iPhone 14 i podobne (375-428px)
   Przycisk i pattern obok siebie jak na desktop
   ======================================== */

@media (min-width: 375px) and (max-width: 428px) {
  /* Row z przyciskiem i patternem - układ pionowy (pattern ukryty) */
  .formularz-column .formularz-button-row > .kt-row-column-wrap,
  .formularz-column .kb-row-layout-id23_bf07a6-ad > .kt-row-column-wrap,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row > .kt-row-column-wrap,
  .formularz-button-row > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumny w rowlayout - bez paddingów i marginów, negative margin dla połączenia */
  .formularz-column .formularz-button-row .wp-block-kadence-column,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .wp-block-kadence-column,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .wp-block-kadence-column,
  .formularz-button-row .wp-block-kadence-column {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Pierwsza kolumna (przycisk) - negative margin po prawej dla połączenia */
  .formularz-column .formularz-button-row .formularz-button-column,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .formularz-button-column,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .formularz-button-column,
  .formularz-button-row .formularz-button-column {
    margin-right: -1px !important;
    margin-left: 0 !important;
  }
  
  /* Druga kolumna (pattern) - negative margin po lewej dla połączenia */
  .formularz-column .formularz-button-row .formularz-button-pattern,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .formularz-button-pattern,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .formularz-button-pattern,
  .formularz-button-row .formularz-button-pattern {
    margin-left: -1px !important;
    margin-right: 0 !important;
  }
  
  /* Kolumna z przyciskiem - pełna szerokość */
  .formularz-column .formularz-button-column,
  .formularz-button-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 1 !important;
    flex: 0 0 100% !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .formularz-column .formularz-button-column > .kt-inside-inner-col,
  .formularz-button-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Przycisk - pełna szerokość kolumny, bez border-radius po prawej, bez borderów */
  .formularz-column .formularz-button,
  .formularz-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    font-size: 10px !important;
    padding: 0 16px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  
  /* Kolumna z patternem - ukryta na mobile */
  .formularz-column .formularz-button-pattern,
  .formularz-button-pattern {
    display: none !important;
  }
  
  /* Kolumna z przyciskiem - pełna szerokość */
  .formularz-column .formularz-button-column,
  .formularz-button-column {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
  }
  
  .formularz-column .formularz-button-column > .kt-inside-inner-col,
  .formularz-button-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    padding: 0 !important;
    margin: 0 !important;
  }
}

/* iPhone 14 Pro Max i większe (428px+) - podobny układ */
@media (min-width: 428px) and (max-width: 480px) {
  /* Row z przyciskiem i patternem - układ pionowy (pattern ukryty) */
  .formularz-column .formularz-button-row > .kt-row-column-wrap,
  .formularz-column .kb-row-layout-id23_bf07a6-ad > .kt-row-column-wrap,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row > .kt-row-column-wrap,
  .formularz-button-row > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    row-gap: 0 !important;
    column-gap: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumny w rowlayout - bez paddingów i marginów */
  .formularz-column .formularz-button-row .wp-block-kadence-column,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .wp-block-kadence-column,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .wp-block-kadence-column,
  .formularz-button-row .wp-block-kadence-column {
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
  }
  
  /* Pierwsza kolumna (przycisk) - negative margin po prawej dla połączenia */
  .formularz-column .formularz-button-row .formularz-button-column,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .formularz-button-column,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .formularz-button-column,
  .formularz-button-row .formularz-button-column {
    margin-right: -1px !important;
    margin-left: 0 !important;
  }
  
  /* Druga kolumna (pattern) - negative margin po lewej dla połączenia */
  .formularz-column .formularz-button-row .formularz-button-pattern,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .formularz-button-pattern,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .formularz-button-pattern,
  .formularz-button-row .formularz-button-pattern {
    margin-left: -1px !important;
    margin-right: 0 !important;
  }
  
  /* Kolumny w rowlayout - bez paddingów i marginów */
  .formularz-column .formularz-button-row .wp-block-kadence-column,
  .formularz-column .kb-row-layout-id23_bf07a6-ad .wp-block-kadence-column,
  .kb-row-layout-id23_bf07a6-ad.formularz-button-row .wp-block-kadence-column,
  .formularz-button-row .wp-block-kadence-column {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumna z przyciskiem - pełna szerokość */
  .formularz-column .formularz-button-column,
  .formularz-button-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    order: 1 !important;
    flex: 0 0 100% !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Przycisk - pełna szerokość kolumny, bez border-radius po prawej, bez borderów */
  .formularz-column .formularz-button,
  .formularz-button {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 48px !important;
    font-size: 10px !important;
    padding: 0 18px !important;
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    border-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin: 0 !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }
  
  /* Kolumna z patternem - ukryta na mobile */
  .formularz-column .formularz-button-pattern,
  .formularz-button-pattern,
  .formularz-column .formularz-button-pattern[style],
  .formularz-button-pattern[style] {
    display: none !important;
  }
}

/* ========================================
   HERO SECTION - ROZWIĄZANIE Z MAX PRIORYTETEM
   ======================================== */

body, 
html {
    overflow-x: hidden !important;
}

/* Główny kontener */
.o-nas-hero-row.kb-row-layout-wrap {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 458px !important;
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: relative !important;
}

/* Wrapper kolumn */
.o-nas-hero-row .kt-row-column-wrap {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Kolumna */
.o-nas-hero-column.kadence-column246_59011d-e7 {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wewnętrzny kontener */
.o-nas-hero-column .kt-inside-inner-col {
    max-width: 100vw !important;
    width: 100vw !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================
   OBRAZEK - NADPISANIE 1280px
   ======================================== */


/* Dodatkowe selektory dla pewności */
.o-nas-hero-image img[width="2560"],
.o-nas-hero-image img[height="1706"],
img.wp-image-1507 {
    width: 100vw !important;
    max-width: 100vw !important;
    min-width: 100vw !important;
}


/* ========================================
   RESPONSIVE
   ======================================== */

@media (min-width: 1440px) {
    .o-nas-hero-row.kb-row-layout-wrap {
        height: 458px !important;
    }
}



@media (min-width: 1441px) {
    .o-nas-hero-row.kb-row-layout-wrap {
        height: calc(100vw * 458 / 1440) !important;
    }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    .o-nas-hero-row.kb-row-layout-wrap {
        height: calc(100vw * 458 / 1440) !important;
    }
    .o-nas-hero-image img {
        object-position: center 30% !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .o-nas-hero-row.kb-row-layout-wrap {
        height: 380px !important;
    }
    .o-nas-hero-image img {
        object-position: center 40% !important;
    }
}

@media (max-width: 767px) {
    .o-nas-hero-row.kb-row-layout-wrap {
        height: 300px !important;
    }
    .o-nas-hero-image img {
        object-position: center 45% !important;
    }
}

/* ========================================
   SEKCJA NASZA MISJA - Equal Height Columns
   Rowlayout: 246_3af6f9-3a
   Używamy GRID (Kadence default), nie zmieniamy na FLEX
   ======================================== */

/* Rowlayout wrapper - ZACHOWAJ grid, dodaj align-items stretch */
.kb-row-layout-id246_3af6f9-3a > .kt-row-column-wrap {
  align-items: stretch !important;
}

/* Obie kolumny - wysokość 100% aby wypełniały grid cell */
.kb-row-layout-id246_3af6f9-3a .wp-block-kadence-column {
  height: 100% !important;
}

/* Wewnętrzne kontenery kolumn - wysokość 100% */
.kb-row-layout-id246_3af6f9-3a .wp-block-kadence-column > .kt-inside-inner-col {
  height: 100% !important;
}

/* Lewa kolumna (background image) - dopasowanie */
.kadence-column246_a3601a-d1 > .kt-inside-inner-col {
  background-size: cover !important;
  background-position: 50% 40% !important;
}

/* Prawa kolumna (box z tekstem) - tło i overlay wypełnia całą wysokość */
.kadence-column246_b9c787-0d {
  display: flex !important;
  flex-direction: column !important;
}

.kadence-column246_b9c787-0d > .kt-inside-inner-col {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: 1 !important;
}

/* ========================================
   SEKCJA NASZA MISJA - Equal Height Columns
   Rowlayout: 246_3af6f9-3a
   Używamy GRID (Kadence default), nie zmieniamy na FLEX
   ======================================== */

/* 1. PODSTAWOWA STRUKTURA GRID */
/* Rowlayout wrapper - ZACHOWAJ grid, dodaj align-items stretch */
.kb-row-layout-id246_3af6f9-3a > .kt-row-column-wrap {
  align-items: stretch !important;
}

/* Obie kolumny - stretch aby wypełniały grid cell */
.kb-row-layout-id246_3af6f9-3a .kadence-column246_a3601a-d1,
.kb-row-layout-id246_3af6f9-3a .kadence-column246_b9c787-0d {
  align-self: stretch !important;
  height: 100% !important;
}

/* 2. GLOBALNE REGUŁY - STAŁA WYSOKOŚĆ 520px (desktop) */
/* Lewa kolumna: tło + spacer jako wymuszacz wysokości */
.kadence-column246_a3601a-d1 {
  height: 520px !important;
  min-height: 520px !important;
}

.kadence-column246_a3601a-d1 > .kt-inside-inner-col {
  height: 520px !important;
  min-height: 520px !important;
  background-size: cover !important;
  background-position: 50% 40% !important;
}

.kadence-column246_a3601a-d1 .wp-block-spacer {
  height: 520px !important;
  min-height: 520px !important;
}

/* Prawa kolumna: wymuś 520px i rozciągnij tło */
.kadence-column246_b9c787-0d {
  height: 520px !important;
  min-height: 520px !important;
  display: flex !important;
  flex-direction: column !important;
}

.kadence-column246_b9c787-0d > .kt-inside-inner-col {
  height: 100% !important;
  min-height: 100% !important;
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Kadence overlay - wymuś pełną wysokość na pseudo-elementach */
.kadence-column246_b9c787-0d.kb-section-has-overlay > .kt-inside-inner-col::before,
.kadence-column246_b9c787-0d.kb-section-has-overlay > .kt-inside-inner-col::after {
  height: 100% !important;
}

/* 3. MEDIA QUERIES - RESPONSYWNOŚĆ */

/* MacBook Air 13" (1280-1439px) - wymuś 520px */
@media (min-width: 1280px) and (max-width: 1439px) {
  .kadence-column246_a3601a-d1,
  .kadence-column246_b9c787-0d {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }
  
  /* Spacer - nadpisz inline style */
  .kadence-column246_a3601a-d1 .wp-block-spacer,
  .kadence-column246_a3601a-d1 .wp-block-spacer[style],
  .kadence-column246_a3601a-d1 .wp-block-spacer[style*="height"] {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }
  
  /* Prawa kolumna - KLUCZOWE: wymuś flexbox + wysokość */
  .kadence-column246_b9c787-0d {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    background-size: 35% auto !important;
    background-position: 100% 50% !important;
  }
  
  /* Overlay pseudo-element - wymuś pełną wysokość */
  .kadence-column246_b9c787-0d.kb-section-has-overlay > .kt-inside-inner-col::before {
    height: 520px !important;
  }
}

/* MacBook Air 14" i MacBook Pro 14" (1440-1727px) */
@media (min-width: 1440px) and (max-width: 1727px) {
  .kadence-column246_a3601a-d1,
  .kadence-column246_b9c787-0d {
    height: 520px !important;
    min-height: 520px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col,
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    height: 520px !important;
    min-height: 520px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    background-position: 50% 40% !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    background-size: 38% auto !important;
    background-position: 100% 48% !important;
  }
}

/* MacBook Pro 16" i większe (1728px+) */
@media (min-width: 1728px) {
  .kadence-column246_a3601a-d1,
  .kadence-column246_b9c787-0d {
    height: 550px !important;
    min-height: 550px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col,
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    height: 550px !important;
    min-height: 550px !important;
  }
  
  .kadence-column246_a3601a-d1 .wp-block-spacer,
  .kadence-column246_a3601a-d1 .wp-block-spacer[style*="height"] {
    height: 550px !important;
    min-height: 550px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    background-position: 50% 40% !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    background-size: 40% auto !important;
    background-position: 100% 48% !important;
  }
}

/* Tablet (768-1279px) */
@media (min-width: 768px) and (max-width: 1279px) {
  .kadence-column246_a3601a-d1,
  .kadence-column246_b9c787-0d {
    height: 450px !important;
    min-height: 450px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col,
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    height: 450px !important;
    min-height: 450px !important;
  }
  
  .kadence-column246_a3601a-d1 .wp-block-spacer,
  .kadence-column246_a3601a-d1 .wp-block-spacer[style*="height"] {
    height: 450px !important;
    min-height: 450px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    background-position: 50% 40% !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    background-size: 32% auto !important;
    background-position: 98% 50% !important;
  }
}

/* Mobile (kolumny stackują się) */
@media (max-width: 767px) {
  .kadence-column246_a3601a-d1 {
    height: auto !important;
    min-height: 400px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    height: auto !important;
    min-height: 400px !important;
    background-position: 50% 35% !important;
  }
  
  .kadence-column246_a3601a-d1 .wp-block-spacer {
    height: auto !important;
    min-height: 400px !important;
  }
  
  .kadence-column246_b9c787-0d {
    height: auto !important;
    min-height: 350px !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    height: auto !important;
    min-height: 350px !important;
    background-size: 30% auto !important;
    background-position: 95% 50% !important;
  }
}

/* Małe telefony */
@media (max-width: 480px) {
  .kadence-column246_a3601a-d1 {
    height: auto !important;
    min-height: 300px !important;
  }
  
  .kadence-column246_a3601a-d1 > .kt-inside-inner-col {
    height: auto !important;
    min-height: 300px !important;
  }
  
  .kadence-column246_a3601a-d1 .wp-block-spacer {
    height: auto !important;
    min-height: 300px !important;
  }
  
  .kadence-column246_b9c787-0d {
    height: auto !important;
    min-height: 280px !important;
  }
  
  .kadence-column246_b9c787-0d > .kt-inside-inner-col {
    height: auto !important;
    min-height: 280px !important;
    background-size: 25% auto !important;
  }
}

/* ========================================
   NASZA MISJA - HARD OVERRIDE dla 13" z klasami misja-*
   Używa custom classes dla maksymalnej specyficzności
   ======================================== */
@media (min-width: 1280px) and (max-width: 1439px) {
  /* Prawa kolumna - wymuś flexbox + wysokość 520px */
  .misja-row .misja-right {
    display: flex !important;
    flex-direction: column !important;
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }

  .misja-row .misja-right > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    flex: 1 1 auto !important;
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
  }

  /* Overlay pseudo-element */
  .misja-row .misja-right.kb-section-has-overlay > .kt-inside-inner-col::before {
    height: 520px !important;
  }
}

/* ========================================
   NASZA MISJA - Mobile Fixes
   Poprawka pozycjonowania tekstu i usunięcie przerwy
   ======================================== */

/* Usunięcie przerwy między kolumnami - reset paddingów rowlayout (wszystkie rozdzielczości) */
.misja-row {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.misja-row > .kt-row-column-wrap {
  gap: 0 !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
}

/* Zapewnienie, że kolumny są złączone bez przerwy */
.misja-left,
.misja-right {
  margin: 0 !important;
}

.misja-left > .kt-inside-inner-col,
.misja-right > .kt-inside-inner-col {
  margin: 0 !important;
}

/* Poprawka pozycjonowania tekstu w czerwonym boxie - usunięcie ujemnego marginesu */
.misja-right .kt-adv-heading246_aee80b-82,
.misja-right .kt-adv-heading246_aee80b-82[style] {
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  padding-top: 0 !important;
}

/* Poprawka paddingów w prawym boxie */
.misja-right > .kt-inside-inner-col {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

/* Mobile - dodatkowe poprawki */
@media (max-width: 768px) {
  .misja-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Zapewnienie, że kolumny są złączone */
  .misja-row > .kt-row-column-wrap {
    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;
  }
  
  /* Lewa kolumna - bez paddingów */
  .misja-left,
  .misja-left > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Prawa kolumna - bez paddingów bocznych, tylko góra/dół */
  .misja-right,
  .misja-right > .kt-inside-inner-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Tekst w prawym boxie - poprawione pozycjonowanie */
  .misja-right > .kt-inside-inner-col {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .misja-right .kt-adv-heading246_aee80b-82 {
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 28px !important;
    line-height: 36px !important;
  }
  
  .misja-right .kt-adv-heading246_109869-1f {
    font-size: 13px !important;
    line-height: 1.6 !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  .misja-right > .kt-inside-inner-col {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .misja-right .kt-adv-heading246_aee80b-82 {
    font-size: 24px !important;
    line-height: 32px !important;
    margin-bottom: 12px !important;
  }
  
  .misja-right .kt-adv-heading246_109869-1f {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

	
/*home - wersja de*/
	
/* ========================================
   FORMULARZ NAD STOPKĄ - Blog/Wpisy
   UNIVERSAL (PL + DE + wszystkie wersje językowe)
   Czarna belka z telefonem
   ======================================== */

/* Główny wrapper czarnej belki */
.formularz-belka-blog {
  max-width: 1140px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Wewnętrzny wrapper kolumn */
.formularz-belka-blog > .kt-row-column-wrap {
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
}

/* Kolumna z "ZADZWOŃ:" / "RUFEN SIE AN:" */
.formularz-belka-label {
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Kolumna z numerem telefonu */
.formularz-belka-telefon {
  flex: 0 0 auto !important;
  margin-left: 0 !important;
  padding: 0 !important;
}

/* ========================================
   FORMULARZ NAD STOPKĄ - Czerwona sekcja
   ======================================== */

.formularz-red-section-blog {
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  /* Do not reset margin-top and margin-bottom - allow Gutenberg settings to work */
  padding: 0 20px !important;
}

/*================================*/
/* ========================================
   FORMULARZ NAD STOPKĄ - Responsywność Mobile
   ======================================== */

/* Czarna belka z numerem telefonu - Mobile */
@media (max-width: 768px) {
  /* Główny rowlayout - reset paddingów i wyśrodkowanie */
  .formularz-belka-blog {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .formularz-belka-blog > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  
  /* Kolumna z "ZADZWOŃ:" - wyśrodkowana */
  .formularz-belka-label {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .formularz-belka-label > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  /* Tekst "ZADZWOŃ:" - wyśrodkowany (działa dla wszystkich headingów w tej kolumnie) */
  .formularz-belka-label .kt-adv-heading,
  .formularz-belka-label [class*="kt-adv-heading"] {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Kolumna z numerem telefonu - reset ujemnego marginesu, wyśrodkowana */
  .formularz-belka-telefon {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }
  
  .formularz-belka-telefon > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  /* Numer telefonu - mniejszy font, wyśrodkowany */
  .formularz-belka-telefon .kt-adv-heading,
  .formularz-belka-telefon [class*="kt-adv-heading"] {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .formularz-belka-telefon a {
    text-align: center !important;
  }
}

/* Czerwona sekcja z formularzem - Mobile */
@media (max-width: 768px) {
  /* Główny rowlayout - jedna kolumna, reset paddingów */
  .formularz-red-section-blog {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .formularz-red-section-blog > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    padding: 0 !important;
  }
  
  /* Kolumna z formularzem - pełna szerokość, na górze */
  .formularz-column-blog {
    width: 100% !important;
    max-width: 100% !important;
    order: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .formularz-column-blog > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Nagłówek formularza - mniejsza czcionka, wyśrodkowany */
  .formularz-column-blog .kt-adv-heading,
  .formularz-column-blog [class*="kt-adv-heading"] {
    font-size: 22px !important;
    line-height: 30px !important;
    margin: 0 auto 20px auto !important;
    padding: 24px 16px 0 16px !important;
    text-align: center !important;
    max-width: 100% !important;
  }
  
  /* Formularz - pełna szerokość, wyśrodkowany */
  .formularz-column-blog .wp-block-kadence-advanced-form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  /* Wszystkie pola formularza - pełna szerokość, box-sizing, wyśrodkowane */
  .formularz-column-blog .wp-block-kadence-advanced-form form,
  .formularz-column-blog form[id*="kb-adv-form"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
  }
  
  /* Wszystkie pola input - pełna szerokość, box-sizing, wyrównane */
  .formularz-column-blog .wp-block-kadence-advanced-form input[type="text"],
  .formularz-column-blog .wp-block-kadence-advanced-form input[type="email"],
  .formularz-column-blog .wp-block-kadence-advanced-form input[type="tel"],
  .formularz-column-blog .wp-block-kadence-advanced-form textarea,
  .formularz-column-blog form[id*="kb-adv-form"] input[type="text"],
  .formularz-column-blog form[id*="kb-adv-form"] input[type="email"],
  .formularz-column-blog form[id*="kb-adv-form"] input[type="tel"],
  .formularz-column-blog form[id*="kb-adv-form"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: block !important;
  }
  
  /* Pole wiadomości (textarea) - szczególna uwaga na szerokość */
  .formularz-column-blog .wp-block-kadence-advanced-form textarea,
  .formularz-column-blog form[id*="kb-adv-form"] textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  /* Wrapper pola wiadomości - pełna szerokość */
  .formularz-column-blog .kb-adv-form-field[data-field-type="textarea"],
  .formularz-column-blog .kb-adv-form-field[data-field-type="message"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Wszystkie wrappery pól formularza - wyrównane */
  .formularz-column-blog .kb-adv-form-field {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  
  /* Disclaimer przy checkboxie - pełna szerokość, word-wrap */
  .formularz-column-blog .wp-block-kadence-advanced-form label,
  .formularz-column-blog form[id*="kb-adv-form"] label {
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    box-sizing: border-box !important;
  }
  
  /* Checkbox wrapper - pełna szerokość */
  .formularz-column-blog .kb-adv-form-field[data-field-type="checkbox"],
  .formularz-column-blog .kb-adv-form-field[data-field-type="gdpr"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Checkbox label - flex wrap dla długich tekstów */
  .formularz-column-blog .kb-adv-form-field[data-field-type="checkbox"] label,
  .formularz-column-blog .kb-adv-form-field[data-field-type="gdpr"] label {
    display: flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  
  /* Przycisk wysyłki formularza - widoczny, pełna szerokość */
  .formularz-column-blog .kb-adv-form-submit-button,
  .formularz-column-blog .kb-submit-field,
  .formularz-column-blog .kb-adv-form-field[data-field-type="submit"] {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-top: 24px !important;
    margin-bottom: 0 !important;
  }
  
  /* Przycisk submit - pełna szerokość */
  .formularz-column-blog .kb-adv-form-submit-button button,
  .formularz-column-blog .kb-adv-form-submit-button .kb-button,
  .formularz-column-blog .kb-adv-form-submit-button .kt-button {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Kolumna ze zdjęciem - pełna szerokość, pod formularzem */
  .formularz-zdjecie-blog {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .formularz-zdjecie-blog > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Obraz właściciela - wyśrodkowany, responsywny */
  .formularz-zdjecie-blog [class*="kb-image"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .formularz-zdjecie-blog figure,
  .formularz-zdjecie-blog figure.wp-block-kadence-image {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .formularz-zdjecie-blog img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    display: block !important;
    max-height: 400px !important;
    object-fit: contain !important;
  }
}

/* Małe telefony (≤480px) - dodatkowe dostosowania */
@media (max-width: 480px) {
  /* Czarna belka - mniejsze paddingi */
  .formularz-belka-blog {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  /* Numer telefonu - jeszcze mniejszy font */
  .formularz-belka-telefon .kt-adv-heading,
  .formularz-belka-telefon [class*="kt-adv-heading"] {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  
  /* Czerwona sekcja - mniejsze paddingi */
  .formularz-red-section-blog {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .formularz-red-section-blog > .kt-row-column-wrap {
    gap: 24px !important;
  }
  
  /* Nagłówek formularza - jeszcze mniejszy */
  .formularz-column-blog .kt-adv-heading,
  .formularz-column-blog [class*="kt-adv-heading"] {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 auto 18px auto !important;
    padding: 20px 16px 0 16px !important;
  }
  
  /* Pole wiadomości - mniejsze paddingi */
  .formularz-column-blog .wp-block-kadence-advanced-form textarea,
  .formularz-column-blog form[id*="kb-adv-form"] textarea {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  /* Disclaimer - jeszcze mniejszy font */
  .formularz-column-blog .kb-adv-form-field[data-field-type="checkbox"] label,
  .formularz-column-blog .kb-adv-form-field[data-field-type="gdpr"] label {
    font-size: 11px !important;
    line-height: 1.4 !important;
  }
  
  /* Obraz właściciela - mniejsza maksymalna wysokość */
  .formularz-zdjecie-blog img {
    max-height: 300px !important;
  }
}

/* ========================================
   FIX: Formularz - Pattern Divider
   Wyższa specyficzność dla nadpisania Kadence auto-generated styles
   ======================================== */

/* Nadpisanie dla wszystkich spacerów w formularz-button-pattern - najwyższa specyficzność */
.formularz-button-pattern > .kt-inside-inner-col > .wp-block-kadence-spacer .kt-block-spacer .kt-divider,
.formularz-button-pattern .wp-block-kadence-spacer .kt-block-spacer .kt-divider {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  height: 52px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  display: block !important;
}

/* Specyficzne nadpisanie dla uniqueID z wersji DE - maksymalna specyficzność */
.formularz-button-pattern > .kt-inside-inner-col > .wp-block-kadence-spacer.kt-block-spacer-2216_c9cc9c-a8 .kt-block-spacer .kt-divider,
.kadence-column2216_c6bdc8-ab.formularz-button-pattern .kt-block-spacer-2216_c9cc9c-a8 .kt-divider,
.wp-block-kadence-spacer.kt-block-spacer-2216_c9cc9c-a8 .kt-block-spacer .kt-divider,
.kt-block-spacer-2216_c9cc9c-a8 .kt-divider {
  width: 100% !important;
  max-width: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: none !important;
  border-top: none !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Specyficzne nadpisanie dla uniqueID z wersji PL - maksymalna specyficzność */
.formularz-button-pattern > .kt-inside-inner-col > .wp-block-kadence-spacer.kt-block-spacer-23_748957-fe .kt-block-spacer .kt-divider,
.kadence-column23_4b01bc-e9.formularz-button-pattern .kt-block-spacer-23_748957-fe .kt-divider,
.wp-block-kadence-spacer.kt-block-spacer-23_748957-fe .kt-block-spacer .kt-divider,
.kt-block-spacer-23_748957-fe .kt-divider {
  width: 100% !important;
  max-width: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: none !important;
  border-top: none !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

/* ABSOLUTNY OVERRIDE - bezpośredni selektor dla wszystkich dividerów w formularz-button-pattern */
.formularz-button-row .formularz-button-pattern hr.kt-divider,
.formularz-button-row .formularz-button-pattern .kt-divider {
  width: 100% !important;
  max-width: 100% !important;
  opacity: 0 !important;
  visibility: hidden !important;
  border: none !important;
  border-top: none !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  position: static !important;
  transform: none !important;
  left: auto !important;
  top: auto !important;
}

/* ========================================
   STRONA "O NAS" - Mobile Optimization
   ======================================== */

/* 1. H1 - Nagłówek główny */
@media (max-width: 768px) {
  .h1-o-nas {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 480px) {
  .h1-o-nas {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
}

/* 2. Hero Image - rozbudowa istniejących stylów */
@media (max-width: 768px) {
  .o-nas-hero-row.kb-row-layout-wrap {
    height: 300px !important;
  }
  
  .o-nas-hero-column .wp-block-spacer {
    height: 300px !important;
  }
  
  .o-nas-hero-column > .kt-inside-inner-col {
    background-position: center 45% !important;
  }
}

@media (max-width: 480px) {
  .o-nas-hero-row.kb-row-layout-wrap {
    height: 250px !important;
  }
  
  .o-nas-hero-column .wp-block-spacer {
    height: 250px !important;
  }
}

/* 3. Sekcja "Kim jesteśmy" - 3 kolumny na 1 kolumnę, wyśrodkowane */
@media (max-width: 768px) {
  .kim-jestesmy-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }

  /* Nadpisanie grida Kadence -> wymuś flex column i centrowanie */
  .kim-jestesmy-section.kb-row-layout-wrap > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  
  .kim-jestesmy-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  .kim-jestesmy-section .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    /* Po zmianach desktopowych wymuś wyśrodkowanie na mobile */
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .kim-jestesmy-section .wp-block-kadence-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    /* Ograniczenie szerokości treści dla stabilnego wyśrodkowania */
    max-width: 720px !important;
  }
  
  /* Wymuś centrowanie wrapa po zmianach desktopowych */
  .kim-jestesmy-section > .kt-row-column-wrap {
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Dodatkowe zawężenie bloków tekstu, aby nie uciekały w lewo/prawo */
  .kim-jestesmy-section .wp-block-kadence-advancedheading {
    max-width: 720px !important;
    width: 100% !important;
  }
  
  /* Nagłówek "kim jesteśmy" - maksymalne wyśrodkowanie */
  .kim-jestesmy-section .kt-adv-heading246_ddbea7-55,
  .kim-jestesmy-section .kt-adv-heading246_ddbea7-55[style] {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
  
  /* Teksty opisowe - maksymalne wyśrodkowanie */
  .kim-jestesmy-section .kt-adv-heading246_debec8-14,
  .kim-jestesmy-section .kt-adv-heading246_debec8-14[style],
  .kim-jestesmy-section .kt-adv-heading246_feda68-f5,
  .kim-jestesmy-section .kt-adv-heading246_feda68-f5[style] {
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
  }
  
  /* Wszystkie headingi w sekcji - wyśrodkowanie */
  .kim-jestesmy-section .wp-block-kadence-advancedheading {
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 480px) {
  .kim-jestesmy-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .kim-jestesmy-section > .kt-row-column-wrap {
    gap: 20px !important;
  }
  
  .kim-jestesmy-section .kt-adv-heading246_ddbea7-55 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .kim-jestesmy-section .kt-adv-heading246_debec8-14,
  .kim-jestesmy-section .kt-adv-heading246_feda68-f5 {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* 4. Sekcja "Dlaczego KAHAPE?" + Infoboxes */
@media (max-width: 768px) {
  .dlaczego-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .dlaczego-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
  }
  
  /* Nagłówek "Dlaczego kahape?" */
  .dlaczego-section .kt-adv-heading246_25686a-40 {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    margin: 0 auto !important;
  }
  
  /* Infobox rows - układ pionowy */
  .infobox-row {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .infobox-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: stretch !important;
  }
  
  .infobox-row .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  /* Infoboxes - mniejsze ikony i fonty */
  .infobox-row .kt-info-box-image {
    max-width: 80px !important;
    width: 80px !important;
  }
  
  .infobox-row .kt-blocks-info-box-title {
    font-size: 18px !important;
    line-height: 22px !important;
  }
  
  .infobox-row .kt-blocks-info-box-text {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

@media (max-width: 480px) {
  .dlaczego-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .dlaczego-section > .kt-row-column-wrap {
    gap: 24px !important;
  }
  
  .dlaczego-section .kt-adv-heading246_25686a-40 {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .infobox-row > .kt-row-column-wrap {
    gap: 20px !important;
  }
  
  .infobox-row .kt-info-box-image {
    max-width: 70px !important;
    width: 70px !important;
  }
  
  .infobox-row .kt-blocks-info-box-title {
    font-size: 16px !important;
    line-height: 20px !important;
  }
  
  .infobox-row .kt-blocks-info-box-text {
    font-size: 13px !important;
    line-height: 18px !important;
  }
}

/* 5. Sekcja "Opakowania na miarę" (czarna) - uniwersalne selektory dla PL i DE */
@media (max-width: 768px) {
  .opakowania-miara-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .opakowania-miara-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: center !important;
  }
  
  /* Lewa kolumna z tekstem - pierwsza kolumna */
  .opakowania-miara-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    order: 1 !important;
  }
  
  .opakowania-miara-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  /* Wewnętrzny rowlayout z 3 kolumnami - uniwersalny selektor */
  .opakowania-miara-section .kb-row-layout-wrap {
    width: 100% !important;
  }
  
  .opakowania-miara-section .kb-row-layout-wrap > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 20px !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  /* Wszystkie kolumny w rowlayout - wyśrodkowane */
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-column > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
  
  /* Nagłówek - pierwszy heading w sekcji */
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-advancedheading:first-of-type {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  
  /* Teksty opisowe - wszystkie headingi oprócz pierwszego i ostatniego */
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-advancedheading:not(:first-of-type):not(:last-of-type) {
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  
  /* Przycisk - ostatnia kolumna w wewnętrznym rowlayout */
  .opakowania-miara-section .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:last-child {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .opakowania-miara-section .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Wrapper przycisku */
  .opakowania-miara-section .kb-buttons-wrap {
    width: auto !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 auto !important;
  }
  
  /* Przycisk - uniwersalny selektor */
  .opakowania-miara-section .kb-button,
  .opakowania-miara-section .kt-button,
  .opakowania-miara-section a.kb-button,
  .opakowania-miara-section a.kt-button {
    width: auto !important;
    max-width: 100% !important;
    min-width: min-content !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    padding: 14px 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  /* Tekst przycisku */
  .opakowania-miara-section .kb-button .kt-btn-inner-text,
  .opakowania-miara-section .kt-button .kt-btn-inner-text {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    text-align: center !important;
  }
  
  /* Ikona przycisku */
  .opakowania-miara-section .kb-button .kt-btn-icon-side-right,
  .opakowania-miara-section .kb-button .kb-svg-icon-wrap,
  .opakowania-miara-section .kt-button .kt-btn-icon-side-right,
  .opakowania-miara-section .kt-button .kb-svg-icon-wrap {
    flex-shrink: 0 !important;
    margin-left: 8px !important;
  }
  
  /* Prawa kolumna z obrazem - druga kolumna w głównym rowlayout, ukryta na mobile */
  .opakowania-miara-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    display: none !important;
  }
}

@media (max-width: 480px) {
  .opakowania-miara-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .opakowania-miara-section > .kt-row-column-wrap {
    gap: 24px !important;
  }
  
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-advancedheading:first-of-type {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .opakowania-miara-section .kb-row-layout-wrap .wp-block-kadence-advancedheading:not(:first-of-type):not(:last-of-type) {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  
  .opakowania-miara-section .kb-button,
  .opakowania-miara-section .kt-button,
  .opakowania-miara-section a.kb-button,
  .opakowania-miara-section a.kt-button {
    font-size: 11px !important;
    line-height: 1.4 !important;
    padding: 12px 18px !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: min-content !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    margin: 0 auto !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
    justify-content: center !important;
  }
  
  .opakowania-miara-section .kb-button .kt-btn-inner-text,
  .opakowania-miara-section .kt-button .kt-btn-inner-text {
    white-space: normal !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  .opakowania-miara-section .kb-button .kt-btn-icon-side-right,
  .opakowania-miara-section .kb-button .kb-svg-icon-wrap,
  .opakowania-miara-section .kt-button .kt-btn-icon-side-right,
  .opakowania-miara-section .kt-button .kb-svg-icon-wrap {
    margin-left: 6px !important;
  }
}

/* 6. Czarna belka z telefonem - uniwersalne selektory dla PL i DE */
@media (max-width: 768px) {
  .belka-telefon {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .belka-telefon > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  
  /* Kolumna z "zadzwoń:" - pierwsza kolumna */
  .belka-telefon > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .belka-telefon > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  /* Tekst "zadzwoń" - pierwszy heading */
  .belka-telefon .wp-block-kadence-advancedheading:first-of-type {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }
  
  /* Kolumna z numerem telefonu - ostatnia kolumna */
  .belka-telefon > .kt-row-column-wrap > .wp-block-kadence-column:last-child {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }
  
  .belka-telefon > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  /* Numer telefonu - ostatni heading */
  .belka-telefon .wp-block-kadence-advancedheading:last-of-type {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .belka-telefon .wp-block-kadence-advancedheading:last-of-type a {
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .belka-telefon {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .belka-telefon .wp-block-kadence-advancedheading:first-of-type {
    font-size: 13px !important;
  }
  
  .belka-telefon .wp-block-kadence-advancedheading:last-of-type {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

/* ========================================
   STRONA "CUSTOM PACKAGING" - Mobile Optimization
   ======================================== */

/* 1. H1 - Nagłówek główny */
@media (max-width: 768px) {
  .h1-custom-packaging {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    letter-spacing: 0 !important;
  }
}

@media (max-width: 480px) {
  .h1-custom-packaging {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
}

/* 2. Hero z przyciskiem - klasa hero-cp-row */
@media (max-width: 768px) {
  .hero-cp-row {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
  
  .hero-cp-row .kadence-column276_d0ce6a-a3 {
    width: 100% !important;
    max-width: 100% !important;
  }
  
  .hero-cp-row .kb-image276_4e2fdc-15 {
    text-align: center !important;
  }
  
  .hero-cp-row .kb-image276_4e2fdc-15 figure {
    display: flex !important;
    justify-content: center !important;
  }
  
  .hero-cp-row .wp-block-spacer {
    height: 300px !important;
  }
}

@media (max-width: 480px) {
  .hero-cp-row .wp-block-spacer {
    height: 250px !important;
  }
}

/* 3. Intro section (2 kolumny) - klasa cp-intro-section */
@media (max-width: 768px) {
  .cp-intro-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  
  .cp-intro-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 24px !important;
    align-items: center !important;
  }
  
  .cp-intro-section .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
  
  /* Pierwszy nagłówek (h2) */
  .cp-intro-section .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading {
    font-size: 24px !important;
    line-height: 32px !important;
    text-align: center !important;
    padding: 0 !important;
  }
  
  /* Drugi nagłówek (p) */
  .cp-intro-section .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading {
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: center !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  .cp-intro-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  
  .cp-intro-section > .kt-row-column-wrap {
    gap: 20px !important;
  }
  
  .cp-intro-section .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  
  .cp-intro-section .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* 4. Folie dla branż + akordeon - klasa cp-branze-section */
@media (max-width: 768px) {
  .cp-branze-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  /* Kolumna z obrazem - pierwsza kolumna */
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    min-height: 300px !important;
  }
  
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer {
    height: 300px !important;
  }
  
  /* Kolumna z akordeonem - druga kolumna */
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 24px !important;
  }
  
  /* Nagłówek w drugiej kolumnie */
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading:first-of-type {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    margin-bottom: 20px !important;
  }
}

@media (max-width: 480px) {
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 250px !important;
  }
  
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer {
    height: 250px !important;
  }
  
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    padding: 20px !important;
  }
  
  .cp-branze-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading:first-of-type {
    font-size: 24px !important;
    line-height: 32px !important;
  }
}

/* 5. Nagłówek kroków - klasa cp-steps-title */
@media (max-width: 768px) {
  .cp-steps-title {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    padding: 0 24px !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 480px) {
  .cp-steps-title {
    font-size: 24px !important;
    line-height: 32px !important;
    padding: 0 20px !important;
    margin-bottom: 20px !important;
  }
}

/* 6. Kroki 1-5 (najtrudniejsza sekcja) - klasa cp-steps-row */
@media (max-width: 768px) {
  .cp-steps-row {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Background image - większy rozmiar na mobile, wypełnia część kontenera */
  .cp-steps-row .kt-row-layout-overlay {
    background-size: 35% auto !important;
    background-position: 0% 50% !important;
    opacity: 0.6 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  /* Główna kolumna z krokami - pierwsza kolumna */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 40px 24px 40px 24px !important;
    order: 1 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Rowlayout z 6 kolumnami - pierwszy rowlayout w pierwszej kolumnie */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 40px !important;
    align-items: stretch !important;
    padding: 0 !important;
  }
  
  /* Wszystkie kolumny kroków w rowlayout - pełna szerokość */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Wewnętrzne rowlayouty w krokach - CSS Grid zamiast flex */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: grid !important;
    grid-template-columns: 45px 1fr !important;
    gap: 16px !important;
    align-items: start !important;
    padding: 0 !important;
  }
  
  /* Kolumny z numerami - pierwsza kolumna w wewnętrznym rowlayout */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumny z tekstami - druga kolumna w wewnętrznym rowlayout */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Numery kroków - span w pierwszej kolumnie */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 42px !important;
    line-height: 1.1 !important;
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
  }
  
  /* Teksty kroków - p w drugiej kolumnie */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 14px !important;
    line-height: 1.7 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    display: block !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
  }
  
  /* Bold teksty w krokach */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] strong {
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
  }
  
  /* Kolumna z przyciskiem - ostatnia kolumna w głównym rowlayout */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    padding: 24px !important;
    margin-top: 16px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-buttons-wrap {
    width: 100% !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn {
    width: 100% !important;
    font-size: 12px !important;
    padding: 18px 24px !important;
    min-height: 56px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    letter-spacing: 1px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button .kt-btn-inner-text,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn .kt-btn-inner-text {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button .kb-svg-icon-wrap,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn .kb-svg-icon-wrap {
    flex-shrink: 0 !important;
    margin-left: auto !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button .kb-svg-icon-wrap svg,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn .kb-svg-icon-wrap svg {
    width: 16px !important;
    height: auto !important;
  }
  
  /* Kolumna ze zdjęciem - ukryta na mobile */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    display: none !important;
  }
}

@media (max-width: 480px) {
  /* Background image - jeszcze większy na małych ekranach */
  .cp-steps-row .kt-row-layout-overlay {
    background-size: 45% auto !important;
    background-position: 0% 50% !important;
    opacity: 0.5 !important;
  }
  
  /* Główna kolumna z krokami */
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    padding: 32px 20px 32px 20px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap {
    gap: 36px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
    grid-template-columns: 40px 1fr !important;
    gap: 14px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 38px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] strong {
    font-size: 15px !important;
    margin-bottom: 6px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child {
    padding: 20px !important;
    margin-top: 12px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn {
    font-size: 11px !important;
    padding: 16px 20px !important;
    min-height: 52px !important;
    gap: 12px !important;
  }
  
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-button .kb-svg-icon-wrap svg,
  .cp-steps-row > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap:first-child > .kt-row-column-wrap > .wp-block-kadence-column:last-child .kb-btn .kb-svg-icon-wrap svg {
    width: 14px !important;
  }
}

/* 7. Co zyskujesz? - klasa cp-benefits-section */
@media (max-width: 768px) {
  .cp-benefits-section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
  }
  
  /* Nagłówek "co zyskujesz?" - pierwsza kolumna */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    order: -1 !important;
    margin-bottom: 32px !important;
    padding-top: 40px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: left !important;
    padding: 0 !important;
  }
  
  /* Karty z benefitami - pozostałe kolumny */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  /* Wewnętrzne rowlayouty w kartach (czerwone boxy) */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap {
    width: 100% !important;
    padding: 24px !important;
    margin-bottom: 16px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
    align-items: stretch !important;
  }
  
  /* Kolumna z nagłówkiem i ikoną - pierwsza kolumna w czerwonym boxie */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  /* Wewnętrzny row z nagłówkiem i ikoną - układ poziomy */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap {
    width: 100% !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
  }
  
  /* Kolumna z nagłówkiem - pierwsza kolumna w wewnętrznym row */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumna z ikoną - druga kolumna w wewnętrznym row */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    flex: 0 0 auto !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 0 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
  }
  
  /* Ikony - stała wielkość */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-image {
    margin: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-image img {
    width: 50px !important;
    height: auto !important;
  }
  
  /* Nagłówki w kartach - pierwszy h2 w pierwszej kolumnie wewnętrznego row */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"]:first-of-type {
    font-size: 20px !important;
    line-height: 1.4 !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Kolumna z tekstem opisowym - druga kolumna w czerwonym boxie */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 16px 0 0 0 !important;
  }
  
  /* Teksty w kartach - p w drugiej kolumnie */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 13px !important;
    line-height: 1.6 !important;
    text-align: left !important;
    padding: 0 !important;
  }
}

@media (max-width: 480px) {
  .cp-benefits-section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    margin-bottom: 24px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  /* Czerwone boxy */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap {
    padding: 20px !important;
    margin-bottom: 12px !important;
  }
  
  /* Ikony mniejsze */
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-image img {
    width: 45px !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-kadence-advancedheading[class*="kt-adv-heading"]:first-of-type {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 12px 0 0 0 !important;
  }
  
  .cp-benefits-section > .kt-row-column-wrap > .wp-block-kadence-column:not(:first-child) > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

/* 8. Opinie klientów - klasa cp-testimonials-section - DESKTOP RESPONSIVE */
@media (min-width: 769px) {
  /* Rowlayout - równa wysokość i szerokość kolumn */
  .cp-testimonials-section > .kt-row-column-wrap {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
  }
  
  /* Obie kolumny - wymuszona równa szerokość 50% */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column {
    flex: 1 1 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    width: 50% !important;
  }
  
  /* Lewa kolumna z obrazem - min-height na kolumnie zamiast na spacerze */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    display: flex !important;
    flex-direction: column !important;
    min-height: 500px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 500px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
  }
  
  /* Spacer - height auto, rozciąga się dzięki flex: 1 1 auto */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer[style*="height"] {
    height: auto !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  
  /* Prawa kolumna ze sliderem */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    display: flex !important;
    flex-direction: column !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: center !important;
    padding: 60px 80px !important;
  }
  
  /* Slider - height auto, pozwala na rozciąganie do treści */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slider,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Slider inner elements - height auto, overflow visible */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-blocks-advanced-slider-init {
    height: auto !important;
    overflow: visible !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__track {
    height: auto !important;
    overflow: visible !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__list {
    height: auto !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__slide {
    height: auto !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide-inner-wrap,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide-inner {
    height: auto !important;
    overflow: visible !important;
  }
  
  /* Usunięcie ratio 16:9 które może powodować obcinanie */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-slider-ratio-16-9 {
    padding-bottom: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-slider-ratio-16-9:before {
    display: none !important;
  }
}

/* Średnie ekrany (tablety landscape, małe laptopy) */
@media (min-width: 769px) and (max-width: 1024px) {
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 400px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    min-height: 400px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 40px 40px !important;
  }
}

/* MacBook i podobne (1025px - 1512px) */
@media (min-width: 1025px) and (max-width: 1512px) {
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 500px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    min-height: 500px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 50px 60px !important;
  }
}

/* Większe ekrany (1513px - 1920px) */
@media (min-width: 1513px) and (max-width: 1920px) {
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 580px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    min-height: 580px !important;
  }
}

/* Bardzo duże ekrany (1921px+) */
@media (min-width: 1921px) {
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 650px !important;
  }
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    min-height: 650px !important;
  }
}

/* 8. Opinie klientów - klasa cp-testimonials-section - MOBILE */
@media (max-width: 768px) {
  /* Nagłówek "Opinie klientów" - pozostaje konkretny ID, bo jest poza sekcją */
  .kt-adv-heading276_480547-c6,
  .kt-adv-heading3049_a5cd22-52 {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center !important;
    padding: 0 24px !important;
    margin-bottom: 24px !important;
  }
  
  .cp-testimonials-section {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Kolumna ze zdjęciem - bez przerwy na dole */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    order: 1 !important;
    min-height: 280px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child > .kt-inside-inner-col {
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer {
    height: 280px !important;
    margin: 0 !important;
  }
  
  /* Kolumna ze sliderem (czerwone tło) - bez przerwy na górze */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) {
    width: 100% !important;
    max-width: 100% !important;
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 32px 24px !important;
    margin: 0 !important;
  }
  
  /* Slider wewnątrz - auto height zamiast ratio */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slider,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] {
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-blocks-advanced-slider-init,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-blocks-advanced-slider-init {
    height: auto !important;
    min-height: auto !important;
    max-height: none !important;
    padding-bottom: 0 !important;
  }
  
  /* Usunięcie ratio 16:9 */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-slider-ratio-16-9,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-slider-ratio-16-9 {
    padding-bottom: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-slider-ratio-16-9:before,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-slider-ratio-16-9:before {
    display: none !important;
    padding-top: 0 !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__track,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .splide__track {
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__list,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .splide__list {
    height: auto !important;
    position: relative !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .splide__slide,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .splide__slide {
    height: auto !important;
    position: relative !important;
    transform: none !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide-inner-wrap,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .kb-advanced-slide-inner,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-advanced-slide,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-advanced-slide-inner-wrap,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .kb-advanced-slide-inner {
    height: auto !important;
    position: relative !important;
    overflow: visible !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"],
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 14px !important;
    line-height: 1.7 !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  /* Autor testimonial - na nowej linii */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] strong,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .wp-block-kadence-advancedheading[class*="kt-adv-heading"] strong {
    display: block !important;
    margin-top: 20px !important;
    font-size: 13px !important;
  }
  
  /* Usunięcie line breaks na mobile - tekst płynnie się zawija */
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] br,
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) [class*="kb-advanced-slider"] .wp-block-kadence-advancedheading[class*="kt-adv-heading"] br {
    display: none !important;
  }
}

@media (max-width: 480px) {
  /* Nagłówek "Opinie klientów" - pozostaje konkretny ID, bo jest poza sekcją */
  .kt-adv-heading276_480547-c6,
  .kt-adv-heading3049_a5cd22-52 {
    font-size: 24px !important;
    line-height: 32px !important;
    padding: 0 20px !important;
    margin-bottom: 20px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child {
    min-height: 220px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:first-child .wp-block-spacer {
    height: 220px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) > .kt-inside-inner-col {
    padding: 24px 16px !important;
  }
  
  .cp-testimonials-section > .kt-row-column-wrap > .wp-block-kadence-column:nth-child(2) .wp-block-kadence-advancedheading[class*="kt-adv-heading"] {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }
}

/* 9. Czarna belka z telefonem - klasa belka-telefon-cp */
@media (max-width: 768px) {
  .belka-telefon-cp {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .belka-telefon-cp > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
  }
  
  /* Kolumna z "zadzwoń:" */
  .belka-telefon-cp .kadence-column276_ce0aa9-16 {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  
  .belka-telefon-cp .kadence-column276_ce0aa9-16 > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  .belka-telefon-cp .kt-adv-heading276_a340bc-8a {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px !important;
  }
  
  /* Kolumna z numerem telefonu */
  .belka-telefon-cp .kadence-column276_448ff8-40 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
  }
  
  .belka-telefon-cp .kadence-column276_448ff8-40 > .kt-inside-inner-col {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0 !important;
  }
  
  .belka-telefon-cp .kt-adv-heading276_bac787-be {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 24px !important;
    line-height: 32px !important;
  }
  
  .belka-telefon-cp .kt-adv-heading276_bac787-be a {
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .belka-telefon-cp {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .belka-telefon-cp .kt-adv-heading276_a340bc-8a {
    font-size: 13px !important;
  }
  
  .belka-telefon-cp .kt-adv-heading276_bac787-be {
    font-size: 20px !important;
    line-height: 28px !important;
  }
}

/* 10. Formularz custom packaging - nagłówek */
@media (max-width: 768px) {
  .kt-adv-heading276_08fb9d-53 {
    font-size: 24px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    padding: 24px 16px 16px 16px !important;
    margin: 0 !important;
  }
}

@media (max-width: 480px) {
  .kt-adv-heading276_08fb9d-53 {
    font-size: 20px !important;
    line-height: 1.3 !important;
    padding: 20px 12px 12px 12px !important;
  }
}

/* Naprawa obrazka tła stopki */
.site-top-footer-wrap,
.site-top-footer-wrap .site-container,
.site-top-footer-wrap .site-footer-row,
.site-top-footer-wrap .footer-widget-area,
.site-top-footer-wrap .footer-widget-area-inner,
.site-top-footer-wrap #block-21,
.site-top-footer-wrap .kadence-columnblock-21_a78dac-28,
.site-top-footer-wrap .kt-inside-inner-col {
  overflow: visible !important;
}

.site-top-footer-wrap .kb-imagecc9b47-20 {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  margin-top: -30px !important;
}

.site-top-footer-wrap .kb-imagecc9b47-20 img {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  width: auto !important;
  height: auto !important;
}

/* ========================================
   STRONA PRODUKTY - Responsywność Mobile
   ======================================== */

/* 1. H1 - Nagłówek główny (identycznie jak h1-o-nas i h1-home) */
@media (max-width: 768px) {
  .h1-produkty {
    font-size: 28px !important;
    line-height: 1.2 !important;
    margin-top: 0 !important;
    margin-bottom: 24px !important;
  }
}

@media (max-width: 480px) {
  .h1-produkty {
    font-size: 24px !important;
    line-height: 1.3 !important;
    margin-bottom: 20px !important;
  }
}

/* 2. Hero Section - zmniejszenie spacerów i obrazu */
@media (max-width: 768px) {
  .hero-produkty {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* Kolumna z obrazem - position relative dla absolute positioning */
  .hero-produkty .wp-block-kadence-column {
    position: relative !important;
  }
  
  .hero-produkty .kt-inside-inner-col {
    position: relative !important;
  }
  
  .hero-produkty .wp-block-spacer {
    height: 280px !important;
  }
  
  /* Link "Dowiedz się więcej" - białe pole w prawym górnym rogu */
  .hero-produkty .wp-block-kadence-advancedheading {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    background: #ffffff !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    text-align: right !important;
    z-index: 10 !important;
    max-width: 140px !important;
  }
  
  .hero-produkty .wp-block-kadence-advancedheading a,
  .hero-produkty .wp-block-kadence-advancedheading span {
    font-size: 12px !important;
    line-height: 1.4 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    color: #111827 !important;
  }
  
  /* Ikona strzałki */
  .hero-produkty .wp-block-kadence-advancedheading .kadence-svg-iconset {
    flex-shrink: 0 !important;
  }
}

@media (max-width: 480px) {
  .hero-produkty .wp-block-spacer {
    height: 220px !important;
  }
  
  .hero-produkty .wp-block-kadence-advancedheading {
    padding: 12px 16px !important;
    max-width: 120px !important;
  }
  
  .hero-produkty .wp-block-kadence-advancedheading a,
  .hero-produkty .wp-block-kadence-advancedheading span {
    font-size: 11px !important;
  }
}

/* 3. Czarna belka z telefonem - używa uniwersalnych stylów */
@media (max-width: 768px) {
  .belka-telefon-produkty {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .belka-telefon-produkty > .kt-row-column-wrap {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 16px 0 !important;
  }
  
  /* Reset ujemnych marginów i wyśrodkowanie kolumn */
  .belka-telefon-produkty .wp-block-kadence-column {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  .belka-telefon-produkty .wp-block-kadence-column > .kt-inside-inner-col {
    width: auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
  }
  
  /* Tekst "zadzwoń" */
  .belka-telefon-produkty .kt-adv-heading185_1a1e33-ea {
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    width: 100% !important;
  }
  
  /* Numer telefonu */
  .belka-telefon-produkty .kt-adv-heading185_2a04e6-fd {
    margin: 0 !important;
    text-align: center !important;
    font-size: 24px !important;
    width: 100% !important;
  }
}

@media (max-width: 480px) {
  .belka-telefon-produkty {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .belka-telefon-produkty .kt-adv-heading185_1a1e33-ea {
    font-size: 12px !important;
  }
  
  .belka-telefon-produkty .kt-adv-heading185_2a04e6-fd {
    font-size: 20px !important;
  }
}

/* ========================================
   STRONA PRODUKTY - Siatka kart produktów
   Klasa: produkty-grid
   ======================================== */

@media (max-width: 768px) {
  /* Główny kontener siatki produktów */
  .produkty-grid {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  
  .produkty-grid > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 40px !important;
  }
  
  /* Wewnętrzne rowlayouty z kartami - jedna kolumna */
  .produkty-grid .kb-row-layout-wrap > .kt-row-column-wrap {
    flex-direction: column !important;
    gap: 32px !important;
    align-items: center !important;
  }
  
  /* Karty produktów w sekcji produkty */
  .produkty-grid .branze-card {
    position: relative !important;
    width: 100% !important;
    max-width: 280px !important;
    min-height: auto !important;
    overflow: visible !important;
  }
  
  .produkty-grid .branze-card > .kt-inside-inner-col {
    position: relative !important;
    min-height: auto !important;
  }
  
  /* Wewnętrzny rowlayout karty - kolumnowy układ */
  .produkty-grid .branze-card > .kt-inside-inner-col > .kb-row-layout-wrap {
    position: relative !important;
  }
  
  .produkty-grid .branze-card > .kt-inside-inner-col > .kb-row-layout-wrap > .kt-row-column-wrap {
    display: flex !important;
    flex-direction: column !important;
    position: relative !important;
  }
  
  /* Kolumna z grafiką (spacer) - pełna szerokość */
  .produkty-grid .branze-card .kb-section-has-link {
    width: 100% !important;
    position: relative !important;
  }
  
  /* Spacer z obrazem - zachowaj wysokość */
  .produkty-grid .branze-card .wp-block-spacer {
    height: 180px !important;
  }
  
  /* Pasek z przyciskiem - ukryty na mobile */
  .produkty-grid .branze-bar {
    display: none !important;
  }
  
  /* Tytuł produktu - pod grafiką, na białym tle */
  .produkty-grid .branze-title {
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    margin-top: 200px !important;
  }
  
  .produkty-grid .branze-title > .kt-inside-inner-col {
    padding: 0 !important;
  }
  
  .produkty-grid .branze-title .wp-block-kadence-advancedheading {
    font-size: 16px !important;
    line-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  .produkty-grid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  
  .produkty-grid .branze-card {
    max-width: 260px !important;
  }
  
  .produkty-grid .branze-card .wp-block-spacer {
    height: 160px !important;
  }
  
  /* Specyficzna karta "wyceń opakowanie" - popraw pozycjonowanie tła na małych ekranach */
  .produkty-grid .kadence-column185_60dd8c-ad,
  .produkty-grid .kadence-column185_60dd8c-ad[style] {
    background-position: 52% 45% !important;
    background-size: contain !important;
  }
  
  /* Kolumna z obrazkiem Layer_3.png - popraw pozycjonowanie używając klasy wycen-box */
  .produkty-grid .wycen-box,
  .produkty-grid .wycen-box[style],
  .produkty-grid .wycen-box[style*="background"],
  .produkty-grid .kb-section-has-link.wycen-box,
  .produkty-grid .kb-section-has-link.wycen-box[style],
  .produkty-grid .wp-block-kadence-column.wycen-box,
  .produkty-grid .wp-block-kadence-column.wycen-box[style],
  .produkty-grid .kadence-column185_76031c-37.wycen-box,
  .produkty-grid .kadence-column185_76031c-37.wycen-box[style] {
    background-position: 50% 45% !important;
    background-size: 60% auto !important;
  }
  
  .produkty-grid .wycen-box > .kt-inside-inner-col,
  .produkty-grid .wycen-box > .kt-inside-inner-col[style],
  .produkty-grid .wycen-box > .kt-inside-inner-col[style*="background"],
  .produkty-grid .kadence-column185_76031c-37.wycen-box > .kt-inside-inner-col,
  .produkty-grid .kadence-column185_76031c-37.wycen-box > .kt-inside-inner-col[style] {
    background-position: 50% 45% !important;
    background-size: 60% auto !important;
  }
  
  .produkty-grid .branze-title .wp-block-kadence-advancedheading {
    font-size: 14px !important;
    line-height: 20px !important;
  }
}

/* ========================================
   STRONA PRODUKTY - Formularz kontaktowy
   ======================================== */

@media (max-width: 768px) {
  /* Nagłówek formularza - poprawiony dla mobile */
  .formularz-column .kt-adv-heading185_5ea928-01,
  .formularz-column .kt-adv-heading185_5ea928-01[style] {
    font-size: 24px !important;
    line-height: 32px !important;
    margin: 0 0 24px 0 !important;
    padding: 0 !important;
    text-align: center !important;
  }
}

@media (max-width: 480px) {
  /* Nagłówek formularza - jeszcze mniejszy na małych ekranach */
  .formularz-column .kt-adv-heading185_5ea928-01,
  .formularz-column .kt-adv-heading185_5ea928-01[style] {
    font-size: 20px !important;
    line-height: 28px !important;
    margin: 0 0 20px 0 !important;
  }
}

/* ========================================
   STRONA PRODUKTY - Karta "wyceń opakowanie"
   Obrazek Layer_3.png - wyśrodkowanie na mobile
   Używamy maksymalnej specyficzności przez powtórzenie klas
   ======================================== */

@media (max-width: 768px) {
  /* Wewnętrzny kontener z obrazkiem tła - MAKSYMALNA SPECYFICZNOŚĆ */
  .wycen-box.wycen-box > .kt-inside-inner-col,
  .kadence-column185_76031c-37.kadence-column185_76031c-37 > .kt-inside-inner-col,
  .wp-block-kadence-column.wycen-box > .kt-inside-inner-col,
  .kb-section-has-link.wycen-box > .kt-inside-inner-col {
    background-position: 50% 50% !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-size: 45% auto !important;
    min-height: 180px !important;
  }
}

@media (max-width: 480px) {
  .wycen-box.wycen-box > .kt-inside-inner-col,
  .kadence-column185_76031c-37.kadence-column185_76031c-37 > .kt-inside-inner-col,
  .wp-block-kadence-column.wycen-box > .kt-inside-inner-col,
  .kb-section-has-link.wycen-box > .kt-inside-inner-col {
    background-position: 50% 50% !important;
    background-position-x: 50% !important;
    background-position-y: 50% !important;
    background-size: 40% auto !important;
    min-height: 160px !important;
  }
}
/* === SEKCJA ZALETY PRODUKTU - RESPONSYWNOŚĆ === */

/* Tablet (do 1024px) */
@media (max-width: 1024px) {
    .zalety-produktu-row {
        background-size: auto 60% !important;
        background-position: right bottom !important;
    }
    
    .zalety-produktu-row .wp-block-kadence-advancedheading {
        margin-right: 0 !important;
    }
}

/* Mobile (do 767px) */
@media (max-width: 767px) {
    .zalety-produktu-row {
        background-image: none !important;
        padding: 0 !important;
    }
    
    /* Kolumna ze zdjęciem */
    .zalety-produktu-row .zalety-foto {
        order: 2;
    }
    
    .zalety-produktu-row .zalety-foto .wp-block-spacer {
        height: 300px !important;
    }
    
    /* Kolumna z tekstem */
    .zalety-produktu-row .zalety-content {
        order: 1;
        padding: 32px 20px !important;
    }
    
    /* Nagłówki - ogólne */
    .zalety-produktu-row .wp-block-kadence-advancedheading {
        margin-right: 0 !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }
    
    /* Główny nagłówek H2 */
    .zalety-produktu-row h2.wp-block-kadence-advancedheading {
        font-size: 24px !important;
        line-height: 1.2 !important;
        margin-bottom: 8px !important;
    }
    
    /* Podtytuł (Vorteile der Anwendung) */
    .zalety-produktu-row span.wp-block-kadence-advancedheading:first-of-type {
        font-size: 16px !important;
        margin-bottom: 24px !important;
        display: block;
    }
    
    /* Zalety - punkty tekstowe */
    .zalety-produktu-row .kt-inside-inner-col > span.wp-block-kadence-advancedheading {
        padding-top: 16px !important;
        padding-bottom: 16px !important;
        margin-bottom: 8px !important;
        display: block;
    }
    
    /* Przycisk kontakt */
    .zalety-produktu-row .wp-block-kadence-image {
        margin-right: 0 !important;
        margin-top: 32px !important;
    }
    
    .zalety-produktu-row .wp-block-kadence-image img {
        max-width: 200px;
    }
}

/* Small mobile (do 480px) */
@media (max-width: 480px) {
    .zalety-produktu-row .zalety-foto .wp-block-spacer {
        height: 220px !important;
    }
    
    .zalety-produktu-row .zalety-content {
        padding: 28px 16px !important;
    }
    
    .zalety-produktu-row h2.wp-block-kadence-advancedheading {
        font-size: 20px !important;
    }
    
    /* Zalety - mniejsze odstępy na małych telefonach */
    .zalety-produktu-row .kt-inside-inner-col > span.wp-block-kadence-advancedheading {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/* ========================================
   HAMBURGER MENU - Większe i wyśrodkowane na mobile
======================================== */
@media (max-width: 1024px) {
  
  /* Kontener - wyśrodkowanie */
  .mobile-toggle-open-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Przycisk - większy obszar klikalny */
  #mobile-toggle,
  .menu-toggle-open {
    padding: 12px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  
  /* Ikona SVG - większa */
  #mobile-toggle .kadence-svg-icon,
  .menu-toggle-open .kadence-svg-icon {
    width: 32px !important;
    height: 32px !important;
  }
  
  #mobile-toggle .kadence-svg-icon svg,
  .menu-toggle-open .kadence-svg-icon svg {
    width: 32px !important;
    height: 32px !important;
  }
}

/* Jeszcze większy na małych telefonach */
@media (max-width: 480px) {
  
  #mobile-toggle,
  .menu-toggle-open {
    padding: 14px !important;
    min-width: 52px !important;
    min-height: 52px !important;
  }
  
  #mobile-toggle .kadence-svg-icon,
  .menu-toggle-open .kadence-svg-icon {
    width: 36px !important;
    height: 36px !important;
  }
  
  #mobile-toggle .kadence-svg-icon svg,
  .menu-toggle-open .kadence-svg-icon svg {
    width: 36px !important;
    height: 36px !important;
  }
}



.single-content h1.elementor-heading-title, .single-content h2.elementor-heading-title, .single-content h3.elementor-heading-title, .single-content h4.elementor-heading-title, .single-content h5.elementor-heading-title, .single-content h6.elementor-heading-title {
    margin: 0;
}

.single-content h1.elementor-heading-title, .single-content h2.elementor-heading-title, .single-content h3.elementor-heading-title, .single-content h4.elementor-heading-title, .single-content h5.elementor-heading-title, .single-content h6.elementor-heading-title {
    margin-bottom: 0;
}

.eael-contact-form-7 .wpcf7-form p input.wpcf7-submit {
	margin-top: 10px;
}

.row-fields {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 20px;
	margin: 0 !important;
	padding-bottom: 15px;
}
.row-fields > p {
	width:100%;
}
.row-fields > p span{
	    width: 100%;
    max-width: 100%;
    display: block;
}
.row-fields select {
    width: 100%;
    padding: 15px;
}
.wpcf7-list-item-label {
	text-transform: none!important;
}
@media all and (max-width: 768px) {
	.row-fields {
	  display: block !important;
	}
}
.wpcf7-form label {
  display: block;
  color: #fff;
  font-weight: 600;
  margin-bottom: 8px;
}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
  width: 100%;
  border: none;
  border-radius: 0;
  padding: 14px;
  background: #fff;
  display: block;
}

.wpcf7-list-item {
	margin: 0;
}

.submit-wrap {
	display: flex;
	max-height: 50px;
    height: 50px;
    overflow: hidden;
    margin-top: 15px;
    margin-bottom: 0 !important;
}
.submit-wrap div p {
	display: flex !important;
    padding: 0;
    margin: 0;
    height: 100%;
}
.submit-wrap input {
	margin: 0  !important;
    height: 100%  !important;
}

.submit-wrap img {
    height: 100%  !important;
    display: flex  !important;
}
@media all and (max-width: 768px) {
	.submit-wrap img.send-message-decor {
		display: none  !important;
	}
}
.wpcf7-spinner {
	display: none !important;
}

.elementor-page .site-container {
	max-width: 100vw !important;
	padding: 0;
}

.elementor-page .site-footer-row-container-inner .site-container {
    max-width: var(--global-content-width) !important;
}

.elementor-page  .site-container .entry-content-wrap {
	padding: 0;
}

.elementor-page  .single-content p {
	margin-bottom: 0;
}

.elementor-page .content-area {
    margin-bottom: 0;
}

@media screen and (max-width: 719px) {
    .elementor-page.content-style-boxed .content-bg:not(.loop-entry) {
        margin-left:0;
		margin-right: 0;
        width: auto;
    }
}

@media (max-width: 767px) {
    .elementor-page .e-con {
        --container-max-width: 100%;
    }
}

.elementor.elementor .e-con>.elementor-widget {
    width: 100%;
}

.content-area {
	margin-top: 20px;
}

.kadence-column1898_929b05-e6, .kt-inside-inner-col > .kadence-column1898_929b05-e6:not(.specificity) {
    margin-left: 0!important;
}

.content-width-narrow .content-container.site-container, .content-width-narrow .hero-container.site-container {
    max-width: 1140px !important;
	width:100%;
}

.wp-singular.single.single-post .kb-row-layout-id1898_965cd1-b8 {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: 0!important;
    margin-right: 0!important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.wp-singular.single.single-post .breadcrumbs-custom {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 60px;
    position: relative;
    font-family: 'Poppins', sans-serif;
    margin-top: 10px;
}

.wpcf7 form.sent .wpcf7-response-output,
.wpcf7-not-valid-tip,
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    color: #000;
    border: none;
	padding: 0;
	font-weight: bold;
}

.wpcf7 .wpcf7-list-item-label a {
	text-decoration: underline;
    color: var(--e-global-color-accent);
}


	.site-bottom-footer-wrap, .site-middle-footer-wrap {
		padding: 0 15px;
	}

.eael-contact-form-7-button-full-width .eael-contact-form-7 .wpcf7-form p:nth-last-of-type(1) {
	display: block !important;
}

#main-header {
	    max-width: 1140px;
    margin: auto;
}