.elementor-kit-7{--e-global-color-primary:#14232D;--e-global-color-secondary:#D2E6E6;--e-global-color-text:#161616;--e-global-color-accent:#FF5A05;--e-global-color-f543580:#BFCED0;--e-global-color-86d5e81:#0F1D25;--e-global-color-7b8b47e:#232830;--e-global-color-bdf504f:#FFED00;--e-global-typography-primary-font-family:"Zalando Sans Extended";--e-global-typography-primary-font-size:clamp(2.5rem, 6.7vw, 96px);--e-global-typography-primary-font-weight:900;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:96px;--e-global-typography-secondary-font-family:"Zalando Sans Extended";--e-global-typography-secondary-font-size:clamp(27px, 4.17vw, 60px);--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:none;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:60px;--e-global-typography-text-font-family:"Zalando Sans Extended";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:24px;--e-global-typography-accent-font-family:"Zalando Sans Extended";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:none;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:24px;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-37e7c5e-font-family:"Zalando Sans Extended";--e-global-typography-37e7c5e-font-weight:900;--e-global-typography-37e7c5e-text-transform:none;--e-global-typography-37e7c5e-font-style:normal;--e-global-typography-37e7c5e-text-decoration:none;--e-global-typography-f975cd0-font-family:"Zalando Sans Extended";--e-global-typography-f975cd0-font-size:14px;--e-global-typography-f975cd0-font-weight:300;--e-global-typography-f975cd0-text-transform:none;--e-global-typography-f975cd0-font-style:normal;--e-global-typography-f975cd0-text-decoration:none;--e-global-typography-f975cd0-line-height:6px;--e-global-typography-172ac3e-font-family:"Zalando Sans Extended";--e-global-typography-172ac3e-font-size:14px;--e-global-typography-172ac3e-font-weight:300;--e-global-typography-172ac3e-text-transform:none;--e-global-typography-172ac3e-font-style:normal;--e-global-typography-172ac3e-text-decoration:none;--e-global-typography-172ac3e-line-height:25px;--e-global-typography-f64b2a2-font-family:"Zalando Sans Extended";--e-global-typography-f64b2a2-font-size:13px;--e-global-typography-f64b2a2-font-weight:300;--e-global-typography-f64b2a2-text-transform:uppercase;--e-global-typography-f64b2a2-font-style:normal;--e-global-typography-f64b2a2-text-decoration:none;--e-global-typography-f64b2a2-line-height:14px;--e-global-typography-f64b2a2-letter-spacing:2px;--e-global-typography-441d56b-font-family:"Zalando Sans Extended";--e-global-typography-441d56b-font-size:clamp(40px, 6.11vw, 88px);--e-global-typography-441d56b-font-weight:800;--e-global-typography-441d56b-text-transform:none;--e-global-typography-441d56b-font-style:normal;--e-global-typography-441d56b-text-decoration:none;--e-global-typography-441d56b-line-height:84px;--e-global-typography-303afe8-font-family:"Zalando Sans Extended";--e-global-typography-303afe8-font-size:28px;--e-global-typography-303afe8-font-weight:300;--e-global-typography-303afe8-text-transform:none;--e-global-typography-303afe8-font-style:normal;--e-global-typography-303afe8-text-decoration:none;--e-global-typography-303afe8-line-height:24px;--e-global-typography-5238ba2-font-family:"Zalando Sans Extended";--e-global-typography-5238ba2-font-size:28px;--e-global-typography-5238ba2-font-weight:800;--e-global-typography-5238ba2-text-transform:none;--e-global-typography-5238ba2-font-style:normal;--e-global-typography-5238ba2-text-decoration:none;--e-global-typography-5238ba2-line-height:30px;--e-global-typography-f2ece85-font-family:"Zalando Sans Extended";--e-global-typography-f2ece85-font-size:14px;--e-global-typography-f2ece85-font-weight:300;--e-global-typography-f2ece85-text-transform:none;--e-global-typography-f2ece85-font-style:normal;--e-global-typography-f2ece85-text-decoration:none;--e-global-typography-f2ece85-line-height:28px;background-color:var( --e-global-color-primary );color:var( --e-global-color-primary );font-family:"Zalando Sans Extended", Sans-serif;font-size:14px;font-weight:800;text-transform:none;font-style:normal;text-decoration:none;line-height:14px;--e-page-transition-entrance-animation:e-page-transition-fade-out-down;--e-page-transition-exit-animation:e-page-transition-fade-in-up;--e-page-transition-animation-duration:1500ms;--e-preloader-delay:0ms;--e-preloader-color:#FFF;--e-preloader-size:80px;}.elementor-kit-7 e-page-transition{background-color:var( --e-global-color-primary );}.site-footer{background-color:var( --e-global-color-text );padding-inline-end:1%;padding-inline-start:1%;}.elementor-kit-7 a:hover{color:var( --e-global-color-accent );}.elementor-kit-7 h1{font-size:clamp(34px, 6.67vw, 96px);font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:96px;}.elementor-kit-7 h2{font-size:clamp(28px, 4.17vw, 60px);font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:60px;}.elementor-kit-7 h3{font-size:clamp(28px, 3.33vw, 48px);font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:48px;}.elementor-kit-7 h4{font-size:34px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:34px;}.elementor-kit-7 h5{font-size:24px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:24px;}.elementor-kit-7 h6{font-size:20px;font-weight:900;text-transform:none;font-style:normal;text-decoration:none;line-height:20px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:1%;padding-inline-start:1%;}.site-header .site-navigation ul.menu li a{color:var( --e-global-color-secondary );}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-accent );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );}footer .footer-inner .site-navigation a{color:var( --e-global-color-secondary );}.site-footer .copyright p{color:var( --e-global-color-secondary );}@media(max-width:1024px){.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-kit-7{--e-global-typography-37e7c5e-font-size:19px;--e-page-transition-entrance-animation:e-page-transition-fade-out;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS *//* === OKRUSZKI NA TABLECIE (dodane 2026-07-28) ==========================
   Okruszki to kontenery position:absolute nałożone na hero. Na desktopie
   leżą nad tytułem, ale na węższych ekranach tytuł ma więcej linii, jest
   wyśrodkowany pionowo w sliderze i rozrasta się w GÓRĘ — aż nakrywa okruszki.

   Dlaczego CSS, a nie ustawienie Elementora: kontrolka Position przyjmuje
   wyłącznie Default / Absolute / Fixed — nie ma wartości „static", więc nie da
   się cofnąć pozycjonowania dla samego breakpointu. Próba z `top` też odpada:
   `top` liczy się względem kontenera hero, a tytuł przez efekt ruchu wychodzi
   ponad ten kontener, więc żadna wartość top go nie przeskoczy.

   Efekt: poniżej 1025px okruszki wracają do przepływu i lądują NAD sliderem
   (są pierwsze w drzewie), bez zmiany wysokości strony. Desktop nietknięty. */
@media (max-width: 1440px) {
  .elementor-element-73a7abef,
  .elementor-element-1b3682bc,
  .elementor-element-99b117c,
  .elementor-element-59eef06c,
  .elementor-element-10795149,
  .elementor-element-66333274,
  .elementor-element-ef04f55,
  .elementor-element-449ee690,
  .elementor-element-1314a22,
  .elementor-element-637df534,
  .elementor-element-4e12b4e5,
  .elementor-element-365c7edc,
  .elementor-element-19bc6ee6,
  .elementor-element-15766f75,
  .elementor-element-5d2332f5 {
    --position: static;
    top: auto !important;
  }
}

/* === LAMANIE DLUGICH SLOW W NAGLOWKACH (2026-07-28) ===============
   Pojedyncze długie słowo potrafi być szersze niż cały blok tekstu,
   niezależnie od skalowania fontu — wtedy wychodzi poza kadr.
   `break-word` łamie tylko wtedy, gdy słowo faktycznie się nie mieści. */
h1, h2, h3, h4, h5, h6,
.elementor-heading-title,
.elementor-slide-heading {
  overflow-wrap: break-word;
}


/* === DLUGIE ADRESY W LISTACH IKON (2026-07-28) ====================
   Adres e-mail to jedno długie słowo — bez tej reguły rozpycha dokument
   na każdej podstronie, na której występuje. */
.elementor-icon-list-text,
.elementor-icon-list-item > a {
  overflow-wrap: anywhere;
}


/* === SCROLL I FORMULARZ (2026-07-28) ================================
   1. Napis „SCROLL" dzieli wąski kontener (160px) z kreską-dividerem.
      Na tablecie brakuje mu miejsca i łamie się na „SCR / OLL".
      Elementor nie ma kontrolki `white-space`, stąd CSS.
   2. Formularz kontaktowy: tekst „Odpowiadamy w dni robocze…" i przycisk
      „WYŚLIJ WIADOMOŚĆ" stoją w jednym rzędzie z flex-wrap:nowrap.
      Poniżej desktopu nie mieszczą się obok siebie i przycisk zasłania tekst. */
.elementor-element-53a73f45, .elementor-element-eb03ad5,  .elementor-element-3e1316dd,
.elementor-element-19bb0fbf, .elementor-element-7005f10b, .elementor-element-62b3180f,
.elementor-element-26266368, .elementor-element-14097790, .elementor-element-4c5209e0,
.elementor-element-ca511c1,  .elementor-element-4df8a66e, .elementor-element-12ffdc0d,
.elementor-element-31bbe435, .elementor-element-1f810ba4, .elementor-element-672ed93d,
.elementor-element-1ea38c3e {
  white-space: nowrap;
}

@media (max-width: 1440px) {
  /* Pole z notką i pole przycisku dzielą wiersz po połowie (po ~158px),
     a sam przycisk ma 208px — wystaje poza swoją kolumnę i zasłania notkę.
     Poniżej desktopu dajemy obu pełną szerokość, więc idą jedno pod drugim. */
  .elementor-widget-form .elementor-field-type-html,
  .elementor-widget-form .elementor-field-type-submit {
    width: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .elementor-widget-form .elementor-form-fields-wrapper { row-gap: 16px; }
}

/* === WIDGETY NIE SZERSZE NIŻ ICH KOLUMNA (2026-07-28) ===============
   Akapit „Od pierwszego szkicu…" na stronie głównej wychodził o ~10px poza
   prawą krawędź ekranu na 1366/1440 i rozpychał dokument. Przyczyna siedzi
   w samym widgecie (jego szerokość liczy się inaczej niż dostępne miejsce
   w kolumnie), nie w wcięciu rodzica — zmniejszanie paddingu tylko pogorszyło
   sprawę. Reguła ogólna, bo ten sam wzorzec może wystąpić w innych kolumnach. */
@media (max-width: 1440px) {
  /* `!important` jest tu konieczne: Custom CSS kitu ładuje się PRZED arkuszem
     konkretnej strony, a reguły per-element Elementora mają specyficzność (0,3,0)
     — bez tego wersja ogólna po prostu przegrywa. */
  /* Celujemy w konkretny element — selektor `.elementor-widget` nie trafia
     w ten widget. Ten akapit wychodził ~10px poza prawą krawędź na 1366/1440. */
  .elementor-element-39333e21 { max-width: 100% !important; width: auto !important; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Zalando Sans Extended';
	font-display: auto;
	src: url('https://demiurg.dkonto.pl/wp-content/uploads/2026/05/ZalandoSansExpanded-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */