.uc-slider-wrap{
    --uc-gap: 20px;
    --uc-card-bg: #ffb900;
    --uc-text: #050505;
    --uc-accent: #ef1515;
    position: relative;
    width: 100%;
    padding: 34px 64px 46px;
    box-sizing: border-box;
    overflow: hidden;
}

.uc-slider-viewport{overflow:hidden;width:100%}
.uc-slider-track{
    display:flex;
    gap:var(--uc-gap);
    will-change:transform;
    transition:transform .55s cubic-bezier(.22,.61,.36,1);
}

.uc-card{
    flex:0 0 calc((100% - (var(--uc-gap) * 2)) / 3);
    min-width:0;
    box-sizing:border-box;
    background:var(--uc-card-bg);
    border-radius:20px;
    overflow:hidden;
    color:var(--uc-text);
}

.uc-card-image{
    margin:30px 30px 0;
    aspect-ratio:1.55 / 1;
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 5px 12px rgba(0,0,0,.22);
    background:#ddd;
}

.uc-card-image img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transition:transform .3s ease;
}

.uc-image-link{display:block;width:100%;height:100%;}
.uc-image-link:hover img{transform:scale(1.03);}

.uc-no-image{
    width:100%;
    height:100%;
    background:#ddd;
}

.uc-card-body{
    position:relative;
    min-height:195px;
    padding:28px 30px 62px;
    box-sizing:border-box;
}

.uc-title-link{color:inherit;text-decoration:none;}
.uc-title-link:hover{text-decoration:underline;}

.uc-card h3{
    margin:0 0 15px;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
    color:var(--uc-text);
}

.uc-card-content{
    font-size:16px;
    line-height:1.5;
    color:var(--uc-text);
}

.uc-card-content p{margin:0 0 8px}

.uc-card-link{
    position:absolute;
    right:28px;
    bottom:23px;
    width:42px;
    height:42px;
    border:3px solid #050505;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#050505;
    text-decoration:none;
    background:transparent;
    transition:all .25s ease;
}

.uc-card-link span{
    font-size:30px;
    line-height:1;
    transform:translateY(-2px);
}

.uc-card-link:hover{
    background:#050505;
    color:#fff;
    transform:translateY(-2px);
}

.uc-arrow{
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    z-index:5;
    width:46px;
    height:46px;
    border:0;
    border-radius:50%;
    background:#050505;
    color:#fff;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 4px 12px rgba(0,0,0,.25);
    transition:transform .2s ease, opacity .2s ease;
}
.uc-arrow:hover{transform:translateY(-50%) scale(1.08)}
.uc-prev{left:10px}
.uc-next{right:10px}
.uc-arrow span{font-size:24px;line-height:1}

.uc-empty{
    padding:25px;
    background:#f7f7f7;
    border:1px solid #ddd;
}

@media (max-width:1100px){
    .uc-card{flex-basis:calc((100% - var(--uc-gap)) / 2)}
    .uc-slider-wrap{padding-left:55px;padding-right:55px}
}

@media (max-width:700px){
    .uc-card{flex-basis:100%}
    .uc-slider-wrap{padding:20px 48px 35px}
    .uc-card-image{margin:22px 22px 0}
    .uc-card-body{padding-left:22px;padding-right:22px}
    .uc-prev{left:4px}.uc-next{right:4px}
}