.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-489 .elementor-element.elementor-element-c2fc4b5{color:#141414;font-family:"Urbanist", Sans-serif;font-size:1rem;font-weight:400;line-height:1.625;}.elementor-489 .elementor-element.elementor-element-f55ab53{--swiper-slides-to-display:3;--swiper-offset-size:100px;--swiper-slides-gap:16px;margin:4rem 0rem calc(var(--kit-widget-spacing, 0px) + 0rem) 0rem;}.elementor-489 .elementor-element.elementor-element-f55ab53 .swiper-slide > .elementor-element{height:100%;}@media(max-width:1366px){.elementor-489 .elementor-element.elementor-element-f55ab53{--swiper-slides-to-display:3;}}@media(max-width:1200px){.elementor-489 .elementor-element.elementor-element-f55ab53{--swiper-slides-to-display:3;}}@media(max-width:1024px){.elementor-489 .elementor-element.elementor-element-f55ab53{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-489 .elementor-element.elementor-element-f55ab53{--swiper-slides-to-display:1;}}/* Start custom CSS for loop-carousel, class: .elementor-element-f55ab53 *//* Kontener kropek karuzeli */
.elementor-489 .elementor-element.elementor-element-f55ab53 .swiper-pagination {
  bottom: -25px !important;
}

/* Pojedyncza kropka */
.elementor-489 .elementor-element.elementor-element-f55ab53 .swiper-pagination-bullet {
  width: 6px !important;
  height: 6px !important;
  background-color: #d1d5db !important; /* szary nieaktywny */
  opacity: 1 !important;
  transition: all 0.3s ease !important;
  border-radius: 9999px !important;
  margin: 0 4px !important;
}

/* Aktywna kropka (wydłużona pigułka w kolorze różowym) */
.elementor-489 .elementor-element.elementor-element-f55ab53 .swiper-pagination-bullet-active {
  width: 20px !important;
  background-color: #DB9394 !important; /* Twój różowy akcent */
  border-radius: 9999px !important;
}/* End custom CSS */
/* Start custom CSS */hr {
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1)!important;
  margin-top: 2rem!important;
  margin-bottom: 2rem!important;
}

/* --- Stylowanie breadcrumbs z tagów span --- */
.custom-breadcrumbs {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 8px !important;
  font-family: 'Urbanist', sans-serif !important;
  font-size: 0.8rem !important;
  color: #6b7280 !important;
  margin-bottom: 12px !important;
}

/* Każdy pojedynczy span (element ścieżki) */
.custom-breadcrumbs span {
  display: inline-flex !important;
  align-items: center !important;
  color: #6b7280 !important;
  transition: color 0.2s ease !important;
}

/* Dodanie delikatnego separatora (ukośnika) między elementami */
.custom-breadcrumbs span:not(:last-child):after {
  content: "/" !important;
  margin-left: 8px !important;
  color: #d1d5db !important;
  font-weight: 300 !important;
}

/* Ostatni element (aktualna strona) - wyróżniony Twoim różowym akcentem */
.custom-breadcrumbs span:last-child {
  color: #DB9394 !important;
  font-weight: 500 !important;
}

/* Hover na linki/elementy ścieżki (jeśli są klikalne) */
.custom-breadcrumbs span:not(:last-child):hover {
  color: #141414 !important;
  cursor: pointer;
}/* End custom CSS */