/**
 * Türkseven Sertifikalar
 * ----------------------
 * Kart tasarımına dokunmaz; yalnızca ızgaranın kolon sayısını sertifika
 * sayısına göre esnetir. Tema `repeat(5, 1fr)` ile sabitlenmişti ve
 * altıncı sertifika alt satırda tek başına, 1/5 genişlikte kalıyordu.
 */

.certs-grid.tsc-grid {
  grid-template-columns: repeat(var(--tsc-cols, 5), 1fr);
}

/* Tablet: altı kart yan yana çok daralır, iki sıra hâlinde üçer. */
@media (max-width: 1100px) {
  .certs-grid.tsc-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Telefon: tema burada tek kolona düşürüyordu, o da sertifikayı ekran
   boyu kocaman gösteriyor. İkişerli daha okunaklı. */
@media (max-width: 700px) {
  .certs-grid.tsc-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
}

/* Altı kart tek sırada olduğunda kart ~178px'e iniyor; uzun sertifika
   adları ("TS ISO/IEC 27001:2022") sığsın diye bir tık küçültüyoruz. */
@media (min-width: 1101px) {
  .certs-grid.tsc-grid .cert-body {
    padding: 18px 12px;
  }

  .certs-grid.tsc-grid .cert-name {
    font-size: 12.5px;
    hyphens: auto;
  }

  .certs-grid.tsc-grid .cert-sub {
    font-size: 9.5px;
    letter-spacing: 0.08em;
  }
}