/* === Hakkımızda – sayfa içi responsive stiller (çakışmayı önlemek için .abt-* ön eki) === */
.abt-wrap{--gap:16px}
.abt-grid{display:grid;gap:var(--gap)}
/* 2 kolon: sol içerik + sağ görsel */
.abt-2{grid-template-columns:1.1fr .9fr}
@media (max-width:900px){.abt-2{grid-template-columns:1fr !important}}

/* Eşit 2 kolon (kartlar için) */
.abt-2eq{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){.abt-2eq{grid-template-columns:1fr !important}}

/* 4 kolon (ilkeler) */
.abt-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:900px){.abt-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:600px){.abt-4{grid-template-columns:1fr !important}}

/* Görseller */
.abt-img{border-radius:inherit;overflow:hidden}
.abt-img img{display:block;width:100%;height:auto;object-fit:cover}

/* Mobil tipografi küçük düzeltmeler */
@media (max-width:600px){
  .lead{font-size:1rem}
}