/* Unikalny prefix dla klas: lp- */

/* Fonty */
@font-face {
    font-family: 'Gotham';
    src: url('/si_upload/gfx/2025/04_23_tcl/fonts/Gotham-Book.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/si_upload/gfx/2025/04_23_tcl/fonts/Gotham-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/si_upload/gfx/2025/04_23_tcl/fonts/Gotham-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

/* Ogólne style */
/* body {
    margin: 0;
    font-family: 'Gotham', sans-serif;
    color: #FFF9E0;
    background-color: #fff;
} */

.lp-body-text {
    color: #FFF9E0 !important; 
}

.lp-container {
    max-width: 100%;
    margin: 0 auto;
    padding: 16px;
    font-family: 'Gotham', sans-serif;
    color: #FFF9E0;
    background-color: #fff;
}

.lp-header {
    text-align: center;
    margin-bottom: 20px;
}

.lp-section {
    margin: 0;
    padding: 0; 
    line-height: 0; 
    text-align: center;
    overflow: hidden;
}
.lp-main {
    display: flex;
    flex-direction: column;
    gap: 0; /* Usuń odstępy między sekcjami */
}

.lp-section img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.lp-section img {
    display: block; 
    margin: 0; 
    width: 100%; 
    height: auto; 
}

.lp-subtext {
    font-family: 'Gotham', sans-serif; 
    font-weight: 400; 
    font-size: 1.2rem; 
    margin: 0; /* Odstępy między liniami */
    text-align: center;
    color: #FFF9E0 !important;
}

.lp-bg1-inner .lp-title,
.lp-bg2-inner .lp-title,
.lp-bg3-inner .lp-title,
.lp-bg4-inner .lp-title {
    font-family: 'Gotham', sans-serif; 
    font-weight: 500; 
}

.lp-bg1-inner,
.lp-bg2-inner,
.lp-bg3-inner,
.lp-bg4-inner {
    padding-top: 3%; /* Zmniejsz odstęp od górnej krawędzi */
}

.lp-bg1-inner .lp-subtext:first-of-type,
.lp-bg2-inner .lp-subtext:first-of-type,
.lp-bg3-inner .lp-subtext:first-of-type,
.lp-bg4-inner .lp-subtext:first-of-type {
    font-size: 1.1rem; /* Zmniejsz rozmiar czcionki dla subtextów przed tytułem */
    margin-bottom: 2.5em !important;
    color: #FFF9E0;
}

.lp-title-svg {
    width: 100%;
    max-width: 1000px;
    height: auto;
    display: block;
    margin-bottom: 0px;
}

.lp-bg0 .lp-title-svg text {
    font-family: 'Gotham', sans-serif;
    font-weight: 700; 
    font-size: 3.5rem; 
}

/* Tekst wewnątrz SVG */
.lp-title-svg-bg1-4 text {
    font-family: 'Gotham', sans-serif;
    font-weight: 500;
    font-size: 3rem;
}

.lp-subtext-svg {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: block;
}

.lp-subtext-svg text {
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    font-size: 2.2rem;
}

.lp-title-svg-mobile {
    display: none;
}

/* Sekcja z tłem bg0*/
.lp-bg0 {
    display: flex; /* Użycie flexboxa do centrowania tekstu */
    align-items: center; /* Wyśrodkowanie tekstu w pionie */
    justify-content: center; /* Wyśrodkowanie tekstu w poziomie */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrycie nadmiaru */
    padding: 0; /* Usuń wewnętrzne odstępy */
    position: relative; /* Umożliwia pozycjonowanie wewnętrznych elementów */
    width: 100%; /* Szerokość kontenera */
    max-width: 1376px; /* Maksymalna szerokość zgodna z breakpointami */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
}

.lp-bg0-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg0.jpg'); /* Ustawienie grafiki jako tła */
    background-size: contain; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
    padding-top: 25px; /* Odsunięcie od górnej krawędzi */
}

.lp-bg0-inner h1 {
    font-size: 2.5rem; /* Rozmiar tekstu */
    font-weight: 700; /* Pogrubienie */
    color: #fff; /* Kolor tekstu */
    margin: 0 0 10px; /* Odstęp pod nagłówkiem */
}

.lp-bg0-inner .lp-subtext {
    font-family: 'Gotham', sans-serif; /* Czcionka Gotham */
    font-weight: 400; /* Waga czcionki Book */
    font-size: 1.8rem; /* Rozmiar tekstu */
    color: #fff; /* Kolor tekstu */
    margin: 1.5em 0; /* Odstępy między liniami */
    text-align: center; /* Wyśrodkowanie tekstu */
    line-height: 0.35em; /* odstępy między liniami */
}

.lp-bg0-inner .lp-subtext {
    margin: 13px 0; /* Zwiększ odstępy między liniami tekstu */
}

.lp-bg0-inner .lp-small-text {
    font-family: 'Gotham', sans-serif; /* Czcionka Gotham */
    /*font-size: 0.7rem; /* Zmniejsz rozmiar tekstu */
    color: #fff; /* Kolor tekstu */
    text-align: center; /* Wyśrodkowanie tekstu */
    position: absolute; /* Pozycjonowanie przypisu */
    bottom: 2em; /* Odstęp od dolnej krawędzi */
    left: 50%; /* Wyśrodkowanie poziome */
    transform: translateX(-50%); /* Korekta wyśrodkowania */
    margin: 0; /* Usuń domyślne marginesy */
    color: #FFF9E0;
}


/* Stylizacja nagłówka */
.lp-bg0 .lp-title {
    font-weight: 700;
    margin: 0 30px;
}

/* Sekcja z tłem bg1 */
.lp-bg1 {
    display: flex; /* Użycie flexboxa do centrowania tekstu */
    align-items: center; /* Wyśrodkowanie tekstu w pionie */
    justify-content: center; /* Wyśrodkowanie tekstu w poziomie */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrycie nadmiaru */
    padding: 0; /* Usuń wewnętrzne odstępy */
    position: relative; /* Umożliwia pozycjonowanie wewnętrznych elementów */
    width: 100%; /* Szerokość kontenera */
    max-width: 1376px; /* Maksymalna szerokość zgodna z breakpointami */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
    height: auto;
}

.lp-bg1-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg1.jpg'); /* Ustawienie grafiki jako tła */
    background-size: contain; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
    /*padding-top: 150px; /* Odsunięcie od górnej krawędzi */
}

