.logo,
.profile-logo {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
}

.public-directory-section .public-company-head .logo,
.directory-grid .business-top .logo,
.company-row .logo,
.table-company .logo,
.profile-logo,
.map-result-logo {
  aspect-ratio: 1 / 1 !important;
  border-radius: 0 !important;
  background-color: #fff !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: #173f96 !important;
  border: 1px solid #e1e8f2 !important;
  box-shadow: 0 8px 18px rgba(6,30,82,.10) !important;
}

.public-directory-section .public-company-head .logo {
  width: 56px !important;
  height: 56px !important;
  padding: 5px;
}

.public-directory-section[data-directory-view="table"] .public-company-head .logo {
  width: 42px !important;
  height: 42px !important;
}

.profile-logo {
  width: 82px !important;
  height: 82px !important;
}

.directory-view-toggle button[data-directory-view="logos"] span { display: inline; }

.public-directory-section[data-directory-view="logos"] .public-company-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 13px;
}

.public-directory-section[data-directory-view="logos"] .public-directory-columns { display: none; }

.public-directory-section[data-directory-view="logos"] .public-company-card {
  min-width: 0;
  padding: 14px 10px 12px;
  text-align: center;
}

.public-directory-section[data-directory-view="logos"] .public-company-head {
  display: grid;
  justify-items: center;
  gap: 8px;
}

.public-directory-section[data-directory-view="logos"] .public-company-head .logo {
  width: 78px !important;
  height: 78px !important;
  border-radius: 0 !important;
  box-shadow: 0 7px 18px rgba(20, 43, 90, .15);
}

.public-directory-section[data-directory-view="logos"] .public-company-head > div { width: 100%; }
.public-directory-section[data-directory-view="logos"] .public-company-head h3 { min-height: 34px; margin: 0; line-height: 1.35; }
.public-directory-section[data-directory-view="logos"] .public-company-head p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.public-directory-section[data-directory-view="logos"] .public-membership { position: static; }
.public-directory-section[data-directory-view="logos"] .public-company-card > p,
.public-directory-section[data-directory-view="logos"] .public-company-card > .tags { display: none; }
.public-directory-section[data-directory-view="logos"] .public-card-bottom { justify-content: center; margin-top: 10px; }
.public-directory-section[data-directory-view="logos"] .public-card-bottom > span { display: none; }

.logo-view-note {
  max-width: 1120px;
  margin: 0 auto 14px;
  padding: 10px 13px;
  border-radius: 9px;
  background: #eef4ff;
  color: #173f96;
  font-size: 10px;
}

.logo-required-mark { color: #c43232; }

@media (max-width: 980px) {
  .public-directory-section[data-directory-view="logos"] .public-company-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .public-directory-section[data-directory-view="logos"] .public-company-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .public-directory-section[data-directory-view="logos"] .public-company-head .logo { width: 68px; height: 68px; }
}