.actp-wrapper{
    width:100%;
    margin:auto;
    padding:30px 8px;
    box-sizing:border-box;
    background:#ead7b6;
}
.actp-slider{
    --actp-cols:3;
    --actp-rows:2;
    --actp-gap:8px;
    position:relative;
}
.actp-viewport{
    overflow:hidden;
    width:100%;
    touch-action:pan-y;
}
.actp-track{
    display:grid;
    grid-auto-flow:column;
    grid-template-rows:repeat(var(--actp-rows), minmax(0,1fr));
    grid-auto-columns:calc((100% - (var(--actp-gap) * (var(--actp-cols) - 1))) / var(--actp-cols));
    gap:var(--actp-gap);
    transition:transform .45s ease;
    will-change:transform;
}
.actp-card{
    position:relative;
    min-width:0;
    min-height:260px;
    padding:20px;
    box-sizing:border-box;
    background:#fff;
    display:flex;
    flex-direction:column;
    overflow:visible;
}
.actp-photo{
    position:absolute;
    top:-16px;
    right:16px;
    width:58px;
    height:58px;
    border-radius:50%;
    overflow:hidden;
    z-index:2;
}
.actp-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.actp-stars{
    display:flex;
    gap:2px;
    font-size:22px;
    line-height:1;
}
.actp-star.filled{color:#f5a000}
.actp-star.empty{color:#d8d8d8}
.actp-text{
    margin-top:10px;
    color:#111;
    font-size:13px;
    line-height:1.22;
}
.actp-author{
    margin-top:auto;
    padding-top:18px;
    color:#333;
    font-size:12px;
    text-align:right;
}
.actp-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:40px;
    height:40px;
    border:0;
    border-radius:50%;
    background:#fff;
    color:#777;
    box-shadow:0 3px 10px rgba(0,0,0,.2);
    z-index:5;
    cursor:pointer;
}
.actp-prev{left:5px}
.actp-next{right:5px}
.actp-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:14px;
}
.actp-dot{
    width:8px;
    height:8px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#cdb9b0;
}
.actp-dot.active{background:#9d6f6f}
@media(max-width:1024px){
    .actp-slider{--actp-cols:2;--actp-rows:2}
}
@media(max-width:767px){
    .actp-slider{--actp-cols:1;--actp-rows:1}
    .actp-wrapper{padding:26px 10px}
    .actp-card{min-height:300px}
}