#component-partner-grid {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

.lg-partner-grid {
  --lg-partner-white: #ffffff;
  --lg-partner-surface: #f8f8f8;
  --lg-partner-border: #e8e8e8;
  --lg-partner-text-muted: #888888;
  --lg-partner-max-w: 1100px;
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  background: var(--lg-partner-white);
  padding: clamp(40px, 5vw, 56px) 0;
  border-bottom: 1px solid var(--lg-partner-border);
}

.lg-partner-grid__inner {
  width: 100%;
  max-width: var(--lg-partner-max-w);
  margin: 0 auto;
  padding: 0 clamp(16px, 4vw, 24px);
  box-sizing: border-box;
}

.lg-partner-grid .partner-grid-label {
  display: block;
  width: 100%;
  max-width: none;
  text-align: center;
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--lg-partner-text-muted);
  margin: 0 auto clamp(20px, 3vw, 32px);
}

.lg-partner-grid .partner-cards {
  width: 100%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 20px);
  justify-content: center;
}

.lg-partner-grid .partner-card {
  border: 1px solid var(--lg-partner-border);
  border-radius: 10px;
  padding: clamp(16px, 2.5vw, 24px) clamp(14px, 2vw, 20px);
  text-align: center;
  background: var(--lg-partner-surface);
  transition: box-shadow 0.2s ease;
}

.lg-partner-grid .partner-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

.lg-partner-grid .partner-name {
  font-size: clamp(0.95rem, 2vw, 1.05rem);
  font-weight: 700;
  margin-bottom: 4px;
}

.lg-partner-grid .partner-label {
  font-size: 0.75rem;
  color: var(--lg-partner-text-muted);
  font-weight: 500;
  line-height: 1.35;
}

.lg-partner-grid .g-blue {
  color: #4285f4;
}

.lg-partner-grid .g-red {
  color: #ea4335;
}

.lg-partner-grid .g-yellow {
  color: #fbbc05;
}

.lg-partner-grid .g-green {
  color: #34a853;
}

.lg-partner-grid .meta-blue {
  color: #0866ff;
}

.lg-partner-grid .ms-blue {
  color: #00a4ef;
}

.lg-partner-grid .ms-red {
  color: #f25022;
}

.lg-partner-grid .ms-green {
  color: #7fba00;
}

.lg-partner-grid .ms-yellow {
  color: #ffb900;
}

.lg-partner-grid .pin-red {
  color: #e60023;
}

.lg-partner-grid .tik-dark {
  color: #010101;
}

.lg-partner-grid .tik-teal {
  color: #69c9d0;
}

.lg-partner-grid .x-dark {
  color: #000000;
}

.lg-partner-grid .kl-green {
  color: #1b5e3b;
}

.lg-partner-grid .zoho-red {
  color: #e42527;
}

@media (max-width: 900px) {
  .lg-partner-grid .partner-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .lg-partner-grid .partner-cards {
    grid-template-columns: minmax(0, 1fr);
    max-width: 360px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Blog pages: #blog-article-root * { margin:0; padding:0 } overrides centering */
#blog-article-root #component-partner-grid {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#blog-article-root #component-partner-grid .lg-partner-grid {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: clamp(40px, 5vw, 56px);
  padding-bottom: clamp(40px, 5vw, 56px);
  padding-left: 0;
  padding-right: 0;
}

#blog-article-root #component-partner-grid .lg-partner-grid__inner {
  width: 100%;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-left: clamp(16px, 4vw, 24px);
  padding-right: clamp(16px, 4vw, 24px);
}

#blog-article-root #component-partner-grid .partner-grid-label {
  display: block;
  width: 100%;
  max-width: none;
  text-align: center;
  margin: 0 auto clamp(20px, 3vw, 32px);
  padding: 0;
}

#blog-article-root #component-partner-grid .partner-cards {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#blog-article-root #component-partner-grid .partner-card {
  margin: 0;
  padding: clamp(16px, 2.5vw, 24px) clamp(14px, 2vw, 20px);
}