body {
    margin:0;
    font-family: Arial, sans-serif;
    background:#0b0b0b;
    color:#fff;
}

/* HEADER */
.header {
    background:#000;
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:15px 40px;
    border-bottom:1px solid #222;
}

.logo {
    height:60px;
}

.menu a {
    color:#fff;
    margin-left:25px;
    text-decoration:none;
    font-weight:bold;
    transition:0.3s;
}

.menu a:hover {
    color:#caa64b;
}

/* BANNER FIX */
.banner {
    width:100%;
    overflow:hidden;
}

.banner {
    width:100%;
    height:260px; /* sabit ve dengeli yükseklik */
    overflow:hidden;
    border-bottom:1px solid #222;
}

.banner img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center; /* ORTALADI (çok önemli) */
}

/* SERVICES */
.services {
    text-align:center;
    padding:70px 20px;
}

.services h2 {
    margin-bottom:40px;
}

.box {
    display:inline-block;
    width:260px;
    margin:15px;
    background:#111;
    padding:25px;
    border-radius:12px;
    transition:0.3s;
}

.box:hover {
    transform:translateY(-7px);
    box-shadow:0 10px 25px rgba(0,0,0,0.5);
}

/* BUTTON */
.btn {
    background: linear-gradient(45deg, #caa64b, #f5d37a);
    color:#000;
    padding:12px 22px;
    text-decoration:none;
    border-radius:6px;
    font-weight:bold;
    transition:0.3s;
}

.btn:hover {
    opacity:0.85;
}

/* FOOTER */
.footer {
    background:#000;
    text-align:center;
    padding:25px;
    margin-top:40px;
    border-top:1px solid #222;
}