/*
 * Pezhinal shared Brand Grid — canonical component owner (V35).
 * Home + About use the exact same brand presentation.
 * Logo scale intentionally stays generous; this file fixes layout, not artwork.
 */
.qodef-qi-clients-list.pz-brand-grid,
.qodef-qi-clients-list.pz-brand-grid > .qodef-grid-inner {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-grid-inner {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
  align-items: stretch !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-grid-item,
.qodef-qi-clients-list.pz-brand-grid .qodef-e {
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner,
.qodef-qi-clients-list.pz-brand-grid .qodef-e-images-holder,
.qodef-qi-clients-list.pz-brand-grid .qodef-e-main-image {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  position: static !important;
  opacity: 1 !important;
  transform: none !important;
  background: transparent !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a {
  box-sizing: border-box !important;
  width: 100% !important;
  height: 128px !important;
  min-height: 128px !important;
  padding: 14px 18px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #e6ded2 !important;
  border-radius: 16px !important;
  background: #fffdf9 !important;
  box-shadow: 0 7px 20px rgba(52,39,17,.035) !important;
  text-decoration: none !important;
  transform: none !important;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a:hover,
.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a:focus-visible {
  border-color: #cfad6b !important;
  background: #fffaf1 !important;
  box-shadow: 0 12px 28px rgba(67,47,12,.075) !important;
  transform: none !important;
  outline: none !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-images-holder,
.qodef-qi-clients-list.pz-brand-grid .qodef-e-main-image {
  display: grid !important;
  place-items: center !important;
  overflow: visible !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-hover-image {
  display: none !important;
}

.qodef-qi-clients-list.pz-brand-grid img {
  display: block !important;
  width: auto !important;
  max-width: 82% !important;
  height: auto !important;
  max-height: 82px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: none !important;
  filter: none !important;
  opacity: 1 !important;
  transition: transform .18s ease !important;
}

.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a:hover img,
.qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a:focus-visible img {
  transform: scale(1.025) !important;
}

@media (max-width: 1140px) and (min-width: 768px) {
  .qodef-qi-clients-list.pz-brand-grid .qodef-grid-inner {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
}

@media (max-width: 767px) {
  .qodef-qi-clients-list.pz-brand-grid .qodef-grid-inner {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  .qodef-qi-clients-list.pz-brand-grid .qodef-e-inner > a {
    height: 102px !important;
    min-height: 102px !important;
    padding: 10px 12px !important;
    border-radius: 13px !important;
  }
  .qodef-qi-clients-list.pz-brand-grid img {
    max-width: 86% !important;
    max-height: 62px !important;
  }
}