.lp-bg1-inner h1 {
    font-size: 2.5rem; /* Rozmiar tekstu */
    font-weight: 700; /* Pogrubienie */
    color: #fff; /* Kolor tekstu */
    margin: 0 0 10px; /* Odstęp pod nagłówkiem */
}

.lp-bg1-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg1.jpg'); /* Ustawienie grafiki jako tła */
    background-size: contain; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
    /*padding-top: 5%; /* Odsunięcie od górnej krawędzi o 10% wysokości kontenera */
}

.lp-bg1-inner .lp-title {
    margin: 30px 0; /* Zwiększ odstępy nad i pod tytułem */
}

.lp-bg1-inner .lp-subtext {
    margin: 20px 0; /* Zwiększ odstępy między liniami tekstu */
}

.lp-bg2-inner .lp-subtext {
    margin: 20px 0; /* Zwiększ odstępy między liniami tekstu */
}

.lp-bg2-inner .lp-title {
    margin: 30px 0; /* Zwiększ odstępy nad i pod tytułem */
}

.lp-bg1-inner .lp-body-text {
    font-family: 'Gotham', sans-serif; /* Czcionka Gotham */
    font-weight: 400; /* Waga czcionki */
    color: #fff; /* Kolor tekstu */
    margin: 15px auto 0;
    text-align: center; /* Wyśrodkowanie tekstu */
    width: 50%; /* Szerokość tekstu */
}

/* Sekcja z tłem bg2 */
.lp-bg2 {
    display: flex; /* Użycie flexboxa do centrowania tekstu */
    align-items: center; /* Wyśrodkowanie tekstu w pionie */
    justify-content: center; /* Wyśrodkowanie tekstu w poziomie */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrycie nadmiaru */
    padding: 0; /* Usuń wewnętrzne odstępy */
    position: relative; /* Umożliwia pozycjonowanie wewnętrznych elementów */
    width: 100%; /* Szerokość kontenera */
    max-width: 1376px; /* Maksymalna szerokość zgodna z breakpointami */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
}

.lp-bg2-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg2.jpg'); /* Ustawienie grafiki jako tła */
    background-size: contain; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
}

.lp-bg2-inner .lp-subtext {
    font-family: 'Gotham', sans-serif; /* Czcionka Gotham */
    font-weight: 400; /* Waga czcionki Book */
    font-size: 1.2rem; /* Rozmiar tekstu */
    color: #fff; /* Kolor tekstu */
    margin: 13px 0; /* Odstępy między liniami */
    text-align: center; /* Wyśrodkowanie tekstu */
}

