.elementor-89 .elementor-element.elementor-element-c1af198{--display:flex;}.elementor-89 .elementor-element.elementor-element-c1af198:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-c1af198 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-89 .elementor-element.elementor-element-8ee0b2a{--display:flex;--margin-top:-3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-89 .elementor-element.elementor-element-8ee0b2a:not(.elementor-motion-effects-element-type-background), .elementor-89 .elementor-element.elementor-element-8ee0b2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-89 .elementor-element.elementor-element-140a290{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1px;z-index:10;}.elementor-89 .elementor-element.elementor-element-140a290 .elementor-divider-separator{width:100%;}.elementor-89 .elementor-element.elementor-element-140a290 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-89 .elementor-element.elementor-element-baf4167.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-89 .elementor-element.elementor-element-baf4167 .elementor-main-swiper{height:10vh;}.elementor-89 .elementor-element.elementor-element-baf4167 .elementor-swiper-button{font-size:20px;}.elementor-89 .elementor-element.elementor-element-baf4167 .elementor-main-swiper:not(.elementor-thumbnails-swiper) .elementor-carousel-image{background-size:contain;}.elementor-89 .elementor-element.elementor-element-aee5736{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1px;}.elementor-89 .elementor-element.elementor-element-aee5736 .elementor-divider-separator{width:100%;}.elementor-89 .elementor-element.elementor-element-aee5736 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-89 .elementor-element.elementor-element-b6fe2a5{--display:flex;}.elementor-89 .elementor-element.elementor-element-a81865f{--display:flex;}.elementor-89 .elementor-element.elementor-element-e6d41e1{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:flex-end;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:flex-end;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;--n-menu-toggle-align:flex-end;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-font-size:13px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-89 .elementor-element.elementor-element-e6d41e1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-89 .elementor-element.elementor-element-e6d41e1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-89 .elementor-element.elementor-element-e6d41e1 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-89:not(.elementor-motion-effects-element-type-background), .elementor-89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E8;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-89 .elementor-element.elementor-element-c1af198{--content-width:1300px;}.elementor-89 .elementor-element.elementor-element-8ee0b2a{--width:100%;}}@media(max-width:1024px){.elementor-89 .elementor-element.elementor-element-8ee0b2a{--margin-top:-3%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-89 .elementor-element.elementor-element-baf4167.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:767px){.elementor-89 .elementor-element.elementor-element-8ee0b2a{--margin-top:-5%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-89 .elementor-element.elementor-element-baf4167.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}/* Start custom CSS *//* ===== HERO: layout i tło ===== */
.hero-posts .hero-slide {
  min-height: clamp(460px, 60vh, 640px);
  position: relative;
  display: flex;
  align-items: center;
  padding: clamp(16px, 4vw, 40px);
  isolation: isolate; /* żeby pseudo-warstwy nie mieszały się ze slajdem obok */
}

/* Tealowy panel jak na screenie – po lewej, a z prawej widać zdjęcie */
.hero-posts .hero-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #27b0bb 0 52%, transparent 52%);
  z-index: 0;
  mix-blend-mode: normal;
}

/* ===== Karta z treścią ===== */
.hero-posts .hero-card {
  margin-left: auto;               /* dociśnij kartę do prawej */
  max-width: min(560px, 48vw);
  background: #fff;
  padding: clamp(20px, 3.2vw, 32px);
  border-radius: 10px;
  box-shadow: 0 18px 40px rgba(0,0,0,.14);
  position: relative;
  z-index: 1;
}

/* Meta/kategoria opcjonalnie nad tytułem */
.hero-posts .hero-meta {
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .02em;
  color: #006d75;
  margin-bottom: .25em;
}

/* Tytuł */
.hero-posts .hero-title {
  margin: 0 0 .35em 0;
  line-height: 1.1;
  font-size: clamp(26px, 3.2vw, 36px);
  color: #111;
}

/* Zajawka */
.hero-posts .hero-excerpt {
  color: #333;
  font-size: clamp(15px, 1.25vw, 17px);
  line-height: 1.5;
  margin: 0 0 1rem 0;

  /* 3-liniowy clamp, żeby wysokości były równe */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Przycisk */
.hero-posts .hero-btn a,
.hero-posts .hero-btn {
  display: inline-flex;
  align-items: center;
  gap: .5em;
  padding: .8em 1.15em;
  background: #e4001b;           /* czerwony akcent */
  color: #fff;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.hero-posts .hero-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 18px rgba(228,0,27,.28);
  background: #c70018;
}

/* ===== Strzałki (Swiper) ===== */
.hero-posts .swiper-button-prev,
.hero-posts .swiper-button-next {
  width: 44px; height: 44px;
  border-radius: 10px;
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 8px 20px rgba(0,0,0,.12);
  color: #182b42;
}
.hero-posts .swiper-button-prev:after,
.hero-posts .swiper-button-next:after {
  font-size: 18px;
}

/* Pozycja strzałek – środek wysokości, lekko poza slajdem */
.hero-posts .swiper-button-prev { left: clamp(8px, 2vw, 18px); }
.hero-posts .swiper-button-next { right: clamp(8px, 2vw, 18px); }

/* ===== Paginate „kwadratowe kropki” jak na screenie ===== */
.hero-posts .swiper-pagination {
  left: clamp(16px, 3vw, 40px);
  bottom: clamp(16px, 2.5vw, 26px);
  text-align: left;
}
.hero-posts .swiper-pagination-bullet {
  width: 12px; height: 12px;
  border-radius: 2px;
  background: transparent;
  border: 2px solid #e4001b;
  opacity: 1;
  margin: 0 6px 0 0 !important;
  transform: translateZ(0);
}
.hero-posts .swiper-pagination-bullet-active {
  background: #e4001b;
}

/* ===== Responsywnie ===== */
@media (max-width: 1024px) {
  .hero-posts .hero-slide::before {
    background: linear-gradient(90deg, #27b0bb 0 60%, transparent 60%);
  }
}
@media (max-width: 767px) {
  .hero-posts .hero-slide { min-height: 440px; }
  .hero-posts .hero-slide::before {
    background: linear-gradient(180deg, #27b0bb 0 58%, transparent 58%);
  }
  .hero-posts .hero-card {
    margin: 0 auto;
    max-width: 92%;
  }
  .hero-posts .swiper-button-prev,
  .hero-posts .swiper-button-next { display: none; } /* na mobile same kropki */
}/* End custom CSS */