/* ===== Mobile (default): flush with header and screen edges ===== */
#valijant-usp-wrap{width:100%;box-sizing:border-box;clear:both;margin:0;padding:0}
#valijant-usp{
    display:flex;
    gap:10px;
    background:#fe0000;
    padding:0 0 10px 0;
    margin:0;
    width:100%;
    border-radius:0;
    box-sizing:border-box;
}
#valijant-usp .vusp-col{
    flex:1 1 0;
    min-width:0;
    margin:0;
    padding:0 3%;
    list-style:none;
    background:#fff;
    border-radius:0;

    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}

@media (max-width:991px){
    /* сите ќошиња квадратни, во блокот и во колоните */
    #valijant-usp-wrap,
    #valijant-usp,
    #valijant-usp .vusp-col,
    #valijant-usp li{
        border-top-left-radius:0!important;
        border-top-right-radius:0!important;
        border-bottom-left-radius:0!important;
        border-bottom-right-radius:0!important;
    }

    /* лева колона: само долно-десно заоблено */
    #valijant-usp .vusp-col:first-child{
        border-bottom-right-radius:12px!important;
    }

    /* десна колона: само долно-лево заоблено */
    #valijant-usp .vusp-col:last-child{
        border-bottom-left-radius:12px!important;
    }
}
#valijant-usp li{
    flex:1 1 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    padding:10px 0;
    margin:0;
    border-bottom:1px solid #e60000;
    font-family:'PT Sans Narrow','Arial Narrow',Arial,sans-serif;
    font-weight:700;
    font-size:clamp(11px,3.2vw,18px);
    line-height:1.15;
    color:#111;
}
#valijant-usp li:last-child{border-bottom:0}
#valijant-usp li span{flex:1 1 auto}
#valijant-usp li:after{
    content:"\2714";
    flex:0 0 auto;
    color:#e60000;
    font-size:1.9em;
    font-weight:900;
    line-height:1;
    font-family:Arial,sans-serif;
}

/* Mobile: left column slides in from the left, right one from the right */
@media (max-width:991px){
    #valijant-usp-wrap.vusp-anim{height:0;overflow:hidden}
    #valijant-usp-wrap.vusp-anim #valijant-usp .vusp-col:first-child{transform:translateX(-110%)}
    #valijant-usp-wrap.vusp-anim #valijant-usp .vusp-col:last-child{transform:translateX(110%)}
    #valijant-usp-wrap.vusp-anim.vusp-play #valijant-usp .vusp-col:first-child,
    #valijant-usp-wrap.vusp-anim.vusp-play #valijant-usp .vusp-col:last-child{
        transform:none;
        transition:transform .7s cubic-bezier(.22,.8,.3,1);
    }
    #valijant-usp-wrap.vusp-anim.vusp-leave #valijant-usp .vusp-col:first-child,
    #valijant-usp-wrap.vusp-anim.vusp-leave #valijant-usp .vusp-col:last-child{
        transition:transform .55s cubic-bezier(.55,0,.8,.4);
    }
}
@media (prefers-reduced-motion:reduce){
    #valijant-usp-wrap.vusp-anim{height:auto!important;overflow:visible!important}
    #valijant-usp-wrap.vusp-anim #valijant-usp .vusp-col{transform:none!important}
}

/* ===== Desktop ===== */
@media (min-width:992px){
    #valijant-usp-wrap{margin-bottom:20px}
    #valijant-usp{gap:12px;padding:0;margin:0;width:100%;border-radius:12px}
    #valijant-usp .vusp-col{padding:0 24px;border-radius:12px}
    #valijant-usp li{font-size:21px;padding:16px 0;gap:16px}
    #valijant-usp li:after{font-size:2em}
}
/* Desktop: block sits to the right of the logo */
.vusp-row{display:flex;align-items:center;gap:40px;width:100%;box-sizing:border-box;margin-bottom:15px}
.vusp-row #valijant-usp-wrap{flex:1 1 auto;width:auto;min-width:0;margin:0}
.vusp-row #valijant-usp li{font-size:19px}
@media (min-width:1400px){
    #valijant-usp li{font-size:23px}
}