.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===================================================================
   WIELICKA OSTOJA — Custom CSS (Kontenery v2)
   Wklej w: Elementor → Ustawienia witryny → Zaawansowane → Custom CSS
   (zastępuje CAŁY poprzedni kod)

   Celowo krótki plik — układ (kierunek, wyrównanie, odstępy) ustawia
   sam Elementor natywnie (edytowalne w panelu). Ten CSS dogrywa tylko
   to, czego panel nie obejmuje: dokładne szerokości kolumn w rzędach,
   niestandardowe kształty i efekt scrolla nagłówka.
   =================================================================== */

/* Tylko jedna, lekka rodzina fontów + jeden nagłówkowy — zero zbędnych
   wariantów wagi, żeby strona ładowała się szybko */
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,500;1,400&family=Noto+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@600&display=swap');

* { box-sizing: border-box; }
img { max-width: 100%; height: auto; }

/* ---------- 1) Nagłówek: blend + scroll ---------- */
.site-header{
  position: sticky; top: 0; z-index: 100;
  transition: background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease, padding .25s ease;
  background-color: transparent !important;
  box-shadow: none !important;
}
.site-header.is-scrolled{
  background-color: rgba(249,249,248,0.94) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  box-shadow: 0 12px 24px -20px rgba(28,24,16,0.15) !important;
  padding-top: 8px !important; padding-bottom: 8px !important;
}
.wo-navlinks a{ transition: opacity .15s, font-weight .15s; }
.wo-navlinks a:hover{ opacity: 1 !important; font-weight: 700 !important; }
.wo-header-btn .elementor-button{ transition: padding .25s ease, font-size .25s ease; }
.site-header.is-scrolled .wo-header-btn .elementor-button{ padding: 8px 16px !important; font-size: 13.5px !important; }
@media (max-width: 920px){ .wo-navlinks{ display: none !important; } }

/* ---------- 2) Szerokości kolumn w rzędach (Elementor: kierunek/gap ustawiony natywnie) ---------- */
.hero-text-col{ width: 44%; min-width: 320px; flex: 1 1 320px; }
.hero-visual-col{ width: 54%; min-width: 300px; flex: 1 1 300px; position: relative; }
.feature-card{ width: 31%; flex: 1 1 280px; }
.versus-list-col{ width: 20%; flex: 1 1 140px; }
.versus-center-col{ width: 12%; flex: 0 1 130px; }
.versus-mid-col{ width: 22%; flex: 1 1 220px; }
.versus-head-col{ max-width: 620px; }
.section-head-wrap{ max-width: 640px; margin-left: auto; margin-right: auto; text-align: center; }

@media (max-width: 980px){
  .hero-text-col, .hero-visual-col{ width: 100%; }
}
@media (max-width: 640px){
  .feature-card, .versus-list-col, .versus-mid-col{ width: 100%; }
  .versus-center-col{ display: none; }
}

/* ---------- 3) Zdjęcia hero: proporcje + przycięcie (pewne, niezależne od wersji) ---------- */
.img-hero-main.elementor-widget-image{
  display: block; width: 100%; height: 460px;
  border-radius: 90px 14px 90px 14px; overflow: hidden;
  box-shadow: 0 30px 60px -18px rgba(23,56,50,.28);
}
.img-hero-main.elementor-widget-image .elementor-widget-container{ height: 100%; width: 100%; }
.img-hero-main.elementor-widget-image img{ width: 100%; height: 100%; object-fit: cover; object-position: center 42%; }

.img-hero-inset.elementor-widget-image{
  display: block; position: absolute; right: 24px; bottom: -36px;
  width: 46%; max-width: 260px; height: 170px;
  border-radius: 12px 40px 12px 40px; overflow: hidden;
  border: 5px solid #F9F9F8; box-shadow: 0 18px 36px rgba(0,0,0,.2); z-index: 3;
}
.img-hero-inset.elementor-widget-image .elementor-widget-container{ height: 100%; width: 100%; }
.img-hero-inset.elementor-widget-image img{ width: 100%; height: 100%; object-fit: cover; }

.hero-tag-wrap{ position: absolute; left: 0; bottom: -22px; z-index: 3; }
.hero-tag-wrap .hero-tag-box{ max-width: 220px; }

@media (max-width: 640px){
  .img-hero-main.elementor-widget-image{ height: 340px; }
  .img-hero-inset.elementor-widget-image{ display: none; }
  .hero-tag-wrap{ position: static; margin-top: 16px; }
}

/* ---------- 4) Wideo ---------- */
.video-wrap-col{ position: relative; border-radius: 48px; overflow: hidden; }
.img-video-poster.elementor-widget-video{ aspect-ratio: 21 / 9; }
.img-video-poster.elementor-widget-video iframe,
.img-video-poster.elementor-widget-video video{ width: 100% !important; height: 100% !important; object-fit: cover; }
.video-caption-col{ position: absolute; left: 32px; bottom: 26px; max-width: 60%; z-index: 3; pointer-events: none; }
@media(max-width: 700px){
  .img-video-poster.elementor-widget-video{ aspect-ratio: 4 / 5; }
  .video-caption-col{ max-width: 88%; left: 20px; bottom: 20px; }
}

/* ---------- 5) Karty wyróżników: hover ---------- */
.feature-card{ transition: transform .3s cubic-bezier(.16,1,.3,1), box-shadow .3s cubic-bezier(.16,1,.3,1) !important; }
.feature-card:hover{ transform: translateY(-6px); box-shadow: 0 24px 48px -12px rgba(28,24,16,.18) !important; }
.feature-card .elementor-icon{ background: transparent !important; }/* End custom CSS */