.smbp-widget{
    --smbp-columns:3;
    --smbp-gap:24px;
    position:relative;
    width:100%;
}
.smbp-grid{
    display:grid;
    grid-template-columns:repeat(var(--smbp-columns), minmax(0,1fr));
    gap:var(--smbp-gap);
}
.smbp-card{
    min-width:0;
    overflow:hidden;
    background:#fff;
    transition:transform .28s ease, box-shadow .28s ease;
}
.smbp-image{
    display:block;
    width:100%;
    height:190px;
    overflow:hidden;
    background:#f6f3ef;
}
.smbp-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}
.smbp-content{
    padding:12px 16px 14px;
}
.smbp-meta{
    font-size:11px;
    line-height:1.4;
    margin-bottom:7px;
}
.smbp-title{
    margin:0 0 12px;
    font-size:18px;
    line-height:1.28;
}
.smbp-title a{
    text-decoration:none;
}
.smbp-excerpt{
    font-size:14px;
    line-height:1.55;
    margin-bottom:12px;
}
.smbp-read-more,
.smbp-view-all{
    display:inline-flex;
    align-items:center;
    gap:8px;
    text-decoration:none;
    font-size:10px;
    line-height:1.2;
    font-weight:700;
    letter-spacing:.08em;
}
.smbp-read-more-icon,
.smbp-view-all-icon{
    line-height:1;
    transition:transform .2s ease;
}
.smbp-read-more:hover .smbp-read-more-icon,
.smbp-view-all:hover .smbp-view-all-icon{
    transform:translateX(3px);
}
.smbp-view-all-wrap{
    text-align:center;
    margin-top:26px;
}
.smbp-carousel-viewport{
    overflow:hidden;
    width:100%;
}
.smbp-track{
    display:flex;
    gap:var(--smbp-gap);
    will-change:transform;
    transition-property:transform;
    transition-timing-function:ease;
}
.smbp-track .smbp-card{
    flex:0 0 calc((100% - (var(--smbp-columns) - 1) * var(--smbp-gap)) / var(--smbp-columns));
}
.smbp-arrow{
    position:absolute;
    top:42%;
    transform:translateY(-50%);
    z-index:5;
    width:36px;
    height:36px;
    border:0;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    font-size:28px;
    line-height:1;
    box-shadow:0 4px 18px rgba(0,0,0,.12);
}
.smbp-prev{left:8px}
.smbp-next{right:8px}
.smbp-dots{
    display:flex;
    justify-content:center;
    gap:7px;
    margin-top:14px;
}
.smbp-dot{
    width:7px;
    height:7px;
    border:0;
    border-radius:50%;
    padding:0;
}
.smbp-editor-note{
    padding:12px 14px;
    border:1px solid #dcdcde;
    background:#fff8e5;
    color:#4f4200;
}
@media (max-width:1024px){
    .smbp-widget{--smbp-columns:2}
}
@media (max-width:767px){
    .smbp-widget{--smbp-columns:1}
    .smbp-arrow{width:32px;height:32px;font-size:24px}
}