/* ===== FINAL SPONSOR CARD LAYOUT ===== */

.sl-sponsor-directory-track{
  align-items:center !important;
  gap:14px !important;
}

.sl-sponsor-filled.sl-final-card{
  width:260px !important;
  min-width:260px !important;
  height:96px !important;
  min-height:96px !important;
  padding:10px 12px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;

  background:#ffffff !important;
  border:3px solid #0b0b0b !important;
  border-radius:20px !important;
  box-shadow:0 8px 0 rgba(0,0,0,.45), 0 14px 22px rgba(0,0,0,.22) !important;

  overflow:hidden !important;
  box-sizing:border-box !important;
}

.sl-final-left{
  flex:1 !important;
  min-width:0 !important;

  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}

.sl-final-logo-box{
  width:62px !important;
  min-width:62px !important;
  height:62px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#f3f4f7 !important;
  border:2px solid #111 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

.sl-final-logo{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  display:block !important;
  padding:4px !important;
  background:transparent !important;
  border:none !important;
}

/* logo lebar biar lebih keliatan */
.sl-final-card[data-sl-sponsor-name="INDO CORNER"] .sl-final-logo{
  transform:scale(1.7) !important;
}

.sl-final-card[data-sl-sponsor-name="ALIANSI TOP UP"] .sl-final-logo{
  transform:scale(1.18) !important;
}

.sl-final-copy{
  flex:1 !important;
  min-width:0 !important;

  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
}

.sl-final-name{
  max-width:120px !important;
  font-size:13px !important;
  font-weight:950 !important;
  line-height:1.1 !important;
  color:#111 !important;
  text-transform:uppercase !important;
  text-align:left !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.sl-final-role{
  margin-top:5px !important;
  font-size:10px !important;
  font-weight:950 !important;
  line-height:1.05 !important;
  color:#0a7cff !important;
  text-transform:uppercase !important;
  text-align:left !important;
}

.sl-final-arrow{
  width:32px !important;
  min-width:32px !important;
  height:32px !important;

  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  background:#ffd400 !important;
  color:#111 !important;
  border:3px solid #111 !important;
  border-radius:50% !important;

  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

@media (max-width: 600px){
  .sl-sponsor-filled.sl-final-card{
    width:235px !important;
    min-width:235px !important;
    height:88px !important;
    min-height:88px !important;
    padding:9px 10px !important;
  }

  .sl-final-logo-box{
    width:56px !important;
    min-width:56px !important;
    height:56px !important;
  }

  .sl-final-name{
    max-width:100px !important;
    font-size:11px !important;
  }

  .sl-final-role{
    font-size:9px !important;
  }

  .sl-final-arrow{
    width:29px !important;
    min-width:29px !important;
    height:29px !important;
    font-size:16px !important;
  }
}