/* ============================================================
   SIMSAR MOST ACTIVE BROKERS V21.12.1
   Home-only premium broker showcase.
   ============================================================ */

#v212HomeBrokers.v212-home{
  --mb-red:#e23628;
  --mb-red-dark:#c92f23;
  --mb-ink:#172033;
  --mb-text:#364158;
  --mb-muted:#788397;
  --mb-line:#e5e9ef;
  --mb-soft:#f7f8fa;

  position:relative;
  overflow:hidden;
  margin:26px 0 8px;
  padding:20px;
  border:1px solid #e8e3e2;
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0%,rgba(226,54,40,.07),transparent 30%),
    linear-gradient(180deg,#fff 0%,#fbfbfc 100%);
  box-shadow:0 10px 30px rgba(15,23,42,.045);
}

#v212HomeBrokers.v212-home::before{
  content:"";
  position:absolute;
  right:-70px;
  top:-80px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:32px solid rgba(226,54,40,.035);
  pointer-events:none;
}

#v212HomeBrokers .v2121-head{
  position:relative;
  z-index:1;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:15px;
}

#v212HomeBrokers .v2121-kicker{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-bottom:5px;
  color:#b83a30;
  font-size:8px;
  font-weight:900;
  letter-spacing:.55px;
  text-transform:uppercase;
}

#v212HomeBrokers .v2121-kicker::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--mb-red);
}

#v212HomeBrokers .v2121-head h2{
  margin:0;
  color:var(--mb-ink);
  font-size:23px;
  line-height:1.1;
  font-weight:950;
  letter-spacing:-.25px;
}

#v212HomeBrokers .v2121-head p{
  max-width:690px;
  margin:6px 0 0;
  color:var(--mb-muted);
  font-size:10px;
  line-height:1.55;
}

#v212HomeBrokers .v2121-head-actions{
  display:flex;
  align-items:center;
  gap:7px;
}

#v212HomeBrokers .v2121-view-all{
  min-height:37px;
  padding:0 12px;
  border:1px solid #e1e5eb;
  border-radius:9px;
  background:#fff;
  color:#344054;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

#v212HomeBrokers .v2121-view-all:hover{
  border-color:#e7aaa4;
  color:var(--mb-red);
}

#v212HomeBrokers .v2121-arrow{
  width:37px;
  height:37px;
  display:grid;
  place-items:center;
  border:1px solid #e1e5eb;
  border-radius:9px;
  background:#fff;
  color:#445169;
  font-size:17px;
  cursor:pointer;
}

#v212HomeBrokers .v2121-arrow:hover{
  color:var(--mb-red);
  border-color:#e7aaa4;
}

/* Horizontal rail */
#v212HomeBrokers .v2121-rail{
  position:relative;
  z-index:1;
  display:flex;
  gap:11px;
  width:100%;
  padding:2px 2px 8px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
}

#v212HomeBrokers .v2121-rail::-webkit-scrollbar{
  display:none;
}

/* Broker cards */
#v212HomeBrokers .v2121-card{
  position:relative;
  flex:0 0 265px;
  width:265px;
  min-height:275px;
  padding:13px;
  display:flex;
  flex-direction:column;
  scroll-snap-align:start;
  overflow:hidden;
  border:1px solid var(--mb-line);
  border-radius:15px;
  background:#fff;
  box-shadow:0 5px 16px rgba(15,23,42,.035);
  cursor:pointer;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;
}

#v212HomeBrokers .v2121-card:hover{
  transform:translateY(-2px);
  border-color:#e7b1ab;
  box-shadow:0 11px 26px rgba(15,23,42,.075);
}

#v212HomeBrokers .v2121-rank{
  position:absolute;
  z-index:2;
  top:10px;
  left:10px;
  min-width:28px;
  height:25px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:rgba(23,32,51,.88);
  color:#fff;
  font-size:8px;
  font-weight:950;
  backdrop-filter:blur(4px);
}

