.kasia-opinie{
    max-width:1180px;
    margin:40px auto;
    padding:20px;
}

.ko-header{
    text-align:center;
    margin-bottom:40px;
}

.ko-content{
    display:grid;
    grid-template-columns:60px 240px 1fr 60px;
    align-items:center;
    gap:30px;
}

.ko-left{
    width:240px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.ko-rating{
    font-size:72px;
    font-weight:700;
    color:#222;
    line-height:1;
    margin-bottom:12px;
}

.ko-stars{
    display:flex;
    justify-content:center;
    gap:2px;
    margin:14px 0 18px;
    font-size:34px;
}

.ko-stars span{
    color:#d9d9d9;
}

.ko-stars span.active{
    color:#c89d53;
}

.ko-count{
    font-size:13px;
    color:#666;
    text-align:center;
    white-space:nowrap;
    margin-top:10px;
}

.ko-count strong{
    color:#222;
    font-weight:700;
}

.ko-google{
    display:flex;
    justify-content:center;
    align-items:center;
    margin-top:18px;
}

.ko-google:hover{
    transform:scale(1.05);
}

.ko-right{
    width:100%;
}

.ko-header h2{
    margin:0 0 35px;
    text-align:center;
    font-family:'Alegreya', serif;
    font-size:45px;
    font-weight:300;
    color:#222;
    line-height:1.2;
	text-transform:none;
}


.ko-slider{
    width:100%;
    max-width:760px;
	margin:0 auto;
}

.ko-slides{
    position:relative;
    min-height:340px;
}

.ko-slide{
    display:none;
}

.ko-slide.active{
    display:block;
}

.ko-quote{
    font-size:58px;
    line-height:1;
    color:#d6c3a4;
    font-family:Georgia, serif;
    margin-top:-18px;
    flex-shrink:0;
}

.ko-card{
    display:flex;
    gap:22px;
    align-items:stretch;
    padding:28px 32px;
    max-width:640px;
    min-height:280px;
    margin:0 auto;
    background:#faf8f5;
    border-radius:8px;
    border:1px solid #ece6de;
}

.ko-body{
    display:flex;
    flex-direction:column;
    flex:1;
}

.ko-bottom{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-top:auto;
}

.ko-text{
    margin:0;
    font-size:16px;
    line-height:1.8;
    color:#4b4b4b;
}

.ko-author{
    font-size:19px;
    font-weight:700;
    color:#222;
    margin-bottom:8px;
}

.ko-date{
    font-size:15px;
    color:#999;
}

.ko-prev,
.ko-next{
    width:52px;
    height:52px;
    border:1px solid #e3e3e3;
    border-radius:50%;
    background:#fff;
    color:#777;
    cursor:pointer;
    font-size:18px;
    transition:.25s;
}

.ko-prev:hover,
.ko-next:hover{
    background:#fafafa;
    border-color:#bdbdbd;
    color:#222;
}

.ko-dots{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:18px;
}

.ko-dot{
    width:9px;
    height:9px;
    background:#d8d8d8;
    border-radius:50%;
    cursor:pointer;
    transition:.25s;
}

.ko-dot.active{
    background:#c89d53;
}

.ko-subtitle{
    text-align:center;
    text-transform:uppercase;
    letter-spacing:2px;
    font-family:'Montserrat', sans-serif;
    font-size:14px;
    font-weight:500;
    color:#B08A4A;
    margin-bottom:10px;
    line-height:1;
}

@media (max-width:991px){

    .ko-content{
        grid-template-columns:1fr;
        gap:25px;
    }

    .ko-left{
        width:100%;
        max-width:320px;
        margin:0 auto;
    }

    .ko-right{
        width:100%;
    }

    .ko-subtitle{
        text-align:center;
    }

    .ko-header h2{
        font-size:32px;
        margin-bottom:25px;
        text-align:center;
    }

    .ko-slider{
        width:100%;
    }

    .ko-card{
        max-width:100%;
        min-height:auto;
        padding:24px;
        justify-content:center;
    }

    .ko-quote{
        display:none;
    }

    .ko-body{
        width:100%;
    }

.ko-text{
    font-size:17px;
    line-height:1.7;
    text-align:center;
    max-width:520px;
    margin:0 auto;
}

    .ko-bottom{
        justify-content:center;
        margin-top:24px;
    }

    .ko-bottom > div{
        text-align:center;
    }

    .ko-author{
        text-align:center;
        margin-bottom:6px;
    }

    .ko-date{
        text-align:center;
    }

    .ko-prev,
    .ko-next{
        display:none;
    }

    .ko-dots{
        margin-top:18px;
    }

}