/* =========================================================
   KEPSAŞ LAYOUT CSS
   Header, navigation, dropdowns, mobile nav, footer, floating UI,
   site search and cookie consent. Loaded after page-specific CSS.
   ========================================================= */

body > header {
    position: relative;
    z-index: var(--kepsas-layer-header) !important;
    isolation: isolate;
}

header .dropdown, header nav, header .container {
    position: relative;
    z-index: 2;
}

header .dropdown-menu, header .dropdown-menu.show, header .mega-menu-dropdown, header .mega-menu-dropdown-right, header .information-menu-dropdown, header .online-actions-dropdown {
    z-index: var(--kepsas-layer-dropdown) !important;
}

.top-bar-link {
    transition: opacity 0.2s, color 0.2s;
}

    .top-bar-link:hover {
        opacity: 1 !important;
        color: #ffc107 !important;
    }

.nav-link-custom {
    transition: color 0.2s;
}

    .nav-link-custom:hover {
        color: #1a4c6b !important;
    }

header nav {
    white-space: nowrap;
}

header .mega-menu-dropdown {
    width: 760px;
    max-width: calc(100vw - 32px);
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
}

header .mega-menu-dropdown-right {
    width: 820px;
    max-width: calc(100vw - 32px);
    left: 0 !important;
    right: auto !important;
    transform: none !important;
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    overscroll-behavior: contain;
}

header .information-menu-dropdown {
    width: 350px;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 112px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 10px !important;
}

header .information-menu-link {
    min-height: 42px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 9px 11px;
    color: #495057;
    text-decoration: none;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    transition: color 0.2s ease, background-color 0.2s ease;
}

    header .information-menu-link i {
        width: 20px;
        flex: 0 0 20px;
        color: var(--kepsas-navy);
        text-align: center;
    }

    header .information-menu-link:hover, header .information-menu-link:focus-visible {
        color: var(--kepsas-navy);
        background-color: #f1f6f8;
        outline: none;
    }