.lp-bg2-inner .lp-body-text {
    font-family: 'Gotham', sans-serif; /* Czcionka Gotham */
    font-weight: 400; /* Waga czcionki */
    color: #fff; /* Kolor tekstu */
    margin: 25px auto 0 !important; /* Wyśrodkowanie tekstu i odstęp od poprzedniego elementu */
    text-align: center; /* Wyśrodkowanie tekstu */
    width: 50%; /* Szerokość tekstu */
}

/* Sekcja z tłem bg3 */
.lp-bg3 {
    display: flex; /* Użycie flexboxa do centrowania tekstu */
    align-items: center; /* Wyśrodkowanie tekstu w pionie */
    justify-content: center; /* Wyśrodkowanie tekstu w poziomie */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrycie nadmiaru */
    padding: 0; /* Usuń wewnętrzne odstępy */
    position: relative; /* Umożliwia pozycjonowanie wewnętrznych elementów */
    width: 100%; /* Szerokość kontenera */
    max-width: 1376px; /* Maksymalna szerokość zgodna z breakpointami */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
}

.lp-bg3-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg3.jpg'); /* Ustawienie grafiki jako tła */
    background-size: cover; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
}

.lp-bg3-inner h1 {
    font-size: 2.5rem; 
    font-weight: 700;
    color: #fff; 
    margin: 0 0 10px; /* Odstęp pod nagłówkiem */
}

.lp-bg3-inner .lp-subtext {
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: center;
    margin: 0px 0; 
    line-height: 2;
    width: 90%;
}

.lp-bg3-inner .lp-body-text {
    font-family: 'Gotham', sans-serif; 
    font-weight: 400;  
    margin: 0px auto 0; 
    text-align: center; 
    width: 50%; 
}

/* Sekcja z tłem bg4 */
.lp-bg4 {
    display: flex; /* Użycie flexboxa do centrowania tekstu */
    align-items: center; /* Wyśrodkowanie tekstu w pionie */
    justify-content: center; /* Wyśrodkowanie tekstu w poziomie */
    text-align: center; /* Wyśrodkowanie tekstu */
    overflow: hidden; /* Ukrycie nadmiaru */
    padding: 0; /* Usuń wewnętrzne odstępy */
    position: relative; /* Umożliwia pozycjonowanie wewnętrznych elementów */
    width: 100%; /* Szerokość kontenera */
    max-width: 1376px; /* Maksymalna szerokość zgodna z breakpointami */
    margin: 0 auto; /* Wyśrodkowanie kontenera */
}

.lp-bg4-inner {
    background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg4.jpg'); /* Ustawienie grafiki jako tła */
    background-size: cover; /* Dopasowanie tła */
    background-position: center; /* Wyśrodkowanie tła */
    background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
    width: 100%; /* Szerokość kontenera */
    height: auto; /* Automatyczna wysokość */
    aspect-ratio: 16 / 9; /* Ustaw proporcje 16:9 */
    position: relative; /* Umożliwia pozycjonowanie tekstu */
    display: flex; /* Użycie flexboxa do układania elementów */
    flex-direction: column; /* Układ w kolumnie */
    align-items: center; /* Wyśrodkowanie w poziomie */
    justify-content: flex-start; /* Wyrównanie tekstu do góry */
    text-align: center; /* Wyśrodkowanie tekstu */
}

.lp-bg4-inner .lp-subtext {
    font-family: 'Gotham', sans-serif;
    font-weight: 400;
    font-size: 1.2rem;
    text-align: center;
    margin: 0 0 0.5em 0;
    line-height: 2;
    width: 90%;
  }

.lp-bg4-inner .lp-body-text {
    font-family: 'Gotham', sans-serif; 
    font-weight: 400; 
    color: #fff; 
    margin: 15px auto 0; /* Wyśrodkowanie tekstu i odstęp od poprzedniego elementu */
    text-align: center; 
    width: 50%; /* Szerokość tekstu */
}

/* Sekcja na pełną szerokość */
.lp-fullwidth {
    width: 100%;
    margin: 0;
    padding: 0;
}

