/* ===== Mobile (default) ===== */
#valijant-usp-wrap{width:100%;box-sizing:border-box;clear:both;margin:0}
#valijant-usp{
    display:flex;
    gap:8px;
    background:#e60000;
    padding:8px;
    margin:0 8px;
    width:calc(100% - 16px);
    border-radius:18px;
    box-sizing:border-box;
}
#valijant-usp .vusp-col{
    flex:1 1 0;
    min-width:0;
    margin:0;
    padding:0 3%;
    list-style:none;
    background:#f7f7f7;
    border-radius:13px;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
}
#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 slide-down: hidden until JS plays the animation */
@media (max-width:991px){
    #valijant-usp-wrap.vusp-anim{height:0;overflow:hidden}
    #valijant-usp-wrap.vusp-anim #valijant-usp{opacity:0;transform:translateY(-14px)}
    #valijant-usp-wrap.vusp-play #valijant-usp{
        opacity:1;transform:none;
        transition:opacity .5s ease,transform .6s cubic-bezier(.22,.8,.3,1);
    }
    #valijant-usp-wrap.vusp-leave #valijant-usp{
        opacity:0;transform:translateY(-14px);
        transition:opacity .45s ease,transform .5s ease;
    }
}
@media (prefers-reduced-motion:reduce){
    #valijant-usp-wrap.vusp-anim{height:auto!important;overflow:visible!important}
    #valijant-usp-wrap.vusp-anim #valijant-usp{opacity:1;transform:none}
}

/* ===== Desktop ===== */
@media (min-width:992px){
    #valijant-usp-wrap{margin-bottom:20px}
    #valijant-usp{gap:12px;padding:0;margin:0;width:100%;border-radius:16px}
    #valijant-usp .vusp-col{padding:0 24px;border-radius:16px}
    #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}
}