/* ======================================================
   KASIA FEATURES
====================================================== */

.kf-container{
    width:100%;
    max-width:1420px;
    margin:30px auto;
    padding:0 25px;

}

.kf-wrapper{
    position:relative;
    overflow:hidden;

}

.kf-swipe-hint{

    display:none;
    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:28px;

    color:#B08A4A;

    font-size:15px;
    font-weight:500;
    letter-spacing:.03em;

    user-select:none;

}

.kf-arrow{

    display:inline-block;
    font-size:22px;

    animation:kfSwipe 1.6s ease-in-out infinite;

}

@keyframes kfSwipe{

    0%{
        transform:translateX(0);
        opacity:.5;
    }

    40%{
        transform:translateX(-10px);
        opacity:1;
    }

    100%{
        transform:translateX(0);
        opacity:.5;
    }

}

.kf-track{
    display:flex;
    transition:transform .45s ease;
}

.kf-item{
    position:relative;
    box-sizing:border-box;
    flex:0 0 20%;
    padding:20px;
    text-align:center;
    transition:.3s;
}

.kf-item:hover{
    transform:translateY(-8px);
}

.kf-item:not(:last-child)::after{
    content:"";
    position:absolute;
    top:18%;
    right:0;
    width:1px;
    height:84%;
    background:#e8ddd1;
}

.kf-icon{
    width:72px;
    height:72px;
    margin:0 auto 20px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.kf-icon img{
    width:60px;
    height:60px;
    object-fit:contain;
    display:block;

    /* jeżeli SVG korzysta z currentColor */
    color:#B08A4A;
}

.kf-item h3{
    margin:0 0 10px;
    font-size:20px;
    line-height:1.25;
    font-weight:500;
    color:#222;
    text-transform:none;
    letter-spacing:0;
    transition:.3s;
}

.kf-item:hover h3{
    color:#B08A4A;
}

.kf-item p{
    margin:0;
    color:#5d5d5d;
    font-size:15px;
    line-height:1.65;
    font-weight:400;
}

/* ==========================================
   STRZAŁKI
========================================== */

.kf-prev,
.kf-next{

    position:absolute;
    top:50%;
    transform:translateY(-50%);

    width:46px;
    height:46px;

    border:none;
    border-radius:50%;

    background:#fff;

    color:#B08A4A;

    font-size:28px;

    cursor:pointer;

    box-shadow:0 6px 20px rgba(0,0,0,.08);

    transition:.25s;

    z-index:10;

    display:none;

}

.kf-prev:hover,
.kf-next:hover{

    background:#B08A4A;
    color:#fff;

}

.kf-prev{
    left:0;
}

.kf-next{
    right:0;
}

/* ==========================================
   KROPKI
========================================== */

.kf-dots{

    display:none;

    justify-content:center;

    align-items:center;

    gap:10px;

    margin-top:35px;

}

.kf-dot{

    width:10px;
    height:10px;

    border-radius:50%;

    background:#d8d8d8;

    cursor:pointer;

    transition:.25s;

}

.kf-dot.active{

    background:#B08A4A;
    transform:scale(1.25);

}

/* ==========================================
   TABLET
========================================== */

@media (max-width:1024px){

    .kf-item{
        flex:0 0 33.3333%;
    }

    .kf-prev,
    .kf-next{
        display:none !important;
    }

    .kf-swipe-hint{
        display:flex;
    }

    .kf-dots{
        display:none;
    }

    .kf-container{
        padding:0 24px;
    }

}

/* ==========================================
   MOBILE
========================================== */

@media (max-width:767px){

.kf-item{

    flex:0 0 50%;
    padding:15px;

}

.kf-container{
    padding:0 24px;
}

.kf-icon{

    width:60px;
    height:60px;
    margin-bottom:16px;

}

.kf-icon img{

    width:50px;
    height:50px;

}

.kf-item h3{

    font-size:18px;

}

.kf-item p{

    font-size:15px;
    line-height:1.6;

}

.kf-prev,
.kf-next{
    display:none !important;
}

.kf-swipe-hint{
    display:flex;
}

.kf-dots{
    display:none;
}
	
	.kf-item::after{
        display:none;
    }

}