.lp-fullwidth img {
    width: 100%; /* Obraz zajmuje całą szerokość sekcji */
    height: auto; /* Zachowuje proporcje obrazu */
    display: block; /* Usuwa ewentualne odstępy */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.lp-section.lp-red-text {
    margin: 20px 0; /* odstępy nad i pod sekcją */
    padding: 20px 0; /* odstępy wewnętrzne, aby tekst nie był schowany */
    text-align: center; 
}

.lp-section.lp-red-text h2 {
    margin: 0 0 20px; 
    font-size: 2rem; 
    line-height: 1.2;
    color: #E31C1C;
    font-family: 'Gotham', sans-serif; 
    font-weight: 500;
    text-align: center;
}

.lp-subtext {
    font-size: 1.6rem; 
}

.lp-body-text {
    font-size: 0.9rem;
    line-height: 1.2;
}

.lp-small-text {
    font-size: 0.7rem;
    color: #FFF9E0 !important;
}

/* Ikony */
.lp-icons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
}

.lp-icon {
    flex: 0 0 10%; /* każda ikona zajmuje 10% szerokości kontenera */
    max-width: 30px; 
    width: 100%; /* obrazek rozciąga się do flex-basis */
    height: auto;
    display: block;
}

/* Tooltip */
.tcl-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
  }

.tcl-tooltip img {
    display: block;
    outline: none;
    cursor: pointer;
}

.tcl-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.tcl-tooltip .tcl-tooltip-text {
    visibility: hidden;
    width: 300px; /* dopasuj szerokość ramki */
    background-color: rgba(39, 39, 43, 0.731);
    color: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 8px;
    position: absolute;
    z-index: 10;
    top: 100%; 
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    opacity: 0;
    transition: opacity 0.3s ease, transform 0.3s ease;
    font-size: 14px;
    line-height: 1.4;
    white-space: normal; /* zawijanie */
  }

.tcl-tooltip:hover .tcl-tooltip-text {
    visibility: visible;
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}


/* Breakpointy dla szerokości serwisu */
@media (min-width: 1440px) {
    .lp-container {
        max-width: 1376px;
    }
}

@media (min-width: 1230px) and (max-width: 1440px) {
    .lp-container {
        max-width: 1218px;
    }
}

@media (min-width: 960px) and (max-width: 1230px) {
    .lp-container {
        max-width: 960px;
    }
}

@media (max-width: 960px) {
    .lp-container {
        max-width: 100%;
    }
}

/* Breakpointy dla contentu */
@media (max-width: 1440px) and (min-width: 1230px) {
   
    .lp-bg0 .lp-title-svg {
        margin-top: -20px;
    }

    .lp-bg0 .lp-subtext-svg {
        margin-top: -5px;
    }

    .lp-bg0 .lp-title-svg text {
        font-size: 3rem;
    }
    .lp-title-svg text {
        font-size: 3rem; 
    }
    .lp-subtext-svg text {
        font-size: 1.9rem;
    }
    .lp-subtext {
        font-size: 0.9rem !important; 
    }
    .lp-body-text {
        font-size: 0.7rem;
    }
    .lp-section.lp-red-text h2 {
        font-size: 1.8rem;
    }
    .lp-small-text {
        font-size: 0.6rem;
    }
}

@media (max-width: 1230px) and (min-width: 960px) {
    
    .lp-bg0 .lp-title-svg text {
        font-size: 2.5rem;
    }

    .lp-bg0 .lp-title-svg {
        margin-top: -50px;
    }

    .lp-bg0 .lp-subtext-svg {
        margin-top: -5px;
    }

    .lp-title-svg text {
        font-size: 2.5rem; 
    }
    .lp-subtext-svg text {
        font-size: 1.5rem;
    }
    .lp-subtext {
        font-size: 0.9rem !important;
    }
    .lp-body-text {
        font-size: 0.6rem;
    }
    .lp-bg3-inner .lp-body-text {
        margin-top: 5px !important; 
    }
    .lp-bg4-inner .lp-body-text {
        margin-top: 5px !important; 
    }
    .lp-section.lp-red-text h2 {
        font-size: 1.6rem; 
    }
    .lp-small-text {
        font-size: 0.5rem;
    }
    .lp-section .lp-icons {
        display: none !important; 
    }
}

@media (max-width: 960px) and (min-width: 768px) {
    
    .lp-bg0 .lp-title-svg text {
        font-size: 2.5rem; 
    }
    
    .lp-bg0 .lp-title-svg {
        margin-top: -50px;
    }

    .lp-bg0 .lp-subtext-svg {
        margin-top: -10px;
    }

    .lp-title-svg text {
        font-size: 2rem;
    }
    .lp-subtext-svg text {
        font-size: 1.1rem;
    }
    .lp-subtext {
        font-size: 0.7rem !important; 
    }
    .lp-section.lp-red-text h2 {
        font-size: 1.4rem; /
    }
    .lp-body-text {
        font-size: 0.6rem;
        margin-top: 10px !important; 
    }

    .lp-bg1-4-inner .lp-body-text {
        margin-top: 5px !important; 
    }

    .lp-small-text {
        font-size: 0.45rem;
    }
    .lp-section .lp-icons {
        display: none !important; /* Wymuszenie ukrycia ikon */
    }
}