.kepsas-brand-strip {
    position: relative;
    z-index: calc(var(--kepsas-layer-header) - 1);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    overflow: hidden;
    height: 5px;
    box-shadow: 0 7px 18px rgba(20, 32, 51, 0.08);
}

    .kepsas-brand-strip span {
        display: block;
    }

    .kepsas-brand-strip .brand-red {
        background: linear-gradient(90deg, #e30613, var(--kepsas-red));
    }

    .kepsas-brand-strip .brand-green {
        background: linear-gradient(90deg, #8dc63f, var(--kepsas-green));
    }

    .kepsas-brand-strip .brand-blue {
        background: linear-gradient(90deg, #0d95d3, var(--kepsas-blue));
    }

    .kepsas-brand-strip .brand-teal {
        background: linear-gradient(90deg, #28aeb7, var(--kepsas-teal));
    }

    .kepsas-brand-strip .brand-orange {
        background: linear-gradient(90deg, #f7941d, #f58220);
    }

header .btn.btn-primary {
    border: 0;
    background: linear-gradient(135deg, var(--kepsas-navy), var(--kepsas-blue)) !important;
    box-shadow: 0 12px 28px rgba(16, 155, 215, 0.22) !important;
}

    header .btn.btn-primary:hover {
        background: linear-gradient(135deg, var(--kepsas-blue), var(--kepsas-teal)) !important;
        box-shadow: 0 16px 34px rgba(47, 183, 184, 0.24) !important;
        transform: translateY(-1px);
    }

@media (min-width: 1200px) {
    .floating-social-container {
        right: 8px !important;
    }
}

.footer-section {
    background-color: #f4f5f8;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .footer-section::before {
        display: none;
    }

.footer-heading {
    position: relative;
    padding-bottom: 12px;
}

    .footer-heading::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 35px;
        height: 3px;
        background-color: #1a4c6b;
        border-radius: 2px;
    }

.footer-links li {
    margin-bottom: 10px;
}

.footer-links a {
    color: #6c757d;
    text-decoration: none;
    font-size: 14px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

    .footer-links a:hover {
        color: #1a4c6b;
        transform: translateX(2px);
        font-weight: 600;
    }

.contact-list i {
    width: 20px;
    text-align: center;
    font-size: 18px;
}

.contact-list span {
    font-size: 14px;
}

.footer-contact-logo {
    width: 72px;
    height: 72px;
    max-width: 72px;
    flex: 0 0 72px;
    object-fit: contain;
}

.social-icons-footer a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: transform 0.2s, opacity 0.2s;
    font-size: 14px;
}

    .social-icons-footer a:hover {
        transform: translateY(-3px);
        opacity: 0.8;
    }


.footer-brand-divider {
    position: relative;
    z-index: 5;
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0 !important;
    isolation: isolate;
}

.footer-brand-strip {
    position: static;
    width: 100%;
    height: 6px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    overflow: hidden;
    box-shadow: 0 8px 18px rgba(20, 32, 51, 0.08);
    transform: none;
}

    .footer-brand-strip span {
        display: block;
    }

    .footer-brand-strip .brand-red {
        background: linear-gradient(90deg, #e30613, var(--kepsas-red));
    }

    .footer-brand-strip .brand-green {
        background: linear-gradient(90deg, #8dc63f, var(--kepsas-green));
    }

    .footer-brand-strip .brand-blue {
        background: linear-gradient(90deg, #0d95d3, var(--kepsas-blue));
    }

    .footer-brand-strip .brand-teal {
        background: linear-gradient(90deg, #28aeb7, var(--kepsas-teal));
    }

    .footer-brand-strip .brand-orange {
        background: linear-gradient(90deg, #f7941d, #f58220);
    }

.footer-brand-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border: 4px solid #f4f5f8;
    border-radius: 50%;
    box-shadow: 0 6px 18px rgba(20, 32, 51, 0.12);
    transform: translate(-50%, -50%);
}

    .footer-brand-logo img {
        display: block;
        width: 45px;
        height: auto;
        object-fit: contain;
    }

@media (max-width: 575.98px) {
    .footer-brand-divider {
        height: 62px;
    }

    .footer-brand-logo {
        width: 62px;
        height: 62px;
    }

        .footer-brand-logo img {
            width: 39px;
        }
}

.mobile-nav-toggle {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 42px;
    color: var(--kepsas-ink);
    background: #ffffff;
    border: 1px solid rgba(20, 32, 51, 0.12);
    border-radius: 8px;
    box-shadow: 0 7px 18px rgba(20, 32, 51, 0.07);
    font-size: 18px;
}

    .mobile-nav-toggle:hover, .mobile-nav-toggle:focus-visible {
        color: var(--kepsas-navy);
        border-color: rgba(21, 94, 138, 0.35);
        outline: none;
    }

.kepsas-mobile-nav {
    --bs-offcanvas-width: min(88vw, 390px);
    z-index: 10060 !important;
    color: var(--kepsas-ink);
    background: #f7f9fc;
    border-left: 0;
    box-shadow: -18px 0 55px rgba(10, 24, 38, 0.2);
}

.offcanvas-backdrop {
    z-index: 10055 !important;
}

.kepsas-mobile-nav-header {
    min-height: 82px;
    padding: 16px 18px;
    background: #ffffff;
    border-bottom: 1px solid rgba(20, 32, 51, 0.08);
}

.mobile-nav-brand {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--kepsas-ink);
}

    .mobile-nav-brand:hover {
        color: var(--kepsas-ink);
    }

    .mobile-nav-brand img {
        width: auto;
        height: 44px;
        flex: 0 0 auto;
    }

    .mobile-nav-brand span {
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .mobile-nav-brand strong {
        font-size: 16px;
        font-weight: 800;
        line-height: 1.2;
    }

    .mobile-nav-brand small {
        margin-top: 2px;
        color: #7b8790;
        font-size: 11px;
    }

.mobile-nav-close {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 40px;
    color: var(--kepsas-ink);
    background: #f2f5f7;
    border: 0;
    border-radius: 50%;
    font-size: 18px;
}

    .mobile-nav-close:hover, .mobile-nav-close:focus-visible {
        color: #ffffff;
        background: var(--kepsas-navy);
        outline: none;
    }

.kepsas-mobile-nav-body {
    display: flex;
    flex-direction: column;
    padding: 14px;
}

    .kepsas-mobile-nav-body nav {
        display: grid;
        gap: 8px;
    }

.mobile-nav-direct-link, .mobile-nav-group-button {
    width: 100%;
    min-height: 52px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    color: #26333d;
    background: #ffffff;
    border: 1px solid rgba(20, 32, 51, 0.08);
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(20, 32, 51, 0.035);
    font-size: 14px;
    font-weight: 700;
    text-align: left;
    text-decoration: none;
}

    .mobile-nav-direct-link:hover, .mobile-nav-group-button:hover, .mobile-nav-direct-link:focus-visible, .mobile-nav-group-button:focus-visible {
        color: var(--kepsas-navy);
        background: #fafdff;
        border-color: rgba(21, 94, 138, 0.25);
        outline: none;
    }

    .mobile-nav-direct-link > i, .mobile-nav-group-button > span > i {
        width: 22px;
        color: var(--kepsas-navy);
        text-align: center;
    }

.mobile-nav-group-button {
    justify-content: space-between;
}

    .mobile-nav-group-button > span {
        display: inline-flex;
        align-items: center;
        gap: 12px;
    }

.mobile-nav-chevron {
    color: #8a969e;
    font-size: 11px;
    transition: transform 0.2s ease;
}

.mobile-nav-group-button:not(.collapsed) .mobile-nav-chevron {
    transform: rotate(180deg);
}

.mobile-nav-submenu {
    display: grid;
    gap: 3px;
    padding: 7px 7px 2px 18px;
}

    .mobile-nav-submenu a {
        position: relative;
        padding: 10px 12px 10px 19px;
        color: #596771;
        border-radius: 7px;
        font-size: 13px;
        font-weight: 600;
        line-height: 1.35;
        text-decoration: none;
    }

        .mobile-nav-submenu a::before {
            content: "";
            position: absolute;
            top: 50%;
            left: 4px;
            width: 6px;
            height: 6px;
            background: rgba(21, 94, 138, 0.35);
            border-radius: 50%;
            transform: translateY(-50%);
        }

        .mobile-nav-submenu a:hover, .mobile-nav-submenu a:focus-visible {
            color: var(--kepsas-navy);
            background: #ffffff;
            outline: none;
        }

            .mobile-nav-submenu a:hover::before, .mobile-nav-submenu a:focus-visible::before {
                background: var(--kepsas-navy);
            }

.mobile-nav-contact-card {
    display: grid;
    gap: 7px;
    padding: 15px;
    margin-top: auto;
    color: rgba(255, 255, 255, 0.72);
    background: linear-gradient(135deg, var(--kepsas-navy), #1a7595);
    border-radius: 9px;
}

    .mobile-nav-contact-card span {
        font-size: 11px;
    }

    .mobile-nav-contact-card a {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        color: #ffffff;
        font-size: 19px;
        font-weight: 800;
        text-decoration: none;
    }


@media (min-width: 992px) {
    header nav > .dropdown.position-static > .mega-menu-dropdown, header nav > .dropdown.position-static > .mega-menu-dropdown-right {
        top: calc(100% + 14px) !important;
        bottom: auto !important;
        margin-top: 0 !important;
        transform: none !important;
    }

    header nav > .dropdown.position-static > .mega-menu-dropdown, header nav > .dropdown.position-static > .mega-menu-dropdown-right {
        left: 0 !important;
        right: auto !important;
    }

    header nav > .dropdown:not(.position-static) > .information-menu-dropdown {
        margin-top: 14px !important;
    }
}

header .nav-link-custom:focus, header .nav-link-custom:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

body > header.kepsas-site-header {
    z-index: var(--kepsas-layer-header) !important;
    padding: 0 !important;
    isolation: isolate;
    border-bottom: 1px solid rgba(20, 32, 51, 0.07);
    background: linear-gradient( 180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 252, 254, 0.97) 100% );
    box-shadow: 0 12px 34px rgba(17, 43, 61, 0.08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

    body > header.kepsas-site-header::before {
        position: absolute;
        inset: 0 0 auto;
        height: 2px;
        pointer-events: none;
        background: linear-gradient( 90deg, var(--kepsas-red) 0 20%, var(--kepsas-green) 20% 40%, var(--kepsas-blue) 40% 60%, var(--kepsas-teal) 60% 80%, var(--kepsas-orange) 80% 100% );
        opacity: 0.92;
    }

.kepsas-header-shell {
    min-height: 82px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.kepsas-header-brand {
    min-width: 0;
    flex: 0 0 auto;
}

.kepsas-brand-link {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    color: var(--kepsas-ink);
    gap: 12px;
}

    .kepsas-brand-link:hover {
        color: var(--kepsas-ink);
    }

.kepsas-brand-mark {
    width: 58px;
    height: 58px;
    flex-basis: 58px;
    padding: 0;
    overflow: visible;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    place-items: center;
}

    .kepsas-brand-mark img {
        width: 100%;
        height: 100%;
        filter: drop-shadow(0 7px 12px rgba(20, 32, 51, 0.10));
    }

.kepsas-brand-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    border-left: 0;
}

    .kepsas-brand-copy strong {
        color: var(--kepsas-ink);
        font-size: 1.22rem;
        font-weight: 900;
        letter-spacing: 0.15px;
        line-height: 1.1;
    }

    .kepsas-brand-copy small {
        max-width: 210px;
        margin-top: 5px;
        color: #677586;
        font-size: 0.72rem;
        font-style: normal;
        font-weight: 600;
        line-height: 1.25;
        white-space: nowrap;
    }

.kepsas-desktop-nav {
    min-width: 0;
    flex: 1 1 auto;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
}

    .kepsas-desktop-nav > .dropdown, .kepsas-desktop-nav > .nav-link-custom {
        flex: 0 0 auto;
    }

        .kepsas-desktop-nav > .dropdown > .nav-link-custom, .kepsas-desktop-nav > .nav-link-custom {
            position: relative;
            min-height: 44px;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            gap: 7px;
            padding: 0 13px;
            color: #334354 !important;
            border: 1px solid transparent;
            border-radius: 12px;
            font-size: 0.84rem;
            font-weight: 750;
            line-height: 1;
            transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
        }

            .kepsas-desktop-nav > .dropdown > .nav-link-custom::before, .kepsas-desktop-nav > .nav-link-custom::before {
                content: none !important;
                display: none !important;
            }

            .kepsas-desktop-nav > .dropdown > .nav-link-custom:hover, .kepsas-desktop-nav > .dropdown > .nav-link-custom:focus-visible, .kepsas-desktop-nav > .dropdown.show > .nav-link-custom, .kepsas-desktop-nav > .nav-link-custom:hover, .kepsas-desktop-nav > .nav-link-custom:focus-visible {
                color: var(--kepsas-navy) !important;
                border-color: rgba(21, 94, 138, 0.09);
                background: rgba(21, 94, 138, 0.055);
                box-shadow: 0 7px 18px rgba(21, 94, 138, 0.06);
                outline: none;
                transform: translateY(-1px);
                font-weight: 800;
                opacity: 1 !important;
            }

    .kepsas-desktop-nav .dropdown-toggle::after {
        margin-left: 1px;
        border-width: 0.28em 0.28em 0;
        opacity: 0.58;
    }

.kepsas-site-header .dropdown-menu {
    border: 1px solid rgba(20, 32, 51, 0.085) !important;
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.985);
    box-shadow: 0 26px 68px rgba(16, 42, 61, 0.17) !important;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.kepsas-site-header .mega-menu-dropdown, .kepsas-site-header .mega-menu-dropdown-right {
    padding: 22px !important;
}

    .kepsas-site-header .mega-menu-dropdown h6, .kepsas-site-header .mega-menu-dropdown-right h6 {
        font-size: 0.98rem !important;
        letter-spacing: 0;
    }

.kepsas-site-header .mega-menu-link {
    min-height: 40px;
    padding: 9px 10px !important;
    border: 1px solid transparent;
    border-radius: 10px !important;
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.28;
    position: relative;
    transition: all 0.2s ease;
    color: #495057;
}

    .kepsas-site-header .mega-menu-link:hover, .kepsas-site-header .mega-menu-link:focus-visible {
        color: var(--kepsas-navy) !important;
        border-color: rgba(21, 94, 138, 0.08);
        background: #f4f8fb;
        outline: none;
        transform: translateX(2px);
        opacity: 1 !important;
    }

.kepsas-site-header .information-menu-link {
    border: 1px solid transparent;
    border-radius: 10px;
    position: relative;
}

    .kepsas-site-header .information-menu-link:hover, .kepsas-site-header .information-menu-link:focus-visible {
        border-color: rgba(21, 94, 138, 0.08);
        color: var(--kepsas-navy) !important;
        opacity: 1 !important;
    }

.kepsas-header-actions {
    flex: 0 0 auto;
    gap: 9px;
}

.kepsas-online-btn {
    letter-spacing: 0.05px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.kepsas-header-icon-btn {
    width: 46px;
    height: 46px;
    display: inline-flex;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--kepsas-navy);
    border: 1px solid rgba(21, 94, 138, 0.12);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.07);
    font-size: 0.93rem;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

    .kepsas-header-icon-btn:hover, .kepsas-header-icon-btn:focus-visible {
        color: #ffffff;
        border-color: transparent;
        background: var(--kepsas-navy);
        box-shadow: 0 12px 24px rgba(21, 94, 138, 0.2);
        outline: none;
        transform: translateY(-2px);
    }

.kepsas-call-center {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 6px 11px 6px 7px;
    color: var(--kepsas-ink);
    border-radius: 14px;
    transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    border: 0 !important;
    background: #dfe4ea !important;
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.09) !important;
}

    .kepsas-call-center:hover, .kepsas-call-center:focus-visible {
        color: #111827 !important;
        border: 0 !important;
        background: #dfe4ea !important;
        box-shadow: 0 12px 26px rgba(20, 32, 51, 0.14) !important;
        outline: none;
        transform: translateY(-1px);
    }

.kepsas-call-center-icon {
    width: 36px;
    height: 36px;
    display: grid;
    flex: 0 0 36px;
    place-items: center;
    border-radius: 11px;
    border: 0 !important;
}

.kepsas-call-center-copy {
    display: flex;
    flex-direction: column;
    white-space: nowrap;
}

    .kepsas-call-center-copy small {
        color: #667085 !important;
        font-size: 0.58rem;
        font-weight: 750;
        line-height: 1.1;
    }

    .kepsas-call-center-copy strong {
        margin-top: 3px;
        color: #111111 !important;
        font-size: 0.88rem;
        font-weight: 900;
        line-height: 1;
        text-shadow: none !important;
    }

body > header.kepsas-site-header {
    position: relative !important;
    top: auto !important;
}

.kepsas-site-header .information-menu-dropdown {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(20, 32, 51, 0.08) !important;
    background: #ffffff;
}

.information-menu-head {
    display: flex;
    align-items: center;
}

.information-menu-head-icon {
    display: grid;
    flex: 0 0 43px;
    place-items: center;
    border-radius: 13px;
}

.information-menu-head > div {
    min-width: 0;
    flex-direction: column;
}

.information-menu-head strong {
    font-weight: 900;
    line-height: 1.2;
}

.information-menu-head small {
    margin-top: 4px;
    font-weight: 600;
}

.information-menu-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    padding: 11px;
    background: #fbfcfd;
}

.kepsas-site-header .information-menu-grid .information-menu-link {
    --menu-tone: var(--kepsas-navy);
    display: grid;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    color: var(--kepsas-ink);
    border-radius: 12px;
    text-decoration: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="red"] {
        --menu-tone: var(--kepsas-red);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="green"] {
        --menu-tone: #84b82d;
    }

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="blue"] {
        --menu-tone: var(--kepsas-blue);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="teal"] {
        --menu-tone: var(--kepsas-teal);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="orange"] {
        --menu-tone: var(--kepsas-orange);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link[data-tone="navy"] {
        --menu-tone: var(--kepsas-navy);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link:hover, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible {
        color: var(--kepsas-ink);
        outline: none;
    }

.information-menu-icon {
    width: 39px;
    height: 39px;
    display: grid;
    place-items: center;
    color: var(--menu-tone);
    border-radius: 11px;
    font-size: 0.9rem;
}

.information-menu-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .information-menu-copy strong {
        overflow: hidden;
        color: var(--kepsas-ink);
        font-size: 0.72rem;
        font-weight: 850;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .information-menu-copy small {
        overflow: hidden;
        margin-top: 4px;
        color: #7b8794;
        font-size: 0.58rem;
        font-weight: 550;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.information-menu-arrow {
    color: color-mix(in srgb, var(--menu-tone) 58%, #87939f);
    font-size: 0.57rem;
    transition: transform 0.2s ease;
}

.information-menu-link:hover .information-menu-arrow {
    transform: translateX(2px);
}

.kepsas-site-header .online-actions-dropdown {
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid rgba(20, 32, 51, 0.08) !important;
    background: #ffffff;
}

.online-actions-head {
    gap: 20px;
}

    .online-actions-head > div {
        min-width: 0;
        flex-direction: column;
    }

.online-actions-eyebrow {
    margin-bottom: 7px;
    font-size: 0.58rem;
    font-weight: 850;
    text-transform: uppercase;
}

.online-actions-head strong {
    font-weight: 900;
    line-height: 1.2;
}

.online-actions-head small {
    margin-top: 6px;
    font-size: 0.67rem;
    font-weight: 550;
}

.online-actions-head-icon {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
    font-size: 1.05rem;
}

.online-actions-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.online-action-link {
    --action-tone: var(--kepsas-navy);
    display: grid;
    align-items: center;
    gap: 11px;
    padding: 11px;
    color: var(--kepsas-ink);
    border-radius: 13px;
    text-decoration: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
    position: relative;
}

    .online-action-link[data-tone="red"] {
        --action-tone: var(--kepsas-red);
    }

    .online-action-link[data-tone="green"] {
        --action-tone: #84b82d;
    }

    .online-action-link[data-tone="blue"] {
        --action-tone: var(--kepsas-blue);
    }

    .online-action-link[data-tone="teal"] {
        --action-tone: var(--kepsas-teal);
    }

    .online-action-link[data-tone="orange"] {
        --action-tone: var(--kepsas-orange);
    }

    .online-action-link[data-tone="navy"] {
        --action-tone: var(--kepsas-navy);
    }

    .online-action-link:hover, .online-action-link:focus-visible {
        color: var(--kepsas-ink);
        outline: none;
    }

.online-action-icon {
    display: grid;
    place-items: center;
    color: var(--action-tone);
    border-radius: 13px;
    font-size: 0.95rem;
    transition: color 0.22s ease, background-color 0.22s ease;
}

.online-action-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .online-action-copy strong {
        color: var(--kepsas-ink);
        font-size: 0.76rem;
        font-weight: 900;
        line-height: 1.2;
    }

    .online-action-copy small {
        overflow: hidden;
        margin-top: 5px;
        color: #7a8794;
        font-size: 0.6rem;
        font-weight: 550;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.online-action-arrow {
    color: color-mix(in srgb, var(--action-tone) 58%, #8b97a3);
    font-size: 0.62rem;
    transition: transform 0.22s ease;
}

.online-action-link:hover .online-action-arrow {
    transform: translate(2px, -1px);
}

.online-actions-foot {
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 37px;
    padding: 8px 14px;
    color: #758290;
    border-top: 1px solid rgba(20, 32, 51, 0.06);
    background: #ffffff;
    font-size: 0.58rem;
    font-weight: 650;
    display: none !important;
}

@media (max-width: 767.98px) {
    .information-menu-grid {
        max-height: calc(100vh - 205px);
        overflow-y: auto;
    }

    .online-actions-grid {
        max-height: calc(100vh - 245px);
        overflow-y: auto;
    }

    .kepsas-site-header .information-menu-dropdown, .kepsas-site-header .online-actions-dropdown {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
    }

    .information-menu-grid, .online-actions-grid {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 12px;
    }

    .kepsas-site-header .information-menu-grid .information-menu-link, .online-action-link {
        min-height: 84px;
        padding: 13px 14px;
    }
}

@media (max-width: 575.98px) {
    .information-menu-head small, .online-actions-head small {
        font-size: 0.61rem;
    }

    .information-menu-grid, .online-actions-grid {
        padding: 9px;
    }

    .kepsas-site-header .information-menu-grid .information-menu-link {
        min-height: 62px;
    }

    .online-action-link {
        min-height: 70px;
    }

    .information-menu-head, .online-actions-head {
        min-height: 64px !important;
        padding: 17px 16px !important;
    }

        .information-menu-head strong, .online-actions-head strong, .online-actions-head > strong {
            font-size: 1.06rem !important;
        }

    .information-menu-copy strong, .online-action-copy strong {
        font-size: 0.82rem !important;
    }

    .information-menu-copy small, .online-action-copy small {
        font-size: 0.64rem !important;
    }
}

.kepsas-site-header .information-menu-dropdown, .kepsas-site-header .online-actions-dropdown {
    --menu-primary: var(--kepsas-navy);
    --menu-primary-soft: rgba(21, 94, 138, 0.085);
    --menu-primary-border: rgba(21, 94, 138, 0.20);
    --menu-text: #172536;
    --menu-muted: #6c7988;
    border: 1px solid rgba(20, 32, 51, 0.09) !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 24px 58px rgba(14, 37, 55, 0.16) !important;
}

.information-menu-head::before, .online-actions-head::before, .information-menu-head::after, .online-actions-head::after {
    display: none !important;
    content: none !important;
}

.information-menu-head, .online-actions-head {
    min-height: 72px !important;
    display: flex;
    align-items: center;
    padding: 20px 22px !important;
    color: var(--menu-text) !important;
    border-bottom: 1px solid rgba(20, 32, 51, 0.075);
    background: #ffffff !important;
}

.information-menu-head {
    gap: 0;
}

    .information-menu-head > div {
        display: contents;
    }

    .information-menu-head-icon, .information-menu-head small, .online-actions-head small, .online-actions-eyebrow, .online-actions-head-icon {
        display: none !important;
    }

    .information-menu-head strong, .online-actions-head strong, .online-actions-head > strong {
        margin: 0;
        color: var(--menu-text) !important;
        font-size: 1.08rem !important;
        font-weight: 850;
        line-height: 1.2;
        letter-spacing: -0.15px;
    }

        .information-menu-head strong::before, .online-actions-head strong::before, .online-actions-head > strong::before {
            content: "";
            display: inline-block;
            width: 5px;
            height: 22px;
            margin-right: 11px;
            vertical-align: -5px;
            border-radius: 999px;
            background: var(--menu-primary);
        }

.kepsas-site-header .information-menu-dropdown {
    width: 670px;
    max-width: min(670px, calc(100vw - 32px));
}

.kepsas-site-header .online-actions-dropdown {
    width: 760px;
    max-width: min(760px, calc(100vw - 32px));
}

.information-menu-grid, .online-actions-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    padding: 17px;
    background: #f7f9fb !important;
}

.kepsas-site-header .information-menu-grid .information-menu-link, .online-action-link {
    --menu-tone: var(--menu-primary) !important;
    --action-tone: var(--menu-primary) !important;
    position: relative;
    min-height: 92px;
    display: grid;
    align-items: center;
    gap: 14px;
    padding: 15px 16px;
    overflow: hidden;
    color: var(--menu-text) !important;
    border: 1px solid rgba(20, 32, 51, 0.085) !important;
    border-radius: 13px;
    background: #ffffff !important;
    box-shadow: 0 5px 14px rgba(20, 32, 51, 0.035);
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.kepsas-site-header .information-menu-grid .information-menu-link {
    grid-template-columns: 48px minmax(0, 1fr) 14px;
}

.online-action-link {
    grid-template-columns: 50px minmax(0, 1fr) 15px;
}

    .kepsas-site-header .information-menu-grid .information-menu-link::before, .kepsas-site-header .information-menu-grid .information-menu-link::after, .online-action-link::before, .online-action-link::after {
        display: none !important;
        content: none !important;
    }

.information-menu-icon, .online-action-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    color: var(--menu-primary) !important;
    border: 1px solid rgba(21, 94, 138, 0.13) !important;
    border-radius: 13px;
    background: var(--menu-primary-soft) !important;
    box-shadow: none !important;
    font-size: 1rem;
    transition: color 0.22s ease, background-color 0.22s ease, transform 0.22s ease;
}

.online-action-icon {
    width: 50px;
    height: 50px;
}

.information-menu-copy, .online-action-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .information-menu-copy strong, .online-action-copy strong {
        overflow: hidden;
        color: var(--menu-text) !important;
        font-size: 0.87rem !important;
        font-weight: 820;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .information-menu-copy small, .online-action-copy small {
        display: block !important;
        overflow: hidden;
        margin-top: 6px;
        color: var(--menu-muted) !important;
        font-size: 0.68rem !important;
        font-weight: 550;
        line-height: 1.35;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.information-menu-arrow, .online-action-arrow {
    color: rgba(21, 94, 138, 0.58) !important;
    font-size: 0.67rem;
    transition: color 0.22s ease, transform 0.22s ease;
}

.kepsas-site-header .information-menu-grid .information-menu-link:hover, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible, .online-action-link:hover, .online-action-link:focus-visible {
    color: var(--menu-text) !important;
    border-color: var(--menu-primary-border) !important;
    background: #ffffff !important;
    box-shadow: 0 15px 32px rgba(21, 94, 138, 0.13);
    outline: none;
    transform: translateY(-4px);
}

    .kepsas-site-header .information-menu-grid .information-menu-link:hover .information-menu-icon, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible .information-menu-icon, .online-action-link:hover .online-action-icon, .online-action-link:focus-visible .online-action-icon {
        color: #ffffff !important;
        border-color: var(--menu-primary) !important;
        background: var(--menu-primary) !important;
        transform: scale(1.04);
    }

    .kepsas-site-header .information-menu-grid .information-menu-link:hover .information-menu-arrow, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible .information-menu-arrow, .online-action-link:hover .online-action-arrow, .online-action-link:focus-visible .online-action-arrow {
        color: var(--menu-primary) !important;
        transform: translateX(4px);
    }

body > header.kepsas-site-header::before {
    display: none !important;
    content: none !important;
}

.kepsas-header-actions {
    gap: 9px;
}

.kepsas-search-button {
    order: 1;
}

.kepsas-header-info-dropdown {
    order: 2;
}

.kepsas-header-actions > .dropdown:not(.kepsas-header-info-dropdown) {
    order: 3;
}

.mobile-nav-toggle {
    order: 5;
}

.kepsas-call-center {
    order: 4;
}

.kepsas-info-btn {
    position: relative;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    isolation: auto !important;
    overflow: visible !important;
    color: var(--kepsas-navy) !important;
    border: 2px solid transparent !important;
    border-radius: 13px !important;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(115deg, var(--kepsas-red), var(--kepsas-orange), var(--kepsas-green), var(--kepsas-teal), var(--kepsas-blue)) border-box !important;
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.06) !important;
    font-size: 0.79rem;
    font-weight: 800;
    line-height: 1;
    cursor: pointer;
    transition: color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

    .kepsas-info-btn::before, .kepsas-info-btn::after {
        display: none !important;
        content: none !important;
    }

    .kepsas-info-btn i, .kepsas-info-btn .information-actions-label, .kepsas-info-btn.dropdown-toggle::after {
        color: var(--kepsas-navy) !important;
    }

    .kepsas-info-btn:hover, .kepsas-info-btn:focus-visible, .kepsas-header-info-dropdown.show > .kepsas-info-btn {
        color: var(--kepsas-navy) !important;
        background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(115deg, var(--kepsas-blue), var(--kepsas-teal), var(--kepsas-green), var(--kepsas-orange), var(--kepsas-red)) border-box !important;
        box-shadow: 0 14px 29px rgba(21, 94, 138, 0.14) !important;
        outline: none;
        transform: translateY(-2px);
    }

.kepsas-header-info-dropdown .information-menu-dropdown {
    right: 0 !important;
    left: auto !important;
}

body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary {
    position: relative;
    min-height: 48px;
    padding: 0 17px !important;
    overflow: visible !important;
    color: var(--kepsas-navy) !important;
    border: 2px solid transparent !important;
    border-radius: 13px !important;
    outline: 0 !important;
    background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(115deg, var(--kepsas-red), var(--kepsas-orange), var(--kepsas-green), var(--kepsas-teal), var(--kepsas-blue)) border-box !important;
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.06) !important;
    filter: none !important;
    font-size: 0.79rem;
    font-weight: 800;
}

    body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary::before, body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary::after {
        display: none !important;
        content: none !important;
    }

    body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary i, body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary .online-actions-label, body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary.dropdown-toggle::after {
        color: var(--kepsas-navy) !important;
        text-shadow: none !important;
    }

    body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary:hover, body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary:focus, body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary:focus-visible, body > header.kepsas-site-header .kepsas-header-actions .dropdown.show > .kepsas-online-btn.btn.btn-primary {
        color: var(--kepsas-navy) !important;
        border: 2px solid transparent !important;
        background: linear-gradient(#f8fbfd, #f8fbfd) padding-box, linear-gradient(115deg, var(--kepsas-blue), var(--kepsas-teal), var(--kepsas-green), var(--kepsas-orange), var(--kepsas-red)) border-box !important;
        box-shadow: 0 14px 29px rgba(21, 94, 138, 0.14) !important;
        filter: none !important;
        transform: translateY(-2px);
    }

.kepsas-search-button {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-color: rgba(21, 94, 138, 0.11);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.055);
}


body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center {
    height: 48px;
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 12px 5px 6px;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:hover, body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:focus-visible {
        border-color: rgba(236, 28, 36, 0.22) !important;
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border-radius: 10px !important;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon::before, body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon::after {
        display: none !important;
        content: none !important;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon i {
        font-size: 17px;
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    white-space: nowrap;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-copy small {
        margin: 0;
        font-size: 0.54rem;
        font-weight: 700;
        line-height: 1;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-copy strong {
        margin-top: 3px;
        font-size: 0.87rem;
        font-weight: 900;
        line-height: 1;
        letter-spacing: 0;
        text-shadow: none !important;
    }

.kepsas-site-header .mega-menu-link, .kepsas-site-header .information-menu-link, .kepsas-site-header .online-action-link, .mobile-nav-submenu a, .mobile-nav-direct-link {
    position: relative;
}

.menu-link-direction {
    width: 16px;
    flex: 0 0 16px;
    margin-left: auto;
    color: rgba(21, 94, 138, 0.58) !important;
    font-size: 0.68rem;
    text-align: center;
    transition: color 0.2s ease, transform 0.2s ease;
}

.is-external-link .menu-link-direction {
    color: #f58220 !important;
}

.mega-menu-link:hover .menu-link-direction, .mega-menu-link:focus-visible .menu-link-direction, .information-menu-link:hover .menu-link-direction, .information-menu-link:focus-visible .menu-link-direction, .online-action-link:hover .menu-link-direction, .online-action-link:focus-visible .menu-link-direction, .mobile-nav-submenu a:hover .menu-link-direction, .mobile-nav-submenu a:focus-visible .menu-link-direction, .mobile-nav-direct-link:hover .menu-link-direction, .mobile-nav-direct-link:focus-visible .menu-link-direction {
    color: var(--kepsas-navy) !important;
    transform: translateX(3px);
}

.is-external-link:hover .menu-link-direction, .is-external-link:focus-visible .menu-link-direction {
    color: #e56f10 !important;
    transform: translate(2px, -2px);
}

.kepsas-site-header .mega-menu-link.is-current-page, .kepsas-site-header .information-menu-link.is-current-page, .kepsas-site-header .online-action-link.is-current-page {
    color: var(--kepsas-navy) !important;
    border-color: rgba(21, 94, 138, 0.28) !important;
    background: #f2f7fa !important;
    box-shadow: inset 3px 0 0 var(--kepsas-navy), 0 9px 22px rgba(21, 94, 138, 0.08) !important;
    font-weight: 750;
}

    .kepsas-site-header .mega-menu-link.is-current-page .menu-link-direction, .kepsas-site-header .information-menu-link.is-current-page .menu-link-direction, .kepsas-site-header .online-action-link.is-current-page .menu-link-direction {
        color: var(--kepsas-navy) !important;
    }

.kepsas-desktop-nav .nav-link-custom.is-current-page, .kepsas-desktop-nav .dropdown.has-current-page > .nav-link-custom {
    color: var(--kepsas-navy) !important;
    font-weight: 800;
    box-shadow: inset 0 -2px 0 var(--kepsas-navy);
}

.kepsas-header-info-dropdown.has-current-page > .kepsas-info-btn, body > header.kepsas-site-header .kepsas-header-actions > .dropdown.has-current-page > .kepsas-online-btn.btn.btn-primary {
    color: var(--kepsas-navy) !important;
    border-color: transparent !important;
    background: linear-gradient(#f2f7fa, #f2f7fa) padding-box, linear-gradient(115deg, var(--kepsas-blue), var(--kepsas-teal), var(--kepsas-green), var(--kepsas-orange), var(--kepsas-red)) border-box !important;
    box-shadow: 0 12px 27px rgba(21, 94, 138, 0.14) !important;
}

.mobile-nav-submenu a {
    display: flex;
    align-items: center;
    gap: 9px;
}

    .mobile-nav-submenu a.is-current-page, .mobile-nav-direct-link.is-current-page, .mobile-nav-group.has-current-page > .mobile-nav-group-button {
        color: var(--kepsas-navy) !important;
        border-color: rgba(21, 94, 138, 0.22) !important;
        background: #eef5f8 !important;
        font-weight: 800;
    }

        .mobile-nav-submenu a.is-current-page::before {
            background: var(--kepsas-navy) !important;
        }

.floating-social-item.ns:hover, .floating-social-item.ns:focus-visible {
    color: #ffffff;
    background: linear-gradient(135deg, #155e8a, #2fb7b8);
}

.nsosyal-mark {
    font-size: 18px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -1px;
}

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center {
    position: relative !important;
    isolation: isolate;
    overflow: hidden;
    color: #111827 !important;
    border: 0 !important;
    border-radius: 14px !important;
    background: #dfe4ea !important;
    box-shadow: 0 8px 20px rgba(20, 32, 51, 0.09) !important;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center::before {
        content: "" !important;
        position: absolute;
        inset: -135%;
        z-index: 0;
        display: block !important;
        transform-origin: center;
        pointer-events: none;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center::after {
        content: "" !important;
        position: absolute;
        inset: 2px;
        z-index: 1;
        display: block !important;
        border-radius: 12px;
        pointer-events: none;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center > span {
        position: relative;
        z-index: 2;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:hover, body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:focus-visible {
        color: #111827 !important;
        border: 0 !important;
        background: #dfe4ea !important;
        box-shadow: 0 12px 26px rgba(20, 32, 51, 0.14) !important;
        outline: none;
        transform: translateY(-1px);
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon {
    border: 0 !important;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon i {
        text-shadow: none !important;
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-copy small {
    color: #667085 !important;
}

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-copy strong {
    color: #111111 !important;
}

@media (prefers-reduced-motion: reduce) {
    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center::before {
        animation: none;
    }
}

body > header.kepsas-site-header {
    --kepsas-red: #ec1c24;
    --kepsas-green: #a7cf45;
    --kepsas-blue: #109bd7;
    --kepsas-teal: #2fb7b8;
    --kepsas-orange: #f7941d;
    --kepsas-navy: #155e8a;
    --kepsas-ink: #142033;
}

.kepsas-site-header .mega-menu-tone-primary {
    --mega-menu-direction-tone: var(--bs-primary, #0d6efd);
}

.kepsas-site-header .mega-menu-tone-orange {
    --mega-menu-direction-tone: #fd7e14;
}

.kepsas-site-header .mega-menu-tone-danger {
    --mega-menu-direction-tone: var(--bs-danger, #dc3545);
}

.kepsas-site-header .mega-menu-tone-success {
    --mega-menu-direction-tone: var(--bs-success, #198754);
}

.kepsas-site-header .mega-menu-tone-info {
    --mega-menu-direction-tone: var(--bs-info, #0dcaf0);
}

.kepsas-site-header .mega-menu-tone-column .menu-link-direction {
    color: var(--mega-menu-direction-tone) !important;
}

.kepsas-site-header .online-action-link .menu-link-direction, .kepsas-site-header .online-action-link:hover .menu-link-direction, .kepsas-site-header .online-action-link:focus-visible .menu-link-direction {
    color: var(--action-tone, var(--kepsas-navy)) !important;
}

.kepsas-site-header .information-menu-grid .information-menu-link:hover .information-menu-icon, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible .information-menu-icon {
    color: #ffffff !important;
    background: var(--menu-tone) !important;
}

    .kepsas-site-header .information-menu-grid .information-menu-link:hover .information-menu-icon i, .kepsas-site-header .information-menu-grid .information-menu-link:focus-visible .information-menu-icon i {
        color: #ffffff !important;
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center {
    --call-center-brand-blue: #1c72a0;
    --call-center-brand-red: #d41920;
    --call-center-brand-green: #96ba3e;
    --call-center-pointer-angle: 90deg;
    --call-center-pointer-x: 50%;
    --call-center-pointer-y: 50%;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center::before {
        opacity: 0;
        background: conic-gradient( from -27deg, rgba(16, 155, 215, 0) 0deg, var(--call-center-brand-blue) 4.5deg 35.1deg, var(--call-center-brand-red) 38.5deg 43.2deg, var(--call-center-brand-green) 46.5deg 50.5deg, rgba(167, 207, 69, 0) 54deg, transparent 54deg 360deg ) !important;
        animation: none !important;
        transform: rotate(var(--call-center-pointer-angle)) !important;
        filter: saturate(1.08) drop-shadow(0 0 3px rgba(16, 155, 215, 0.26));
        transition: opacity 0.18s ease, transform 0.085s cubic-bezier(0.22, 1, 0.36, 1);
        will-change: transform, opacity;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:hover::before, body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:focus-visible::before {
        opacity: 1;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center::after {
        background: #ffffff !important;
        transition: background 0.16s ease;
    }

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:hover::after, body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center:focus-visible::after {
        background: radial-gradient( circle at var(--call-center-pointer-x) var(--call-center-pointer-y), rgba(16, 155, 215, 0.11) 0%, rgba(16, 155, 215, 0.045) 25%, transparent 58% ), #ffffff !important;
    }

body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon {
    --call-center-blue-soft: color-mix(in srgb, var(--call-center-brand-blue) 84%, #ffffff);
    --call-center-red-soft: color-mix(in srgb, var(--call-center-brand-red) 84%, #ffffff);
    --call-center-green-soft: color-mix(in srgb, var(--call-center-brand-green) 84%, #ffffff);
    color: #ffffff !important;
    background: radial-gradient( circle at 36% 30%, rgba(255, 255, 255, 0.32) 0%, rgba(255, 255, 255, 0.08) 23%, transparent 43% ), conic-gradient( from 115deg, var(--call-center-blue-soft) 0% 59%, color-mix(in srgb, var(--call-center-blue-soft) 52%, var(--call-center-red-soft)) 63%, var(--call-center-red-soft) 67% 76%, color-mix(in srgb, var(--call-center-red-soft) 45%, var(--call-center-green-soft)) 80%, var(--call-center-green-soft) 84% 95%, color-mix(in srgb, var(--call-center-green-soft) 42%, var(--call-center-blue-soft)) 98%, var(--call-center-blue-soft) 100% ) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), inset -5px -6px 12px rgba(9, 26, 40, 0.13), 0 7px 16px rgba(16, 155, 215, 0.24) !important;
}

    body > header.kepsas-site-header .kepsas-header-actions .kepsas-call-center-icon i {
        color: #ffffff !important;
    }


/* =========================================================
   HEADER RESPONSIVE (YALNIZCA GEREKLİ DÜZELTMELER)
   ========================================================= */

@media (min-width: 1200px) and (max-width: 1399.98px) {

    .kepsas-header-shell {
        gap: 14px;
    }

    .kepsas-brand-link {
        gap: 10px;
    }

    .kepsas-brand-mark {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .kepsas-brand-copy strong {
        font-size: 1.08rem;
    }

    .kepsas-brand-copy small {
        max-width: 160px;
        font-size: 0.64rem;
    }

    .kepsas-desktop-nav > .dropdown > .nav-link-custom,
    .kepsas-desktop-nav > .nav-link-custom {
        padding-right: 9px;
        padding-left: 9px;
        font-size: 0.77rem;
    }

    .kepsas-header-actions {
        gap: 7px;
    }

    .kepsas-search-button {
        width: 44px;
        height: 44px;
        flex-basis: 44px;
    }

    .kepsas-info-btn,
    body > header.kepsas-site-header .kepsas-header-actions .dropdown > .kepsas-online-btn.btn.btn-primary {
        min-height: 44px;
        padding-right: 12px !important;
        padding-left: 12px !important;
        font-size: 0.72rem;
    }

    .kepsas-call-center {
        min-height: 44px;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {

    .kepsas-header-shell {
        min-height: 76px;
        gap: 8px;
    }

    .kepsas-brand-mark {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .kepsas-brand-copy strong {
        font-size: 0.98rem;
    }

    .kepsas-brand-copy small {
        display: block;
        max-width: 125px;
        margin-top: 2px;
        color: #677586;
        font-size: 0.50rem;
        font-weight: 600;
        line-height: 1.15;
        white-space: normal;
    }

    .kepsas-desktop-nav {
        gap: 1px;
    }

        .kepsas-desktop-nav > .dropdown > .nav-link-custom,
        .kepsas-desktop-nav > .nav-link-custom {
            min-height: 40px;
            padding-right: 6px;
            padding-left: 6px;
            font-size: 0.70rem;
        }

    .kepsas-header-actions {
        gap: 5px;
    }

    /* Arama butonu mobilde/tablette açık kalıyor */
    .kepsas-search-button {
        display: inline-flex !important;
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
        border-radius: 11px !important;
    }

    .kepsas-info-btn,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .dropdown > .kepsas-online-btn.btn.btn-primary {
        min-height: 42px;
        padding-right: 9px !important;
        padding-left: 9px !important;
        border-radius: 11px !important;
        font-size: 0.66rem;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center {
        width: auto;
        min-width: 0;
        height: 42px;
        min-height: 42px;
        flex: 0 0 auto;
        justify-content: center;
        gap: 6px;
        padding: 3px 8px 3px 3px !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy {
        display: flex;
    }

        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center-copy small {
            display: none;
        }

        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center-copy strong {
            margin-top: 0;
            font-size: 0.74rem;
        }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-icon {
        width: 34px;
        height: 34px;
        flex-basis: 34px;
    }
}



.kepsas-site-header .mega-menu-link.is-current-page,
.kepsas-site-header .information-menu-link.is-current-page,
.kepsas-site-header .online-action-link.is-current-page {
    color: inherit !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: inherit !important;
}

    .kepsas-site-header .mega-menu-link.is-current-page .menu-link-direction,
    .kepsas-site-header .information-menu-link.is-current-page .menu-link-direction,
    .kepsas-site-header .online-action-link.is-current-page .menu-link-direction {
        color: rgba(21, 94, 138, 0.58) !important;
    }

.kepsas-desktop-nav .nav-link-custom.is-current-page,
.kepsas-desktop-nav .nav-link-custom.is-current-section,
.kepsas-desktop-nav .dropdown.has-current-page > .nav-link-custom {
    color: inherit !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: inherit !important;
}

body .kepsas-header-info-dropdown.has-current-page > .kepsas-info-btn,
body .kepsas-header-info-dropdown > .kepsas-info-btn.is-current-section,
body > header.kepsas-site-header .kepsas-header-actions > .dropdown.has-current-page > .kepsas-online-btn.btn.btn-primary,
body > header.kepsas-site-header .kepsas-header-actions .kepsas-online-btn.is-current-section {
    box-shadow: none !important;
}

.mobile-nav-submenu a.is-current-page,
.mobile-nav-direct-link.is-current-page {
    color: inherit !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: inherit !important;
}

.mobile-nav-group.has-current-page > .mobile-nav-group-button,
.mobile-nav-group > .mobile-nav-group-button.is-current-section {
    color: inherit !important;
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    font-weight: inherit !important;
}

.mobile-nav-submenu a.is-current-page::before,
.mobile-nav-direct-link.is-current-page::before {
    content: none !important;
    display: none !important;
    background: transparent !important;
}

.kepsas-desktop-nav > .dropdown.show > .nav-link-custom,
.kepsas-desktop-nav > .dropdown > .nav-link-custom:focus-visible,
.kepsas-desktop-nav > .nav-link-custom:focus-visible {
    box-shadow: none !important;
}

/* =========================================================
   SİTE İÇİ ARAMA POPUP
   ========================================================= */

body.kepsas-search-open {
    overflow: hidden;
}

.kepsas-search-modal {
    position: fixed;
    inset: 0;
    z-index: 11000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px;
}

    .kepsas-search-modal[hidden] {
        display: none !important;
    }

.kepsas-search-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 25, 37, 0.48);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    opacity: 0;
    transition: opacity 0.22s ease;
}

.kepsas-search-modal.is-open
.kepsas-search-backdrop {
    opacity: 1;
}

.kepsas-search-panel {
    position: relative;
    z-index: 2;
    width: min(960px, 100%);
    max-height: calc(100vh - 44px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 28px 30px 30px;
    color: #17384d;
    background: #ffffff;
    border: 1px solid rgba(21, 94, 138, 0.10);
    border-radius: 22px;
    box-shadow: 0 28px 75px rgba(7, 27, 39, 0.22);
    opacity: 0;
    transform: translateY(10px) scale(0.986);
    transition: opacity 0.22s ease, transform 0.22s ease;
}

.kepsas-search-modal.is-open
.kepsas-search-panel {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.kepsas-search-panel::-webkit-scrollbar {
    width: 6px;
}

.kepsas-search-panel::-webkit-scrollbar-track {
    background: transparent;
}

.kepsas-search-panel::-webkit-scrollbar-thumb {
    background: rgba(21, 94, 138, 0.17);
    border-radius: 999px;
}

.kepsas-search-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 21px;
}

.kepsas-search-heading {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
}

.kepsas-search-heading-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #155e8a;
    background: rgba(47, 183, 184, 0.09);
    border: 1px solid rgba(47, 183, 184, 0.17);
    border-radius: 14px;
    font-size: 18px;
}

.kepsas-search-heading-copy {
    min-width: 0;
}

.kepsas-search-kicker {
    display: block;
    margin-bottom: 4px;
    color: #24a9ad;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.kepsas-search-heading h2 {
    margin: 0;
    color: #17384d;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -0.35px;
}

.kepsas-search-head-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 9px;
}

.kepsas-search-faq-button {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    color: #17445e !important;
    background: #ffffff;
    border: 1px solid rgba(22, 132, 181, 0.28);
    border-radius: 11px;
    text-decoration: none !important;
    font-size: 11.5px;
    font-weight: 750;
    white-space: nowrap;
    box-shadow: 0 4px 12px rgba(21, 94, 138, 0.04);
    transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

    .kepsas-search-faq-button > i:first-child {
        color: #155e8a;
        font-size: 11px;
    }

.kepsas-search-faq-arrow {
    color: #2fb7b8;
    font-size: 8px;
    transition: transform 0.18s ease;
}

.kepsas-search-faq-button:hover {
    color: #17384d !important;
    background: rgba(47, 183, 184, 0.045);
    border-color: rgba(47, 183, 184, 0.48);
    transform: translateY(-1px);
    box-shadow: 0 7px 16px rgba(21, 94, 138, 0.07);
}

    .kepsas-search-faq-button:hover
    .kepsas-search-faq-arrow {
        transform: translateX(2px);
    }

.kepsas-search-close {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #778994;
    background: transparent;
    border: 0;
    border-radius: 11px;
    font-size: 17px;
    cursor: pointer;
    transition: color 0.18s ease, background-color 0.18s ease;
}

    .kepsas-search-close:hover {
        color: #17384d;
        background: #f1f5f7;
    }

.kepsas-search-form {
    width: 100%;
    margin: 0 0 27px;
}

.kepsas-search-input-shell {
    position: relative;
    width: 100%;
    min-height: 58px;
    display: flex;
    align-items: center;
    padding: 5px 5px 5px 50px;
    background: #ffffff;
    border: 1px solid rgba(47, 183, 184, 0.50);
    border-radius: 16px;
    box-shadow: 0 0 0 4px rgba(47, 183, 184, 0.045), 0 5px 15px rgba(17, 57, 78, 0.035);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

    .kepsas-search-input-shell:focus-within {
        border-color: rgba(47, 183, 184, 0.82);
        box-shadow: 0 0 0 4px rgba(47, 183, 184, 0.09), 0 7px 18px rgba(17, 57, 78, 0.05);
    }

.kepsas-search-input-icon {
    position: absolute;
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    color: #879aa7;
    font-size: 15px;
    pointer-events: none;
}

.kepsas-search-input-shell input {
    flex: 1;
    min-width: 0;
    height: 46px;
    padding: 0 15px 0 0;
    color: #17384d;
    background: transparent;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    font-family: inherit;
    font-size: 14px;
    font-weight: 650;
}

    .kepsas-search-input-shell input::placeholder {
        color: #8799a6;
        font-weight: 600;
        opacity: 1;
    }

.kepsas-search-submit {
    min-width: 94px;
    height: 46px;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 19px;
    color: #ffffff;
    background: #123e58;
    border: 0;
    border-radius: 12px;
    font-family: inherit;
    font-size: 12.5px;
    font-weight: 800;
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease;
}

    .kepsas-search-submit:hover {
        background: #0d354d;
        transform: translateY(-1px);
        box-shadow: 0 8px 18px rgba(18, 62, 88, 0.18);
    }

    .kepsas-search-submit i {
        font-size: 9px;
    }

.kepsas-search-section {
    width: 100%;
}

    .kepsas-search-section +
    .kepsas-search-section {
        margin-top: 24px;
        padding-top: 22px;
        border-top: 1px solid #e3ebef;
    }

.kepsas-search-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.kepsas-search-section-title {
    padding: 0;
}

    .kepsas-search-section-title::before,
    .kepsas-search-section-title::after {
        content: none !important;
        display: none !important;
    }

.kepsas-search-section-kicker {
    display: block;
    margin-bottom: 3px;
    color: #25a9ad;
    font-size: 9.5px;
    font-weight: 800;
    letter-spacing: 1.15px;
    text-transform: uppercase;
}

.kepsas-search-section-head h3 {
    margin: 0;
    color: #17384d;
    font-size: 15.5px;
    font-weight: 800;
    line-height: 1.25;
}

.kepsas-search-section-note {
    color: #718793;
    font-size: 11px;
    font-weight: 650;
}

.kepsas-search-actions {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.kepsas-search-action {
    --action-color: #2fb7b8;
    --action-soft: rgba(47, 183, 184, 0.03);
    position: relative;
    min-width: 0;
    min-height: 142px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 17px 14px 16px;
    overflow: hidden;
    color: #17384d !important;
    background: linear-gradient( 180deg, #ffffff 0%, var(--action-soft) 100% );
    border: 1px solid var(--action-color);
    border-radius: 16px;
    text-align: center;
    text-decoration: none !important;
    box-shadow: 0 4px 12px rgba(12, 39, 53, 0.025);
    transition: transform 0.20s ease, box-shadow 0.20s ease, background-color 0.20s ease;
}

    .kepsas-search-action::before,
    .kepsas-search-action::after {
        content: none !important;
        display: none !important;
    }

.kepsas-search-action--blue {
    --action-color: #1684b5;
    --action-soft: rgba(22, 132, 181, 0.04);
}

.kepsas-search-action--yellow {
    --action-color: #d5a40f;
    --action-soft: rgba(213, 164, 15, 0.04);
}

.kepsas-search-action--teal {
    --action-color: #23aeb2;
    --action-soft: rgba(35, 174, 178, 0.04);
}

.kepsas-search-action--red {
    --action-color: #d93238;
    --action-soft: rgba(217, 50, 56, 0.035);
}

.kepsas-search-action:hover {
    color: #17384d !important;
    background: color-mix( in srgb, var(--action-color) 4%, white );
    transform: translateY(-2px);
    box-shadow: 0 11px 24px rgba(13, 39, 52, 0.075);
}

.kepsas-search-action-icon {
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.kepsas-search-svg {
    display: block;
    width: 54px;
    height: 54px;
    max-width: 54px;
    max-height: 54px;
    overflow: visible;
}

.kepsas-search-action-copy {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .kepsas-search-action-copy strong {
        display: block;
        color: #17384d;
        font-size: 14px;
        font-weight: 800;
        line-height: 1.3;
    }

    .kepsas-search-action-copy small {
        display: block;
        max-width: 185px;
        margin-top: 5px;
        color: #536b79;
        font-size: 10.5px;
        font-weight: 650;
        line-height: 1.4;
    }

.kepsas-search-action-go {
    position: absolute;
    top: 12px;
    right: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--action-color);
    font-size: 8px;
    opacity: 0.74;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.kepsas-search-action:hover
.kepsas-search-action-go {
    opacity: 1;
    transform: translateX(2px);
}

.search-new-head,
.search-new-mark {
    transform-box: fill-box;
    transition: transform 0.30s ease-in-out;
}

.search-new-head {
    transform-origin: center;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-new-mark {
    transform: translateY(-18px);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-new-head {
    transform: scale(1.12);
}

.search-bill-document {
    filter: url(#searchBillShadow);
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease;
}

.search-bill-line {
    transform-box: fill-box;
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-document {
    filter: url(#searchBillShadowHover);
    transform: translateY(-12px) scale(1.06);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-line--1 {
    transform: scaleX(1.16);
    transition-delay: 0s;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-line--2 {
    transform: scaleX(1.22);
    transition-delay: 0.05s;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-line--3 {
    transform: scaleX(1.16);
    transition-delay: 0.10s;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-line--4 {
    transform: scaleX(1.12);
    transition-delay: 0.15s;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-bill-line--5 {
    transform: scaleX(1.16);
    transition-delay: 0.20s;
}

.search-debt-icon {
    filter: url(#searchDebtShadow);
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), filter 0.4s ease;
}

.search-debt-lines {
    transform-box: fill-box;
    transform-origin: center;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.search-debt-line {
    transition: stroke 0.4s ease;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-debt-icon {
    transform: translateY(-6px) rotate(-4deg) scale(1.02);
    filter: url(#searchDebtShadowHover);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-debt-lines {
    transform: scale(1.15);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-debt-line {
    stroke: #00e5ff;
}

.search-online-pc {
    transition: transform 0.4s ease;
}

.search-online-btn {
    transform-box: fill-box;
    transform-origin: center;
    transition: fill 0.3s ease, transform 0.3s ease;
}

.search-online-line {
    transform-box: fill-box;
    transform-origin: left center;
    transition: transform 0.4s ease, fill 0.4s ease;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-online-pc {
    transform: translateY(-4px);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-online-btn {
    fill: #9c141a;
    transform: scale(1.05);
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-online-line--1 {
    transform: scaleX(1.2);
    fill: #e53935;
    transition-delay: 0.1s;
}

.kepsas-search-action:is(:hover, :focus-visible)
.search-online-line--2 {
    transform: scaleX(1.3);
    fill: #e53935;
    transition-delay: 0.2s;
}

.kepsas-search-question-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.kepsas-search-question {
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 9px 15px;
    color: #2f4858 !important;
    background: #ffffff;
    border: 1px solid #cfdde4;
    border-radius: 12px;
    text-decoration: none !important;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
    box-shadow: 0 3px 9px rgba(12, 39, 53, 0.025);
    transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

    .kepsas-search-question:nth-child(4n + 1) {
        border-color: rgba(22, 132, 181, 0.32);
    }

    .kepsas-search-question:nth-child(4n + 2) {
        border-color: rgba(47, 183, 184, 0.42);
    }

    .kepsas-search-question:nth-child(4n + 3) {
        border-color: rgba(217, 50, 56, 0.28);
    }

    .kepsas-search-question:nth-child(4n) {
        border-color: rgba(167, 207, 69, 0.52);
    }

    .kepsas-search-question i {
        flex: 0 0 auto;
        color: #2fb7b8;
        font-size: 9px;
        transition: transform 0.18s ease;
    }

    .kepsas-search-question:hover {
        color: #17384d !important;
        background: rgba(47, 183, 184, 0.045);
        border-color: rgba(47, 183, 184, 0.58);
        transform: translateY(-1px);
        box-shadow: 0 6px 14px rgba(12, 39, 53, 0.05);
    }

        .kepsas-search-question:hover i {
            transform: translateX(2px);
        }

    .kepsas-search-faq-button:focus-visible,
    .kepsas-search-close:focus-visible,
    .kepsas-search-submit:focus-visible,
    .kepsas-search-action:focus-visible,
    .kepsas-search-question:focus-visible {
        outline: 3px solid rgba(47, 183, 184, 0.24);
        outline-offset: 2px;
    }

@media (max-width: 900px) {
    .kepsas-search-panel {
        width: min(740px, 100%);
    }

    .kepsas-search-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .kepsas-search-modal {
        padding: 12px;
    }

    .kepsas-search-panel {
        width: 100%;
        max-height: calc(100vh - 24px);
        padding: 20px 15px;
        border-radius: 19px;
    }

    .kepsas-search-head {
        align-items: flex-start;
        gap: 10px;
        margin-bottom: 17px;
    }

    .kepsas-search-heading {
        gap: 10px;
    }

    .kepsas-search-heading-icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
        border-radius: 12px;
    }

    .kepsas-search-heading h2 {
        max-width: 190px;
        font-size: 16px;
    }

    .kepsas-search-kicker {
        font-size: 8.5px;
    }

    .kepsas-search-faq-button {
        width: 40px;
        height: 40px;
        min-height: 40px;
        padding: 0;
    }

        .kepsas-search-faq-button span,
        .kepsas-search-faq-arrow {
            display: none;
        }

    .kepsas-search-close {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .kepsas-search-form {
        margin-bottom: 20px;
    }

    .kepsas-search-input-shell {
        min-height: 53px;
        padding: 4px 4px 4px 43px;
        border-radius: 14px;
    }

    .kepsas-search-input-icon {
        left: 16px;
        font-size: 13px;
    }

    .kepsas-search-input-shell input {
        height: 43px;
        padding-right: 8px;
        font-size: 12.5px;
    }

    .kepsas-search-submit {
        min-width: 72px;
        height: 43px;
        padding: 0 13px;
        border-radius: 10px;
        font-size: 11.5px;
    }

        .kepsas-search-submit i {
            display: none;
        }

    .kepsas-search-section +
    .kepsas-search-section {
        margin-top: 20px;
        padding-top: 18px;
    }

    .kepsas-search-section-head {
        margin-bottom: 11px;
    }

    .kepsas-search-section-note {
        display: none;
    }

    .kepsas-search-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .kepsas-search-action {
        min-height: 118px;
        padding: 13px 8px 11px;
        border-radius: 14px;
    }

    .kepsas-search-action-icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
        margin-bottom: 7px;
    }

    .kepsas-search-svg {
        width: 43px;
        height: 43px;
    }

    .kepsas-search-action-copy strong {
        font-size: 12px;
    }

    .kepsas-search-action-copy small {
        display: none;
    }

    .kepsas-search-question-list {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .kepsas-search-question {
        width: 100%;
        min-height: 42px;
        justify-content: space-between;
        padding: 9px 12px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .kepsas-search-modal *,
    .kepsas-search-modal *::before,
    .kepsas-search-modal *::after {
        transition: none !important;
    }

    .kepsas-search-submit:hover,
    .kepsas-search-faq-button:hover,
    .kepsas-search-action:hover,
    .kepsas-search-question:hover {
        transform: none;
    }
}

/* =========================================================
   ÇEREZ MODALI
   ========================================================= */

body.cookie-modal-open {
    overflow: hidden;
}

.cookie-consent-shell,
.cookie-preferences {
    position: fixed;
    z-index: var(--kepsas-layer-cookie, 10050);
}

    .cookie-consent-shell[hidden],
    .cookie-preferences[hidden] {
        display: none !important;
    }

.cookie-consent-shell {
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    pointer-events: none;
}

.cookie-card {
    width: 100%;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 0;
    background: linear-gradient(135deg, #132033 0%, #17384d 100%);
    box-shadow: 0 -8px 26px rgba(7, 20, 32, 0.16);
    pointer-events: auto;
}

.cookie-card__inner {
    width: calc(100% - 64px);
    max-width: none;
    min-height: 62px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 9px 0;
}

.cookie-card__main {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.cookie-card__icon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #8fd7d7;
    border: 1px solid rgba(143, 215, 215, 0.20);
    border-radius: 9px;
    background: rgba(47, 183, 184, 0.08);
    font-size: 13px;
}

.cookie-card__content {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    gap: 22px;
}

.cookie-card__heading {
    flex: 0 0 auto;
}

.cookie-eyebrow {
    display: block;
    margin: 0 0 2px;
    color: #72d0d0;
    font-size: 0.55rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.09em;
    text-transform: uppercase;
}

.cookie-title {
    margin: 0;
    color: #ffffff;
    font-size: 0.84rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: 0;
}

.cookie-copy {
    max-width: 620px;
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.68rem;
    font-weight: 500;
    line-height: 1.4;
}

.cookie-card__actions,
.cookie-preferences__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
    flex-wrap: wrap;
}

.cookie-card__actions {
    flex: 0 0 auto;
    margin-left: auto;
}

.cookie-btn {
    min-height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border-radius: 8px !important;
    font-family: inherit;
    font-size: 0.66rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: 0;
    box-shadow: none !important;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.cookie-card .cookie-btn-primary {
    color: #132033 !important;
    border: 1px solid #ffffff !important;
    background: #ffffff !important;
}

    .cookie-card .cookie-btn-primary:hover,
    .cookie-card .cookie-btn-primary:focus-visible {
        color: #132033 !important;
        border-color: #f2f6f8 !important;
        background: #f2f6f8 !important;
        transform: translateY(-1px);
    }

.cookie-card .cookie-btn-light {
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    background: rgba(255, 255, 255, 0.05) !important;
}

    .cookie-card .cookie-btn-light:hover,
    .cookie-card .cookie-btn-light:focus-visible {
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.46) !important;
        background: rgba(255, 255, 255, 0.10) !important;
    }

.cookie-card .cookie-btn-ghost {
    color: rgba(255, 255, 255, 0.66) !important;
    border: 1px solid transparent !important;
    background: transparent !important;
}

    .cookie-card .cookie-btn-ghost:hover,
    .cookie-card .cookie-btn-ghost:focus-visible {
        color: #ffffff !important;
        border-color: rgba(255, 255, 255, 0.12) !important;
        background: rgba(255, 255, 255, 0.06) !important;
    }

.cookie-preferences {
    inset: 0;
    display: grid;
    place-items: center;
    padding: 18px;
}

.cookie-preferences__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(7, 17, 27, 0.56);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.cookie-preferences__panel {
    position: relative;
    width: min(560px, 100%);
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    padding: 22px;
    border: 1px solid rgba(20, 32, 51, 0.10);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 30px 80px rgba(7, 20, 32, 0.28);
}

    .cookie-preferences__panel .cookie-eyebrow {
        color: var(--kepsas-teal);
    }

    .cookie-preferences__panel .cookie-title {
        color: var(--kepsas-ink);
        font-size: 1rem;
    }

    .cookie-preferences__panel > .cookie-copy {
        max-width: none;
        color: #647586;
        font-size: 0.76rem;
    }

.cookie-preferences__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 14px;
}

.cookie-close {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 36px;
    padding: 0;
    color: #687a87;
    background: #f3f6f7;
    border: 0;
    border-radius: 9px;
}

    .cookie-close:hover,
    .cookie-close:focus-visible {
        color: var(--kepsas-ink);
        background: #e9eef1;
        outline: none;
    }

.cookie-groups {
    display: grid;
    gap: 9px;
}

.cookie-group {
    overflow: hidden;
    border: 1px solid rgba(20, 32, 51, 0.08);
    border-radius: 10px;
    background: #f8fafb;
}

.cookie-group__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 14px;
    cursor: pointer;
}

.cookie-group h3 {
    margin: 0 0 3px;
    color: var(--kepsas-ink);
    font-size: 0.82rem;
    font-weight: 800;
}

.cookie-group span {
    color: var(--kepsas-green);
    font-size: 0.64rem;
    font-weight: 800;
}

.cookie-group p {
    display: none;
    margin: 0;
    padding: 0 14px 14px;
    color: #596b78;
    font-size: 0.72rem;
    line-height: 1.5;
}

.cookie-group.is-open p {
    display: block;
}

.cookie-group:not(.is-open) .fa-chevron-up {
    transform: rotate(180deg);
}

.cookie-switch {
    position: relative;
    width: 42px;
    height: 24px;
    flex: 0 0 42px;
}

    .cookie-switch input {
        width: 0;
        height: 0;
        opacity: 0;
    }

    .cookie-switch > span {
        position: absolute;
        inset: 0;
        cursor: pointer;
        border-radius: 999px;
        background: #d4dde3;
        transition: background-color .2s ease;
    }

        .cookie-switch > span::before {
            content: "";
            position: absolute;
            top: 3px;
            left: 3px;
            width: 18px;
            height: 18px;
            border-radius: 50%;
            background: #ffffff;
            box-shadow: 0 2px 6px rgba(20, 32, 51, 0.18);
            transition: transform .2s ease;
        }

    .cookie-switch input:checked + span {
        background: var(--kepsas-teal);
    }

        .cookie-switch input:checked + span::before {
            transform: translateX(18px);
        }

.cookie-preferences__actions {
    margin-top: 18px;
}

    .cookie-preferences__actions .cookie-btn-primary {
        color: #ffffff !important;
        border: 1px solid var(--kepsas-navy) !important;
        background: var(--kepsas-navy) !important;
    }

    .cookie-preferences__actions .cookie-btn-light {
        color: var(--kepsas-ink) !important;
        border: 1px solid #ccd9e0 !important;
        background: #ffffff !important;
    }

    .cookie-preferences__actions .cookie-btn-ghost {
        color: #687985 !important;
        border: 1px solid transparent !important;
        background: #f4f7f8 !important;
    }

.cookie-kvkk-link {
    display: block;
    margin-top: 14px;
    color: var(--kepsas-navy);
    font-size: 0.70rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

    .cookie-kvkk-link:hover,
    .cookie-kvkk-link:focus-visible {
        text-decoration: underline;
    }

@media (max-width: 900px) {
    .cookie-card__inner {
        width: calc(100% - 28px);
        gap: 14px;
    }

    .cookie-card__content {
        display: block;
    }

    .cookie-copy {
        margin-top: 3px;
    }
}

@media (max-width: 700px) {
    .cookie-card__inner {
        width: calc(100% - 24px);
        min-height: auto;
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 10px 0;
    }

    .cookie-card__main {
        width: 100%;
        align-items: flex-start;
    }

    .cookie-card__icon {
        width: 32px;
        height: 32px;
        flex-basis: 32px;
        font-size: 12px;
    }

    .cookie-title {
        font-size: 0.80rem;
    }

    .cookie-copy {
        font-size: 0.64rem;
    }

    .cookie-card__actions {
        width: 100%;
        justify-content: flex-end;
        gap: 5px;
    }

    .cookie-btn {
        min-height: 30px;
        padding: 0 10px;
        font-size: 0.62rem;
    }

    .cookie-preferences {
        padding: 12px;
    }

    .cookie-preferences__panel {
        max-height: calc(100vh - 24px);
        padding: 18px;
    }
}

/* =========================================================
   SABİT AKSİYONLAR
   ========================================================= */

.floating-mobile-container {
    position: fixed;
    right: 20px;
    bottom: 92px;
    z-index: 9999;
    display: flex;
    justify-content: flex-end;
    pointer-events: none;
}

    .floating-mobile-container .floating-mobile-app-btn {
        pointer-events: auto;
    }

.floating-social-container {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.floating-main-btn {
    position: relative;
    z-index: 2;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #ffffff;
    border: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #e3222a 0%, #f58220 100%);
    box-shadow: 0 5px 20px rgba(227, 34, 42, 0.4);
    font-size: 22px;
    cursor: pointer;
    transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
}

    .floating-main-btn:hover {
        transform: translateY(-2px);
    }

    .floating-main-btn i {
        transition: transform 0.3s ease;
        transform: rotate(135deg);
    }

.floating-social-list {
    position: absolute;
    right: 5px;
    bottom: 128px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 12px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0) scale(1);
    transform-origin: bottom center;
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.floating-social-container.is-closed .floating-social-list {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(18px) scale(0.86);
}

.floating-social-container.is-closed .floating-main-btn {
    background: linear-gradient(135deg, #155e8a 0%, #109bd7 100%);
    box-shadow: 0 5px 20px rgba(13, 110, 253, 0.34);
}

    .floating-social-container.is-closed .floating-main-btn i {
        transform: rotate(0deg);
    }

.floating-social-item {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    border-radius: 50%;
    background-color: #ffffff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.16);
    font-size: 18px;
    text-decoration: none;
    transition: color 0.25s ease, background-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

    .floating-social-item:hover {
        color: #ffffff;
        transform: translateX(-3px);
        box-shadow: 0 8px 18px rgba(20, 32, 51, 0.2);
    }

    .floating-social-item.fb {
        color: #1877f2;
    }

    .floating-social-item.tw {
        color: #000000;
    }

    .floating-social-item.ig {
        color: #e1306c;
    }

    .floating-social-item.yt {
        color: #ff0000;
    }

    .floating-social-item.in {
        color: #0a66c2;
    }

    .floating-social-item.ns {
        color: #155e8a;
    }

    .floating-social-item .nsosyal-mark {
        font-size: 18px;
        font-weight: 900;
        line-height: 1;
        letter-spacing: -1px;
    }

    .floating-social-item.fb:hover {
        color: #ffffff;
        background-color: #1877f2;
    }

    .floating-social-item.tw:hover {
        color: #ffffff;
        background-color: #000000;
    }

    .floating-social-item.ig:hover {
        color: #ffffff;
        background-color: #e1306c;
    }

    .floating-social-item.yt:hover {
        color: #ffffff;
        background-color: #ff0000;
    }

    .floating-social-item.in:hover {
        color: #ffffff;
        background-color: #0a66c2;
    }

    .floating-social-item.ns:hover {
        color: #ffffff;
        background: linear-gradient(135deg, #155e8a, #2fb7b8);
    }

.floating-mobile-app-btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: auto;
    height: 45px;
    max-width: 45px;
    overflow: hidden;
    color: #ffffff !important;
    border-radius: 45px;
    background: linear-gradient(135deg, #155e8a 0%, #2fb7b8 100%);
    box-shadow: 0 5px 16px rgba(47, 183, 184, 0.36);
    white-space: nowrap;
    transition: max-width 0.55s cubic-bezier(0.175, 0.885, 0.32, 1.275), transform 0.25s ease, box-shadow 0.25s ease;
}

    .floating-mobile-app-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 9px 22px rgba(47, 183, 184, 0.42);
    }

.icon-circle-mobile {
    width: 45px;
    height: 45px;
    display: flex;
    flex: 0 0 45px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}

.mobile-btn-text {
    padding-right: 5px;
    padding-left: 15px;
    opacity: 0;
    font-size: 13px;
    letter-spacing: 0.5px;
    transition: opacity 0.25s ease;
}

.floating-mobile-app-btn.is-expanded,
.floating-mobile-app-btn:hover,
.floating-mobile-app-btn:focus-visible {
    max-width: 170px;
}

    .floating-mobile-app-btn.is-expanded .mobile-btn-text,
    .floating-mobile-app-btn:hover .mobile-btn-text,
    .floating-mobile-app-btn:focus-visible .mobile-btn-text {
        opacity: 1;
    }

@media (max-width: 767px) {
    .floating-social-container {
        right: 14px;
        bottom: 14px;
    }

    .floating-main-btn {
        width: 48px;
        height: 48px;
        font-size: 18px;
    }

    .floating-mobile-container {
        right: 14px;
        bottom: 76px;
    }

    .floating-mobile-app-btn {
        height: 48px;
        max-width: 48px;
        border-radius: 48px;
    }

    .icon-circle-mobile {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .floating-mobile-app-btn.is-expanded,
    .floating-mobile-app-btn:hover,
    .floating-mobile-app-btn:focus-visible {
        max-width: 170px;
    }

    .floating-social-list {
        right: 2px;
        bottom: 116px;
        gap: 10px;
    }

    .floating-social-item {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
}



/* Gerçek mobil dock yalnızca responsive görünümde aktif. */
.kepsas-mobile-dock {
    display: none;
}

@media (max-width: 991.98px) {
    .kepsas-mobile-dock {
        display: grid;
    }
}


/* =========================================================
   MOBILE HEADER + FIXED BOTTOM ACTION BAR
   Tek kaynak responsive blok.
   ========================================================= */

@media (max-width: 991.98px) {

    body {
        --mobile-action-height: 48px;
        --mobile-action-gap: 10px;
        --mobile-action-edge: 8px;
        --mobile-action-side-width: calc(50vw - 42px);
        padding-bottom: calc(92px + env(safe-area-inset-bottom)) !important;
    }

        /* Header viewport'tan bağımsız normal akışta kalır. */
        body > header.kepsas-site-header {
            position: relative !important;
            top: auto !important;
            padding: 0 !important;
            backdrop-filter: none !important;
            -webkit-backdrop-filter: none !important;
            filter: none !important;
            transform: none !important;
            contain: none !important;
        }

            body > header.kepsas-site-header > .container {
                padding-right: 12px !important;
                padding-left: 12px !important;
            }

    /* =========================
       ÜST HEADER
       ========================= */

    .kepsas-header-shell {
        min-height: 80px !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        padding-top: 9px !important;
        padding-bottom: 9px !important;
    }

    .kepsas-header-brand {
        min-width: 0 !important;
        flex: 1 1 auto !important;
    }

    .kepsas-brand-link {
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 10px !important;
    }

    .kepsas-brand-mark {
        width: 50px !important;
        height: 50px !important;
        flex: 0 0 50px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

        .kepsas-brand-mark::after {
            display: none !important;
            content: none !important;
        }

    .kepsas-brand-copy {
        min-width: 0 !important;
        display: flex !important;
        padding-left: 0 !important;
        border-left: 0 !important;
    }

        .kepsas-brand-copy strong {
            overflow: visible !important;
            color: var(--kepsas-ink) !important;
            font-size: 1.16rem !important;
            font-weight: 900 !important;
            line-height: 1.02 !important;
            letter-spacing: -0.15px !important;
            white-space: nowrap !important;
        }

        .kepsas-brand-copy small {
            display: block !important;
            max-width: 205px !important;
            margin-top: 4px !important;
            color: #667483 !important;
            font-size: 0.58rem !important;
            font-weight: 700 !important;
            line-height: 1.12 !important;
            white-space: normal !important;
        }

    /*
     * Wrapper normal akışta:
     * çağrı merkezi + hamburger üstte kalır.
     */
    .kepsas-header-actions {
        position: static !important;
        inset: auto !important;
        z-index: auto !important;
        width: auto !important;
        min-width: 0 !important;
        min-height: 0 !important;
        display: flex !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 7px !important;
        padding: 0 !important;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

        /* Alt sabit barın zemini. */
        .kepsas-header-actions::before {
            content: "" !important;
            position: fixed !important;
            right: 0 !important;
            bottom: 0 !important;
            left: 0 !important;
            z-index: 10038 !important;
            height: calc(72px + env(safe-area-inset-bottom)) !important;
            pointer-events: none !important;
            border-top: 1px solid rgba(20, 32, 51, 0.10) !important;
            background: rgba(255, 255, 255, 0.97) !important;
            box-shadow: 0 -10px 28px rgba(17, 43, 61, 0.12) !important;
            backdrop-filter: blur(18px) !important;
            -webkit-backdrop-filter: blur(18px) !important;
        }

    /* =========================
       ÇAĞRI MERKEZİ
       ========================= */

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center {
        position: static !important;
        inset: auto !important;
        order: 1 !important;
        width: auto !important;
        min-width: 118px !important;
        height: 48px !important;
        min-height: 48px !important;
        flex: 0 0 auto !important;
        justify-content: flex-start !important;
        gap: 7px !important;
        margin: 0 !important;
        padding: 4px 10px 4px 5px !important;
        color: var(--kepsas-ink) !important;
        border: 1px solid rgba(21, 94, 138, 0.16) !important;
        border-radius: 12px !important;
        background: #ffffff !important;
        box-shadow: 0 5px 14px rgba(20, 32, 51, 0.07) !important;
        transform: none !important;
    }

        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center::before,
        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center::after {
            display: none !important;
            content: none !important;
        }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-icon {
        width: 36px !important;
        height: 36px !important;
        flex: 0 0 34px !important;
        border-radius: 9px !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }

        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center-copy small {
            display: block !important;
            margin: 0 0 3px !important;
            color: #77838e !important;
            font-size: 0.46rem !important;
            font-weight: 800 !important;
            line-height: 1 !important;
            letter-spacing: 0.15px !important;
            white-space: nowrap !important;
        }

        body > header.kepsas-site-header
        .kepsas-header-actions
        .kepsas-call-center-copy strong {
            display: block !important;
            margin: 0 !important;
            color: var(--kepsas-ink) !important;
            font-size: 0.76rem !important;
            font-weight: 900 !important;
            line-height: 1 !important;
            white-space: nowrap !important;
        }

    /* Hamburger */
    .mobile-nav-toggle {
        position: static !important;
        inset: auto !important;
        order: 2 !important;
        width: 48px !important;
        min-width: 48px !important;
        height: 48px !important;
        min-height: 48px !important;
        flex: 0 0 48px !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
        font-size: 18px !important;
        transform: none !important;
    }

    /* =====================================================
       GERÇEK MOBİL BOTTOM NAV
       ===================================================== */

    body {
        padding-bottom: calc(100px + env(safe-area-inset-bottom)) !important;
    }

    .kepsas-mobile-dock {
        position: fixed;
        right: 8px;
        bottom: calc(8px + env(safe-area-inset-bottom));
        left: 8px;
        z-index: 10045;
        height: 74px;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        align-items: stretch;
        padding: 4px;
        overflow: visible;
        border: 1px solid rgba(20, 32, 51, 0.08);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 10px 30px rgba(17, 43, 61, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(20px) saturate(1.1);
        -webkit-backdrop-filter: blur(20px) saturate(1.1);
    }

    .mobile-dock-item {
        min-width: 0;
        height: 66px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        padding: 5px 2px 4px;
        color: #607080;
        border: 0;
        border-radius: 15px;
        outline: 0;
        background: transparent;
        box-shadow: none;
        font: inherit;
        text-decoration: none;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
    }

        .mobile-dock-item:hover,
        .mobile-dock-item:focus-visible,
        .mobile-dock-item.is-active {
            color: var(--kepsas-navy);
            background: rgba(21, 94, 138, 0.065);
            outline: none;
        }

    .mobile-dock-icon {
        width: 34px;
        height: 34px;
        display: grid;
        flex: 0 0 34px;
        place-items: center;
        color: var(--kepsas-navy);
        border-radius: 11px;
        background: rgba(21, 94, 138, 0.085);
        font-size: 0.88rem;
        transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
    }

    .mobile-dock-item.is-active .mobile-dock-icon {
        color: #ffffff;
        background: var(--kepsas-navy);
        transform: translateY(-1px);
    }

    .mobile-dock-label {
        max-width: 100%;
        overflow: hidden;
        color: inherit;
        font-size: 0.60rem;
        font-weight: 800;
        line-height: 1;
        letter-spacing: -0.05px;
        text-align: center;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    /*
     * Ortadaki ana aksiyon sadece hafif vurgulu.
     * Eski büyük floating baloncuk yok.
     */
    .mobile-dock-item-primary {
        color: var(--kepsas-navy);
    }

        .mobile-dock-item-primary .mobile-dock-icon {
            width: 42px;
            height: 42px;
            flex-basis: 42px;
            margin-top: -8px;
            color: #ffffff;
            border: 3px solid #ffffff;
            border-radius: 13px;
            background: linear-gradient(145deg, var(--kepsas-navy), var(--kepsas-teal));
            box-shadow: 0 6px 15px rgba(21, 94, 138, 0.23), 0 0 0 1px rgba(21, 94, 138, 0.08);
            font-size: 1rem;
        }

        .mobile-dock-item-primary .mobile-dock-label {
            color: var(--kepsas-navy);
            font-size: 0.54rem;
            font-weight: 900;
        }


    /* =====================================================
       MASAÜSTÜ KONTROLLERİNİN MOBİL KOPYALARINI GİZLE
       Dropdown içerikleri açık kalır; sadece trigger görünmez.
       ===================================================== */

    .kepsas-header-actions > .kepsas-search-button,
    .kepsas-header-info-dropdown > .kepsas-info-btn,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .dropdown:not(.kepsas-header-info-dropdown) > .kepsas-online-btn.btn.btn-primary {
        position: absolute !important;
        width: 1px !important;
        min-width: 1px !important;
        height: 1px !important;
        min-height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        clip-path: inset(50%) !important;
        white-space: nowrap !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }

    /* Eski sağ-alt KEPSAŞ Mobil artık mobilde kullanılmaz. */
    .floating-mobile-container {
        display: none !important;
    }

    /*
     * Sosyal container işlev için DOM'da kalır;
     * eski ana floating butonu görünmez.
     */
    .floating-social-container {
        position: static !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

        .floating-social-container > .floating-main-btn {
            position: absolute !important;
            width: 1px !important;
            height: 1px !important;
            overflow: hidden !important;
            clip: rect(0 0 0 0) !important;
            clip-path: inset(50%) !important;
            opacity: 0 !important;
            pointer-events: none !important;
        }


    /* =====================================================
       SOSYAL MENÜ
       ===================================================== */

    .floating-social-list {
        position: fixed !important;
        right: auto !important;
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        left: 50% !important;
        z-index: 10048 !important;
        width: max-content !important;
        max-width: calc(100vw - 20px) !important;
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        padding: 8px !important;
        border: 1px solid rgba(20, 32, 51, 0.08) !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        box-shadow: 0 13px 32px rgba(17, 43, 61, 0.17) !important;
        backdrop-filter: blur(18px) !important;
        -webkit-backdrop-filter: blur(18px) !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(-50%) translateY(0) scale(1) !important;
        transform-origin: bottom center !important;
        transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease !important;
    }

    .floating-social-container.is-closed .floating-social-list {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(-50%) translateY(8px) scale(0.96) !important;
    }

    .floating-social-item {
        width: 35px !important;
        height: 35px !important;
        flex: 0 0 35px !important;
        border-radius: 11px !important;
        box-shadow: none !important;
        font-size: 0.84rem !important;
        transform: none !important;
    }


    /* =====================================================
       BİLGİLENDİRME / ONLINE MENÜLERİ
       ===================================================== */

    .kepsas-header-info-dropdown .information-menu-dropdown,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .online-actions-dropdown.show {
        position: fixed !important;
        top: auto !important;
        right: 10px !important;
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        left: 10px !important;
        z-index: 10046 !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 102px - env(safe-area-inset-bottom)) !important;
        overflow-y: auto !important;
        transform: none !important;
    }

    #scrollTopBtn {
        right: 12px !important;
        bottom: calc(96px + env(safe-area-inset-bottom)) !important;
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .kepsas-mobile-nav-header {
        min-height: 76px !important;
        background: linear-gradient(180deg, #ffffff, #f8fbfd) !important;
    }

    .mobile-nav-brand small {
        overflow: hidden !important;
        max-width: 205px !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }
}


/* Footer kartındaki logo mobilde kontrollü. */
@media (max-width: 767.98px) {

    .footer-contact-logo {
        width: 60px !important;
        height: 60px !important;
        max-width: 60px !important;
        flex: 0 0 60px !important;
        margin-bottom: 0 !important;
    }
}


@media (max-width: 575.98px) {

    body > header.kepsas-site-header > .container {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .kepsas-header-shell {
        min-height: 76px !important;
        gap: 7px !important;
        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    .kepsas-brand-mark {
        width: 47px !important;
        height: 47px !important;
        flex-basis: 47px !important;
    }

    .kepsas-brand-copy strong {
        font-size: 1.08rem !important;
    }

    .kepsas-brand-copy small {
        max-width: 160px !important;
        font-size: 0.53rem !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center {
        min-width: 108px !important;
        height: 44px !important;
        min-height: 44px !important;
        padding-right: 8px !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy small {
        font-size: 0.42rem !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy strong {
        font-size: 0.70rem !important;
    }

    .mobile-nav-toggle {
        width: 44px !important;
        min-width: 44px !important;
        height: 44px !important;
        min-height: 44px !important;
        flex-basis: 44px !important;
    }

    .kepsas-header-info-dropdown > .kepsas-info-btn > .information-actions-label,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .dropdown:not(.kepsas-header-info-dropdown) > .kepsas-online-btn.btn.btn-primary
    .online-actions-label {
        font-size: 0.64rem !important;
    }
}


@media (max-width: 390px) {

    body {
        --mobile-action-edge: 6px;
        --mobile-action-side-width: calc(50vw - 39px);
    }

    .kepsas-brand-mark {
        width: 43px !important;
        height: 43px !important;
        flex-basis: 43px !important;
    }

    .kepsas-brand-copy strong {
        font-size: 0.98rem !important;
    }

    .kepsas-brand-copy small {
        max-width: 125px !important;
        font-size: 0.46rem !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center {
        min-width: 96px !important;
        gap: 5px !important;
        padding-right: 6px !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy small {
        display: none !important;
    }

    body > header.kepsas-site-header
    .kepsas-header-actions
    .kepsas-call-center-copy strong {
        font-size: 0.66rem !important;
    }

    .kepsas-header-info-dropdown > .kepsas-info-btn > .information-actions-label,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .dropdown:not(.kepsas-header-info-dropdown) > .kepsas-online-btn.btn.btn-primary
    .online-actions-label {
        font-size: 0.58rem !important;
    }
}


/* =========================================================
   MOBILE DROPDOWNS - COMPACT
   Alt sabit 3'lü bara dokunmaz.
   Sadece Bilgilendirme / Online İşlemler açılır menülerini
   telefonda daha kompakt yapar.
   ========================================================= */
@media (max-width: 575.98px) {

    /* Menü başlığı */
    .information-menu-head,
    .online-actions-head {
        min-height: 54px !important;
        padding: 12px 14px !important;
    }

        .information-menu-head strong,
        .online-actions-head strong,
        .online-actions-head > strong {
            font-size: 0.90rem !important;
            line-height: 1.15 !important;
        }

            .information-menu-head strong::before,
            .online-actions-head strong::before,
            .online-actions-head > strong::before {
                width: 4px !important;
                height: 18px !important;
                margin-right: 8px !important;
                vertical-align: -4px !important;
            }

    /* 2 kolon kalsın ama kartlar kompaktlaşsın */
    .information-menu-grid,
    .online-actions-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .kepsas-site-header
    .information-menu-grid
    .information-menu-link,
    .online-action-link {
        min-height: 68px !important;
        gap: 8px !important;
        padding: 9px 10px !important;
        border-radius: 11px !important;
    }

    .kepsas-site-header
    .information-menu-grid
    .information-menu-link {
        grid-template-columns: 38px minmax(0, 1fr) 10px !important;
    }

    .online-action-link {
        grid-template-columns: 38px minmax(0, 1fr) 10px !important;
    }

    /* İkon kutuları */
    .information-menu-icon,
    .online-action-icon {
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
        font-size: 0.78rem !important;
    }

    /* Başlıklar artık gereksiz iri değil ve iki satıra çıkabilir */
    .information-menu-copy strong,
    .online-action-copy strong {
        display: -webkit-box !important;
        overflow: hidden !important;
        font-size: 0.68rem !important;
        font-weight: 800 !important;
        line-height: 1.18 !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Açıklama daha küçük */
    .information-menu-copy small,
    .online-action-copy small {
        margin-top: 3px !important;
        font-size: 0.60rem !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }

    .information-menu-arrow,
    .online-action-arrow,
    .menu-link-direction {
        width: 10px !important;
        flex-basis: 10px !important;
        font-size: 0.55rem !important;
    }
}


@media (max-width: 390px) {

    .information-menu-grid,
    .online-actions-grid {
        gap: 7px !important;
        padding: 8px !important;
    }

    .kepsas-site-header
    .information-menu-grid
    .information-menu-link,
    .online-action-link {
        min-height: 64px !important;
        gap: 7px !important;
        padding: 8px !important;
    }

    .kepsas-site-header
    .information-menu-grid
    .information-menu-link,
    .online-action-link {
        grid-template-columns: 35px minmax(0, 1fr) 9px !important;
    }

    .information-menu-icon,
    .online-action-icon {
        width: 35px !important;
        height: 35px !important;
        font-size: 0.72rem !important;
    }

    .information-menu-copy strong,
    .online-action-copy strong {
        font-size: 0.64rem !important;
    }

    .information-menu-copy small,
    .online-action-copy small {
        font-size: 0.55rem !important;
    }
}


/* =========================================================
   MOBILE DOCK - OKUNAKLILIK SON KİLİT
   ========================================================= */
@media (max-width: 991.98px) {
    .kepsas-mobile-dock {
        height: 76px !important;
    }

    .mobile-dock-item {
        height: 68px !important;
    }

    .mobile-dock-icon {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
        font-size: 0.94rem !important;
    }

    .mobile-dock-label {
        font-size: 0.66rem !important;
        line-height: 1.05 !important;
    }

    .mobile-dock-item-primary .mobile-dock-icon {
        width: 44px !important;
        height: 44px !important;
        flex-basis: 44px !important;
        font-size: 1.06rem !important;
    }

    .mobile-dock-item-primary .mobile-dock-label {
        font-size: 0.60rem !important;
    }
}

@media (max-width: 390px) {
    .mobile-dock-label {
        font-size: 0.61rem !important;
    }

    .mobile-dock-item-primary .mobile-dock-label {
        font-size: 0.55rem !important;
    }
}


/* =========================================================
   MOBILE DOCK POPUP - DIRECT MODE
   Bilgi ve Online menüler mobil dock tarafından doğrudan açılır.
   ========================================================= */
@media (max-width: 991.98px) {

    .kepsas-header-info-dropdown .information-menu-dropdown.mobile-dock-open,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .online-actions-dropdown.mobile-dock-open {
        position: fixed !important;
        top: auto !important;
        right: 10px !important;
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        left: 10px !important;
        z-index: 10070 !important;
        width: auto !important;
        max-width: none !important;
        max-height: calc(100dvh - 112px - env(safe-area-inset-bottom)) !important;
        display: block !important;
        overflow-y: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .kepsas-header-info-dropdown.mobile-dock-open-parent,
    body > header.kepsas-site-header
    .kepsas-header-actions
    .dropdown.mobile-dock-open-parent {
        position: static !important;
    }
}


/* =========================================================
   COOKIE / ÇEREZ - MOBILE RESPONSIVE FIX
   Mobil dock ile çakışmaz, küçük ekranda bottom-sheet davranışı.
   ========================================================= */
@media (max-width: 700px) {

    /*
     * İlk çerez bildirimi artık ekranın tamamını kaplayan
     * alt şerit değil; mobil dock'un hemen üstünde kompakt kart.
     */
    .cookie-consent-shell {
        right: 8px !important;
        bottom: calc(94px + env(safe-area-inset-bottom)) !important;
        left: 8px !important;
        width: auto !important;
        padding: 0 !important;
    }

    .cookie-card {
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, 0.10) !important;
        border-radius: 17px !important;
        box-shadow: 0 16px 42px rgba(7, 20, 32, 0.25), 0 1px 0 rgba(255, 255, 255, 0.08) inset !important;
    }

    .cookie-card__inner {
        width: 100% !important;
        min-height: 0 !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        padding: 13px !important;
    }

    .cookie-card__main {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: 34px minmax(0, 1fr) !important;
        align-items: start !important;
        gap: 10px !important;
    }

    .cookie-card__icon {
        width: 34px !important;
        height: 34px !important;
        flex-basis: 34px !important;
        border-radius: 10px !important;
        font-size: 0.78rem !important;
    }

    .cookie-card__content {
        min-width: 0 !important;
        display: block !important;
    }

    .cookie-eyebrow {
        margin-bottom: 3px !important;
        font-size: 0.54rem !important;
    }

    .cookie-title {
        font-size: 0.84rem !important;
        line-height: 1.15 !important;
    }

    .cookie-copy {
        max-width: none !important;
        margin-top: 5px !important;
        font-size: 0.66rem !important;
        line-height: 1.42 !important;
    }

    /*
     * Üç buton tek satırda kalır ama "Tercihleri Yönet"
     * için biraz daha fazla alan ayrılır.
     */
    .cookie-card__actions {
        width: 100% !important;
        display: grid !important;
        grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.38fr) minmax(0, 0.9fr) !important;
        gap: 6px !important;
        margin: 0 !important;
    }

        .cookie-card__actions .cookie-btn {
            width: 100% !important;
            min-width: 0 !important;
            min-height: 36px !important;
            padding: 0 7px !important;
            border-radius: 9px !important;
            font-size: 0.62rem !important;
            line-height: 1.1 !important;
            white-space: normal !important;
            text-align: center !important;
        }


    /* =====================================================
       TERCİH MODALI - MOBILE BOTTOM SHEET
       ===================================================== */

    .cookie-preferences {
        align-items: end !important;
        justify-items: stretch !important;
        padding: 0 !important;
    }

    .cookie-preferences__panel {
        width: 100% !important;
        max-width: none !important;
        max-height: calc(100dvh - max(12px, env(safe-area-inset-top))) !important;
        margin: 0 !important;
        padding: 18px 14px calc(18px + env(safe-area-inset-bottom)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        border-right: 0 !important;
        border-bottom: 0 !important;
        border-left: 0 !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -16px 48px rgba(7, 20, 32, 0.28) !important;
    }

    .cookie-preferences__header {
        position: sticky !important;
        top: -18px !important;
        z-index: 2 !important;
        align-items: center !important;
        gap: 10px !important;
        margin: -18px -14px 12px !important;
        padding: 14px !important;
        border-bottom: 1px solid rgba(20, 32, 51, 0.07) !important;
        background: rgba(255, 255, 255, 0.97) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .cookie-preferences__panel .cookie-title {
        font-size: 1rem !important;
    }

    .cookie-preferences__panel > .cookie-copy {
        margin-bottom: 13px !important;
        font-size: 0.72rem !important;
        line-height: 1.48 !important;
    }

    .cookie-close {
        width: 36px !important;
        height: 36px !important;
        flex-basis: 36px !important;
    }

    .cookie-groups {
        gap: 8px !important;
    }

    .cookie-group {
        border-radius: 11px !important;
    }

    .cookie-group__top {
        gap: 10px !important;
        padding: 11px 12px !important;
    }

    .cookie-group h3 {
        font-size: 0.78rem !important;
    }

    .cookie-group span {
        font-size: 0.60rem !important;
        line-height: 1.3 !important;
    }

    .cookie-group p {
        padding: 0 12px 12px !important;
        font-size: 0.68rem !important;
        line-height: 1.48 !important;
    }

    .cookie-switch {
        width: 40px !important;
        height: 23px !important;
        flex-basis: 40px !important;
    }

        .cookie-switch > span::before {
            width: 17px !important;
            height: 17px !important;
        }

        .cookie-switch input:checked + span::before {
            transform: translateX(17px) !important;
        }

    .cookie-preferences__actions {
        position: sticky !important;
        bottom: calc(-18px - env(safe-area-inset-bottom)) !important;
        z-index: 2 !important;
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
        margin: 15px -14px calc(-18px - env(safe-area-inset-bottom)) !important;
        padding: 10px 14px calc(12px + env(safe-area-inset-bottom)) !important;
        border-top: 1px solid rgba(20, 32, 51, 0.07) !important;
        background: rgba(255, 255, 255, 0.98) !important;
        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

        .cookie-preferences__actions .cookie-btn {
            width: 100% !important;
            min-width: 0 !important;
            min-height: 38px !important;
            padding: 6px 7px !important;
            font-size: 0.60rem !important;
            line-height: 1.15 !important;
            white-space: normal !important;
            text-align: center !important;
        }

    .cookie-kvkk-link {
        margin-top: 12px !important;
        padding-bottom: 2px !important;
        font-size: 0.66rem !important;
    }

    /*
     * Tercih modalı açıkken alttaki uygulama dock'u
     * kullanıcı etkileşimini kesmesin / modalın üstüne binmesin.
     */
    body.cookie-modal-open .kepsas-mobile-dock {
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(12px) !important;
    }

    body.cookie-modal-open #scrollTopBtn,
    body.cookie-modal-open .floating-social-list {
        display: none !important;
    }
}


/* =========================================================
   ÇOK KÜÇÜK TELEFON
   ========================================================= */
@media (max-width: 390px) {

    .cookie-consent-shell {
        right: 6px !important;
        bottom: calc(92px + env(safe-area-inset-bottom)) !important;
        left: 6px !important;
    }

    .cookie-card__inner {
        gap: 8px !important;
        padding: 11px !important;
    }

    .cookie-card__main {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 8px !important;
    }

    .cookie-card__icon {
        width: 30px !important;
        height: 30px !important;
        flex-basis: 30px !important;
        font-size: 0.70rem !important;
    }

    .cookie-title {
        font-size: 0.78rem !important;
    }

    .cookie-copy {
        font-size: 0.62rem !important;
    }

    .cookie-card__actions {
        gap: 5px !important;
    }

        .cookie-card__actions .cookie-btn {
            min-height: 34px !important;
            padding: 0 5px !important;
            font-size: 0.57rem !important;
        }

    .cookie-preferences__panel {
        padding: 16px 11px calc(16px + env(safe-area-inset-bottom)) !important;
    }

    .cookie-preferences__header {
        top: -16px !important;
        margin: -16px -11px 10px !important;
        padding: 12px 11px !important;
    }

    .cookie-preferences__actions {
        bottom: calc(-16px - env(safe-area-inset-bottom)) !important;
        gap: 5px !important;
        margin: 13px -11px calc(-16px - env(safe-area-inset-bottom)) !important;
        padding: 9px 11px calc(10px + env(safe-area-inset-bottom)) !important;
    }

        .cookie-preferences__actions .cookie-btn {
            min-height: 36px !important;
            padding: 5px !important;
            font-size: 0.56rem !important;
        }
}


/* =========================================================
   FULL SCREEN MOBILE HAMBURGER MENU
   Desktop mega menü renk dili mobil menüye taşındı.
   ========================================================= */
@media (max-width: 991.98px) {

    .kepsas-mobile-nav {
        --bs-offcanvas-width: 100vw !important;
        width: 100vw !important;
        max-width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        color: var(--kepsas-ink);
        border: 0 !important;
        border-radius: 0 !important;
        background: linear-gradient(180deg, #ffffff 0%, #f6f9fb 100%) !important;
        box-shadow: none !important;
    }

    /*
     * Menü tam ekran olduğu için ayrıca koyu backdrop'a gerek yok.
     * Offcanvas yine Bootstrap tarafından güvenli şekilde yönetilir.
     */
    .offcanvas-backdrop.show {
        opacity: 0 !important;
    }

    .kepsas-mobile-nav-header {
        position: sticky !important;
        top: 0;
        z-index: 15;
        min-height: 74px !important;
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) 42px;
        align-items: center !important;
        gap: 10px;
        padding: 10px 12px !important;
        background: rgba(255, 255, 255, 0.97) !important;
        border-bottom: 1px solid rgba(20, 32, 51, 0.08);
        box-shadow: 0 5px 18px rgba(20, 32, 51, 0.045);
        backdrop-filter: blur(18px);
        -webkit-backdrop-filter: blur(18px);
    }

    .mobile-nav-back {
        width: 42px !important;
        height: 42px !important;
        flex-basis: 42px !important;
        color: var(--kepsas-navy) !important;
        border: 1px solid rgba(21, 94, 138, 0.10) !important;
        border-radius: 12px !important;
        background: rgba(21, 94, 138, 0.065) !important;
        font-size: 0.95rem !important;
    }

        .mobile-nav-back:hover,
        .mobile-nav-back:focus-visible {
            color: #ffffff !important;
            background: var(--kepsas-navy) !important;
        }

    .mobile-nav-brand {
        min-width: 0;
        justify-self: center;
        gap: 9px !important;
    }

        .mobile-nav-brand img {
            height: 42px !important;
        }

        .mobile-nav-brand strong {
            font-size: 0.98rem !important;
        }

        .mobile-nav-brand small {
            max-width: 190px;
            overflow: hidden;
            margin-top: 1px !important;
            font-size: 0.60rem !important;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .mobile-nav-header-spacer {
        width: 42px;
        height: 42px;
    }

    .kepsas-mobile-nav-body {
        height: calc(100dvh - 74px);
        min-height: 0;
        overflow: hidden !important;
        background: transparent;
    }

    .mobile-nav-search-wrap {
        position: sticky;
        top: 0;
        z-index: 12;
        flex: 0 0 auto;
        padding: 10px 12px;
        background: rgba(246, 249, 251, 0.97);
        border-bottom: 1px solid rgba(20, 32, 51, 0.06);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .mobile-nav-search-shell {
        min-height: 44px;
        display: grid;
        grid-template-columns: 20px minmax(0, 1fr);
        align-items: center;
        gap: 8px;
        padding: 0 13px;
        color: #72808d;
        border: 1px solid rgba(21, 94, 138, 0.08);
        border-radius: 13px;
        background: #ffffff;
        box-shadow: 0 5px 16px rgba(20, 32, 51, 0.04);
    }

        .mobile-nav-search-shell i {
            color: var(--kepsas-navy);
            font-size: 0.78rem;
        }

        .mobile-nav-search-shell input {
            min-width: 0;
            font-size: 0.80rem !important;
            font-weight: 600 !important;
        }

    .mobile-nav-scroll-area {
        min-height: 0;
        flex: 1 1 auto;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        padding: 12px 12px calc(28px + env(safe-area-inset-bottom));
        -webkit-overflow-scrolling: touch;
    }

        .mobile-nav-scroll-area nav {
            display: grid;
            gap: 8px;
        }


    /* =====================================================
       ANA GRUP BUTONLARI
       ===================================================== */

    .mobile-nav-group {
        --mobile-group-tone: var(--kepsas-navy);
    }

    .mobile-nav-group-about {
        --mobile-group-tone: #0d6efd;
    }

    .mobile-nav-group-consumer {
        --mobile-group-tone: #198754;
    }

    .mobile-nav-group-information {
        --mobile-group-tone: #155e8a;
    }

    .mobile-nav-group-online {
        --mobile-group-tone: #109bd7;
    }

    .mobile-nav-group-button,
    .mobile-nav-direct-link {
        min-height: 54px !important;
        padding: 11px 13px !important;
        border: 1px solid rgba(20, 32, 51, 0.075) !important;
        border-radius: 13px !important;
        background: #ffffff !important;
        box-shadow: 0 5px 16px rgba(20, 32, 51, 0.035) !important;
        font-size: 0.84rem !important;
    }

        .mobile-nav-group-button > span > i {
            width: 32px !important;
            height: 32px;
            display: grid;
            place-items: center;
            color: var(--mobile-group-tone) !important;
            border-radius: 10px;
            background: color-mix( in srgb, var(--mobile-group-tone) 10%, #ffffff );
        }

        .mobile-nav-group-button:not(.collapsed) {
            color: var(--mobile-group-tone) !important;
            border-color: color-mix( in srgb, var(--mobile-group-tone) 22%, transparent ) !important;
            background: color-mix( in srgb, var(--mobile-group-tone) 5%, #ffffff ) !important;
        }

            .mobile-nav-group-button:not(.collapsed) > span > i {
                color: #ffffff !important;
                background: var(--mobile-group-tone);
            }

    .mobile-nav-chevron {
        color: var(--mobile-group-tone) !important;
        opacity: 0.65;
    }


    /* =====================================================
       DESKTOP MEGA MENU İLE AYNI ALT KATEGORİ RENKLERİ
       ===================================================== */

    .mobile-nav-submenu-sectioned {
        gap: 9px !important;
        padding: 9px 2px 4px !important;
    }

    .mobile-nav-subsection {
        --mobile-tone: var(--kepsas-navy);
        --mobile-tone-soft: rgba(21, 94, 138, 0.065);
        overflow: hidden;
        border: 1px solid color-mix(in srgb, var(--mobile-tone) 14%, transparent);
        border-radius: 12px;
        background: #ffffff;
    }

    .mobile-nav-tone-primary {
        --mobile-tone: #0d6efd;
        --mobile-tone-soft: rgba(13, 110, 253, 0.07);
    }

    .mobile-nav-tone-orange {
        --mobile-tone: #fd7e14;
        --mobile-tone-soft: rgba(253, 126, 20, 0.07);
    }

    .mobile-nav-tone-danger {
        --mobile-tone: #dc3545;
        --mobile-tone-soft: rgba(220, 53, 69, 0.07);
    }

    .mobile-nav-tone-success {
        --mobile-tone: #198754;
        --mobile-tone-soft: rgba(25, 135, 84, 0.07);
    }

    .mobile-nav-tone-info {
        --mobile-tone: #0dcaf0;
        --mobile-tone-soft: rgba(13, 202, 240, 0.07);
    }

    .mobile-nav-tone-navy {
        --mobile-tone: #155e8a;
        --mobile-tone-soft: rgba(21, 94, 138, 0.07);
    }

    .mobile-nav-subsection-title {
        min-height: 38px;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
        padding: 8px 11px;
        color: var(--mobile-tone);
        border-bottom: 1px solid color-mix(in srgb, var(--mobile-tone) 12%, transparent);
        background: var(--mobile-tone-soft);
        font-size: 0.70rem;
        font-weight: 850;
        line-height: 1.15;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

        .mobile-nav-subsection-title i {
            width: 18px;
            text-align: center;
        }

    .mobile-nav-subsection-links {
        display: grid;
        gap: 2px;
        padding: 5px;
    }

        .mobile-nav-subsection-links a {
            min-height: 38px;
            display: flex;
            align-items: center;
            padding: 8px 10px 8px 23px !important;
            color: #536474 !important;
            border-radius: 8px !important;
            font-size: 0.74rem !important;
            font-weight: 650 !important;
            line-height: 1.3 !important;
        }

            .mobile-nav-subsection-links a::before {
                left: 9px !important;
                width: 6px !important;
                height: 6px !important;
                background: var(--mobile-tone) !important;
                opacity: 0.72;
            }

            .mobile-nav-subsection-links a:hover,
            .mobile-nav-subsection-links a:focus-visible {
                color: var(--mobile-tone) !important;
                background: var(--mobile-tone-soft) !important;
            }


    /* =====================================================
       BİLGİLENDİRME / ONLINE - LINK BAZLI TONLAR
       ===================================================== */

    .mobile-nav-submenu-toned {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px !important;
        padding: 9px 2px 4px !important;
    }

        .mobile-nav-submenu-toned a {
            --mobile-link-tone: #155e8a;
            min-width: 0;
            min-height: 58px;
            display: flex;
            align-items: center;
            padding: 10px 9px 10px 28px !important;
            color: #4c5d6c !important;
            border: 1px solid color-mix(in srgb, var(--mobile-link-tone) 12%, transparent);
            border-radius: 11px !important;
            background: #ffffff;
            font-size: 0.70rem !important;
            font-weight: 750 !important;
            line-height: 1.25 !important;
        }

            .mobile-nav-submenu-toned a::before {
                left: 11px !important;
                width: 8px !important;
                height: 8px !important;
                background: var(--mobile-link-tone) !important;
                opacity: 0.8;
            }

            .mobile-nav-submenu-toned a[data-tone="blue"] {
                --mobile-link-tone: #0d6efd;
            }

            .mobile-nav-submenu-toned a[data-tone="orange"] {
                --mobile-link-tone: #fd7e14;
            }

            .mobile-nav-submenu-toned a[data-tone="red"] {
                --mobile-link-tone: #dc3545;
            }

            .mobile-nav-submenu-toned a[data-tone="teal"] {
                --mobile-link-tone: #2fb7b8;
            }

            .mobile-nav-submenu-toned a[data-tone="green"] {
                --mobile-link-tone: #198754;
            }

            .mobile-nav-submenu-toned a[data-tone="navy"] {
                --mobile-link-tone: #155e8a;
            }

            .mobile-nav-submenu-toned a:hover,
            .mobile-nav-submenu-toned a:focus-visible {
                color: var(--mobile-link-tone) !important;
                background: color-mix( in srgb, var(--mobile-link-tone) 6%, #ffffff ) !important;
            }


    /* =====================================================
       İLETİŞİM / ÇAĞRI MERKEZİ
       ===================================================== */

    .mobile-nav-contact-link > i {
        width: 32px !important;
        height: 32px;
        display: grid;
        place-items: center;
        color: #ffffff !important;
        border-radius: 10px;
        background: var(--kepsas-navy);
    }

    .mobile-nav-contact-card {
        margin-top: 12px !important;
        padding: 13px 14px !important;
        border-radius: 13px !important;
    }

        .mobile-nav-contact-card a {
            font-size: 1.05rem !important;
        }
}


/* =========================================================
   DAR MOBİL
   ========================================================= */
@media (max-width: 390px) {

    .kepsas-mobile-nav-header {
        grid-template-columns: 40px minmax(0, 1fr) 40px;
        padding-right: 9px !important;
        padding-left: 9px !important;
    }

    .mobile-nav-back,
    .mobile-nav-header-spacer {
        width: 40px !important;
        height: 40px !important;
    }

    .mobile-nav-brand img {
        height: 38px !important;
    }

    .mobile-nav-brand small {
        max-width: 150px;
        font-size: 0.56rem !important;
    }

    .mobile-nav-scroll-area {
        padding-right: 9px;
        padding-left: 9px;
    }

    .mobile-nav-submenu-toned {
        gap: 6px !important;
    }

        .mobile-nav-submenu-toned a {
            min-height: 54px;
            padding-right: 7px !important;
            padding-left: 25px !important;
            font-size: 0.66rem !important;
        }

            .mobile-nav-submenu-toned a::before {
                left: 9px !important;
                width: 7px !important;
                height: 7px !important;
            }
}

/* =========================================================
   YUKARI ÇIK BUTONU
   ========================================================= */

#scrollTopBtn {
    position: fixed;
    right: 88px;
    bottom: 22px;
    z-index: 9998;
    width: 48px;
    height: 48px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: linear-gradient( 135deg, var(--kepsas-navy), var(--kepsas-blue) );
    border: 0;
    border-radius: 50%;
    box-shadow: 0 8px 24px rgba(21, 94, 138, 0.24);
    font-size: 17px;
    line-height: 1;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(12px) scale(.92);
    transition: opacity .2s ease, visibility .2s ease, transform .2s ease, background .2s ease, box-shadow .2s ease;
}


    #scrollTopBtn.show {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }


    #scrollTopBtn:hover {
        background: linear-gradient( 135deg, var(--kepsas-blue), var(--kepsas-teal) );
        box-shadow: 0 10px 28px rgba(21, 94, 138, 0.30);
        transform: translateY(-2px) scale(1);
    }


    #scrollTopBtn:focus-visible {
        outline: 3px solid rgba(16, 155, 215, 0.28);
        outline-offset: 3px;
    }


    #scrollTopBtn i {
        pointer-events: none;
    }