/* Modal'ın arka planını stilize et */
.modal {
    display: none; /* Başlangıçta gizle */
    position: fixed;
    z-index: 1000; /* Modal'ı üstte tut */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4); /* Yarı saydam arka plan */
    align-items: center;
    justify-content: center;
}

/* Modal içerik kutusunu stilize et */
.modal-header {
    padding: 20px;
    width: 101%; /* En geniş boyut 100% olacak */
	color:#222;
	position:absolute;
	top:-1px;
	left:-1px;
	right:-1px;
	display:inline-block;
	border-bottom:1px solid #ededed;
	font: 600 20px/1.5 Inter,Arial,Helvetica,sans-serif;
}
/* Modal içerik kutusunu stilize et */
.modal-content {
    background: #fff;
  border-radius: 16px;
  width: 90%;
  max-width: 75%;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  animation: fadeIn 0.3s ease-out;

  /* Ortalamayı garantilemek için (özellikle mobilde) */
  position: relative;
  padding-top: 65px;
  left: 0;
}

/* Kapatma butonunu stilize et */
.close-btn {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
	position:absolute;
	right:13px;
	top:13px;
	color:#fff;
	z-index:9
}

.close-btn:hover,
.close-btn:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}