/* ---------------------------------
   RESPONSIVE STYLES
--------------------------------- */

/* Büyük Tabletler */
@media only screen and (max-width: 992px) {
    h1 { font-size: 3em; }
    h2 { font-size: 2.5em; }
}

/* Tablet ve Büyük Telefonlar */
@media only screen and (max-width: 767px) {
    body { font-size: 14px; }
    h1 { font-size: 2.5em; line-height: 1.2; }
    
    .main-area { padding: 0 15px; }
    .main-area .desc { max-width: 100%; }
    
    /* Mobilde Butonları Tam Genişlik Yap (İsteğe Bağlı) */
    .reklampower-btn, .iletisim-btn {
        display: block !important;
        width: 100% !important;
        max-width: 300px;
        margin: 10px auto !important;
    }
}

/* Küçük Telefonlar */
@media only screen and (max-width: 479px) {
    h1 { font-size: 2em; }
    p { font-size: 1em; }
    
    .reklampower-btn, .iletisim-btn {
        padding: 12px 20px !important;
        font-size: 0.9em !important;
    }
}