html {
  scroll- smooth !important;
}
/* Temel Grid Konfigürasyonu */
.gallery-grid-content {
  display: grid;
  gap: .2rem;
  /* Görseller arasındaki boşluk */
  width: 100%;
}

/* Doğrudan enjekte edilen <img> etiketleri için stiller */
.gallery-grid-content img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1 / 1;
  /* Görselleri varsayılan olarak kare yapar (İsteğe bağlı: kaldırabilirsin) */
  display: block;
}

/* Sütun Varyasyonları (Masaüstü ve Tablet) */
@media (min-width: 768px) {
  .gallery-grid-content.x2 {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-grid-content.x3 {
    grid-template-columns: repeat(3, 1fr);
  }

  .gallery-grid-content.x4 {
    grid-template-columns: repeat(4, 1fr);
  }

  .gallery-grid-content.x6 {
    grid-template-columns: repeat(6, 1fr);
  }
}

/* Mobil Uyumluluk (767px ve altı) */
@media (max-width: 767px) {

  .gallery-grid-content.x2,
  .gallery-grid-content.x3 {
    grid-template-columns: repeat(2, 1fr);
  }

  .gallery-grid-content.x4,
  .gallery-grid-content.x6 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 480px) {
  .gallery-grid-content {
    gap: 0.2rem;
  }


  .gallery-grid-content[class*="x"] {
    grid-template-columns: 1fr;
  }
}


.blogBG {
  width: 100%;
  opacity: .5;
}

.article-body h1,
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6,
.frm-creator-js label {
  color: var(--gold)
}