/* Antalya Toplum Koleji — sabit Instagram galerisi (25 Agu 2026, Oguz'un talebi)
   8 secili gonderi (kronolojik: "Kendi Hikayenle" ... "Takim Ruhuyla"), Instagram
   Feed Pro widget'inin YERINE gecti. Tamamen statik: JS/AJAX/CDN'e bagimli degil,
   gorsel ve caption dogrudan HTML'e gomulu, hicbir zaman kaybolmaz veya degismez.
   Gorseller KIRPILMADAN, Instagram'da gorundukleri haliyle kullaniliyor.
   Masaustu: 4 sutun x 2 satir · Mobil (<=640px): 2 sutun x 4 satir. */

.atk-ig-sabit {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(10px, 1.4vw, 18px);
}
@media (max-width: 900px) {
  .atk-ig-sabit { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px) {
  .atk-ig-sabit { grid-template-columns: repeat(2, 1fr); gap: 10px; }
}

.atk-ig-sabit a {
  position: relative;
  display: block;
  aspect-ratio: 700 / 875;
  border-radius: 6px;
  overflow: hidden;
  background: #14294a;
}
.atk-ig-sabit img {
  width: 100%; height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .35s cubic-bezier(.2,.7,.3,1);
}
.atk-ig-sabit a:hover img,
.atk-ig-sabit a:focus-visible img { transform: scale(1.05); }
.atk-ig-sabit a:focus-visible { outline: 2px solid #ad9c6e; outline-offset: 3px; }

/* fareyle uzerine gelince Instagram ikonu belirir */
.atk-ig-sabit a::after {
  content: "";
  position: absolute; inset: 0;
  background: rgba(10,23,41,.32)
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.6'%3E%3Crect x='2.5' y='2.5' width='19' height='19' rx='5'/%3E%3Ccircle cx='12' cy='12' r='4.4'/%3E%3Ccircle cx='17.2' cy='6.8' r='1.1' fill='%23fff' stroke='none'/%3E%3C/svg%3E")
    center/34px no-repeat;
  opacity: 0;
  transition: opacity .25s;
}
.atk-ig-sabit a:hover::after,
.atk-ig-sabit a:focus-visible::after { opacity: 1; }