#pk-reviews{
padding:60px 0;
}

#pk-wrap{
max-width:1200px;
margin:0 auto;
padding:0 16px;
font-family:Arial,sans-serif;
}

#pk-title{
text-align:center;
font-size:28px;
margin-bottom:40px;
color:#3e3128;
}

#pk-viewport{
overflow:hidden;
position:relative;
}

#pk-track{
display:flex;
gap:24px;
transition:transform .45s ease;
will-change:transform;
}

.pk-card{
background:#fff;
border:1px solid #f8eee3;
border-radius:18px;
padding:22px;
text-align:center;
box-shadow:0 4px 12px rgba(0,0,0,0.05);
transition:all .25s ease;
flex:0 0 calc((100% - 48px)/3);
max-width:calc((100% - 48px)/3);
}

.pk-card:hover{
transform:translateY(-6px);
box-shadow:0 12px 26px rgba(0,0,0,0.08);
}

.pk-avatar{
width:60px;
height:60px;
border-radius:50%;
background:#eee;
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 12px;
overflow:hidden;
}

.pk-avatar img{
width:100%;
height:100%;
object-fit:cover;
display:block;
border-radius:50%;
}

.pk-name{
font-weight:700;
margin-bottom:6px;
color:#2c3e50;
}

.pk-stars{
color:#ffb400;
margin-bottom:10px;
}

.pk-text{
font-size:14px;
color:#444;
line-height:1.5;
}

.pk-nav{
position:absolute;
top:50%;
transform:translateY(-50%);
width:42px;
height:42px;
border-radius:50%;
border:1px solid #ddd;
background:#fff;
cursor:pointer;
font-size:20px;
z-index:2;
box-shadow:0 4px 12px rgba(0,0,0,.08);
}

#pk-prev{left:8px}
#pk-next{right:8px}

@media (max-width:1024px){
.pk-card{
flex:0 0 calc((100% - 24px)/2);
max-width:calc((100% - 24px)/2);
}
}

@media (max-width:768px){
.pk-card{
flex:0 0 100%;
max-width:100%;
}
.pk-nav{
width:40px;
height:40px;
}
}