@media (max-width: 768px) {

    .lp-bg0-inner,
    .lp-bg1-inner,
    .lp-bg2-inner,
    .lp-bg3-inner,
    .lp-bg4-inner {
        background-size: cover; /* Dopasowanie tła do szerokości */
        background-position: center; /* Wyśrodkowanie tła */
        background-repeat: no-repeat; /* Zapobieganie powtarzaniu tła */
        width: 100%; /* Tło zajmuje pełną szerokość */
        height: auto; /* Automatyczna wysokość */
        min-height: 100vh; /* Minimalna wysokość na pełny ekran */
    }

    .lp-title-svg-desktop {
        display: none;
      }
    
    .lp-title-svg-mobile {
        display: block;
        width: 90%;
        max-width: 900px;
        height: auto;
        margin: 0 auto;
        text-align: center;
      }
    
    .lp-bg0-inner .lp-title-svg-mobile {
        display: block;
        height: auto;
        margin: 0 auto;
        margin-top: 0px;
        margin-bottom: -20px;
        padding-top: 0;
      }
      /*
      .lp-bg0-inner .lp-title-svg-mobile text {
        font-size: 50px !important; 
        text-align: center;
    }

    .lp-bg0-inner .lp-title-svg-mobile tspan {
        font-size: 50px !important;
    }
      */
    
      .lp-subtext {
        font-size: 1.1em !important; 
        width: 70%;
        padding-top: 10px;
    }   

    .lp-subtext-svg text {
        font-size: 3.2rem !important;
    }

    .lp-bg3-inner .lp-subtext-svg text {
        font-size: 3rem !important;
    }

    .lp-bg0-inner {
        background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg0m.jpg');
        padding-top: 150px;
        aspect-ratio: unset;
        width: 100%;
    }

    .lp-bg1-inner {
        background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg1m.jpg');
    }

    .lp-bg2-inner {
        background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg2m.jpg');
    }

    .lp-bg3-inner {
        background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg3m.jpg');
    }

    .lp-bg4-inner {
        background-image: url('/si_upload/gfx/2025/04_23_tcl/img/bg4m.jpg');
    }

    body {
        font-size: 14px; 
    }

    .lp-container {
        padding: 0; /* Zmniejsz padding kontenera */
    }

    .lp-body-text {
        width: 80% !important;
    }

    .lp-bg1-inner .lp-body-text {
        margin-top: 35px !important;
    }

    .lp-bg2-inner .lp-subtext {
        width: 100% !important;  
    }

    .lp-bg2-inner .lp-body-text {
        margin-top: 40px !important;
    }

    .lp-bg3-inner .lp-body-text {
        margin-top: 30px !important;
    }

    .lp-bg4-inner .lp-body-text {
        margin-top: 35px !important;
    }
    .lp-small-text-wrapper {
        display: flex;
        justify-content: center;
        width: 100%;
      }
      
      .lp-small-text {
        font-size: 0.55rem;
        text-align: center;
        max-width: 320px;
        width: 100%;
        margin: 20px auto;
        padding: 0 15px;
        white-space: normal;
        overflow-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
        line-height: 1.4;
      }

    .lp-section.lp-red-text h2 {
        font-size: 1.2rem; /
    }

    .lp-section {
        padding: 0; /* Usuń wewnętrzne odstępy sekcji */
        margin: 0; /* Usuń marginesy sekcji *//
    }

    .lp-bg1-inner,
    .lp-bg2-inner,
    .lp-bg3-inner,
    .lp-bg4-inner {
        background-size: cover; /* Dopasuj tło do szerokości */
        padding-top: 20px; /* Zmniejsz odstęp od góry */
    }

    .lp-bg0-inner .lp-title-svg {
        margin-top: 70px;
    }

    .lp-bg0-inner .lp-subtext-svg {
        margin-top: 10px;
    }

    .lp-subtext {
        font-size: 0.9rem;
      }
    
   .lp-section .lp-icons {
        display: none !important;
    }

    /* Placeholder na produkty */

    .lp-products-placeholder {
        padding: 10px;
        font-size: 0.9rem; 
    }

    .lp-products-placeholder {
    padding: 20px;
    text-align: center;
    }
}