/* ===== GP Static Multilang v2.1.0 – controlled multilingual blog grid ===== */
.gp-blog-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 54px 58px !important;
  width: min(1140px, 92vw) !important;
  margin: 42px auto 72px !important;
  box-sizing: border-box !important;
}

.gp-blog-grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.gp-blog-grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 38px 34px !important;
}

.gp-blog-card {
  margin: 0 !important;
  padding: 0 !important;
  background: #f7f7f7 !important;
  border: 0 !important;
  box-shadow: none !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.gp-blog-card-link {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  color: #303344 !important;
  text-decoration: none !important;
  background: #f7f7f7 !important;
}

.gp-blog-card-link:hover,
.gp-blog-card-link:focus {
  text-decoration: none !important;
}

.gp-blog-card-media {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  background: #f2f2f2 !important;
  overflow: hidden !important;
}

.gp-blog-card-img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  border: 0 !important;
}

.gp-blog-card-placeholder {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  background: #27275d !important;
  color: #ffffff !important;
  font-weight: 900 !important;
  font-size: 34px !important;
}

.gp-blog-card-body {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 112px !important;
  padding: 20px 22px !important;
  background: #f7f7f7 !important;
  box-sizing: border-box !important;
}

.gp-blog-card-title {
  margin: 0 !important;
  color: #303344 !important;
  -webkit-text-fill-color: #303344 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  text-align: center !important;
  white-space: normal !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
  text-wrap: balance;
}

.gp-blog-grid-lang-fa .gp-blog-card-title {
  direction: rtl !important;
  font-size: 23px !important;
  line-height: 1.45 !important;
}

.gp-blog-card-excerpt {
  margin: 12px 0 0 !important;
  color: #5e6377 !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

.gp-blog-grid-empty {
  width: min(900px, 92vw) !important;
  margin: 44px auto !important;
  padding: 22px 24px !important;
  border-radius: 14px !important;
  background: #f7f7f7 !important;
  color: #303344 !important;
  text-align: center !important;
  font-weight: 800 !important;
}

@media (max-width: 1024px) {
  .gp-blog-grid,
  .gp-blog-grid-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 38px 34px !important;
    width: min(860px, 92vw) !important;
  }

  .gp-blog-card-title {
    font-size: 20px !important;
  }
}

@media (max-width: 767px) {
  .gp-blog-grid,
  .gp-blog-grid-cols-2,
  .gp-blog-grid-cols-4 {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: min(440px, 92vw) !important;
    margin-top: 28px !important;
  }

  .gp-blog-card-body {
    min-height: 98px !important;
    padding: 18px 16px !important;
  }

  .gp-blog-card-title,
  .gp-blog-grid-lang-fa .gp-blog-card-title {
    font-size: 20px !important;
  }
}