.acps-wrap{
    --acps-gap:18px;
    width:100%;
    margin-inline:auto;
    box-sizing:border-box;
}
.acps-heading{
    margin:0 0 20px;
    text-align:center;
}
.acps-slider{
    --acps-per-view:5;
    position:relative;
    width:100%;
    min-width:0;
}
.acps-viewport{
    width:100%;
    overflow:hidden;
    touch-action:pan-y;
}
.acps-track{
    display:flex;
    align-items:stretch;
    gap:var(--acps-gap);
    transition:transform .45s ease;
    will-change:transform;
}
.acps-card{
    flex:0 0 calc((100% - (var(--acps-gap) * (var(--acps-per-view) - 1))) / var(--acps-per-view));
    min-width:0;
    min-height:390px;
    overflow:hidden;
    border-radius:28px;
    display:flex;
    flex-direction:column;
}
.acps-image-area{
    height:210px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    box-sizing:border-box;
    background:#ead7ae;
}
.acps-image{
    display:block;
    width:auto;
    height:100%;
    max-width:90%;
    object-fit:contain;
}
.acps-content{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
    padding:16px 14px 14px;
    background:#eadcdc;
}
.acps-title{
    color:#2f1f1f;
    font-size:19px;
    line-height:1.15;
    font-weight:600;
}
.acps-description{
    margin-top:8px;
    color:#3f3030;
    font-size:13px;
    line-height:1.2;
}
.acps-button{
    margin-top:auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:12px;
    background:#9d6f6f;
    color:#fff;
    text-decoration:none;
}
.acps-arrow{
    position:absolute;
    z-index:4;
    top:50%;
    transform:translateY(-50%);
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#fff;
    color:#8c8c8c;
    box-shadow:0 4px 12px rgba(0,0,0,.2);
    cursor:pointer;
}
.acps-prev{left:8px}
.acps-next{right:8px}
.acps-dots{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:14px;
}
.acps-dot{
    width:8px;
    height:8px;
    border:0;
    border-radius:50%;
    background:#d2c1c1;
}
.acps-dot.is-active{background:#9d6f6f}
@media(max-width:1024px){
    .acps-slider{--acps-per-view:3}
}
@media(max-width:767px){
    .acps-slider{--acps-per-view:1}
}