/* Prominent logo/photo */
#v212HomeBrokers .v2121-media{
  height:112px;
  margin-bottom:11px;
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #edf0f3;
  border-radius:12px;
  background:
    linear-gradient(135deg,#fbfcfd,#f4f6f9);
}

#v212HomeBrokers .v2121-media.company{
  padding:14px;
  background:#fff;
}

#v212HomeBrokers .v2121-media img{
  width:100%;
  height:100%;
  display:block;
}

#v212HomeBrokers .v2121-media.company img{
  object-fit:contain;
}

#v212HomeBrokers .v2121-media.individual img{
  object-fit:cover;
}

#v212HomeBrokers .v2121-initials{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:15px;
  background:#fff1ef;
  color:#be352a;
  font-size:17px;
  font-weight:950;
  box-shadow:inset 0 0 0 1px #f2d4d0;
}

#v212HomeBrokers .v2121-type{
  margin-bottom:3px;
  color:#8a94a4;
  font-size:7.5px;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.35px;
}

#v212HomeBrokers .v2121-card h3{
  margin:0;
  color:var(--mb-ink);
  font-size:12px;
  line-height:1.3;
  font-weight:950;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

#v212HomeBrokers .v2121-subtitle{
  min-height:14px;
  margin-top:3px;
  color:#7e899a;
  font-size:8px;
  line-height:1.35;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* verification badge */
#v212HomeBrokers .v2121-badge{
  width:max-content;
  min-height:21px;
  margin-top:7px;
  padding:0 7px;
  display:inline-flex;
  align-items:center;
  gap:4px;
  border-radius:999px;
  background:#f1f3f6;
  color:#677386;
  font-size:7px;
  font-weight:900;
}

#v212HomeBrokers .v2121-badge.verified{
  background:#e9f8f0;
  color:#13714a;
}

/* stats */
#v212HomeBrokers .v2121-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  margin-top:10px;
}

#v212HomeBrokers .v2121-stat{
  min-width:0;
  padding:7px 4px;
  border:1px solid #edf0f3;
  border-radius:8px;
  background:#fafbfc;
  text-align:center;
}

#v212HomeBrokers .v2121-stat b{
  display:block;
  color:#273349;
  font-size:11px;
  line-height:1.1;
  font-weight:950;
}

#v212HomeBrokers .v2121-stat span{
  display:block;
  margin-top:3px;
  color:#8b95a4;
  font-size:6.5px;
  line-height:1.2;
}

#v212HomeBrokers .v2121-open{
  width:100%;
  min-height:32px;
  margin-top:auto;
  padding:0 10px;
  border:1px solid #efc5c0;
  border-radius:8px;
  background:#fff;
  color:#cf392d;
  font-size:8px;
  font-weight:900;
  cursor:pointer;
}

#v212HomeBrokers .v2121-card:hover .v2121-open{
  background:#fff4f2;
  border-color:#e8a59e;
}

/* footer info */
#v212HomeBrokers .v2121-footer{
  position:relative;
  z-index:1;
  margin-top:3px;
  padding-top:10px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #edf0f3;
  color:#8a94a4;
  font-size:7.5px;
}

#v212HomeBrokers .v2121-footer strong{
  color:#5d687b;
}

#v212HomeBrokers .v2121-empty{
  width:100%;
  padding:24px;
  border:1px dashed #dce1e8;
  border-radius:12px;
  background:#fafbfc;
  color:#7c8798;
  font-size:9.5px;
  text-align:center;
}

@media(max-width:760px){
  #v212HomeBrokers.v212-home{
    margin-top:20px;
    padding:14px;
    border-radius:16px;
  }

  #v212HomeBrokers .v2121-head{
    align-items:flex-start;
    flex-direction:column;
  }

  #v212HomeBrokers .v2121-head-actions{
    width:100%;
  }

  #v212HomeBrokers .v2121-view-all{
    margin-right:auto;
  }

  #v212HomeBrokers .v2121-card{
    flex-basis:230px;
    width:230px;
    min-height:260px;
  }

  #v212HomeBrokers .v2121-media{
    height:96px;
  }
}