.bg-dark text-light list-group-item-active-caption{
background-color: #fffff;
text-light: #00000;
/* === SHUGA BAŞLIK BLOĞU — SOLA HİZA + TİPO === */

/* Önce eski -20px kaydırmayı sıfırla */
.collectionViewDetail div{
  margin-left: 0 !important;
}

/* Başlık ve açıklama tipografi */
.collectionViewDetail h5{
  text-align: left !important;
  font-weight: 800;                 /* daha güçlü */
  font-size: clamp(28px, 3.2vw, 36px);
  line-height: 1.15;
  letter-spacing: .2px;
  margin: 0 0 8px !important;       /* başlık alt boşluk */
  color: #2a2a2a;
}

.collectionViewDetail p,
.collectionViewDetail span{
  text-align: left !important;
  font-size: 16px;
  line-height: 1.55;
  color: #4b4b4b;
  max-width: 60ch;                  /* metni blok halinde tutar */
  margin: 0 0 6px;
}

/* Başlık bölümünü görsel olarak ayır (opsiyonel ama hoş durur) */
.collectionViewDetail{
  padding: 16px 0 0;
}
.collectionViewDetail .fixed-image-container{   /* başlık üstündeki mavi panelin altında kalsın */
  margin-top: 8px;
}

/* Kart listesi sola yaslansın (istersen merkezde bırak) */
.collectionList{
  justify-content: flex-start;      /* sola diz */
}

/* Kartların fazla yukarı-aşağı boşluğu varsa toparla */
.collectionView{
  margin-top: 72px;                 /* önce 200’dü, daha dengeli */
  margin-bottom: 72px;
}

/* Küçük ekran düzeni */
@media (max-width: 768px){
  .collectionViewDetail h5{ font-size: 26px; }
  .collectionList{ gap: 1.25rem; }
  .collectionView{ margin-top: 48px; margin-bottom: 56px; }
}
    /* === Mobil Uyum === */
    @media (max-width: 768px) {
      .banner {
        height: auto;
        min-height: 320px;
      }

      .banner img {
        width: 100%;
        height: auto;
      }

      .banner h1 {
        font-size: 2rem;
        top: 20px;
      }
    }
  </style>