/* Alt sayfalar için mobil düzeltme */

@media screen and (max-width: 1050px) {

    html, body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: clip !important;
    }

    header.header {
        position: relative !important;
        width: 100% !important;
        z-index: 99999 !important;
        background: #fff !important;
    }

    header.header > .container.nav {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 70px !important;
        padding: 12px 16px !important;
        gap: 8px !important;
    }

    header.header .logo {
        display: flex !important;
        width: auto !important;
        max-width: calc(100% - 60px) !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
    }

    header.header .mobile-menu {
        display: flex !important;
        flex: 0 0 44px !important;
        width: 44px !important;
        height: 44px !important;
        align-items: center !important;
        justify-content: center !important;
        order: 2 !important;
    }

    header.header nav#menu {
        display: none !important;
        position: static !important;
        order: 3 !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        flex-direction: column !important;
        align-items: stretch !important;
        background: #fff !important;
        padding: 10px 0 !important;
        margin: 0 !important;
    }

    header.header nav#menu.kd-mobile-open {
        display: flex !important;
    }

    header.header nav#menu a {
        display: block !important;
        width: 100% !important;
        padding: 14px !important;
        border: 0 !important;
        border-bottom: 1px solid #eee !important;
        color: #14243b !important;
        font-size: 15px !important;
    }

    header.header .nav-btn {
        display: none !important;
    }

    main, main > div, main > section {
        max-width: 100% !important;
        min-width: 0 !important;
    }

    main input,
    main select,
    main textarea {
        max-width: 100% !important;
    }

    main .grid > *,
    main .flex > * {
        min-width: 0;
    }
}

@media screen and (max-width: 600px) {
    main .container {
        width: 100% !important;
        max-width: 100% !important;
    }

    main h1 {
        font-size: clamp(25px, 7vw, 34px) !important;
    }
}