/* Mobil gezinme ve etkileşim güvenilirlik katmanı. Font ve tema tasarımını değiştirmez. */
.msk-nav-svg,
.msk-action-svg {
    display: block;
    flex: 0 0 auto;
    width: 23px;
    height: 23px;
    color: currentColor;
    pointer-events: none;
}

.msk-action-svg {
    width: 13px;
    height: 13px;
}

@media (max-width: 991px) {
    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    }

    .fixed-foot-navigation {
        right: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 10030 !important;
        height: calc(68px + env(safe-area-inset-bottom)) !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        pointer-events: auto !important;
    }

    .fixed-foot-navigation-in {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 520px !important;
        height: 68px !important;
        margin: 0 auto !important;
        padding: 4px 7px !important;
    }

    .fixed-foot-navigation-in-box,
    button.fixed-foot-navigation-in-box {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 3px !important;
        width: 100% !important;
        min-width: 0 !important;
        min-height: 58px !important;
        margin: 0 !important;
        padding: 3px 1px !important;
        border: 0 !important;
        border-radius: 10px !important;
        color: #59636f !important;
        background: transparent !important;
        font: inherit !important;
        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 1.1 !important;
        text-align: center !important;
        text-decoration: none !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        -webkit-tap-highlight-color: transparent;
    }

    .fixed-foot-navigation-in-box:focus-visible,
    .fixed-foot-navigation-in-box:active {
        color: #0879b2 !important;
        background: #eaf7fd !important;
        outline: 2px solid rgba(8, 121, 178, .25) !important;
        outline-offset: -2px !important;
    }

    .msk-app-nav__label {
        display: block !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: inherit !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    /* Çerez paneli alt navigasyonun ve onay düğmesinin üst üste binmesini engeller. */
    .cc-window.cc-bottom {
        bottom: calc(76px + env(safe-area-inset-bottom)) !important;
        z-index: 10010 !important;
        max-height: calc(100vh - 96px - env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
    }

    .cc-window .cc-btn.cc-dismiss {
        min-height: 44px !important;
        color: #fff !important;
        line-height: 1.25 !important;
        text-align: center !important;
        opacity: 1 !important;
    }

    .msk-search-sheet {
        position: fixed;
        inset: 0;
        z-index: 10040;
        display: grid;
        align-items: end;
        visibility: hidden;
    }

    .msk-search-sheet.is-open {
        visibility: visible;
    }

    .msk-search-sheet__backdrop {
        position: absolute;
        inset: 0;
        border: 0;
        background: rgba(9, 23, 34, .42);
    }

    .msk-search-sheet__panel {
        position: relative;
        z-index: 1;
        padding: 18px 16px calc(18px + env(safe-area-inset-bottom));
        border-radius: 18px 18px 0 0;
        background: #fff;
        box-shadow: 0 -10px 35px rgba(15, 35, 48, .14);
    }

    .msk-search-sheet__panel label {
        display: block;
        margin: 0 0 9px;
        color: #13202b;
        font-size: 14px;
        font-weight: 700;
    }

    .msk-search-sheet__panel > div {
        display: grid;
        grid-template-columns: 1fr 48px;
        min-height: 48px;
        border: 1px solid #cfd8df;
        border-radius: 10px;
        overflow: hidden;
    }

    .msk-search-sheet__panel input[type="search"] {
        width: 100%;
        min-width: 0;
        border: 0;
        padding: 0 14px;
        background: #fff;
        color: #13202b;
        font-size: 16px;
        outline: none;
    }

    .msk-search-sheet__panel button[type="submit"] {
        display: grid;
        place-items: center;
        border: 0;
        background: #0875a7;
        color: #fff;
    }

    .msk-search-sheet__icon {
        width: 22px;
        height: 22px;
    }
}