.pg-grid {
  display: grid !important;
  grid-template-columns: repeat(var(--pg-desktop), minmax(0, 1fr)) !important;
  grid-auto-flow: row;
  column-gap: var(--pg-gap-x) !important;
  row-gap: var(--pg-gap-y) !important;
  width: 100% !important;
  max-width: 100% !important;
  align-items: center !important;
  justify-items: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}

.pg-grid,
.pg-grid * {
  box-sizing: border-box;
}

.pg-grid > .pg-item {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.pg-grid > .pg-item > a,
.pg-grid > .pg-item > .pg-no-link {
  display: flex !important;
  width: 100% !important;
  max-width: 100% !important;
  height: var(--pg-logo-height) !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.pg-grid img.pg-logo {
  display: block !important;
  width: auto !important;
  max-width: var(--pg-logo-width) !important;
  height: auto !important;
  max-height: var(--pg-logo-height) !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: transform .2s ease, opacity .2s ease, filter .2s ease;
}

.pg-grayscale img.pg-logo {
  filter: grayscale(100%);
  opacity: .88;
}

.pg-hover .pg-item > a:hover img.pg-logo {
  transform: scale(1.05);
  opacity: 1;
}

@media (max-width: 1024px) {
  .pg-grid {
    grid-template-columns: repeat(var(--pg-tablet), minmax(0, 1fr)) !important;
  }
}

@media (max-width: 767px) {
  .pg-grid {
    grid-template-columns: repeat(var(--pg-mobile), minmax(0, 1fr)) !important;
  }
}