/* Signal Market Pro - Step 11E mobile partner cards.
   These elements are generated by PHP ONLY on mobile requests. */

.smp-mobile-partner-slot{
    width:100%;
    margin:20px 0 30px;
}

.smp-mobile-partner-slot-bottom{
    margin:18px auto 28px;
    width:min(92vw, 380px);
}

.smp-mobile-partner-card{
    position:relative;
    display:block;
    width:min(92vw, 360px);
    margin:0 auto;
    overflow:hidden;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.14);
    background:#08141f;
    color:#fff;
    text-decoration:none;
    box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.smp-mobile-partner-image{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 2;
    object-fit:cover;
    background:#091722;
}

.smp-mobile-partner-label{
    position:absolute;
    top:8px;
    left:8px;
    z-index:4;
    padding:4px 7px;
    border-radius:999px;
    background:rgba(3,11,18,.86);
    border:1px solid rgba(255,255,255,.18);
    color:#fff;
    font-size:9px;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.smp-mobile-partner-info{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    z-index:3;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:5px;
    padding:70px 12px 12px;
    background:linear-gradient(transparent,rgba(2,10,17,.96));
}

.smp-mobile-partner-badge{
    padding:4px 7px;
    border-radius:999px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.16);
    font-size:10px;
    font-weight:800;
}

.smp-mobile-partner-title{
    font-size:14px;
    line-height:1.2;
}

.smp-mobile-partner-button{
    display:inline-flex;
    padding:7px 10px;
    border-radius:9px;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.17);
    font-size:11px;
    font-weight:850;
}