/* Genel gövde ayarları */
body {
    max-width: 1090px;
    margin: 0 auto;
    font-family: "Trebuchet MS", Arial, sans-serif;
    background-color: #faf3ef;
    color: #3a1f0f;
}

section {
    padding: 50px 30px;
}

/* Blok renkleri - Türk tatlı tarzı kontrast */
#teklif {
    background: #e89f71; /* baklava rengi */
    color: #2b1408;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

#yorumlar { background: #f4d9c2; color: #3a1f0f; }
#urunler { background: #fff4ec; color: #3a1f0f; }
#uzmanlar { background: #f7cbaa; color: #2b1408; }
#egitim-medya { background: #f1e0d3; color: #2b1408; }
#form { background: #ffe6d2; color: #3a1f0f; }
#iletisim { background: #f9d3b4; color: #3a1f0f; }
footer { background: #d89b6f; color: #2b1408; text-align:center; padding:20px; }

/* H1, H2, H3 başlıkları */
h1, h2, h3 {
    margin-bottom: 20px;
    font-weight: bold;
}

/* İlk bloktaki CTA düğmesi */
.cta-btn {
    background: #8a3b1c;
    color: #fff;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    margin-top: 25px;
    transition: 0.3s ease;
}

.cta-btn:hover {
    background: #b04f28;
}

/* Form stili */
form input[type="email"] {
    padding: 12px;
    width: 260px;
    border-radius: 6px;
    border: 1px solid #b07652;
    margin-right: 10px;
}

form button {
    padding: 12px 22px;
    background: #a3471c;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: 0.3s ease;
}

form button:hover {
    background: #c45b26;
}

/* Liste görünümü */
ul li {
    margin-bottom: 10px;
}

/* Makale vurgusu */
article {
    background: #f7efe7;
    border-left: 6px solid #c4622d;
    padding: 20px;
    margin-top: 25px;
    border-radius: 4px;
}

/* Mobil uyumluluk */
@media (max-width: 768px) {
    body {
        padding: 0 15px;
    }
    #teklif {
        align-items: center;
        text-align: center;
    }
    form input[type="email"] {
        width: 100%;
        margin-bottom: 10px;
    }
    form button {
        width: 100%;
    }
    ul li {
        font-size: 16px;
    }
    .cta-btn {
        width: 100%;
        text-align: center;
    }
}