.elementor-52 .elementor-element.elementor-element-3354e8ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-52 .elementor-element.elementor-element-4760057{--grid-columns:1;}.elementor-52 .elementor-element.elementor-element-4760057 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-4760057 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-52 .elementor-element.elementor-element-4760057 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-52 .elementor-element.elementor-element-4760057 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-52 .elementor-element.elementor-element-4760057 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-52 .elementor-element.elementor-element-3354e8ec{--content-width:100%;}}@media(max-width:1024px){.elementor-52 .elementor-element.elementor-element-4760057{--grid-columns:2;}}@media(max-width:767px){.elementor-52 .elementor-element.elementor-element-4760057{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-4760057 *//* wyśrodkowanie całej paginacji */
.loop-pagination-box {
        
  padding: 20px 0;
  text-align: center;
}

/* Kontener paginacji Elementor Loop */
.loop-pagination-box .elementor-pagination {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}

/* Wszystkie "kafle" paginacji: liczby + strzałki */
.loop-pagination-box .elementor-pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: #e4001b;          /* czerwone tło */
  color: #fff;                  /* biała cyfra/strzałka */
  font-weight: 600;
  text-decoration: none;
  border-radius: 0;
  border: 2px solid transparent;
  box-sizing: border-box;
  transition: background .2s ease, color .2s ease, transform .15s ease;
}

/* Hover dla nieaktywnej strony */
.loop-pagination-box .elementor-pagination .page-numbers:not(.current):hover {
  transform: translateY(-2px);
  background: #c70018;
}

/* AKTYWNA STRONA – jak na screenie: białe tło, niebieska ramka, czerwony numer */
.loop-pagination-box .elementor-pagination .page-numbers.current {
  background: #ffffff;
  color: #e4001b;
  border-color: #0056b3;        /* niebieska ramka */
}

/* Opcjonalnie: usuń podkreślenia, focus itp. */
.loop-pagination-box .elementor-pagination .page-numbers:focus {
  outline: none;
  box-shadow: 0 0 0 2px rgba(0,86,179,.35);
}/* End custom CSS */