.coc-member-directory-wrap, .coc-member-directory-wrap * {font-family:'Poppins', sans-serif !important;}

.coc-member-directory-wrap{
  --coc-link-color:#1e3a8a;
  --coc-name-color:#1f2937;
  --coc-company-color:#3f3f46;
  width:100%;
}
.coc-member-search-wrap{
  margin:0 0 20px 0;
}
.coc-member-search-input{
  width:100%;
  max-width:420px;
  padding:12px 14px;
  border:1px solid rgba(0,0,0,.18);
  border-radius:8px;
  font-size:16px;
  line-height:1.2;
  background:#fff;
}
.coc-member-search-input:focus{
  outline:none;
  border-color:var(--coc-link-color);
  box-shadow:0 0 0 3px rgba(30,58,138,.12);
}
.coc-member-grid{
  display:grid;
  gap:20px;
}
.coc-member-grid[data-cols="1"]{grid-template-columns:1fr;}
.coc-member-grid[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr));}
.coc-member-grid[data-cols="3"]{grid-template-columns:repeat(3,minmax(0,1fr));}
.coc-member-grid[data-cols="4"]{grid-template-columns:repeat(4,minmax(0,1fr));}
@media (max-width: 1024px){
  .coc-member-grid[data-cols="3"],
  .coc-member-grid[data-cols="4"]{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width: 640px){
  .coc-member-grid{grid-template-columns:1fr !important;}
  .coc-member-search-input{max-width:100%;}
}
.coc-member-card{
  background:#fff;
  border:1px solid rgba(0,0,0,.12);
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.coc-member-card-top{
  height:320px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#f2f4f7;
  overflow:hidden;
}
.coc-member-image{
  width:100%;
  height:100%;
  object-fit:contain;
}
.coc-member-card-bottom{
  border-top:1px solid rgba(0,0,0,.15);
  padding:22px 18px;
}
.coc-member-name{
  margin:0 0 6px 0;
  font-size:22px;
  line-height:1.15;
  font-weight:700;
  color:var(--coc-name-color);
}
.coc-member-company{
  font-size:18px;
  line-height:1.2;
  color:var(--coc-company-color);
  margin-bottom:14px;
}
.coc-member-links{
  display:flex;
  flex-direction:column;
  gap:6px;
}
.coc-member-link-row{
  font-size:16px;
  line-height:1.3;
  color:var(--coc-link-color);
}
.coc-member-link-row a{
  color:var(--coc-link-color);
  text-decoration:none;
}
.coc-member-link-row a:hover{
  text-decoration:underline;
}
.coc-member-no-results{
  margin-top:18px;
  font-size:16px;
  color:#374151;
}

.coc-member-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
}
.coc-member-count-wrap{
  font-size:14px;
  color:#6b7280;
}
.coc-member-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  margin-top:22px;
}
.coc-member-page-btn{
  background:var(--coc-link-color);
  color:#fff;
  border:none;
  border-radius:8px;
  padding:10px 14px;
  cursor:pointer;
  font-size:14px;
  line-height:1.2;
}
.coc-member-page-btn[disabled]{
  opacity:.45;
  cursor:not-allowed;
}
.coc-member-page-status{
  font-size:14px;
  color:#374151;
}
.coc-member-card{
  display:flex;
  flex-direction:column;
}
.coc-member-card-top{
  overflow:hidden;
}
.coc-member-image{
  width:100%;
  height:100%;
  object-fit:cover !important;
  object-position:center top;
}