.kafelki-slider-produkty {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kafelki-slider-produkty .slider-window {
        width: 100%;
        overflow: hidden;
    }
.kafelki-slider-produkty .slider-track {
        display: flex;
        gap: 12px;
        transition: transform 0.45s ease;
        will-change: transform;
        padding-top: 10px;
    padding-bottom: 10px;
    }
.kafelki-slider-produkty .slider-item {
        min-height: 250px;
        border-radius: 18px;
        box-sizing: border-box;
    }

    /* aktywne tylko poniżej zadanej szerokości */
.kafelki-slider-produkty .slider-track.slider-active .slider-item {
        flex: 0 0 min(var(--item-width), 350px);
    }

    /* zwykły układ desktopowy */
.kafelki-slider-produkty .slider-track:not(.slider-active) {
        transform: none !important;
    }

.kafelki-slider-produkty .slider-track:not(.slider-active) .slider-item {
        flex: 1 1 0;
    }
.kafelki-slider-produkty_trzymak {
    text-align: right;
    margin-top: 40px;
}
.kafelki-slider-produkty_trzymak_linia {
    width: 300px;
    height: 3px;
    margin-left: 0;
    background-color: #F5F5F5;
    margin-top: 20px;
    float: left;
}
.kafelki-slider-produkty .slider-btn {
        width: 50px;
        height: 50px;
        background-color: #DBDBDB;
        font-size: 30px;
        border-radius: 50%;
        border: none;
    }

    /* strzałki po bokach aktywnego kafelka */
.kafelki-slider-produkty .slider-prev {
        margin-right: 20px;
    }

.kafelki-slider-produkty .slider-next {
    }

.kafelki-slider-produkty .slider-btn:disabled {
        opacity: 0.35;
        cursor: default;
    }


.kafelki-slider-produkty .slider-track.slider-active .boxy_home2
{
    flex: 0 0 var(--item-width);
    max-width: var(--item-width);
}
.kafelki-slider-produkty .boxy_home2 {
    float: none;
    width: auto;
    margin: 0;

    flex: 0 0 min(var(--item-width), 350px);    
}


/* to dla 3 kafelków */

.kafelki-slider-kat {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kafelki-slider-kat .slider-window {
        width: 100%;
        overflow: hidden;
    }
.kafelki-slider-kat .slider-track {
        display: flex;
        gap: 12px;
        transition: transform 0.45s ease;
        will-change: transform;
    }
.kafelki-slider-kat .slider-item {
        min-height: 250px;
        border-radius: 18px;
        box-sizing: border-box;
    }

    /* aktywne tylko poniżej zadanej szerokości */
.kafelki-slider-kat .slider-track.slider-active .slider-item {
        flex: 0 0 min(var(--item-width), 350px);
    }

    /* zwykły układ desktopowy */
.kafelki-slider-kat .slider-track:not(.slider-active) {
        transform: none !important;
    }

.kafelki-slider-kat .slider-track:not(.slider-active) .slider-item {
        flex: 1 1 0;
    }


.kafelki-slider-produkty_trzymak {
    text-align: right;
    margin-top: 40px;
}
.kafelki-slider-produkty_trzymak_linia {
    width: 300px;
    height: 3px;
    margin-left: 0;
    background-color: #F5F5F5;
    margin-top: 20px;
    float: left;
}
.kafelki-slider-kat .slider-btn {
        width: 50px;
        height: 50px;
        background-color: #DBDBDB;
        font-size: 30px;
        border-radius: 50%;
        border: none;
    }

    /* strzałki po bokach aktywnego kafelka */
.kafelki-slider-kat .slider-prev {
        margin-right: 20px;
    }

.kafelki-slider-kat .slider-next {
    }


.kafelki-slider-kat .slider-btn:disabled {
        opacity: 0.35;
        cursor: default;
    }

.kafelki-slider-kat .slider-track.slider-active .boxy_home4
{
    flex: 0 0 var(--item-width);
    max-width: var(--item-width);
}
.kafelki-slider-kat .boxy_home4 {
    float: none;
    width: auto;
    margin: 0;

    flex: 0 0 min(var(--item-width), 350px);    
}



/* to dla 4 kafelków */

.kafelki-slider-kariera {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kafelki-slider-kariera .slider-window {
        width: 100%;
        overflow: hidden;
    }
.kafelki-slider-kariera .slider-track {
        display: flex;
        gap: 12px;
        transition: transform 0.45s ease;
        will-change: transform;
    }
.kafelki-slider-kariera .slider-item {
        min-height: 250px;
        border-radius: 18px;
        box-sizing: border-box;
    }

    /* aktywne tylko poniżej zadanej szerokości */
.kafelki-slider-kariera .slider-track.slider-active .slider-item {
        flex: 0 0 min(var(--item-width), 350px);
    }

    /* zwykły układ desktopowy */
.kafelki-slider-kariera .slider-track:not(.slider-active) {
        transform: none !important;
    }

.kafelki-slider-kariera .slider-track:not(.slider-active) .slider-item {
        flex: 1 1 0;
    }


.kafelki-slider-produkty_trzymak {
    text-align: right;
    margin-top: 40px;
}
.kafelki-slider-produkty_trzymak_linia {
    width: 300px;
    height: 3px;
    margin-left: 0;
    background-color: #F5F5F5;
    margin-top: 20px;
    float: left;
}
.kafelki-slider-kariera .slider-btn {
        width: 50px;
        height: 50px;
        background-color: #DBDBDB;
        font-size: 30px;
        border-radius: 50%;
        border: none;
    }

    /* strzałki po bokach aktywnego kafelka */
.kafelki-slider-kariera .slider-prev {
        margin-right: 20px;
    }

.kafelki-slider-kariera .slider-next {
    }


.kafelki-slider-kariera .slider-btn:disabled {
        opacity: 0.35;
        cursor: default;
    }

.kafelki-slider-kariera .slider-track.slider-active .boxy_home4
{
    flex: 0 0 var(--item-width);
    max-width: var(--item-width);
}
.kafelki-slider-kariera .boxy_home4 {
    float: none;
    width: auto;
    margin: 0;

    flex: 0 0 min(var(--item-width), 350px);    
}


/* =========================================
   SLIDER: 1 KAFEL OD LEWEJ
   + 100 PX WOLNEGO MIEJSCA PO PRAWEJ
========================================= */

.kafelki-slider-strony-pojedynczy-kierunek {
    --slider-gap: 20px;
    --podglad-prawy: 100px;
    --item-width: calc(100% - var(--podglad-prawy));

    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}


/* OKNO SLIDERA */

.kafelki-slider-strony-pojedynczy-kierunek .slider-window {
    position: relative;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}


/* TOR SLIDERA */

.kafelki-slider-strony-pojedynczy-kierunek .slider-track {
    display: flex;
    align-items: stretch;
    gap: var(--slider-gap);

    width: 100%;
    margin: 0;
    padding: 10px 0;

    box-sizing: border-box;
    transition: transform 0.45s ease;
    will-change: transform;
}


/* USUNIĘCIE WCZEŚNIEJSZYCH PSEUDOELEMENTÓW */

.kafelki-slider-strony-pojedynczy-kierunek .slider-track::before,
.kafelki-slider-strony-pojedynczy-kierunek .slider-track::after {
    content: none;
    display: none;
}


/* POJEDYNCZY KAFEL */

.kafelki-slider-strony-pojedynczy-kierunek
.strony-pojedynczy-kierunek-tlo5-box1 {
    float: none;

    flex: 0 0 var(--item-width);
    width: var(--item-width);
    min-width: var(--item-width);
    max-width: var(--item-width);

    margin: 0;
    box-sizing: border-box;
}


/* AKTYWNY SLIDER */

.kafelki-slider-strony-pojedynczy-kierunek
.slider-track.slider-active
.strony-pojedynczy-kierunek-tlo5-box1 {
    flex: 0 0 var(--item-width);
    width: var(--item-width);
    min-width: var(--item-width);
    max-width: var(--item-width);
}


/* UKŁAD BEZ AKTYWNEGO SLIDERA */

.kafelki-slider-strony-pojedynczy-kierunek
.slider-track:not(.slider-active) {
    transform: none !important;
}

.kafelki-slider-strony-pojedynczy-kierunek
.slider-track:not(.slider-active)
.strony-pojedynczy-kierunek-tlo5-box1 {
    flex: 0 0 var(--item-width);
    width: var(--item-width);
    min-width: var(--item-width);
    max-width: var(--item-width);
}


/* KONTENER NAWIGACJI */

.kafelki-slider-strony-pojedynczy-kierunek_trzymak {
    width: 100%;
    margin-top: 40px;
    text-align: right;
    box-sizing: border-box;
}


/* LINIA PO LEWEJ */

.kafelki-slider-strony-pojedynczy-kierunek_trzymak_linia {
    float: left;
    width: 300px;
    height: 3px;
    margin-top: 23px;
    margin-left: 0;
    background-color: #f5f5f5;
}


/* PRZYCISKI */

.kafelki-slider-strony-pojedynczy-kierunek .slider-btn {
    width: 50px;
    height: 50px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border: 0;
    border-radius: 50%;

    background-color: #dbdbdb;
    color: #111111;

    font-size: 30px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color 0.2s ease,
        opacity 0.2s ease,
        transform 0.2s ease;
}


/* ODSTĘP MIĘDZY STRZAŁKAMI */

.kafelki-slider-strony-pojedynczy-kierunek .slider-prev {
    margin-right: 20px;
}


/* HOVER */

.kafelki-slider-strony-pojedynczy-kierunek
.slider-btn:hover:not(:disabled) {
    background-color: #cfcfcf;
    transform: scale(1.04);
}


/* PRZYCISK NIEAKTYWNY */

.kafelki-slider-strony-pojedynczy-kierunek .slider-btn:disabled {
    opacity: 0.35;
    cursor: default;
    transform: none;
}


/* FOCUS */

.kafelki-slider-strony-pojedynczy-kierunek
.slider-btn:focus:not(:focus-visible) {
    outline: none;
}

.kafelki-slider-strony-pojedynczy-kierunek
.slider-btn:focus-visible {
    outline: 2px solid #1d4ed8;
    outline-offset: 3px;
}


/* TABLET */

@media (max-width: 991px) {

    .kafelki-slider-strony-pojedynczy-kierunek {
        --slider-gap: 16px;
        --podglad-prawy: 60px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek_trzymak {
        margin-top: 30px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek_trzymak_linia {
        width: 220px;
    }
}


/* TELEFON */

@media (max-width: 600px) {

    .kafelki-slider-strony-pojedynczy-kierunek {
        --slider-gap: 12px;
        --podglad-prawy: 35px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek_trzymak {
        margin-top: 24px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek_trzymak_linia {
        width: 120px;
        margin-top: 19px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek .slider-btn {
        width: 42px;
        height: 42px;
        font-size: 25px;
    }

    .kafelki-slider-strony-pojedynczy-kierunek .slider-prev {
        margin-right: 10px;
    }
    .kafelki-slider-produkty_trzymak_linia {
        display: none;
    }
}