/* Ortak mobil yazı ölçeği: component CSS'lerindeki küçük piksel değerlerini
   ekranlar arasında tutarlı ve dokunmatik kullanıma uygun hale getirir. */
@media (max-width: 760px) {
    html,
    body {
        -webkit-text-size-adjust: 120%;
        text-size-adjust: 120%;
    }

    body {
        font-size: 15px !important;
    }

    body p,
    body li,
    body a,
    body label,
    body button,
    body input,
    body select,
    body textarea {
        font-size: 14px !important;
        line-height: 1.4;
    }

    body p,
    body li {
        font-size: 15px !important;
    }

    body small,
    body .eyebrow,
    body .field-hint,
    body .muted,
    body .panel-caption,
    body .panel-description {
        font-size: 12px !important;
        line-height: 1.4;
    }

    body h1 { font-size: 28px !important; line-height: 1.2; }
    body h2 { font-size: 22px !important; line-height: 1.25; }
    body h3 { font-size: 19px !important; line-height: 1.3; }
    body h4 { font-size: 17px !important; line-height: 1.3; }

    body th,
    body td {
        font-size: 13px !important;
        line-height: 1.35;
    }

    body input,
    body select,
    body textarea {
        min-height: 40px;
    }
}