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

#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:#f7f1e8;
  border:1px solid #eadfce;
  border-radius:18px;
  padding:18px;
  text-align:left;
  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-bed-image{
  width:100%;
  height:220px;
  border-radius:14px;
  overflow:hidden;
  margin-bottom:16px;
  background:#eee;
}

.pk-bed-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.pk-name{
  font-weight:700;
  margin-bottom:8px;
  color:#2c3e50;
  font-size:18px;
  text-align:left;
}

.pk-city{
  font-weight:400;
  color:#7b7b7b;
  font-size:14px;
}

.pk-stars{
  color:#ffb400;
  margin-bottom:12px;
  font-size:18px;
  letter-spacing:1px;
  text-align:left;
}

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

.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);
  }

  .pk-bed-image{
    height:200px;
  }
}

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

  .pk-bed-image{
    height:220px;
  }

  .pk-nav{
    width:40px;
    height:40px;
  }
}