/* ===== Genel ===== */
body {
  font-family: 'Montserrat', sans-serif;
  background-color: #f9f9f9;
  color: #083397;
  padding-top: 80px;
}

/* ===== KVKK Section ===== */
.kvkk-section {
  padding: 60px 0; /* üst ve alt boşluk */
}

.kvkk-section h1 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #083397;
}
.kvkk-section p {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 14px;
  color: #333;
}
.kvkk-section p strong {
  color: #083397;
  font-weight: 600;
}

/* Sol yazı kolonu */
.kvkk-section .col-lg-7 {
  padding-right: 30px; /* yazının sağında boşluk */
}

/* Sağ görsel kolonu */
.kvkk-section .col-lg-5 {
  padding-left: 30px; /* resmin solunda boşluk */
  display: flex;              
  justify-content: center;
  align-items: center;
}


.kvkk-visual {
  width: 100%;
  aspect-ratio: 16/9;    
  min-height: 400px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  border-radius: 12px;   /* dış kutu köşe */
  background: #fff;

  display: flex;
  justify-content: center;
  align-items: center;
}

.kvkk-img {
  width: 100%;
  height: 100%;
  object-fit: cover;      /* kutuya tam oturur */
  object-position: center;
  display: block;
  border-radius: 12px;    /* resim de köşelerden yuvarlanır */
}



/* ===== Mobil: sadece yazı ===== */
@media (max-width: 991px) {
  .kvkk-section {
    padding: 30px 15px;
  }
  .kvkk-section .col-lg-7,
  .kvkk-section .col-lg-5 {
    padding: 0;
  }
  .kvkk-section .col-lg-5 {
    display: none; /* mobilde görsel gizlensin */
  }
  .kvkk-section h1 { font-size: 20px; }
  .kvkk-section p { font-size: 13px; }
}