html, body {overflow-x: hidden;}
.com_gridbox:not(.modal) p + p{margin-top:1rem}
.kroki dl,
.plan dl{display: grid; grid-template-columns: 15% 85%; gap: 0; row-gap:3rem}
.kroki dt {grid-column: 1; font-size:2rem; font-weight:500; text-transform:uppercase}
.plan dt {grid-column: 1;font-size:inherit; font-weight:400; text-transform:uppercase}
.kroki dd,
.plan dd{grid-column: 2; margin: 0; }
.kroki h3 +dl,
h3 +p,
h3 + ul,
h3 + ol,
h4 + p{margin-top:2rem!important}
.darmowe-czesne h4+p{margin-top:.5rem!important}
p + h3,
ol + h3,
ul + h3,
.adaptacja ol h3{margin-top:3rem!important;}
.adaptacja ol  ol{margin-top:1rem!important}
ul.mod-menu li > a{position:relative}
ul.mod-menu li.nav-item a:after {position: absolute; content: ''; left: 0px; bottom: 3px; display: block; width: 0; height: 4px;background-image: url(../../../../images/theme/peggi_brush.svg); background-size: 80px 4px; background-repeat:no-repeat; transition: width .25s cubic-bezier(.63,.04,.22,.95);}
footer .ba-item-icon-list li a{align-items:center}
footer .ba-item-icon-list li a span{flex-direction:column;align-items:start}
footer .ba-item-icon-list li a span small{line-height:1.4rem}
footer .ba-item-icon-list li i {margin-top: 0;transform:initial}

ul.mod-menu li.nav-item:hover > a:after,
ul.mod-menu li.nav-item.active > a:after {width: 80px;}
/*.ba-item.zoom-hover .ba-image-wrapper {overflow: hidden;}*/
.ba-item.zoom-hover .ba-image-wrapper img {transition: transform 0.4s ease;}
.ba-item.zoom-hover:hover .ba-image-wrapper img {transform: scale(1.1);}
.ba-item.zoom-hover  .ba-image-wrapper{overflow: visible;}
.blok{position:relative}
.blok:before{content:'';position: absolute; left:0;top:-20px;display: inline-block; vertical-align: middle; width: 34px; height: 5px; transform-origin: left; background-color: #f39e59;}
.no-list ul{list-style-type:none;margin-left:0}
.chlopiec-bujanie {
    animation: bujanie 4s ease-in-out infinite;
    transform-origin: top center;
}

@keyframes bujanie {
    0%, 100% {
        transform: rotate(-3deg);
    }
    50% {
        transform: rotate(3deg);
    }
}
/* Napis "Menu" przed hamburgerem - tylko na mobile */
@media (max-width: 1024px) {
.ba-hamburger-menu .open-menu {display: flex; align-items: center; justify-content:flex-end;gap: 1px;}
.ba-hamburger-menu .open-menu::before {content: "Menu"; font-size: inherit; font-weight: 500; line-height: 1; text-transform: uppercase; }
}
/**
 * split-nav.css — v21
 * Style dla podzielonego menu z logo na środku
 */

/* Main-menu widoczne gdy split aktywny */
.main-menu.split-nav-visible {
  display: block !important;
  position: static !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Ukryj close-menu gdy split aktywny */
.main-menu.split-nav-visible > .close-menu {
  display: none !important;
}

/* Główny wrapper - flexbox */
.integration-wrapper.split-nav-active {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
}

/* Lewa część menu */
.integration-wrapper.split-nav-active .split-left {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Prawa część menu */
.integration-wrapper.split-nav-active .split-right {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Logo na środku */
.integration-wrapper.split-nav-active .logo-center-split {
  flex: 0 0 auto !important;
  width: auto !important;
  margin: 0 20px;
}

/* Elementy menu */
.integration-wrapper.split-nav-active .split-left > .nav-item,
.integration-wrapper.split-nav-active .split-right > .nav-item {
  display: inline-flex;
  align-items: center;
}

/* Submenu - pozycjonowanie */
.integration-wrapper.split-nav-active .deeper.parent {
  position: relative;
}

.integration-wrapper.split-nav-active .mod-menu__sub {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
}

.integration-wrapper.split-nav-active .mod-menu__sub .nav-item {
  display: block !important;
}
@media (max-width:996px){
.kroki dl,
.plan dl{display: block;grid-template-columns: 1fr; gap: 0; row-gap:2rem}
.kroki dd,
.plan dd{grid-column: 1; margin: 0; width:100%; padding: 1rem 0 3rem 0;}
.ba-item.ba-item-breadcrumbs ul {flex-wrap: wrap;}
}
@media (max-width: 64rem){
.deeper.parent > a:after {padding: 0}