/* Genel */
* { margin:0; padding:0; box-sizing:border-box; font-family:Poppins, Arial, sans-serif; }
body { background:#fff; color:#333; line-height:1.6; }
header { display:flex; justify-content:space-between; align-items:center; padding:15px 50px; background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:1000;}
.logo img { max-height:60px; width:auto; }
nav ul { display:flex; list-style:none; gap:25px; }
nav ul li a { text-decoration:none; color:#333; font-weight:bold; position:relative; transition:0.3s; }
nav ul li a::after { content:''; position:absolute; width:0; height:2px; bottom:-4px; left:0; background-color:#0077cc; transition:0.3s; }
nav ul li a:hover::after { width:100%; }

.lang-switch { position:relative; }
.lang-switch button { padding:5px 10px; cursor:pointer; border:1px solid #ccc; border-radius:5px; background:#fff; transition:0.3s; }
.lang-switch button:hover { background:#0077cc; color:#fff; border-color:#0077cc; }
.lang-switch ul { display:none; position:absolute; top:35px; left:0; background:#fff; list-style:none; border:1px solid #ccc; border-radius:5px; width:120px; }
.lang-switch ul.show { display:block; }
.lang-switch ul li a { display:block; padding:8px 10px; text-decoration:none; color:#333; }
.lang-switch ul li a:hover { background:#0077cc; color:#fff; }

section { padding:80px 50px; text-align:center; }
.hero { min-height:90vh; display:flex; flex-direction:column; justify-content:center; align-items:center; background:linear-gradient(135deg, #fff,#f0f0f0); }
.hero h1 { font-size:3rem; color:#0077cc; margin-bottom:15px; }
.hero p { font-size:1.3rem; color:#555; font-style:italic; }

.hero {
    min-height:90vh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background: linear-gradient(135deg, rgba(255,255,255,0.8), rgba(240,240,240,0.8)), 
                url('hero-image.png') no-repeat center center;
    background-size: cover;
    text-align:center;
}


/* Kart sistemi */
.card-container { display:flex; flex-wrap:wrap; justify-content:center; gap:20px; margin-top:30px; }
.card { background:#fff; padding:20px; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.05); transition:0.3s; width:300px; }
.card:hover { transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.1); }

/* Footer */
footer { padding:25px 50px; text-align:center; font-size:.9rem; color:#777; border-top:1px solid #eee; background:#f9f9f9; position:relative; }

/* Responsive */
@media(max-width:768px){
    nav ul{flex-direction:column; gap:15px;}
    .card-container{flex-direction:column; align-items:center;}
}

    max-height: 60px;   /* Header'a sığacak yükseklik */
    width: auto;        /* Oranlı genişlik */

}
.card img {
    width: 100%;         /* Kartın genişliğine göre otomatik ölçek */
    height: auto;        /* Yükseklik orantılı olarak değişir */
    max-height: 200px;   /* İstersen maksimum yükseklik belirleyebilirsin */
    object-fit: cover;   /* Görsel kutuyu doldurur ve kırpmadan gösterir */
    border-radius: 10px;
    margin-bottom: 15px;
    display: block;
}