@charset "UTF-8";
/* ==========================================================================
   Kocasinan Belediyesi - Modern CSS (2026)
   Premium municipality portal
   Mobile-first, consistent across all pages
   ========================================================================== */

/* ---------- CSS Custom Properties ---------- */
:root {
    /*
     * 2026 Civic Palette — "Kurumsal Modern Mavi"
     * Derin güven veren mavi + sıcak mercan vurgu, soğuk slate nötrleri.
     * Kurumsal, modern ve enerjik — ödüllü belediye portalı.
     */
    --ks-primary: #1D4ED8;
    --ks-primary-dark: #1E3A8A;
    --ks-primary-light: #3B82F6;
    --ks-primary-050: #EFF4FF;
    --ks-accent: #FF6A3D;
    --ks-accent-light: #FF8A63;
    --ks-accent-050: #FFF1EC;
    --ks-dark: #0B1B3B;
    --ks-darker: #071229;
    --ks-teal: #2563EB;
    --ks-success: #059669;
    --ks-warning: #E08600;
    --ks-danger: #E11D48;
    --ks-info: #0EA5E9;
    /* Arka planlar - Soğuk, temiz slate tonları */
    --ks-bg-light: #F5F7FB;
    --ks-bg-section: #EEF2F9;
    --ks-bg-section-alt: #F8FAFC;
    --ks-white: #ffffff;
    /* Gri tonlar - Soğuk slate */
    --ks-gray-50: #F8FAFC;
    --ks-gray-100: #EEF2F7;
    --ks-gray-200: #E2E8F0;
    --ks-gray-300: #CBD5E1;
    --ks-gray-400: #94A3B8;
    --ks-gray-500: #64748B;
    --ks-gray-600: #475569;
    --ks-gray-700: #334155;
    --ks-gray-800: #1E293B;
    --ks-gray-900: #0F172A;
    /* Yarıçaplar */
    --ks-border-radius: 12px;
    --ks-border-radius-sm: 8px;
    --ks-border-radius-lg: 16px;
    --ks-border-radius-xl: 22px;
    /* Gölgeler - Soğuk slate bazlı, katmanlı */
    --ks-shadow-sm: 0 1px 2px rgba(15,23,42,0.06), 0 1px 3px rgba(15,23,42,0.05);
    --ks-shadow: 0 4px 16px rgba(15,23,42,0.08);
    --ks-shadow-md: 0 10px 28px rgba(15,23,42,0.10);
    --ks-shadow-lg: 0 22px 48px rgba(15,23,42,0.14);
    --ks-shadow-hover: 0 16px 40px rgba(29,78,216,0.20);
    /* Geçişler */
    --ks-transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    --ks-transition-fast: all 0.15s ease;
    /* Tipografi */
    --ks-font-family: 'Plus Jakarta Sans', 'Segoe UI', system-ui, sans-serif;
    --ks-font-size-base: 15px;
    --ks-navbar-height: 78px;
}

/* ---------- Reset & Base ---------- */
*, *::before, *::after { box-sizing: border-box; }

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: var(--ks-font-family);
    font-size: var(--ks-font-size-base);
    line-height: 1.6;
    color: var(--ks-gray-800);
    background-color: var(--ks-white);
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img { max-width: 100%; height: auto; }

a {
    color: var(--ks-primary);
    text-decoration: none;
    transition: var(--ks-transition);
}
a:hover { color: var(--ks-accent); }

/* ---------- Preloader ---------- */
#loader-wrapper {
    position: fixed; top: 0; left: 0;
    width: 100%; height: 100%;
    z-index: 99999;
    background: var(--ks-white);
    display: flex; align-items: center; justify-content: center;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}
#loader-wrapper.loaded { opacity: 0; visibility: hidden; }
#loader {
    width: 48px; height: 48px;
    border: 3px solid var(--ks-gray-200);
    border-top-color: var(--ks-primary);
    border-radius: 50%;
    animation: ks-spin 0.8s linear infinite;
}
@keyframes ks-spin { to { transform: rotate(360deg); } }

/* ==========================================================================
   TOP INFO BAR
   ========================================================================== */
.ks-topbar {
    background: linear-gradient(135deg, var(--ks-darker) 0%, var(--ks-dark) 100%);
    color: rgba(255,255,255,0.85);
    font-size: 12px;
    padding: 0;
    z-index: 1031;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    position: relative;
}
.ks-topbar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 38px;
}
.ks-topbar-left {
    display: flex;
    align-items: center;
    gap: 20px;
}
.ks-topbar-item {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: rgba(255,255,255,0.9);
    text-decoration: none;
    font-weight: 600;
    font-size: 12.5px;
    padding: 8px 0;
    transition: var(--ks-transition-fast);
    white-space: nowrap;
    letter-spacing: 0.2px;
}
.ks-topbar-item:hover { color: var(--ks-primary-light); }
.ks-topbar-item i {
    color: var(--ks-primary-light);
    font-size: 11px;
    width: 14px;
    text-align: center;
}
.ks-topbar-divider {
    width: 1px;
    height: 16px;
    background: rgba(255,255,255,0.12);
}
.ks-topbar-right {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ks-topbar-social {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: rgba(255,255,255,0.5);
    font-size: 13px;
    border-radius: 6px;
    transition: var(--ks-transition-fast);
    text-decoration: none;
}
.ks-topbar-social:hover {
    color: #fff;
    background: rgba(255,255,255,0.1);
}
@media (max-width: 991.98px) {
    .ks-topbar { display: none; }
}

/* ==========================================================================
   SKYLINE ACCENT STRIP
   ========================================================================== */
.ks-skyline-strip {
    background: #ffffff;
    padding: 40px 24px 36px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.ks-skyline-strip::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(
        90deg,
        transparent 0%,
        var(--ks-primary) 20%,
        var(--ks-primary-light) 50%,
        var(--ks-primary) 80%,
        transparent 100%
    );
    opacity: 0.5;
}
.ks-skyline-strip img {
    height: auto;
    width: auto;
    max-width: 1100px;
    max-height: 140px;
    object-fit: contain;
    opacity: 0.45;
    transition: opacity 0.6s ease;
    display: block;
    position: relative;
    z-index: 1;
}
.ks-skyline-strip:hover img {
    opacity: 0.35;
}
@media (max-width: 991.98px) {
    .ks-skyline-strip { padding: 32px 16px 28px; }
    .ks-skyline-strip img { max-width: 800px; max-height: 110px; }
}
@media (max-width: 575.98px) {
    .ks-skyline-strip { padding: 24px 16px 20px; }
    .ks-skyline-strip img { max-width: 100%; max-height: 80px; }
}

/* ==========================================================================
   NAVBAR
   ========================================================================== */
.ks-navbar {
    background: var(--ks-white);
    box-shadow: 0 1px 0 rgba(0,0,0,0.06);
    transition: var(--ks-transition);
    z-index: 1030;
    padding: 0;
    min-height: var(--ks-navbar-height);
}
.ks-navbar.scrolled {
    box-shadow: 0 4px 20px rgba(0,0,0,0.06);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    background: rgba(255,255,255,0.97);
}
.ks-navbar .navbar-brand img {
    height: 68px;
    transition: var(--ks-transition);
}
.ks-navbar.scrolled .navbar-brand img { height: 50px; }

/* Mobile navbar */
.ks-mobile-phone {
    width: 38px; height: 38px;
    display: flex; align-items: center; justify-content: center;
    background: var(--ks-primary);
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    transition: var(--ks-transition-fast);
    text-decoration: none;
}
.ks-mobile-phone:hover { background: var(--ks-primary-dark); color: #fff; }
.ks-mobile-toggle {
    width: 38px; height: 38px;
    display: flex; flex-direction: column;
    align-items: center; justify-content: center;
    gap: 5px; background: none; border: none;
    padding: 0; cursor: pointer;
}
.ks-mobile-toggle span {
    display: block; width: 22px; height: 2px;
    background: var(--ks-gray-700);
    border-radius: 2px;
    transition: var(--ks-transition-fast);
}
.ks-mobile-toggle:hover span { background: var(--ks-primary); }
@media (max-width: 1199.98px) {
    .ks-navbar { min-height: 60px; }
    .ks-navbar .navbar-brand img { height: 42px; }
    .ks-navbar.scrolled .navbar-brand img { height: 36px; }
}
.ks-navbar .nav-link {
    color: var(--ks-gray-800) !important;
    font-weight: 600;
    font-size: 13.5px;
    padding: 20px 13px !important;
    transition: var(--ks-transition-fast);
    white-space: nowrap;
    position: relative;
    letter-spacing: -0.01em;
}
.ks-navbar .nav-link::after { content: none; }
.ks-navbar .nav-link:hover,
.ks-navbar .nav-link:focus {
    color: var(--ks-primary) !important;
}
.ks-navbar .dropdown-toggle::after {
    font-size: 8px;
    vertical-align: 2px;
    margin-left: 4px;
    opacity: 0.4;
    transition: transform 0.2s ease;
}
.ks-navbar .nav-item.dropdown.show .dropdown-toggle,
.ks-navbar .nav-item.dropdown:hover .dropdown-toggle {
    color: var(--ks-primary) !important;
}
.ks-navbar .nav-item.dropdown:hover .dropdown-toggle::after {
    transform: rotate(180deg);
}

/* --- Dropdown Base --- */
.ks-navbar .dropdown-menu {
    border: none;
    box-shadow: 0 8px 40px rgba(0,0,0,0.12);
    border-radius: 0 0 12px 12px;
    padding: 8px;
    margin-top: 0;
    min-width: 220px;
    background: var(--ks-white);
    border-top: 3px solid var(--ks-primary);
}
.ks-navbar .dropdown-item {
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 500;
    color: var(--ks-gray-700);
    transition: all 0.15s ease;
    margin-bottom: 1px;
}
.ks-navbar .dropdown-item:hover {
    background: var(--ks-bg-section);
    color: var(--ks-primary);
    padding-left: 18px;
}
.ks-navbar .dropdown-item:active {
    background: rgba(10,107,138,0.08);
    color: var(--ks-primary);
}

/* --- Dropdown Submenu (3rd level) --- */
.ks-navbar .dropdown-submenu { position: relative; }
.ks-navbar .dropdown-submenu > .dropdown-menu {
    top: -10px;
    left: 100%;
    border-radius: 0 12px 12px 12px;
    margin-left: 2px;
}
.ks-navbar .dropdown-submenu > a.dropdown-toggle::after {
    display: none;
}
.ks-navbar .dropdown-submenu > .dropdown-menu.show { display: block; }

/* Desktop: show dropdowns on hover */
@media (min-width: 1200px) {
    .ks-navbar .nav-item.dropdown:hover > .dropdown-menu {
        display: block;
        margin-top: 0;
    }
    .ks-navbar .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }
    .ks-navbar .dropdown-menu {
        margin-top: 0;
    }
    .ks-navbar .nav-item { position: relative; }
}

/* --- Skyline Transition Divider (between sections) --- */
.ks-skyline-divider {
    background: var(--ks-white);
    text-align: center;
    padding: 0;
    overflow: hidden;
    position: relative;
    margin-top: -8px;
}
.ks-skyline-divider::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 40%;
    background: linear-gradient(to bottom, var(--ks-bg-section), var(--ks-white));
    pointer-events: none;
}
.ks-skyline-divider img {
    width: 100%;
    max-width: 800px;
    height: auto;
    display: inline-block;
    opacity: 0.18;
    transition: opacity 0.5s ease;
    filter: drop-shadow(0 2px 8px rgba(0,0,0,0.08));
    position: relative;
    z-index: 1;
}
.ks-skyline-divider:hover img {
    opacity: 0.4;
}

/* Mobile offcanvas */
.ks-offcanvas { width: 320px !important; }
.ks-offcanvas .offcanvas-header {
    background: linear-gradient(135deg, var(--ks-darker), var(--ks-dark));
    padding: 16px 20px;
    border-bottom: none;
}
.ks-offcanvas .offcanvas-header .btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.7;
}
.ks-offcanvas .offcanvas-header .btn-close:hover { opacity: 1; }
.ks-offcanvas .nav-link {
    padding: 13px 20px !important;
    font-size: 14px;
    color: var(--ks-gray-700) !important;
    border-bottom: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition-fast);
}
.ks-offcanvas .nav-link:hover {
    color: var(--ks-primary) !important;
    background: rgba(10,107,138,0.04);
    padding-left: 24px !important;
}

/* ---------- Navbar Social Icons ---------- */
.ks-navbar-social {
    display: flex;
    align-items: center;
    gap: 2px;
}
.ks-navbar-social-divider {
    width: 1px;
    height: 24px;
    background: var(--ks-gray-200);
    margin: 0 10px 0 6px;
}
.ks-navbar-social-link {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ks-gray-400);
    font-size: 14px;
    border-radius: 8px;
    transition: var(--ks-transition-fast);
}
.ks-navbar-social-link:hover {
    color: var(--ks-white);
    transform: translateY(-2px);
}
.ks-navbar-social-link[aria-label="Facebook"]:hover { background: #1877f2; color: #fff; }
.ks-navbar-social-link[aria-label="Twitter"]:hover { background: #000; color: #fff; }
.ks-navbar-social-link[aria-label="Instagram"]:hover { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); color: #fff; }
.ks-navbar-social-link[aria-label="YouTube"]:hover { background: #ff0000; color: #fff; }
.ks-navbar-ebelediye-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-dark));
    color: var(--ks-white) !important;
    padding: 8px 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border-radius: 8px;
    margin-left: 8px;
    transition: var(--ks-transition);
    box-shadow: 0 2px 8px rgba(10,107,138,0.25);
}
.ks-navbar-ebelediye-btn:hover {
    background: linear-gradient(135deg, var(--ks-darker), var(--ks-primary));
    color: var(--ks-white) !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(29,78,216,0.35);
}
/* Vatandaş Girişi butonu — E-Belediye ile aynı ölçekte, ikincil (outline) stil */
.ks-navbar-login-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #fff;
    color: var(--ks-primary) !important;
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    border-radius: 8px;
    border: 1.5px solid var(--ks-primary);
    transition: var(--ks-transition);
}
.ks-navbar-login-btn:hover {
    background: var(--ks-primary);
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(29,78,216,0.28);
}

/* ==========================================================================
   HERO SECTION - Slider + President Card Layout
   ========================================================================== */
/* ---------- Viewport Wrapper ---------- */
.ks-viewport-wrap {
    display: flex;
    flex-direction: column;
    background: transparent;
}

/* ---------- Hero Section ---------- */
.ks-hero {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 16px 0 16px;
    position: relative;
    background: var(--ks-white);
}

/* Hero Layout: Slider left + President right */
.ks-hero-layout {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 16px;
    align-items: stretch;
    height: 460px;
}

/* Slider column */
.ks-hero-slider-col {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
}
.ks-hero-slider-col .swiper { width: 100%; height: 100%; }
.ks-hero-slider-col .swiper-slide {
    position: relative;
    overflow: hidden;
}
.ks-hero-slider-col .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    border-radius: 14px;
}
.ks-hero-slider-col .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
}
.ks-hero-slider-col .swiper-slide a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 14px;
}

/* Nav arrows */
.ks-hero .swiper-button-next,
.ks-hero .swiper-button-prev {
    color: var(--ks-white);
    background: rgba(0,0,0,0.3);
    width: 42px; height: 42px;
    border-radius: 50%;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: var(--ks-transition);
    border: 1px solid rgba(255,255,255,0.15);
}
.ks-hero .swiper-button-next { right: 12px; }
.ks-hero .swiper-button-prev { left: 12px; }
.ks-hero .swiper-button-next:hover,
.ks-hero .swiper-button-prev:hover {
    background: var(--ks-primary);
    border-color: var(--ks-primary);
    transform: scale(1.1);
}
.ks-hero .swiper-button-next::after,
.ks-hero .swiper-button-prev::after { font-size: 13px; font-weight: 700; }

/* Pagination */
.ks-hero .swiper-pagination { bottom: 14px !important; z-index: 10; }
.ks-hero .swiper-pagination-bullet {
    background: rgba(255,255,255,0.4);
    opacity: 1;
    width: 24px; height: 3px;
    border-radius: 2px;
    transition: all 0.4s ease;
    margin: 0 3px !important;
}
.ks-hero .swiper-pagination-bullet-active {
    background: var(--ks-white);
    width: 40px;
}

/* Progress bar */
.ks-hero-progress {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 3px;
    background: rgba(255,255,255,0.06);
    z-index: 10;
}
.ks-hero-progress-bar {
    height: 100%; width: 0%;
    background: linear-gradient(90deg, var(--ks-primary), var(--ks-primary-light));
    transition: width 0.1s linear;
}

/* ---------- President Card ---------- */
.ks-hero-president-col {
    display: flex;
    align-items: stretch;
}
.ks-president-card {
    display: flex;
    flex-direction: column;
    background: linear-gradient(170deg, #0F2A5E 0%, var(--ks-darker) 100%);
    border-radius: 14px;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.ks-president-img-wrap {
    position: relative;
    overflow: hidden;
    flex: 1 1 auto;
    min-height: 0;
    background: #e9edf2; /* matches the portrait's light-gray backdrop */
    padding-top: 14px;   /* breathing room above the head */
}
.ks-president-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    display: block;
    transition: transform 0.6s ease;
}
.ks-president-card:hover .ks-president-img-wrap img {
    transform: scale(1.03);
}
.ks-president-img-wrap::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0; right: 0;
    height: 140px;
    background: linear-gradient(to top, var(--ks-darker) 10%, rgba(8,47,60,0.6) 50%, transparent 100%);
    pointer-events: none;
}
.ks-president-info {
    padding: 0 16px 10px;
    text-align: center;
    position: relative;
    z-index: 2;
    margin-top: -48px;
}
.ks-president-title {
    display: inline-block;
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--ks-primary-light);
    margin-bottom: 4px;
    background: rgba(29,78,216,0.2);
    padding: 3px 12px;
    border-radius: 20px;
}
.ks-president-info h3 {
    font-size: 15px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.01em;
    line-height: 1.3;
}
.ks-president-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    padding: 8px 12px 12px;
    /* Sağ kenardaki hızlı menü (z-index:41) ile üst üste geldiğinde tıklamaların
       başkan kartı butonlarına ulaşması için üste al. */
    position: relative;
    z-index: 45;
}
.ks-president-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 10px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.07);
    border-radius: 8px;
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    transition: all 0.25s ease;
    font-size: 10px;
    font-weight: 600;
}
.ks-president-link:hover {
    background: rgba(29,78,216,0.3);
    border-color: rgba(14,180,191,0.3);
    color: #ffffff;
    transform: translateY(-1px);
}
.ks-president-link i {
    font-size: 11px;
    color: var(--ks-primary-light);
    flex-shrink: 0;
    width: 13px;
    text-align: center;
}

/* Hero Responsive */
@media (max-width: 1199.98px) {
    .ks-hero-layout {
        grid-template-columns: 1fr 260px;
        gap: 14px;
        height: 400px;
    }
    .ks-president-link { padding: 7px 8px; font-size: 9px; }
}
@media (max-width: 991.98px) {
    .ks-hero-layout {
        grid-template-columns: 1fr;
        gap: 14px;
        height: auto;
    }
    .ks-hero { padding: 10px 0; }
    .ks-hero-slider-col { height: 46vw; max-height: 420px; min-height: 240px; }
    /* President becomes a compact horizontal card under the banner */
    .ks-hero-president-col { display: flex; }
    .ks-president-card { flex-direction: row; align-items: stretch; min-height: 150px; }
    .ks-president-img-wrap { flex: 0 0 42%; max-width: 200px; }
    .ks-president-img-wrap::after {
        height: 100%;
        background: linear-gradient(to right, transparent 40%, rgba(8,47,60,0.15) 100%);
    }
    .ks-president-card > .ks-president-info,
    .ks-president-card > .ks-president-links { margin-left: 0; }
    .ks-president-info { text-align: left; margin-top: 14px; padding: 0 16px 4px; }
    .ks-president-info h3 { font-size: 18px; }
    .ks-president-title { font-size: 10px; }
    .ks-president-links { flex: 1; align-content: center; padding: 8px 16px 14px; gap: 7px; }
    .ks-president-link { font-size: 12px; padding: 9px 10px; }
    .ks-president-link i { font-size: 12px; }
}
@media (max-width: 575.98px) {
    .ks-hero { padding: 8px 0; }
    .ks-hero-slider-col { height: 56vw; min-height: 200px; }
    .ks-president-card { flex-direction: column; }
    .ks-president-img-wrap { flex: none; max-width: none; height: 240px; }
    .ks-president-img-wrap::after {
        height: 140px;
        background: linear-gradient(to top, var(--ks-darker) 10%, rgba(8,47,60,0.6) 50%, transparent 100%);
    }
    .ks-president-info { text-align: center; margin-top: -44px; }
    .ks-president-links { grid-template-columns: 1fr 1fr; display: grid; }
}

/* ==========================================================================
   BOTTOM FIXED SERVICES BAR
   ========================================================================== */
.ks-bottom-services {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1025;
    background: rgba(8,47,60,0.97);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.08);
    box-shadow: 0 -4px 30px rgba(0,0,0,0.2);
    transform: translateY(0);
    transition: transform 0.35s cubic-bezier(0.4,0,0.2,1);
}
.ks-bottom-services.ks-hide {
    transform: translateY(100%);
}
.ks-bottom-services-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 8px;
}
.ks-bsvc {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 10px 16px 8px;
    text-decoration: none;
    transition: all 0.25s ease;
    position: relative;
    flex: 1;
    max-width: 140px;
}
.ks-bsvc::before {
    content: '';
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: var(--svc-color, var(--ks-primary-light));
    transition: width 0.3s ease;
    border-radius: 0 0 2px 2px;
}
.ks-bsvc:hover::before {
    width: 70%;
}
.ks-bsvc-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: var(--svc-color, var(--ks-primary-light));
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.06);
    transition: all 0.3s ease;
}
.ks-bsvc:hover .ks-bsvc-icon {
    background: var(--svc-color, var(--ks-primary-light));
    color: #ffffff;
    border-color: transparent;
    transform: translateY(-2px) scale(1.05);
    box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}
.ks-bsvc span {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255,255,255,0.6);
    text-align: center;
    line-height: 1.2;
    white-space: nowrap;
    transition: color 0.25s ease;
}
.ks-bsvc:hover span {
    color: rgba(255,255,255,0.95);
}

/* Bottom bar responsive */
@media (max-width: 991.98px) {
    .ks-bsvc { padding: 8px 10px 6px; }
    .ks-bsvc-icon { width: 32px; height: 32px; font-size: 14px; border-radius: 8px; }
    .ks-bsvc span { font-size: 9px; }
}
@media (max-width: 767.98px) {
    .ks-bottom-services-inner {
        overflow-x: auto;
        justify-content: flex-start;
        gap: 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }
    .ks-bottom-services-inner::-webkit-scrollbar { display: none; }
    .ks-bsvc { padding: 8px 12px 6px; flex: 0 0 auto; min-width: 72px; }
}

/* Add bottom padding to footer so content isn't hidden behind fixed bar */
.ks-footer { padding-bottom: 0; }

/* Hide old services grid since we moved to bottom bar */
.ks-services-section { display: none; }

/* ==========================================================================
   SECTION HEADERS
   ========================================================================== */
.ks-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 2px solid var(--ks-gray-100);
}
.ks-section-header h2 {
    font-size: 18px;
    font-weight: 800;
    color: var(--ks-darker);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: -0.02em;
}
.ks-section-header h2 i {
    color: var(--ks-accent);
    font-size: 16px;
}
.ks-section-link {
    font-size: 12px;
    font-weight: 600;
    color: var(--ks-primary);
    display: flex;
    align-items: center;
    gap: 4px;
    white-space: nowrap;
    transition: var(--ks-transition-fast);
}
.ks-section-link:hover {
    color: var(--ks-accent);
    gap: 8px;
}

/* --- Section Header V2 (Ankara-style, clean) --- */
.ks-section-header-v2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.ks-section-header-v2 h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--ks-darker);
    margin: 0;
    position: relative;
    padding-bottom: 10px;
    letter-spacing: -0.02em;
}
.ks-section-header-v2 h2::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 48px;
    height: 3px;
    background: var(--ks-accent);
    border-radius: 2px;
}
.ks-section-link-v2 {
    font-size: 13px;
    font-weight: 600;
    color: var(--ks-primary);
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    transition: var(--ks-transition-fast);
    text-decoration: none;
}
.ks-section-link-v2:hover {
    color: var(--ks-accent);
    gap: 10px;
}
.ks-section-link-v2 i {
    font-size: 11px;
    transition: transform 0.25s ease;
}
.ks-section-link-v2:hover i {
    transform: translateX(3px);
}

/* Legacy centered titles (keep for other pages) */
.ks-section-title {
    text-align: center;
    margin-bottom: 20px;
}
.ks-section-title h2 {
    font-size: 22px;
    font-weight: 800;
    color: var(--ks-darker);
    margin: 0 0 6px;
    display: inline-block;
    position: relative;
    letter-spacing: -0.02em;
}
.ks-section-title h2::after {
    content: '';
    display: block;
    width: 40px; height: 2px;
    background: var(--ks-accent);
    margin: 8px auto 0;
    border-radius: 2px;
}

/* ==========================================================================
   NEWS SECTION - Card Grid Layout
   ========================================================================== */
.ks-news-section {
    padding: 34px 0 38px;
    background: var(--ks-bg-section);
    position: relative;
    z-index: 1;
}

/* News Grid */
.ks-news-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.ks-news-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ks-news-card:hover {
    border-color: var(--ks-accent);
    box-shadow: 0 12px 36px rgba(29,78,216,0.12);
    transform: translateY(-5px);
}
.ks-news-card-img {
    aspect-ratio: 16/9;
    overflow: hidden;
    position: relative;
}
.ks-news-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.ks-news-card:hover .ks-news-card-img img {
    transform: scale(1.06);
}
.ks-news-card-body {
    padding: 16px 18px 20px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.ks-news-card-date {
    font-size: 11px;
    color: var(--ks-accent);
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ks-news-card-date i { font-size: 10px; }
.ks-news-card-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.ks-news-card:hover h3 {
    color: var(--ks-primary);
}

/* ==========================================================================
   NEWS — Editorial magazine layout (featured + side list + more row)
   ========================================================================== */
.ks-ed-news { padding: 46px 0 54px; background: var(--ks-bg-section); }
.ks-ed-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 26px; flex-wrap: wrap; }
.ks-ed-eyebrow { display: inline-flex; align-items: center; gap: 8px; font-size: 13px; font-weight: 700; color: var(--ks-accent); margin-bottom: 6px; }
.ks-ed-eyebrow::before { content: ''; width: 22px; height: 2px; background: var(--ks-accent); border-radius: 2px; }
.ks-ed-head h2 { font-size: clamp(28px, 4vw, 46px); font-weight: 800; letter-spacing: -0.03em; color: var(--ks-gray-900); margin: 0; line-height: 1; }
.ks-ed-all { font-size: 14px; font-weight: 700; color: var(--ks-primary); text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: gap .2s, color .2s; white-space: nowrap; }
.ks-ed-all:hover { gap: 12px; color: var(--ks-accent); }

.ks-ed-grid { display: grid; grid-template-columns: 1.55fr 1fr; gap: 22px; align-items: stretch; }

.ks-ed-featured { position: relative; display: block; border-radius: var(--ks-border-radius-lg); overflow: hidden; text-decoration: none; min-height: 460px; box-shadow: var(--ks-shadow-md); }
.ks-ed-featured-img { position: absolute; inset: 0; }
.ks-ed-featured-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s cubic-bezier(.4,0,.2,1); }
.ks-ed-featured:hover .ks-ed-featured-img img { transform: scale(1.05); }
.ks-ed-featured::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(7,18,41,.92) 0%, rgba(7,18,41,.5) 42%, rgba(7,18,41,0) 74%); }
.ks-ed-featured-body { position: absolute; left: 0; right: 0; bottom: 0; padding: 30px 32px; z-index: 2; }
.ks-ed-tag { display: inline-block; background: var(--ks-accent); color: #fff; font-size: 11px; font-weight: 800; padding: 5px 13px; border-radius: 20px; margin-bottom: 14px; letter-spacing: .02em; }
.ks-ed-featured-body h3 { color: #fff; font-size: clamp(21px, 2.4vw, 31px); font-weight: 800; line-height: 1.2; letter-spacing: -0.02em; margin: 0 0 13px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ks-ed-date { color: rgba(255,255,255,.85); font-size: 13px; font-weight: 600; display: inline-flex; align-items: center; gap: 7px; }

.ks-ed-side { display: flex; flex-direction: column; gap: 14px; }
.ks-ed-side-item { display: flex; gap: 14px; align-items: center; background: var(--ks-white); border: 1px solid var(--ks-gray-200); border-radius: var(--ks-border-radius); padding: 10px; text-decoration: none; transition: var(--ks-transition); flex: 1; }
.ks-ed-side-item:hover { border-color: var(--ks-primary-light); box-shadow: var(--ks-shadow-hover); transform: translateX(3px); }
.ks-ed-side-thumb { width: 108px; height: 82px; flex-shrink: 0; border-radius: 10px; overflow: hidden; }
.ks-ed-side-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ks-ed-side-item:hover .ks-ed-side-thumb img { transform: scale(1.07); }
.ks-ed-side-text { min-width: 0; }
.ks-ed-side-date { font-size: 11px; font-weight: 700; color: var(--ks-accent); }
.ks-ed-side-text h4 { font-size: 14.5px; font-weight: 700; color: var(--ks-gray-800); margin: 4px 0 0; line-height: 1.34; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.ks-ed-side-item:hover .ks-ed-side-text h4 { color: var(--ks-primary); }

.ks-ed-more { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 20px; }
.ks-ed-more-card { text-decoration: none; }
.ks-ed-more-img { position: relative; aspect-ratio: 3 / 2; border-radius: var(--ks-border-radius); overflow: hidden; box-shadow: var(--ks-shadow-sm); }
.ks-ed-more-img img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.ks-ed-more-card:hover .ks-ed-more-img img { transform: scale(1.06); }
.ks-ed-more-date { position: absolute; top: 10px; left: 10px; background: rgba(255,255,255,.95); color: var(--ks-primary-dark); border-radius: 10px; padding: 5px 9px; display: flex; flex-direction: column; align-items: center; line-height: 1; box-shadow: var(--ks-shadow-sm); }
.ks-ed-more-date strong { font-size: 16px; font-weight: 800; }
.ks-ed-more-date span { font-size: 9px; font-weight: 700; text-transform: uppercase; margin-top: 2px; }
.ks-ed-more-card h4 { font-size: 14px; font-weight: 700; color: var(--ks-gray-800); margin: 12px 2px 0; line-height: 1.4; letter-spacing: -0.01em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; }
.ks-ed-more-card:hover h4 { color: var(--ks-primary); }

@media (max-width: 991.98px) {
    .ks-ed-grid { grid-template-columns: 1fr; }
    .ks-ed-featured { min-height: 340px; }
    .ks-ed-more { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575.98px) {
    .ks-ed-news { padding: 32px 0 36px; }
    .ks-ed-featured { min-height: 260px; }
    .ks-ed-featured-body { padding: 20px; }
    .ks-ed-side-thumb { width: 92px; height: 70px; }
    .ks-ed-more { grid-template-columns: 1fr 1fr; gap: 12px; }
}

/* ==========================================================================
   KOCASINAN — City story band (editorial civic figures)
   ========================================================================== */
.ks-story { padding: 40px 0 44px; background: var(--ks-white); }
.ks-story-card {
    display: grid;
    grid-template-columns: 0.95fr 1.15fr;
    background: linear-gradient(150deg, #0E255A 0%, var(--ks-dark) 55%, var(--ks-darker) 100%);
    border-radius: var(--ks-border-radius-xl);
    overflow: hidden;
    box-shadow: var(--ks-shadow-lg);
}
.ks-story-media { position: relative; min-height: 400px; }
.ks-story-media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ks-story-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,27,59,0.15) 0%, rgba(11,27,59,0.35) 55%, var(--ks-dark) 100%); }
.ks-story-body { padding: 48px 52px; color: #fff; display: flex; flex-direction: column; justify-content: center; }
.ks-story-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ks-primary-light); font-weight: 700; font-size: 13px; margin-bottom: 14px; }
.ks-story-eyebrow::before { content: ''; width: 24px; height: 2px; background: var(--ks-accent); border-radius: 2px; }
.ks-story-body h2 { font-size: clamp(26px, 3vw, 42px); font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin: 0 0 16px; }
.ks-story-body p { color: rgba(255,255,255,0.78); font-size: 15px; line-height: 1.7; max-width: 540px; margin: 0 0 30px; }
.ks-story-stats { display: grid; grid-template-columns: repeat(4, auto); gap: 26px 44px; }
.ks-story-stats > div { display: flex; flex-direction: column; }
.ks-story-num { font-size: clamp(26px, 3vw, 40px); font-weight: 800; color: #fff; letter-spacing: -0.02em; line-height: 1; }
.ks-story-stats small { color: rgba(255,255,255,0.72); font-size: 12.5px; font-weight: 600; margin-top: 7px; }
@media (max-width: 991.98px) {
    .ks-story-card { grid-template-columns: 1fr; }
    .ks-story-media { min-height: 220px; }
    .ks-story-media::after { background: linear-gradient(0deg, var(--ks-dark) 2%, rgba(11,27,59,0.25) 70%); }
    .ks-story-body { padding: 30px 26px; }
    .ks-story-stats { grid-template-columns: repeat(2, 1fr); gap: 22px; }
}
@media (max-width: 575.98px) {
    .ks-story { padding: 28px 0 30px; }
    .ks-story-body { padding: 26px 22px; }
    .ks-story-body h2 br { display: none; }
}

/* Legacy featured content kept for compat */
.ks-featured-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 32px 36px;
    min-width: 0;
}
.ks-featured-date {
    font-size: 12px;
    color: var(--ks-accent);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;
}
.ks-featured-date i { font-size: 11px; }
.ks-featured-title {
    font-size: 22px;
    font-weight: 800;
    color: var(--ks-gray-800);
    line-height: 1.35;
    letter-spacing: -0.02em;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-featured-article:hover .ks-featured-title {
    color: var(--ks-primary);
}
.ks-featured-desc {
    font-size: 14px;
    color: var(--ks-gray-600);
    line-height: 1.65;
    margin: 0 0 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-featured-readmore {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ks-primary);
    margin-top: auto;
    transition: gap 0.25s ease;
}
.ks-featured-readmore i { font-size: 11px; transition: transform 0.25s ease; }
.ks-featured-article:hover .ks-featured-readmore { gap: 12px; }
.ks-featured-article:hover .ks-featured-readmore i { transform: translateX(2px); }

@media (max-width: 767.98px) {
    .ks-featured-article {
        flex-direction: column;
    }
    .ks-featured-img {
        flex: none;
        max-width: 100%;
        height: 220px;
    }
    .ks-featured-content {
        padding: 20px 22px 24px;
    }
    .ks-featured-title {
        font-size: 18px;
        -webkit-line-clamp: 2;
    }
    .ks-featured-desc {
        font-size: 13px;
        -webkit-line-clamp: 2;
    }
}

/* Badge */
.ks-news-badge {
    display: inline-block;
    background: var(--ks-accent);
    color: #fff;
    padding: 4px 14px;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 2px 8px rgba(164,119,100,0.25);
}

/* --- Swiper Slide Cards --- */
.ks-news-swiper {
    overflow: visible !important;
    padding-bottom: 40px;
}
.ks-news-swiper .swiper-wrapper {
    padding-bottom: 4px;
}
.ks-news-slide-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition);
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
    height: 100%;
}
.ks-news-slide-card:hover {
    border-color: var(--ks-accent);
    box-shadow: 0 12px 36px rgba(29,78,216,0.14);
    transform: translateY(-5px);
}
.ks-news-slide-img {
    aspect-ratio: 16/10;
    overflow: hidden;
    position: relative;
}
.ks-news-slide-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.ks-news-slide-card:hover .ks-news-slide-img img {
    transform: scale(1.06);
}
.ks-news-slide-img .ks-news-badge {
    position: absolute;
    top: 12px; left: 12px;
    z-index: 2;
}
.ks-news-slide-body {
    padding: 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}
.ks-news-slide-date {
    font-size: 11px;
    color: var(--ks-accent);
    font-weight: 600;
    margin-bottom: 8px;
    display: flex; align-items: center; gap: 5px;
}
.ks-news-slide-body h4 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.ks-news-slide-arrow {
    display: flex;
    align-items: center; justify-content: center;
    width: 32px; height: 32px;
    border-radius: 50%;
    background: var(--ks-bg-section);
    color: var(--ks-primary);
    font-size: 12px;
    margin-top: 12px;
    align-self: flex-end;
    transition: var(--ks-transition);
}
.ks-news-slide-card:hover .ks-news-slide-arrow {
    background: var(--ks-accent);
    color: #fff;
}

/* Swiper pagination */
.ks-news-pagination {
    bottom: 0 !important;
}
.ks-news-pagination .swiper-pagination-bullet {
    width: 20px; height: 3px;
    border-radius: 2px;
    background: var(--ks-gray-300);
    opacity: 1;
    transition: all 0.3s ease;
}
.ks-news-pagination .swiper-pagination-bullet-active {
    background: var(--ks-accent);
    width: 32px;
}

/* Responsive news */
@media (max-width: 767.98px) {
    .ks-news-arrows { display: none; }
}

/* Legacy date class kept for compat */
.ks-editorial-date {
    font-size: 11px;
    color: var(--ks-accent);
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ks-editorial-date i { font-size: 10px; }
.ks-editorial-strip-body h5 {
    font-size: 13.5px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    letter-spacing: -0.01em;
}
.ks-editorial-strip-card:hover h5 {
    color: var(--ks-primary);
}

/* News responsive */
@media (max-width: 991.98px) {
    .ks-news-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}
@media (max-width: 575.98px) {
    .ks-news-section { padding: 28px 0 32px; }
    .ks-news-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .ks-section-header-v2 h2 { font-size: 20px; }
    .ks-section-header-v2 { margin-bottom: 20px; }
}

/* News Archive Page */
.ks-news-archive-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ks-news-archive-card {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition);
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}
.ks-news-archive-card:hover {
    border-color: var(--ks-accent);
    box-shadow: 0 8px 24px rgba(29,78,216,0.1);
    transform: translateY(-3px);
}
.ks-news-archive-img {
    aspect-ratio: 16/9;
    overflow: hidden;
}
.ks-news-archive-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.ks-news-archive-card:hover .ks-news-archive-img img {
    transform: scale(1.05);
}
.ks-news-archive-body {
    padding: 14px 16px 18px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.ks-news-archive-date {
    font-size: 11px;
    color: var(--ks-accent);
    font-weight: 600;
    margin-bottom: 6px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ks-news-archive-date i { font-size: 10px; }
.ks-news-archive-body h3 {
    font-size: 14px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-news-archive-card:hover h3 {
    color: var(--ks-primary);
}
@media (max-width: 991.98px) {
    .ks-news-archive-grid { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 575.98px) {
    .ks-news-archive-grid { grid-template-columns: 1fr; gap: 12px; }
}

/* Projects responsive */
@media (max-width: 991.98px) {
    .ks-projects-grid { gap: 16px; }
    .ks-project-card { flex: 1 1 calc(50% - 8px); max-width: calc(50% - 8px); }
}
@media (max-width: 575.98px) {
    .ks-projects-section { padding: 28px 0 32px; }
    .ks-projects-grid { gap: 14px; }
    .ks-project-card { flex: 1 1 100%; max-width: 100%; min-width: 0; }
}

/* Legacy stats bar responsive (removed - replaced by compact bar) */

/* Hero responsive (legacy override removed - handled in hero section) */

/* ==========================================================================
   PROJECTS SECTION - Card Grid
   ========================================================================== */
.ks-projects-section {
    padding: 34px 0 40px;
    background: var(--ks-white);
    position: relative;
}
.ks-projects-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.ks-project-card {
    display: block;
    text-decoration: none;
    border-radius: var(--ks-border-radius-lg);
    overflow: hidden;
    position: relative;
    aspect-ratio: 16/10;
    transition: var(--ks-transition);
    flex: 1 1 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
    min-width: 260px;
    box-shadow: var(--ks-shadow-sm);
}
.ks-project-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 40px rgba(0,0,0,0.18);
}
.ks-project-card-img {
    position: absolute;
    inset: 0;
    overflow: hidden;
}
.ks-project-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.4,0,0.2,1);
}
.ks-project-card:hover .ks-project-card-img img {
    transform: scale(1.08);
}
.ks-project-card-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 48px 20px 18px;
    background: linear-gradient(to top, rgba(0,0,0,0.72) 0%, rgba(0,0,0,0.15) 70%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.ks-project-card-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-shadow: 0 1px 4px rgba(0,0,0,0.3);
}
.ks-project-card-link {
    display: none;
}
/* Projects CTA tile — fills the row and invites exploration */
.ks-project-cta {
    background: linear-gradient(140deg, var(--ks-primary) 0%, var(--ks-primary-dark) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}
.ks-project-cta::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 82% 18%, rgba(255,255,255,0.16), transparent 55%);
    pointer-events: none;
}
.ks-project-cta-inner { position: relative; z-index: 1; padding: 26px; }
.ks-project-cta-icon {
    width: 58px; height: 58px;
    margin: 0 auto 16px;
    border-radius: 16px;
    background: rgba(255,255,255,0.15);
    display: flex; align-items: center; justify-content: center;
    font-size: 25px;
    transition: var(--ks-transition);
}
.ks-project-cta:hover .ks-project-cta-icon { background: var(--ks-accent); transform: translateY(-3px) rotate(-4deg); }
.ks-project-cta h3 { font-size: 21px; font-weight: 800; color: #fff; margin: 0 0 8px; letter-spacing: -0.02em; }
.ks-project-cta span { font-size: 13px; color: rgba(255,255,255,0.88); display: block; line-height: 1.5; max-width: 260px; margin: 0 auto; }
.ks-project-cta span i { margin-left: 5px; transition: transform 0.25s ease; }
.ks-project-cta:hover span i { transform: translateX(4px); }

/* ==========================================================================
   COURSES SECTION
   ========================================================================== */
.ks-courses-section {
    padding: 34px 0 40px;
    background: var(--ks-bg-section);
    position: relative;
}
.ks-courses-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
}
.ks-kurs-card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-100);
    border-radius: var(--ks-border-radius);
    text-decoration: none;
    transition: var(--ks-transition);
    position: relative;
    overflow: hidden;
}
.ks-kurs-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--kurs-color);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.ks-kurs-card:hover {
    border-color: var(--kurs-color, var(--ks-accent));
    box-shadow: 0 8px 24px rgba(0,0,0,0.07);
    transform: translateY(-3px);
}
.ks-kurs-card:hover::before {
    opacity: 1;
}
.ks-kurs-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 14px;
}
.ks-kurs-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    background: var(--kurs-bg);
    color: var(--kurs-color);
}
.ks-kurs-card-tag {
    font-size: 10px;
    font-weight: 700;
    color: var(--kurs-color);
    background: var(--kurs-bg);
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.3px;
}
.ks-kurs-card-title {
    font-size: 14px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0 0 6px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-kurs-card:hover .ks-kurs-card-title {
    color: var(--kurs-color, var(--ks-primary));
}
.ks-kurs-card-meta {
    font-size: 12px;
    color: var(--ks-gray-500);
    font-weight: 500;
    margin-bottom: 4px;
}
.ks-kurs-card-schedule {
    font-size: 11px;
    color: var(--ks-gray-400);
    display: flex;
    align-items: center;
    gap: 5px;
    margin-top: auto;
    padding-top: 10px;
    border-top: 1px solid var(--ks-gray-100);
}
.ks-kurs-card-schedule i {
    font-size: 10px;
    color: var(--kurs-color);
}
@media (max-width: 991.98px) {
    .ks-courses-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; }
}
@media (max-width: 575.98px) {
    .ks-courses-section { padding: 28px 0 32px; }
    .ks-courses-grid { grid-template-columns: 1fr; gap: 10px; }
    .ks-kurs-card { padding: 16px; }
    .ks-kurs-card-icon { width: 38px; height: 38px; font-size: 16px; }
    .ks-kurs-card-title { font-size: 13px; }
}

/* ==========================================================================
   STATISTICS V2 - Icon Cards
   ========================================================================== */
.ks-stats-v2 {
    background: #f7f8fa;
    padding: 64px 0;
    position: relative;
}
.ks-stats-v2::before { display: none; }
.ks-stats-v2-header {
    text-align: left;
    margin-bottom: 48px;
}
.ks-stats-v2-header h2 {
    font-size: 14px;
    font-weight: 700;
    color: var(--ks-primary, #1D4ED8);
    margin: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.ks-stats-v2-line { display: none; }
.ks-stats-v2-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0;
}
.ks-stats-v2-item {
    text-align: center;
    padding: 0 20px;
    border-right: 1px solid #e0e3e7;
}
.ks-stats-v2-item:last-child { border-right: none; }
.ks-stats-v2-icon { display: none; }
.ks-stats-v2-data { min-width: 0; }
.stat-number {
    font-size: 42px;
    font-weight: 800;
    color: var(--ks-gray-800, #1E293B);
    line-height: 1;
    margin-bottom: 8px;
    letter-spacing: -0.04em;
}
.ks-stats-v2-label {
    font-size: 13px;
    color: var(--ks-gray-400, #94A3B8);
    font-weight: 500;
    line-height: 1.3;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Stats V2 responsive */
@media (max-width: 1199.98px) {
    .ks-stats-v2-grid { grid-template-columns: repeat(3, 1fr); }
    .ks-stats-v2 { padding: 48px 0; }
    .ks-stats-v2-item { padding: 20px 16px; border-bottom: 1px solid #e0e3e7; }
    .ks-stats-v2-item:nth-child(4),
    .ks-stats-v2-item:nth-child(5),
    .ks-stats-v2-item:nth-child(6) { border-bottom: none; }
}
@media (max-width: 767.98px) {
    .ks-stats-v2-grid { grid-template-columns: repeat(2, 1fr); }
    .ks-stats-v2 { padding: 40px 0; }
    .ks-stats-v2-header { margin-bottom: 32px; }
    .stat-number { font-size: 32px; }
    .ks-stats-v2-item { padding: 16px 12px; }
    .ks-stats-v2-item:nth-child(odd) { border-right: 1px solid #e0e3e7; }
    .ks-stats-v2-item:nth-child(even) { border-right: none; }
    .ks-stats-v2-item { border-bottom: 1px solid #e0e3e7; }
    .ks-stats-v2-item:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 575.98px) {
    .ks-stats-v2 { padding: 32px 0; }
    .stat-number { font-size: 28px; }
    .ks-stats-v2-label { font-size: 11px; }
}

/* ==========================================================================
   CITY SKYLINE BANNER
   ========================================================================== */
.ks-skyline-banner {
    background: var(--ks-white);
    padding: 40px 0 0;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid var(--ks-gray-100);
}
.ks-skyline-banner img {
    width: 100%;
    max-width: 900px;
    height: auto;
    display: inline-block;
    opacity: 0.5;
    transition: opacity 0.5s ease;
}
.ks-skyline-banner:hover img {
    opacity: 0.9;
}
@media (max-width: 767.98px) {
    .ks-skyline-banner img { max-width: 100%; }
}

/* ==========================================================================
   BRANDS SECTION
   ========================================================================== */
.ks-brands-section {
    padding: 36px 0 40px;
    background: var(--ks-white);
}
.ks-brands-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}
.ks-brand-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 18px;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-100);
    border-radius: var(--ks-border-radius);
    transition: var(--ks-transition);
    text-decoration: none;
    min-height: 150px;
}
.ks-brand-item:hover {
    border-color: var(--ks-accent);
    box-shadow: 0 8px 22px rgba(15,23,42,0.08);
    transform: translateY(-3px);
}
.ks-brand-item img {
    max-height: 150px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    transition: transform 0.3s ease;
}
.ks-brand-item:hover img {
    transform: scale(1.06);
}

@media (max-width: 1199.98px) {
    .ks-brands-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 991.98px) {
    .ks-brands-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
    .ks-brand-item { padding: 18px 12px; min-height: 130px; }
    .ks-brand-item img { max-height: 120px; }
}
@media (max-width: 575.98px) {
    .ks-brands-section { padding: 28px 0 32px; }
    .ks-brands-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ks-brand-item { padding: 16px 10px; min-height: 110px; }
    .ks-brand-item img { max-height: 100px; }
}

/* ---------- WhatsApp Floating Button ---------- */
.ks-whatsapp-float {
    position: fixed;
    bottom: 88px; left: 24px;
    z-index: 1029;
    width: 56px; height: 56px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 28px;
    box-shadow: 0 4px 20px rgba(37,211,102,0.4);
    transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
    text-decoration: none;
}
.ks-whatsapp-float:hover {
    transform: scale(1.1) translateY(-2px);
    box-shadow: 0 8px 30px rgba(37,211,102,0.5);
    color: #fff;
}
.ks-whatsapp-pulse {
    position: absolute;
    width: 100%; height: 100%;
    border-radius: 50%;
    border: 2px solid #25d366;
    animation: ks-whatsapp-ring 2s ease-out infinite;
    pointer-events: none;
}
@keyframes ks-whatsapp-ring {
    0% { transform: scale(1); opacity: 0.6; }
    100% { transform: scale(1.6); opacity: 0; }
}
@media (max-width: 575.98px) {
    .ks-whatsapp-float {
        width: 48px; height: 48px;
        font-size: 24px;
        bottom: 80px; left: 16px;
    }
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.ks-footer {
    background: #1a2332;
    color: rgba(255,255,255,0.75);
    padding: 0;
    position: relative;
    overflow: hidden;
}
.ks-footer h5 {
    color: var(--ks-gray-800, #1E293B);
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.ks-footer h5::after {
    content: '';
    position: absolute; bottom: 0; left: 0;
    width: 28px; height: 2px;
    background: var(--ks-primary, #1D4ED8);
    border-radius: 2px;
}
.ks-footer ul { list-style: none; padding: 0; margin: 0; }
.ks-footer ul li { margin-bottom: 3px; }
.ks-footer ul li a,
.ks-footer ul li span {
    color: var(--ks-gray-500, #64748B);
    font-size: 13px;
    transition: var(--ks-transition-fast);
    display: inline-flex; align-items: center; gap: 6px;
}
.ks-footer ul li a:hover {
    color: var(--ks-primary, #1D4ED8);
    padding-left: 4px;
}
.ks-footer .footer-tags a {
    display: inline-block;
    background: #f5f5f5;
    color: var(--ks-gray-600, #475569);
    padding: 5px 14px;
    border-radius: 20px;
    font-size: 12px;
    margin: 0 4px 6px 0;
    transition: var(--ks-transition-fast);
    border: 1px solid #e8e8e8;
}
.ks-footer .footer-tags a:hover {
    background: var(--ks-primary, #1D4ED8);
    border-color: var(--ks-primary, #1D4ED8);
    color: #fff;
}
.ks-footer .social-link {
    width: 38px; height: 38px;
    display: inline-flex; align-items: center; justify-content: center;
    border-radius: 10px;
    background: #f5f5f5;
    color: var(--ks-gray-500, #64748B);
    font-size: 15px;
    transition: var(--ks-transition);
    border: 1px solid #e8e8e8;
}
.ks-footer .social-link:hover {
    background: var(--ks-primary, #1D4ED8);
    border-color: var(--ks-primary, #1D4ED8);
    color: #fff;
    transform: translateY(-3px);
}
.ks-footer-bottom {
    background: #eef0f2;
    padding: 16px 0;
    margin-top: 36px;
    font-size: 13px;
    color: var(--ks-gray-400, #94A3B8);
}

/* ---------- Floating Quick Menu (FAB) ---------- */
.ks-fab-menu {
    position: fixed; bottom: 88px; right: 24px;
    z-index: 1029;
    display: flex; flex-direction: column;
    align-items: flex-end; gap: 0;
}
.ks-fab-toggle {
    width: 54px; height: 54px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-accent));
    color: var(--ks-white);
    border: none; font-size: 20px;
    cursor: pointer;
    box-shadow: var(--ks-shadow-lg);
    transition: var(--ks-transition);
    display: flex; align-items: center; justify-content: center;
    z-index: 2; position: relative;
}
.ks-fab-toggle:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 30px rgba(29,78,216,0.25);
}
.ks-fab-toggle .fa-xmark { display: none; }
.ks-fab-menu.open .ks-fab-toggle .fa-grip { display: none; }
.ks-fab-menu.open .ks-fab-toggle .fa-xmark { display: block; }
.ks-fab-panel {
    position: absolute; bottom: 64px; right: 0;
    background: var(--ks-white);
    border-radius: var(--ks-border-radius-lg);
    box-shadow: var(--ks-shadow-lg);
    padding: 12px;
    width: 260px;
    opacity: 0; visibility: hidden;
    transform: translateY(12px) scale(0.96);
    transition: var(--ks-transition);
    border: 1px solid var(--ks-gray-100);
}
.ks-fab-menu.open .ks-fab-panel {
    opacity: 1; visibility: visible;
    transform: translateY(0) scale(1);
}
.ks-fab-panel .fab-item {
    display: flex; align-items: center; gap: 10px;
    padding: 8px 10px;
    border-radius: 8px;
    color: var(--ks-gray-700);
    text-decoration: none;
    transition: var(--ks-transition-fast);
    font-size: 13px; font-weight: 500;
}
.ks-fab-panel .fab-item:hover {
    background: var(--ks-bg-section);
    color: var(--ks-primary);
}
.ks-fab-panel .fab-item i {
    width: 32px; height: 32px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 8px; font-size: 14px; flex-shrink: 0;
}
.ks-fab-panel .fab-item[data-color="blue"] i { background: #eff6ff; color: #2563eb; }
.ks-fab-panel .fab-item[data-color="red"] i { background: #fef2f2; color: #dc2626; }
.ks-fab-panel .fab-item[data-color="teal"] i { background: #f0fdfa; color: #2563EB; }
.ks-fab-panel .fab-item[data-color="orange"] i { background: #fff7ed; color: #ea580c; }
.ks-fab-panel .fab-item[data-color="green"] i { background: #f0fdf4; color: #16a34a; }
.ks-fab-panel .fab-item[data-color="purple"] i { background: #faf5ff; color: #7c3aed; }
.ks-fab-panel .fab-item[data-color="cyan"] i { background: #ecfeff; color: #0891b2; }
.ks-fab-panel .fab-item[data-color="dark"] i { background: #f1f5f9; color: var(--ks-dark); }
.ks-fab-panel .fab-item[data-color="indigo"] i { background: #eef2ff; color: #4f46e5; }

/* Back to top */
.ks-back-to-top {
    width: 40px; height: 40px;
    border-radius: 50%;
    background: var(--ks-gray-100);
    color: var(--ks-gray-600);
    border: none; font-size: 16px;
    cursor: pointer;
    transition: var(--ks-transition);
    display: none; align-items: center; justify-content: center;
    margin-bottom: 8px;
}
.ks-back-to-top.visible { display: flex; }
.ks-back-to-top:hover { background: var(--ks-primary); color: var(--ks-white); }

/* ==========================================================================
   INNER PAGES
   ========================================================================== */

/* ---------- Breadcrumb ---------- */
.ks-breadcrumb {
    background: linear-gradient(135deg, var(--ks-dark), var(--ks-primary));
    padding: 18px 0;
    margin-bottom: 0;
    position: relative;
    overflow: hidden;
}
.ks-breadcrumb::after {
    content: '';
    position: absolute; right: -10%; top: -100%;
    width: 300px; height: 300px;
    background: radial-gradient(circle, rgba(164,119,100,0.1) 0%, transparent 70%);
    border-radius: 50%;
}
.ks-breadcrumb .breadcrumb {
    background: none; margin: 0; padding: 0;
}
.ks-breadcrumb .breadcrumb-item,
.ks-breadcrumb .breadcrumb-item a {
    color: rgba(255,255,255,0.75);
    font-size: 13px;
    font-weight: 500;
}
.ks-breadcrumb .breadcrumb-item a:hover { color: var(--ks-white); }
.ks-breadcrumb .breadcrumb-item.active { color: var(--ks-white); font-weight: 600; }
.ks-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
    color: rgba(255,255,255,0.4) !important;
    content: '/' !important;
    font-size: 12px;
    padding-right: 10px !important;
    float: left;
}
.ks-breadcrumb .breadcrumb-item + .breadcrumb-item {
    padding-left: 10px !important;
}
.breadcrumb-item + .breadcrumb-item::before {
    padding-right: 0.5rem !important;
}
.ks-breadcrumb h1 {
    color: var(--ks-white);
    font-size: 22px;
    font-weight: 700;
    margin: 6px 0 0;
}

/* Old breadcrumb override */
.breadcrumb-color {
    background: linear-gradient(135deg, var(--ks-dark), var(--ks-primary));
    padding: 18px 0;
    margin: 0 !important;
}
.breadcrumb-color .breadcrumb { background: none; margin: 0; padding: 0; }
.breadcrumb-color .breadcrumb li,
.breadcrumb-color .breadcrumb li a { color: rgba(255,255,255,0.75); font-size: 13px; }
.breadcrumb-color .breadcrumb li.active { color: var(--ks-white); }
.breadcrumb-color .breadcrumb > li + li::before { color: rgba(255,255,255,0.4); }

/* ---------- Page Content ---------- */
.ks-page-content {
    padding: 28px 0 40px;
    min-height: 60vh;
    background: var(--ks-gray-50);
}
.ks-page-content .container { max-width: 1200px; }
.ks-page-content h1 {
    font-size: 24px; font-weight: 700;
    color: var(--ks-darker);
    margin-bottom: 16px; padding-bottom: 10px;
    border-bottom: 2px solid var(--ks-bg-section);
}
.ks-page-content h2 {
    font-size: 20px; font-weight: 700;
    color: var(--ks-dark);
    margin-bottom: 14px; padding-bottom: 8px;
    border-bottom: 2px solid var(--ks-bg-section);
}
.ks-page-content h3 { font-size: 17px; font-weight: 600; color: var(--ks-dark); }
.ks-page-content img { border-radius: var(--ks-border-radius-sm); }

.ks-content-card {
    background: var(--ks-white);
    border-radius: var(--ks-border-radius);
    box-shadow: var(--ks-shadow-sm);
    padding: 24px;
    margin-bottom: 20px;
    border: 1px solid var(--ks-gray-100);
}

/* ---------- Group Card (duyurular, haberler, listeler) ---------- */
.ks-group-card {
    display: flex;
    text-decoration: none;
    background: var(--ks-white);
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    border: 1px solid var(--ks-gray-100);
    box-shadow: var(--ks-shadow-sm);
    transition: var(--ks-transition);
}
.ks-group-card:hover {
    border-color: var(--ks-primary);
    box-shadow: var(--ks-shadow-md);
    transform: translateY(-2px);
}
.ks-group-card-img {
    width: 240px;
    min-height: 160px;
    flex-shrink: 0;
    overflow: hidden;
    background: var(--ks-gray-100);
}
.ks-group-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.ks-group-card:hover .ks-group-card-img img {
    transform: scale(1.05);
}
.ks-group-card-body {
    padding: 20px 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}
.ks-group-card-date {
    font-size: 11px;
    color: var(--ks-primary);
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ks-group-card-date i { font-size: 10px; }
.ks-group-card-body h3 {
    font-size: 16px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0 0 8px;
    line-height: 1.4;
}
.ks-group-card:hover h3 { color: var(--ks-primary); }
.ks-group-card-more {
    font-size: 12px;
    font-weight: 700;
    color: var(--ks-primary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    transition: gap 0.25s ease;
}
.ks-group-card-more i { font-size: 10px; }
.ks-group-card:hover .ks-group-card-more { gap: 10px; }
@media (max-width: 575.98px) {
    .ks-group-card { flex-direction: column; }
    .ks-group-card-img { width: 100%; min-height: 180px; }
    .ks-group-card-body { padding: 16px; }
    .ks-group-card-body h3 { font-size: 14px; }
}

/* ---------- Sidebar ---------- */
.ks-sidebar { position: sticky; top: 90px; }
.ks-sidebar-card {
    background: var(--ks-white);
    border-radius: var(--ks-border-radius);
    box-shadow: var(--ks-shadow-sm);
    padding: 18px;
    margin-bottom: 16px;
    border: 1px solid var(--ks-gray-100);
}
.ks-sidebar-card h5 {
    font-size: 13px; font-weight: 700;
    color: var(--ks-dark);
    text-transform: uppercase; letter-spacing: 0.3px;
    margin-bottom: 12px; padding-bottom: 8px;
    border-bottom: 2px solid var(--ks-bg-section);
    position: relative;
}
.ks-sidebar-card h5::after {
    content: '';
    position: absolute; bottom: -2px; left: 0;
    width: 40px; height: 2px;
    background: var(--ks-accent);
}
.ks-sidebar-card .sidebar-nav { list-style: none; padding: 0; margin: 0; }
.ks-sidebar-card .sidebar-nav li { margin-bottom: 2px; }
.ks-sidebar-card .sidebar-nav li a {
    display: flex; align-items: center; gap: 8px;
    padding: 8px 12px; font-size: 13px; font-weight: 500;
    color: var(--ks-gray-600); border-radius: 6px;
    transition: var(--ks-transition-fast);
}
.ks-sidebar-card .sidebar-nav li a:hover {
    background: var(--ks-bg-section); color: var(--ks-primary); padding-left: 16px;
}
.ks-sidebar-card .sidebar-nav li a i {
    color: var(--ks-accent); font-size: 10px; width: 16px; text-align: center;
}
.ks-sidebar-news-item {
    display: flex; gap: 10px; padding: 8px 0;
    border-bottom: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition-fast);
}
.ks-sidebar-news-item:last-child { border-bottom: none; }
.ks-sidebar-news-item:hover { padding-left: 4px; }
.ks-sidebar-news-item img {
    width: 64px; height: 48px; object-fit: cover;
    border-radius: 6px; flex-shrink: 0;
}
.ks-sidebar-news-item p {
    font-size: 13px; font-weight: 500; color: var(--ks-gray-700);
    margin: 0; line-height: 1.3;
    display: -webkit-box; -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; overflow: hidden;
}
.ks-sidebar-search { display: flex; gap: 0; }
.ks-sidebar-search input {
    flex: 1; border: 1px solid var(--ks-gray-200); border-right: none;
    border-radius: 8px 0 0 8px; padding: 8px 12px; font-size: 13px; outline: none;
}
.ks-sidebar-search input:focus { border-color: var(--ks-accent); }
.ks-sidebar-search button {
    background: var(--ks-primary); color: var(--ks-white); border: none;
    border-radius: 0 8px 8px 0; padding: 8px 14px; cursor: pointer;
}
.ks-sidebar-search button:hover { background: var(--ks-accent); }
.ks-sidebar-tags a {
    display: inline-block; background: var(--ks-bg-section); color: var(--ks-gray-600);
    padding: 4px 12px; border-radius: 20px; font-size: 12px;
    margin: 0 4px 6px 0; transition: var(--ks-transition-fast);
}
.ks-sidebar-tags a:hover { background: var(--ks-primary); color: var(--ks-white); }

/* ==========================================================================
   UI COMPONENTS
   ========================================================================== */
.btn-ks-primary {
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark));
    color: var(--ks-white); border: none; padding: 10px 24px;
    border-radius: var(--ks-border-radius-sm); font-weight: 600; font-size: 14px;
    transition: var(--ks-transition);
    display: inline-flex; align-items: center; gap: 6px;
}
.btn-ks-primary:hover {
    background: linear-gradient(135deg, var(--ks-primary-dark), var(--ks-dark));
    color: var(--ks-white); transform: translateY(-2px); box-shadow: var(--ks-shadow-hover);
}
.btn-ks-accent {
    background: linear-gradient(135deg, var(--ks-accent), var(--ks-primary-light));
    color: var(--ks-white); border: none; padding: 10px 24px;
    border-radius: var(--ks-border-radius-sm); font-weight: 600; font-size: 14px;
    transition: var(--ks-transition);
    display: inline-flex; align-items: center; gap: 6px;
}
.btn-ks-accent:hover {
    background: linear-gradient(135deg, var(--ks-primary-light), var(--ks-primary));
    color: var(--ks-white); transform: translateY(-2px); box-shadow: var(--ks-shadow-hover);
}
.btn-ks-outline {
    background: transparent; color: var(--ks-primary);
    border: 2px solid var(--ks-primary); padding: 8px 22px;
    border-radius: var(--ks-border-radius-sm); font-weight: 600; font-size: 14px;
    transition: var(--ks-transition);
    display: inline-flex; align-items: center; gap: 6px;
}
.btn-ks-outline:hover {
    background: var(--ks-primary); color: var(--ks-white); transform: translateY(-2px);
}

/* Bootstrap overrides */
.ks-page-content .btn-primary, .ks-content-card .btn-primary {
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark));
    border: none; border-radius: var(--ks-border-radius-sm); font-weight: 600;
}
.ks-page-content .btn-primary:hover, .ks-content-card .btn-primary:hover {
    background: linear-gradient(135deg, var(--ks-primary-dark), var(--ks-dark));
    transform: translateY(-2px); box-shadow: var(--ks-shadow-hover);
}
.ks-page-content .btn-success, .ks-content-card .btn-success {
    background: linear-gradient(135deg, var(--ks-success), #059669); border: none;
    border-radius: var(--ks-border-radius-sm); font-weight: 600;
}
.ks-page-content .btn-danger, .ks-content-card .btn-danger {
    background: linear-gradient(135deg, var(--ks-danger), #dc2626); border: none;
    border-radius: var(--ks-border-radius-sm); font-weight: 600;
}

/* Forms */
.form-control, .form-select {
    border: 1.5px solid var(--ks-gray-200); border-radius: var(--ks-border-radius-sm);
    padding: 10px 14px; font-size: 14px; transition: var(--ks-transition);
}
.form-control:focus, .form-select:focus {
    border-color: var(--ks-accent); box-shadow: 0 0 0 3px rgba(164,119,100,0.15);
}
.form-label { font-weight: 600; font-size: 13px; color: var(--ks-gray-700); margin-bottom: 4px; }

.ks-page-content input[type="text"],
.ks-page-content input[type="email"],
.ks-page-content input[type="tel"],
.ks-page-content input[type="number"],
.ks-page-content input[type="password"],
.ks-page-content textarea,
.ks-page-content select {
    border: 1.5px solid var(--ks-gray-200); border-radius: var(--ks-border-radius-sm);
    padding: 10px 14px; font-size: 14px; font-family: var(--ks-font-family);
    transition: var(--ks-transition); width: 100%; outline: none;
}
.ks-page-content input[type="text"]:focus,
.ks-page-content input[type="email"]:focus,
.ks-page-content input[type="tel"]:focus,
.ks-page-content input[type="number"]:focus,
.ks-page-content input[type="password"]:focus,
.ks-page-content textarea:focus,
.ks-page-content select:focus {
    border-color: var(--ks-accent); box-shadow: 0 0 0 3px rgba(164,119,100,0.15);
}

/* Tables */
.table { border-radius: var(--ks-border-radius); overflow: hidden; border: 1px solid var(--ks-gray-100); margin-bottom: 0; }
.table thead th {
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark));
    color: var(--ks-white); font-weight: 600; font-size: 13px;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 12px 16px; border: none; white-space: nowrap;
}
.table tbody td { padding: 12px 16px; font-size: 14px; border-bottom: 1px solid var(--ks-gray-100); vertical-align: middle; }
.table tbody tr:hover { background-color: var(--ks-bg-section); }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(29,78,216,0.03); }
.table-responsive { border-radius: var(--ks-border-radius); overflow: auto; box-shadow: var(--ks-shadow-sm); }

/* DataTables */
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--ks-primary) !important; color: var(--ks-white) !important;
    border: none !important; border-radius: 6px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--ks-bg-section) !important; color: var(--ks-primary) !important; border: none !important;
}
.dataTables_wrapper .dataTables_filter input {
    border: 1.5px solid var(--ks-gray-200); border-radius: var(--ks-border-radius-sm);
    padding: 6px 12px; font-size: 13px;
}
.dataTables_wrapper .dataTables_filter input:focus {
    border-color: var(--ks-accent); box-shadow: 0 0 0 3px rgba(164,119,100,0.15); outline: none;
}

/* Alerts */
.alert { border: none; border-radius: var(--ks-border-radius-sm); padding: 14px 18px; font-size: 14px; font-weight: 500; border-left: 4px solid; }
.alert-primary, .alert-info { background: #eff6ff; color: #1e40af; border-left-color: #3b82f6; }
.alert-success { background: #f0fdf4; color: #166534; border-left-color: #22c55e; }
.alert-warning { background: #fffbeb; color: #92400e; border-left-color: #f59e0b; }
.alert-danger { background: #fef2f2; color: #991b1b; border-left-color: #ef4444; }

.badge { font-weight: 600; font-size: 11px; padding: 4px 10px; border-radius: 20px; }

.card { border: 1px solid var(--ks-gray-100); border-radius: var(--ks-border-radius); box-shadow: var(--ks-shadow-sm); transition: var(--ks-transition); overflow: hidden; }
.card:hover { box-shadow: var(--ks-shadow-md); }
.card-header { background: var(--ks-bg-section); border-bottom: 1px solid var(--ks-gray-100); font-weight: 600; padding: 14px 20px; }

.pagination .page-link { border: 1px solid var(--ks-gray-200); color: var(--ks-gray-600); font-size: 14px; font-weight: 500; padding: 8px 14px; border-radius: 6px !important; margin: 0 2px; }
.pagination .page-link:hover { background: var(--ks-bg-section); color: var(--ks-primary); border-color: var(--ks-primary); }
.pagination .page-item.active .page-link { background: var(--ks-primary); border-color: var(--ks-primary); color: var(--ks-white); }

.modal-content { border: none; border-radius: var(--ks-border-radius-lg); box-shadow: var(--ks-shadow-lg); overflow: hidden; }
.modal-header { border-bottom: 1px solid var(--ks-gray-100); padding: 16px 20px; }
.modal-title { font-weight: 700; color: var(--ks-dark); }
.modal-body { padding: 20px; }
.modal-footer { border-top: 1px solid var(--ks-gray-100); padding: 14px 20px; }
.ks-popup-modal .modal-content { border-radius: var(--ks-border-radius-lg); }
.ks-popup-modal .modal-header { border-bottom: none; padding: 12px 16px; }
.ks-popup-modal .modal-body { padding: 0; }
.ks-popup-modal .modal-body img { width: 100%; display: block; }

/* ==========================================================================
   INNER PAGE SPECIFIC
   ========================================================================== */
.ks-duyuru-list { list-style: none; padding: 0; margin: 0; }
.ks-duyuru-list li { border-bottom: 1px solid var(--ks-gray-100); transition: var(--ks-transition-fast); }
.ks-duyuru-list li a { display: flex; align-items: center; gap: 12px; padding: 14px 16px; color: var(--ks-gray-700); font-size: 14px; font-weight: 500; }
.ks-duyuru-list li a::before { content: '\f105'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--ks-accent); font-size: 12px; width: 20px; text-align: center; flex-shrink: 0; }
.ks-duyuru-list li:hover { background: var(--ks-bg-section); }
.ks-duyuru-list li:hover a { color: var(--ks-primary); padding-left: 20px; }

.ks-duyuru-categories { display: flex; flex-direction: column; gap: 10px; margin-bottom: 24px; }
.ks-duyuru-categories a {
    display: flex; align-items: center; gap: 12px; padding: 14px 20px;
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark));
    color: var(--ks-white); border-radius: var(--ks-border-radius);
    font-weight: 600; font-size: 15px; transition: var(--ks-transition); box-shadow: var(--ks-shadow-sm);
}
.ks-duyuru-categories a:hover { transform: translateY(-2px); box-shadow: var(--ks-shadow-hover); color: var(--ks-white); }
.ks-duyuru-categories a i { font-size: 18px; opacity: 0.8; }

/* Ihale tabs */
.ks-ihale-tabs { display: flex; gap: 4px; margin-bottom: 0; flex-wrap: wrap; }
.ks-ihale-tabs .nav-link {
    background: var(--ks-gray-100); color: var(--ks-gray-600); border: none;
    border-radius: var(--ks-border-radius-sm) var(--ks-border-radius-sm) 0 0;
    padding: 12px 20px; font-weight: 600; font-size: 14px;
}
.ks-ihale-tabs .nav-link:hover { background: var(--ks-bg-section); color: var(--ks-primary); }
.ks-ihale-tabs .nav-link.active { background: var(--ks-primary); color: var(--ks-white); }
.ks-ihale-content {
    background: var(--ks-white); border: 1px solid var(--ks-gray-100);
    border-top: 3px solid var(--ks-primary);
    border-radius: 0 var(--ks-border-radius-sm) var(--ks-border-radius-sm) var(--ks-border-radius-sm);
    padding: 20px;
}

/* Contact */
.ks-contact-info { display: flex; flex-direction: column; gap: 12px; }
.ks-contact-info-item { display: flex; align-items: flex-start; gap: 12px; padding: 12px 16px; background: var(--ks-bg-section); border-radius: var(--ks-border-radius-sm); }
.ks-contact-info-item i { color: var(--ks-accent); font-size: 18px; width: 20px; text-align: center; margin-top: 2px; }

/* Gallery */
.ks-gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.ks-gallery-grid img { width: 100%; height: 120px; object-fit: cover; border-radius: var(--ks-border-radius-sm); cursor: pointer; transition: var(--ks-transition); border: 2px solid transparent; }
.ks-gallery-grid img:hover { transform: scale(1.03); border-color: var(--ks-accent); box-shadow: var(--ks-shadow-md); }

/* Legacy overrides */
.owl-carousel .item img { border-radius: var(--ks-border-radius-sm); width: 100%; object-fit: cover; }
.blog-row-prod { margin-top: 0 !important; }
.blog-info-prod { background: var(--ks-white); border-radius: var(--ks-border-radius); padding: 20px; margin-bottom: 16px; }
.blog-r-title, .blog-r-title a { font-size: 20px !important; font-weight: 700 !important; color: var(--ks-dark) !important; font-family: var(--ks-font-family) !important; }
.blog-desc-prod { font-size: 14px; line-height: 1.7; color: var(--ks-gray-700); }
.blog-desc-prod table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    border: 1px solid var(--ks-gray-200);
    margin: 16px 0;
    font-size: 13px;
}
.blog-desc-prod table th,
.blog-desc-prod table td {
    padding: 12px 16px;
    border-bottom: 1px solid var(--ks-gray-100);
    text-align: left;
}
.blog-desc-prod table th {
    background: var(--ks-darker);
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}
.blog-desc-prod table tr:last-child td { border-bottom: none; }
.blog-desc-prod table tr:nth-child(even) td { background: var(--ks-gray-50); }
.blog-desc-prod table tr:hover td { background: rgba(29,78,216,0.04); }
.blog-desc-prod ul, .blog-desc-prod ol {
    padding-left: 20px;
    margin: 12px 0;
}
.blog-desc-prod li {
    margin-bottom: 6px;
    line-height: 1.6;
}

.t-title-office {
    font-size: 14px !important; font-weight: 700 !important; color: var(--ks-dark) !important;
    text-transform: uppercase; letter-spacing: 0.3px; padding: 10px 0 !important;
    margin-bottom: 12px !important; border-bottom: 2px solid var(--ks-bg-section) !important;
    position: relative; background: none !important;
}
.t-title-office span { background: none !important; padding: 0 !important; }
.t-title-office::after { content: ''; position: absolute; bottom: -2px; left: 0; width: 40px; height: 2px; background: var(--ks-accent); }

ul.category { list-style: none !important; padding: 0 !important; margin: 0 0 20px !important; }
ul.category li { margin-bottom: 2px; }
ul.category li a { display: flex; align-items: center; gap: 6px; padding: 8px 12px; font-size: 13px; color: var(--ks-gray-600); border-radius: 6px; transition: var(--ks-transition-fast); }
ul.category li a:hover { background: var(--ks-bg-section); color: var(--ks-primary); padding-left: 16px; }
ul.category li a i { color: var(--ks-accent); font-size: 10px; }

ul.post-lateral { list-style: none; padding: 0; margin: 0; }
ul.post-lateral li { padding: 8px 0; border-bottom: 1px solid var(--ks-gray-100); }
ul.post-lateral li p { font-size: 13px; margin: 0; color: var(--ks-gray-700); }
ul.post-lateral img { width: 60px; height: 45px; object-fit: cover; border-radius: 6px; margin-bottom: 4px; }

ul.tags { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
ul.tags li { background: var(--ks-bg-section); color: var(--ks-gray-600); padding: 4px 12px; border-radius: 20px; font-size: 12px; cursor: pointer; transition: var(--ks-transition-fast); }
ul.tags li:hover { background: var(--ks-primary); color: var(--ks-white); }

.list { width: 100%; margin: 0 !important; }
.list ul { list-style: none; padding: 0; margin: 0 !important; }
@media screen and (min-width: 600px) {
    .list { display: table; width: 100%; }
    .list ul { display: table-row; }
    .list ul:first-child li { background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark)) !important; color: var(--ks-white) !important; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 0.3px; }
    .list ul > li { display: table-cell; padding: 10px 14px; font-size: 14px; font-family: var(--ks-font-family); border-bottom: 1px solid var(--ks-gray-100); vertical-align: middle; }
    .list ul:nth-child(odd) { background-color: var(--ks-gray-50) !important; }
    .list ul:nth-child(even) { background-color: var(--ks-white) !important; }
    .list ul:hover { background-color: var(--ks-bg-section) !important; }
}
@media screen and (max-width: 599px) {
    .list ul { border: 1px solid var(--ks-gray-200) !important; border-radius: var(--ks-border-radius-sm); display: block; padding: 12px 16px !important; margin: 0 0 8px !important; background: var(--ks-white) !important; }
    .list ul:first-child { display: none; }
    .list ul > li { display: block; padding: 6px 0; font-family: var(--ks-font-family); font-size: 14px; }
    .list ul > li:before { color: var(--ks-primary) !important; font-weight: 700; font-size: 11px; }
}

.tabs label { font-family: var(--ks-font-family) !important; background: var(--ks-gray-100) !important; color: var(--ks-gray-600) !important; border-radius: var(--ks-border-radius-sm) var(--ks-border-radius-sm) 0 0 !important; font-weight: 600 !important; font-size: 13px !important; }
.tabs label:hover { background: var(--ks-primary) !important; color: var(--ks-white) !important; }
#tab1:checked+label, #tab2:checked+label, #tab3:checked+label, #tab4:checked+label { background: var(--ks-primary) !important; color: var(--ks-white) !important; }
.tab-content-wrapper { border-top: 3px solid var(--ks-primary) !important; background: var(--ks-white) !important; border-radius: 0 0 var(--ks-border-radius-sm) var(--ks-border-radius-sm) !important; }

.ks-page-content a.bg-success, a.bg-success {
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-primary-dark)) !important;
    color: var(--ks-white) !important; border: none !important; border-radius: var(--ks-border-radius) !important;
    padding: 14px 20px !important; font-size: 15px !important; font-weight: 600 !important;
    font-family: var(--ks-font-family) !important; display: flex !important; align-items: center; gap: 10px;
    margin: 0 0 10px !important; transition: var(--ks-transition); box-shadow: var(--ks-shadow-sm);
}
a.bg-success:hover { transform: translateY(-2px) !important; box-shadow: var(--ks-shadow-hover) !important; }

.contact-title { font-size: 20px !important; font-weight: 700 !important; color: var(--ks-dark) !important; margin-bottom: 16px; padding-bottom: 10px; border-bottom: 2px solid var(--ks-bg-section); font-family: var(--ks-font-family) !important; }
.contact-sub-txt { font-size: 14px; color: var(--ks-gray-600); font-family: var(--ks-font-family) !important; }
.contact-details { background: var(--ks-bg-section); border-radius: var(--ks-border-radius); padding: 24px !important; }
.contact-details p { font-size: 14px; color: var(--ks-gray-700); font-family: var(--ks-font-family) !important; }

.mapgoogle { width: 100%; height: 300px; border: none; border-radius: 0; margin-top: 0 !important; }
.breadcrumb-contact { margin-top: 0 !important; }

.blog-info-prod .owl-carousel .item img, .blog-info-prod img { border-radius: var(--ks-border-radius-sm); max-width: 100%; }

.sidepanel.widget_search { margin-bottom: 16px; }
.search_form { display: flex; gap: 0; }
.search_form input[type="text"] { flex: 1; border: 1.5px solid var(--ks-gray-200); border-right: none; border-radius: 8px 0 0 8px; padding: 8px 12px; font-size: 13px; outline: none; font-family: var(--ks-font-family); }
.search_form input[type="text"]:focus { border-color: var(--ks-accent); }
.search_form input[type="submit"] { background: var(--ks-primary); color: var(--ks-white); border: none; border-radius: 0 8px 8px 0; padding: 8px 16px; font-size: 13px; cursor: pointer; font-family: var(--ks-font-family); font-weight: 600; }
.search_form input[type="submit"]:hover { background: var(--ks-accent); }

.list-social-icons { display: flex; gap: 8px; list-style: none; padding: 0; margin: 16px 0 0; }
.list-social-icons li a { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ks-primary); color: var(--ks-white); font-size: 16px; transition: var(--ks-transition); }
.list-social-icons li a:hover { background: var(--ks-accent); transform: translateY(-3px); }

/* ---------- Muhtar Cards ---------- */
.ks-muhtar-card {
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-200);
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    text-align: center;
    transition: var(--ks-transition);
    height: 100%;
}
.ks-muhtar-card:hover {
    box-shadow: var(--ks-shadow-md);
    transform: translateY(-4px);
    border-color: var(--ks-primary);
}
.ks-muhtar-photo {
    background: var(--ks-bg-section);
    padding: 12px 12px 0;
}
.ks-muhtar-photo img {
    width: 100%;
    aspect-ratio: 3/4;
    object-fit: cover;
    border-radius: var(--ks-border-radius-sm);
    display: block;
}
.ks-muhtar-info {
    padding: 10px 8px 14px;
}
.ks-muhtar-title {
    font-size: 10px;
    font-weight: 600;
    color: var(--ks-primary);
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin-bottom: 2px;
}
.ks-muhtar-name {
    font-size: 12px;
    font-weight: 700;
    color: var(--ks-gray-800);
    line-height: 1.3;
}
.ks-muhtar-desc {
    font-size: 10px;
    color: var(--ks-gray-500);
    margin-top: 2px;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
.ks-fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
.ks-fade-up.visible { opacity: 1; transform: translateY(0); }

.ks-gradient-text {
    background: linear-gradient(135deg, var(--ks-primary), var(--ks-accent));
    -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 575.98px) {
    .ks-section-title h2 { font-size: 18px; }
    .ks-section-header h2 { font-size: 15px; }
    .ks-footer { padding: 24px 0 0; }
    .ks-content-card { padding: 14px; }
    .ks-breadcrumb h1 { font-size: 18px; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .ks-section-title h2 { font-size: 22px; }
}

@media (min-width: 992px) {
    .ks-navbar .nav-link { font-size: 13.5px; padding: 8px 11px !important; }
}

@media (min-width: 1400px) {
    .ks-navbar .nav-link { padding: 8px 14px !important; }
}

/* ==========================================================================
   NEWS ARCHIVE - Premium Layout
   ========================================================================== */
.ks-news-archive-section {
    padding: 32px 0 56px;
    background: var(--ks-gray-50);
    min-height: 60vh;
}

/* --- Featured Hero Article --- */
.ks-news-featured {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    text-decoration: none;
    background: var(--ks-white);
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--ks-gray-100);
    box-shadow: var(--ks-shadow);
    transition: var(--ks-transition);
    margin-bottom: 24px;
}
.ks-news-featured:hover {
    box-shadow: var(--ks-shadow-lg);
    border-color: var(--ks-primary);
    transform: translateY(-3px);
}
.ks-news-featured-img {
    position: relative;
    overflow: hidden;
    min-height: 320px;
}
.ks-news-featured-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.ks-news-featured:hover .ks-news-featured-img img {
    transform: scale(1.04);
}
.ks-news-featured-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(8,47,60,0.15) 0%, transparent 60%);
    pointer-events: none;
}
.ks-news-featured-badge {
    position: absolute;
    top: 16px; left: 16px;
    background: var(--ks-danger);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 6px;
    box-shadow: 0 2px 10px rgba(220,38,38,0.3);
    z-index: 2;
}
.ks-news-featured-badge i { font-size: 10px; }
.ks-news-featured-content {
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.ks-news-featured-date {
    font-size: 12px;
    color: var(--ks-primary);
    font-weight: 600;
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ks-news-featured-date i { font-size: 11px; }
.ks-news-featured-content h2 {
    font-size: 24px;
    font-weight: 800;
    color: var(--ks-gray-900);
    margin: 0 0 14px;
    line-height: 1.35;
    letter-spacing: -0.02em;
}
.ks-news-featured:hover h2 { color: var(--ks-primary); }
.ks-news-featured-content p {
    font-size: 14px;
    color: var(--ks-gray-500);
    line-height: 1.7;
    margin: 0 0 20px;
}
.ks-news-featured-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 700;
    color: var(--ks-white);
    background: var(--ks-primary);
    padding: 10px 22px;
    border-radius: 8px;
    align-self: flex-start;
    transition: var(--ks-transition);
}
.ks-news-featured-btn i { font-size: 11px; transition: transform 0.25s ease; }
.ks-news-featured:hover .ks-news-featured-btn {
    background: var(--ks-primary-dark);
    box-shadow: 0 4px 14px rgba(29,78,216,0.3);
}
.ks-news-featured:hover .ks-news-featured-btn i { transform: translateX(3px); }

/* --- Highlight Row (2 items side by side) --- */
.ks-news-highlight-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-bottom: 28px;
}
.ks-news-highlight-card {
    display: grid;
    grid-template-columns: 200px 1fr;
    text-decoration: none;
    background: var(--ks-white);
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    border: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition);
    box-shadow: var(--ks-shadow-sm);
}
.ks-news-highlight-card:hover {
    border-color: var(--ks-primary);
    box-shadow: var(--ks-shadow-md);
    transform: translateY(-3px);
}
.ks-news-highlight-img {
    overflow: hidden;
    background: var(--ks-gray-100);
    min-height: 160px;
}
.ks-news-highlight-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}
.ks-news-highlight-card:hover .ks-news-highlight-img img {
    transform: scale(1.06);
}
.ks-news-highlight-body {
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
}
.ks-news-highlight-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0 0 6px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-news-highlight-card:hover h3 { color: var(--ks-primary); }
.ks-news-highlight-body p {
    font-size: 12px;
    color: var(--ks-gray-500);
    line-height: 1.5;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}

/* --- Standard Grid Cards --- */
.ks-news-archive-modern {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.ks-news-acard {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    background: var(--ks-white);
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    border: 1px solid var(--ks-gray-100);
    transition: var(--ks-transition);
    box-shadow: var(--ks-shadow-sm);
}
.ks-news-acard:hover {
    border-color: var(--ks-primary);
    box-shadow: var(--ks-shadow-md);
    transform: translateY(-4px);
}
.ks-news-acard-img {
    aspect-ratio: 16/10;
    overflow: hidden;
    position: relative;
    background: var(--ks-gray-100);
}
.ks-news-acard-img img {
    width: 100%; height: 100%;
    object-fit: cover;
    transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
}
.ks-news-acard:hover .ks-news-acard-img img { transform: scale(1.05); }
.ks-news-acard-img.ks-no-img,
.ks-news-acard-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--ks-gray-100), var(--ks-gray-50));
    color: var(--ks-gray-300);
    font-size: 32px;
    width: 100%; height: 100%;
}
.ks-news-acard-body {
    padding: 18px 20px 22px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.ks-news-acard-date {
    font-size: 11px;
    color: var(--ks-primary);
    font-weight: 600;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.ks-news-acard-date i { font-size: 10px; }
.ks-news-acard-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--ks-gray-800);
    margin: 0 0 8px;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.ks-news-acard:hover h3 { color: var(--ks-primary); }
.ks-news-acard-body p {
    font-size: 13px;
    color: var(--ks-gray-500);
    line-height: 1.6;
    margin: 0 0 12px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    flex: 1;
}
.ks-news-acard-more {
    font-size: 12px;
    font-weight: 700;
    color: var(--ks-primary);
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: auto;
    transition: gap 0.25s ease;
}
.ks-news-acard-more i { font-size: 10px; transition: transform 0.25s ease; }
.ks-news-acard:hover .ks-news-acard-more { gap: 10px; }
.ks-news-acard:hover .ks-news-acard-more i { transform: translateX(2px); }

/* --- Pagination --- */
.ks-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
    padding-top: 28px;
    border-top: 1px solid var(--ks-gray-100);
}
.ks-page-numbers {
    display: flex;
    align-items: center;
    gap: 4px;
}
.ks-page-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--ks-gray-600);
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-200);
    text-decoration: none;
    transition: var(--ks-transition-fast);
}
.ks-page-link:hover {
    background: var(--ks-primary);
    color: #fff;
    border-color: var(--ks-primary);
}
.ks-page-link.active {
    background: var(--ks-primary);
    color: #fff;
    border-color: var(--ks-primary);
    box-shadow: 0 2px 8px rgba(29,78,216,0.25);
    pointer-events: none;
}
.ks-page-prev,
.ks-page-next {
    gap: 6px;
    padding: 0 18px;
    font-size: 12px;
}
.ks-page-dots {
    color: var(--ks-gray-400);
    font-size: 16px;
    padding: 0 6px;
}

/* --- Empty State --- */
.ks-empty-state {
    text-align: center;
    padding: 80px 20px;
}
.ks-empty-state i {
    font-size: 48px;
    color: var(--ks-gray-300);
    margin-bottom: 20px;
}
.ks-empty-state h3 {
    font-size: 20px; font-weight: 700;
    color: var(--ks-gray-700);
    margin: 0 0 8px;
}
.ks-empty-state p {
    font-size: 14px;
    color: var(--ks-gray-500);
    margin: 0 0 24px;
}
.ks-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: var(--ks-primary);
    color: #fff;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--ks-transition);
}
.ks-btn-primary:hover {
    background: var(--ks-primary-dark);
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(29,78,216,0.3);
}

/* --- News Archive Responsive --- */
@media (max-width: 991.98px) {
    .ks-news-featured { grid-template-columns: 1fr; }
    .ks-news-featured-img { min-height: 240px; }
    .ks-news-featured-content { padding: 24px 22px; }
    .ks-news-featured-content h2 { font-size: 20px; }
    .ks-news-highlight-row { grid-template-columns: 1fr; gap: 14px; }
    .ks-news-archive-modern { grid-template-columns: repeat(2, 1fr); gap: 16px; }
}
@media (max-width: 575.98px) {
    .ks-news-archive-section { padding: 20px 0 36px; }
    .ks-news-featured-img { min-height: 200px; }
    .ks-news-featured-content { padding: 20px 18px; }
    .ks-news-featured-content h2 { font-size: 18px; }
    .ks-news-highlight-card { grid-template-columns: 140px 1fr; }
    .ks-news-highlight-img { min-height: 120px; }
    .ks-news-highlight-body { padding: 14px 16px; }
    .ks-news-archive-modern { grid-template-columns: 1fr; gap: 14px; }
    .ks-news-acard-body { padding: 14px 16px 18px; }
    .ks-news-acard-body h3 { font-size: 14px; }
    .ks-pagination { flex-wrap: wrap; }
    .ks-page-prev, .ks-page-next { order: 2; }
    .ks-page-numbers { order: 1; width: 100%; justify-content: center; margin-bottom: 8px; }
}

@media print {
    .ks-navbar, .ks-fab-menu, .ks-footer, .ks-footer-bottom, .ks-bottom-services { display: none !important; }
    .ks-page-content { padding: 0; }
}

/* ============================================
   MODERN REDESIGN 2026 - Quick Services Grid
   ============================================ */
.ks-quick-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    padding: 32px 0;
}
@media (min-width: 768px) {
    .ks-quick-grid {
        grid-template-columns: repeat(6, 1fr);
        gap: 20px;
    }
}
.ks-quick-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 24px 16px;
    background: #fff;
    border-radius: var(--ks-border-radius);
    border: 1.5px solid var(--ks-gray-100);
    text-decoration: none;
    color: var(--ks-gray-700);
    transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1), border-color 0.3s;
}
.ks-quick-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 32px rgba(29,78,216,0.12);
    border-color: var(--ks-primary);
    color: var(--ks-primary);
}
.ks-quick-card .ks-qc-icon {
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #fff;
    transition: transform 0.3s;
}
.ks-quick-card:hover .ks-qc-icon {
    transform: scale(1.1);
}
.ks-quick-card .ks-qc-title {
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    line-height: 1.3;
}

/* ============================================
   Services Showcase - Large Photo Cards
   ============================================ */
.ks-services-showcase {
    padding: 48px 0 56px;
    background: var(--ks-bg-section-alt);
}
.ks-services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
@media (min-width: 768px) {
    .ks-services-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
}
.ks-service-card {
    position: relative;
    display: block;
    border-radius: var(--ks-border-radius);
    overflow: hidden;
    aspect-ratio: 16/10;
    text-decoration: none;
    color: #fff;
}
.ks-service-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s cubic-bezier(0.4,0,0.2,1);
}
.ks-service-card:hover img {
    transform: scale(1.08);
}
.ks-service-card-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.1) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 24px;
    transition: background 0.3s;
}
.ks-service-card:hover .ks-service-card-overlay {
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.15) 100%);
}
.ks-service-card-overlay i {
    font-size: 28px;
    margin-bottom: 8px;
    color: var(--svc-accent, var(--ks-primary));
    opacity: 0.9;
}
.ks-service-card-overlay h3 {
    font-size: 18px;
    font-weight: 800;
    margin: 0 0 4px;
    color: #fff;
}
.ks-service-card-overlay p {
    font-size: 13px;
    color: rgba(255,255,255,0.7);
    margin: 0;
    line-height: 1.4;
}
@media (max-width: 575.98px) {
    .ks-service-card-overlay {
        padding: 16px;
    }
    .ks-service-card-overlay i {
        font-size: 22px;
    }
    .ks-service-card-overlay h3 {
        font-size: 15px;
    }
    .ks-service-card-overlay p {
        font-size: 11px;
    }
}

/* ============================================
   Typography Upgrade - Modern Scale
   ============================================ */
.ks-section-header-v2 h2 {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--ks-gray-800);
}
@media (min-width: 768px) {
    .ks-section-header-v2 h2 {
        font-size: 32px;
    }
}

/* ============================================
   Hero Search Bar Overlay
   ============================================ */
.ks-hero-search {
    position: absolute;
    bottom: 80px;
    left: 24px;
    right: 24px;
    z-index: 5;
}
.ks-hero-search-inner {
    max-width: 560px;
    display: flex;
    background: rgba(255,255,255,0.95);
    backdrop-filter: blur(12px);
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
}
.ks-hero-search-inner input {
    flex: 1;
    border: none;
    padding: 14px 20px;
    font-size: 15px;
    background: transparent;
    outline: none;
    color: var(--ks-gray-800);
}
.ks-hero-search-inner input::placeholder {
    color: var(--ks-gray-400);
}
.ks-hero-search-inner button {
    padding: 14px 24px;
    background: var(--ks-primary);
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.2s;
}
.ks-hero-search-inner button:hover {
    background: var(--ks-primary-dark);
}
@media (max-width: 767.98px) {
    .ks-hero-search {
        bottom: 60px;
        left: 12px;
        right: 12px;
    }
}

/* ============================================
   Scroll Reveal Animations
   ============================================ */
.ks-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity 0.55s cubic-bezier(0.22,1,0.36,1), transform 0.55s cubic-bezier(0.22,1,0.36,1);
    will-change: opacity, transform;
}
.ks-reveal.ks-visible {
    opacity: 1;
    transform: none;
}
.ks-reveal-delay-1 { transition-delay: 0.08s; }
.ks-reveal-delay-2 { transition-delay: 0.16s; }
.ks-reveal-delay-3 { transition-delay: 0.24s; }
.ks-reveal-delay-4 { transition-delay: 0.32s; }
.ks-reveal-delay-5 { transition-delay: 0.4s; }
@media (prefers-reduced-motion: reduce) {
    .ks-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* Flash-free scroll reveal on content groups (gated by .ks-js set in <head>) */
.ks-js .ks-news-card,
.ks-js .ks-project-card,
.ks-js .ks-hg-link,
.ks-js .ks-stats-v3-card,
.ks-js .ks-section-header-v2 {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s cubic-bezier(0.22,1,0.36,1), transform 0.6s cubic-bezier(0.22,1,0.36,1);
}
.ks-js .ks-news-card.ks-visible,
.ks-js .ks-project-card.ks-visible,
.ks-js .ks-hg-link.ks-visible,
.ks-js .ks-stats-v3-card.ks-visible,
.ks-js .ks-section-header-v2.ks-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .ks-js .ks-news-card,
    .ks-js .ks-project-card,
    .ks-js .ks-hg-link,
    .ks-js .ks-stats-v3-card,
    .ks-js .ks-section-header-v2 {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}

/* Remove skyline strip - deprecated */
.ks-skyline-strip { display: none; }
/* Split hero (slider + president card) is the active hero again */
.ks-hero { display: block; }

/* ============================================
   MODERN HERO - Full Width + President Cutout
   ============================================ */
.ks-hero-modern {
    position: relative;
    width: 100%;
    aspect-ratio: 2701 / 998;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F5F7FB;
}
/* Hızlı menü grid kaldırıldı - hero tek ekran */
.ks-quick-services { display: none; }
.ks-hero-bg {
    display: none;
}
.ks-hero-gradient {
    display: none;
}
.ks-hero-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 60px 0 50px;
}

/* Sol - Metin */
.ks-hero-text {
    flex: 1;
    max-width: 600px;
}
.ks-hero-badge {
    display: inline-block;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 20px;
    margin-bottom: 16px;
    border: 1px solid rgba(255,255,255,0.2);
}
.ks-hero-modern h1 {
    font-size: 44px;
    font-weight: 300;
    color: #fff;
    line-height: 1.15;
    margin: 0 0 16px;
    letter-spacing: -0.03em;
}
@media (min-width: 768px) {
    .ks-hero-modern h1 { font-size: 56px; }
}
@media (min-width: 1200px) {
    .ks-hero-modern h1 { font-size: 64px; }
}
.ks-hero-modern h1 strong {
    font-weight: 800;
    color: #fff;
}
.ks-hero-desc {
    font-size: 16px;
    color: rgba(255,255,255,0.75);
    line-height: 1.6;
    margin: 0 0 24px;
}

/* Arama */
.ks-hero-search-wrap {
    margin-bottom: 24px;
}
.ks-hero-search-box {
    display: flex;
    align-items: center;
    background: rgba(255,255,255,0.12);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.2);
    border-radius: 12px;
    overflow: hidden;
    max-width: 480px;
    transition: border-color 0.3s, background 0.3s;
}
.ks-hero-search-box:focus-within {
    border-color: rgba(255,255,255,0.5);
    background: rgba(255,255,255,0.18);
}
.ks-hero-search-box > i {
    color: rgba(255,255,255,0.5);
    margin-left: 16px;
    font-size: 15px;
}
.ks-hero-search-box input {
    flex: 1;
    border: none;
    background: transparent;
    padding: 14px 12px;
    font-size: 14px;
    color: #fff;
    outline: none;
}
.ks-hero-search-box input::placeholder {
    color: rgba(255,255,255,0.45);
}
.ks-hero-search-box button {
    padding: 12px 22px;
    background: var(--ks-accent, #FF6A3D);
    border: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    letter-spacing: 0.04em;
    transition: background 0.2s;
}
.ks-hero-search-box button:hover {
    background: var(--ks-accent-light, #FF8A63);
}

/* CTA butonlar */
.ks-hero-ctas {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.ks-hero-cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    background: rgba(255,255,255,0.15);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 10px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.3s, transform 0.3s, border-color 0.3s;
}
.ks-hero-cta:hover {
    background: rgba(255,255,255,0.25);
    border-color: rgba(255,255,255,0.4);
    transform: translateY(-2px);
    color: #fff;
}
.ks-hero-cta-outline {
    background: transparent;
    border-color: rgba(255,255,255,0.3);
}

/* Sağ alt - Başkan mini bilgi kartı */
.ks-hero-president-mini {
    position: absolute;
    bottom: 32px;
    right: 32px;
    z-index: 3;
}
.ks-hero-pres-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 24px;
    background: rgba(255,255,255,0.1);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255,255,255,0.18);
    border-radius: 14px;
    text-decoration: none;
    color: #fff;
    transition: background 0.3s, transform 0.3s, border-color 0.3s;
}
.ks-hero-pres-link:hover {
    background: rgba(255,255,255,0.18);
    border-color: rgba(255,255,255,0.3);
    transform: translateY(-2px);
    color: #fff;
}
.ks-hero-pres-label {
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--ks-accent-light, #FF8A63);
    display: block;
    line-height: 1;
    margin-bottom: 2px;
}
.ks-hero-pres-name {
    font-size: 15px;
    font-weight: 700;
    display: block;
    line-height: 1.2;
}
.ks-hero-pres-link i {
    font-size: 14px;
    color: rgba(255,255,255,0.5);
    transition: transform 0.3s, color 0.3s;
}
.ks-hero-pres-link:hover i {
    transform: translateX(3px);
    color: #fff;
}

/* Responsive */
@media (max-width: 991.98px) {
    .ks-hero-modern {
        min-height: auto;
    }
    .ks-hero-content {
        flex-direction: column;
        text-align: center;
        padding: 40px 0 36px;
    }
    .ks-hero-text {
        max-width: 100%;
    }
    .ks-hero-ctas {
        justify-content: center;
    }
    .ks-hero-search-box {
        max-width: 100%;
    }
    .ks-hero-gradient {
        background: linear-gradient(180deg, rgba(8,47,60,0.85) 0%, rgba(0,0,0,0.4) 100%);
    }
    .ks-hero-president-mini {
        position: relative;
        bottom: auto;
        right: auto;
        margin-top: 24px;
    }
}
@media (max-width: 575.98px) {
    .ks-hero-modern h1 {
        font-size: 26px;
    }
    .ks-hero-desc {
        font-size: 14px;
    }
    .ks-hero-cta {
        padding: 10px 16px;
        font-size: 12px;
    }
}

/* ============================================
   Scroll Indicator Animation
   ============================================ */
.ks-scroll-indicator {
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 5;
    text-align: center;
    color: #fff;
}
.ks-scroll-indicator span {
    display: block;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: 8px;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
.ks-scroll-arrow {
    width: 32px;
    height: 32px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: ks-bounce 2s infinite;
}
.ks-scroll-arrow i {
    font-size: 16px;
    opacity: 0.8;
    text-shadow: 0 1px 4px rgba(0,0,0,0.4);
}
@keyframes ks-bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(8px); }
    60% { transform: translateY(4px); }
}

/* ============================================
   Duyurular Bar - Konya BB Style
   ============================================ */
.ks-duyuru-bar {
    background: transparent;
    border: 0;
    margin-top: 14px;
    padding: 0 16px;
}
.ks-duyuru-bar-inner {
    display: flex;
    align-items: stretch;
    max-width: 1400px;
    margin: 0 auto;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-200);
    border-radius: var(--ks-border-radius);
    box-shadow: var(--ks-shadow-sm);
    overflow: hidden;
}
.ks-duyuru-bar-left {
    background: var(--ks-primary-050);
    color: var(--ks-primary-dark);
    padding: 10px 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-right: 1px solid var(--ks-gray-200);
}
.ks-duyuru-bell {
    width: 34px; height: 34px;
    border-radius: 10px;
    background: var(--ks-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    flex-shrink: 0;
    transform-origin: top center;
    animation: ks-bell 4s ease-in-out infinite;
}
@keyframes ks-bell {
    0%, 82%, 100% { transform: rotate(0); }
    86% { transform: rotate(13deg); }
    89% { transform: rotate(-11deg); }
    92% { transform: rotate(7deg); }
    95% { transform: rotate(-4deg); }
}
.ks-duyuru-bar-title {
    font-size: 15px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: var(--ks-primary-dark);
}
.ks-duyuru-bar-btn {
    display: inline-block;
    background: var(--ks-primary);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    padding: 5px 13px;
    border-radius: 20px;
    text-decoration: none;
    letter-spacing: 0.02em;
    margin-left: 2px;
    transition: var(--ks-transition-fast);
}
.ks-duyuru-bar-btn:hover { background: var(--ks-primary-dark); color: #fff; }
.ks-duyuru-bar-right {
    flex: 1;
    display: flex;
    align-items: stretch;
    position: relative;
    min-width: 0;
}
.ks-duyuru-bar-right::before,
.ks-duyuru-bar-right::after {
    content: '';
    position: absolute;
    top: 0; bottom: 0;
    width: 34px;
    z-index: 2;
    pointer-events: none;
}
.ks-duyuru-bar-right::before { left: 0; background: linear-gradient(90deg, #fff, rgba(255,255,255,0)); }
.ks-duyuru-bar-right::after { right: 0; background: linear-gradient(270deg, #fff, rgba(255,255,255,0)); }
.ks-duyuru-date {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--ks-primary-050);
    color: var(--ks-primary-dark);
    padding: 5px 9px;
    border-radius: 8px;
    min-width: 42px;
    line-height: 1;
}
.ks-duyuru-date strong { font-size: 16px; font-weight: 800; }
.ks-duyuru-date span {
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 2px;
    letter-spacing: 0.03em;
}
.ks-duyuru-text {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
    color: var(--ks-gray-700);
}
@media (max-width: 767.98px) {
    .ks-duyuru-bar { padding: 0 12px; }
    .ks-duyuru-bar-title { display: none; }
    .ks-duyuru-bar-left { padding: 10px 12px; gap: 8px; }
}

/* ============================================
   Hızlı İşlemler Grid - Konya BB Style
   ============================================ */
.ks-hizli-grid-section {
    padding: 30px 0 6px;
    background: transparent;
}
.ks-hizli-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    margin: 0 auto;
    max-width: 1400px;
}
.ks-hg-link {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 18px;
    background: var(--ks-white);
    border: 1px solid var(--ks-gray-200);
    border-radius: var(--ks-border-radius);
    text-decoration: none;
    color: var(--ks-gray-700);
    box-shadow: var(--ks-shadow-sm);
    transition: var(--ks-transition);
    position: relative;
    overflow: hidden;
}
.ks-hg-link::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: linear-gradient(var(--ks-primary), var(--ks-primary-light));
    transform: scaleY(0);
    transform-origin: center;
    transition: transform 0.28s cubic-bezier(0.4,0,0.2,1);
}
.ks-hg-link:hover {
    border-color: transparent;
    box-shadow: var(--ks-shadow-hover);
    transform: translateY(-3px);
    color: var(--ks-gray-900);
}
.ks-hg-link:hover::before { transform: scaleY(1); }
.ks-hg-icon {
    font-size: 21px;
    color: var(--ks-primary);
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    background: var(--ks-primary-050);
    border-radius: 12px;
    transition: var(--ks-transition);
}
.ks-hg-link:hover .ks-hg-icon {
    background: var(--ks-primary);
    color: #fff;
    transform: scale(1.05) rotate(-3deg);
}
.ks-hg-title {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
}
@media (max-width: 991.98px) {
    .ks-hizli-grid { grid-template-columns: repeat(3, 1fr); gap: 12px; }
}
@media (max-width: 767.98px) {
    .ks-hizli-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .ks-hg-link { padding: 13px 14px; gap: 11px; }
    .ks-hg-icon { font-size: 18px; width: 40px; height: 40px; border-radius: 10px; }
    .ks-hg-title { font-size: 13px; }
}

/* ============================================
   Sağ Kenar Sabit Hızlı Erişim Tab Butonları
   ============================================ */
/* Right-side quick access: flush to the right edge, tucked (only the icon peeks),
   slides out on hover to reveal the label. Anchored lower-right (not centered),
   above the Çözüm Merkezi float, sticky on scroll. */
.ks-side-nav {
    position: fixed;
    right: 0;
    bottom: 120px;
    top: auto;
    transform: none;
    z-index: 41;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: flex-end;
    /* Görünmez konteyner tıklamayı engellemesin; sadece görünen butonlar tıklanabilir.
       Böylece hero'daki başkan kartı "Başkana Mesaj"/"İletişim" butonlarının üzerine
       binen geniş kutu tıklamayı yutmaz. */
    pointer-events: none;
}
.ks-side-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 16px;
    background: var(--btn-color, #1D4ED8);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 10px 0 0 10px;
    transform: translateX(calc(100% - 48px));
    transition: transform 0.32s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s;
    box-shadow: -2px 3px 12px rgba(15,23,42,0.16);
    pointer-events: auto; /* konteyner none, butonlar tıklanabilir */
}
.ks-side-btn:hover {
    transform: translateX(0);
    box-shadow: -6px 4px 20px rgba(15,23,42,0.28);
    color: #fff;
}
.ks-side-btn i {
    font-size: 17px;
    width: 18px;
    text-align: center;
    flex-shrink: 0;
}
.ks-side-btn span {
    opacity: 0;
    transition: opacity 0.2s 0.05s;
}
.ks-side-btn:hover span {
    opacity: 1;
}
@media (max-width: 767.98px) {
    .ks-side-nav { display: none; }
}

/* Eski FAB menu gizle */
.ks-fab-menu { display: none !important; }

/* Back to top - sol alt */
.ks-back-to-top-fixed {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 40;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--ks-primary, #1D4ED8);
    color: #fff;
    border: none;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: opacity 0.3s, transform 0.3s;
    opacity: 0;
    pointer-events: none;
}
.ks-back-to-top-fixed.ks-show {
    opacity: 1;
    pointer-events: auto;
}
.ks-back-to-top-fixed:hover {
    transform: translateY(-3px);
    background: var(--ks-primary-dark, #1E3A8A);
}

/* ============================================
   Çözüm Merkezi - Sağ Alt Kreatif Buton
   ============================================ */
.ks-cozum-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 41;
    display: flex;
    align-items: center;
    gap: 0;
    text-decoration: none;
    border-radius: 28px;
    overflow: hidden;
    background: linear-gradient(135deg, #DC2626, #B91C1C);
    color: #fff;
    box-shadow: 0 6px 24px rgba(220,38,38,0.35);
    transition: box-shadow 0.3s, transform 0.3s;
}
.ks-cozum-float:hover {
    box-shadow: 0 8px 32px rgba(220,38,38,0.5);
    transform: translateY(-3px);
    color: #fff;
}
.ks-cozum-float-icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    position: relative;
    flex-shrink: 0;
}
.ks-cozum-float-ping {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 10px;
    height: 10px;
    background: #4ADE80;
    border-radius: 50%;
    border: 2px solid #DC2626;
}
.ks-cozum-float-ping::before {
    content: '';
    position: absolute;
    inset: -3px;
    border-radius: 50%;
    background: #4ADE80;
    animation: ks-ping 1.5s cubic-bezier(0,0,0.2,1) infinite;
}
@keyframes ks-ping {
    75%, 100% { transform: scale(2); opacity: 0; }
}
.ks-cozum-float-text {
    padding: 0 18px 0 0;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}
.ks-cozum-float-text strong {
    font-size: 13px;
    font-weight: 700;
}
.ks-cozum-float-text span {
    font-size: 10px;
    opacity: 0.8;
}
@media (max-width: 575.98px) {
    .ks-cozum-float-text { display: none; }
    .ks-cozum-float { border-radius: 50%; }
}

/* WhatsApp — sol alt köşeye sabit */
.ks-whatsapp-float {
    left: 24px !important;
    right: auto !important;
    bottom: 24px !important;
}
/* Back to top — WhatsApp'ın üstünde, sol altta */
.ks-back-to-top-fixed {
    left: 24px;
    bottom: 84px;
}

/* Ana menüde "Kurslar" — diğer menü öğeleriyle aynı formatta (özel vurgu yok) */

/* ============================================
   Duyurular Marquee Animasyonu
   ============================================ */
.ks-duyuru-bar-right {
    overflow: hidden;
}
.ks-duyuru-marquee {
    width: 100%;
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}
.ks-duyuru-track {
    display: flex;
    animation: ks-duyuru-scroll 30s linear infinite;
    white-space: nowrap;
}
.ks-duyuru-track:hover {
    animation-play-state: paused;
}
.ks-duyuru-slide {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 9px 22px;
    text-decoration: none;
    color: var(--ks-gray-700);
    border-right: 1px solid var(--ks-gray-100);
    flex-shrink: 0;
    transition: color 0.2s, background 0.2s;
}
.ks-duyuru-slide:hover {
    background: var(--ks-gray-50);
    color: var(--ks-primary);
}
.ks-duyuru-track { align-items: center; }
@keyframes ks-duyuru-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

/* Hizmetlerimiz fotoğraflı kartları gizle */
.ks-services-showcase { display: none; }

/* ============================================
   Stats V3 - Modern Centered Grid
   ============================================ */
.ks-stats-v3 {
    padding: 40px 0;
    background: linear-gradient(135deg, #f0fdfa 0%, #f0f9ff 50%, #faf5ff 100%);
    position: relative;
}
.ks-stats-v3::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: linear-gradient(90deg, #1D4ED8, #059669, #D97706, #7C3AED, #2563EB, #DC2626);
}

/* Centered header */
.ks-stats-v3-header {
    text-align: center;
    margin-bottom: 56px;
}
.ks-stats-v3-header h2 {
    font-size: 32px;
    font-weight: 700;
    color: #1e293b;
    letter-spacing: -0.02em;
    margin: 0 0 16px 0;
    line-height: 1.2;
}
.ks-stats-v3-underline {
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #1D4ED8, #059669);
    margin: 0 auto;
    border-radius: 2px;
}

/* 6-column grid */
.ks-stats-v3-grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 24px;
    max-width: 1200px;
    margin: 0 auto;
}

/* Card */
.ks-stats-v3-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 16px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04), 0 4px 12px rgba(0,0,0,0.03);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: default;
}
.ks-stats-v3-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 28px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
}

/* Icon circle */
.ks-stats-v3-icon-wrap {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 20px;
    color: var(--icon-color);
    background: var(--icon-bg);
    transition: transform 0.25s ease;
}
.ks-stats-v3-card:hover .ks-stats-v3-icon-wrap {
    transform: scale(1.1);
}

/* Number */
.ks-stats-v3-card .stat-number {
    font-size: 38px;
    font-weight: 800;
    color: #1e293b;
    line-height: 1;
    letter-spacing: -0.03em;
    margin-bottom: 8px;
    white-space: nowrap;
}

/* Label */
.ks-stats-v3-label {
    font-size: 11px;
    font-weight: 600;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

/* Responsive - tablet */
@media (max-width: 1199.98px) {
    .ks-stats-v3-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .ks-stats-v3-card .stat-number {
        font-size: 34px;
    }
}
/* Responsive - mobile */
@media (max-width: 767.98px) {
    .ks-stats-v3 { padding: 32px 0; }
    .ks-stats-v3-header { margin-bottom: 40px; }
    .ks-stats-v3-header h2 { font-size: 26px; }
    .ks-stats-v3-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .ks-stats-v3-card {
        padding: 24px 12px;
        border-radius: 12px;
    }
    .ks-stats-v3-icon-wrap {
        width: 48px;
        height: 48px;
        font-size: 18px;
        margin-bottom: 16px;
    }
    .ks-stats-v3-card .stat-number {
        font-size: 28px;
    }
    .ks-stats-v3-label {
        font-size: 10px;
    }
}
@media (max-width: 575.98px) {
    .ks-stats-v3-card .stat-number {
        font-size: 24px;
    }
}

/* ============================================
   Kurslar V2 - Tıklanabilir, CTA'lı
   ============================================ */
.ks-courses-section { display: none; }
.ks-kurs-v2 { padding: 32px 0; background: #fff; }
.ks-kurs-v2-header {
    display: flex; justify-content: space-between; align-items: flex-end;
    margin-bottom: 28px; gap: 20px; flex-wrap: wrap;
}
.ks-kurs-v2-tag {
    display: block; font-size: 11px; font-weight: 700; color: var(--ks-primary, #1D4ED8);
    text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 4px;
}
.ks-kurs-v2-header h2 {
    font-size: 26px; font-weight: 800; color: #1e293b; margin: 0 0 4px; letter-spacing: -0.02em;
}
.ks-kurs-v2-header p {
    font-size: 14px; color: #64748b; margin: 0; max-width: 400px;
}
.ks-kurs-v2-btn {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 10px 20px; border-radius: 8px; border: 1.5px solid #e2e5e9;
    background: #fff; color: #1e293b; font-size: 13px; font-weight: 600;
    text-decoration: none; transition: all 0.25s; white-space: nowrap;
}
.ks-kurs-v2-btn:hover { border-color: #1D4ED8; color: #1D4ED8; background: #f0fdfa; }
.ks-kurs-v2-grid {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px;
}
.ks-kurs-v2-card {
    display: flex; flex-direction: column; gap: 8px;
    padding: 20px; background: #f8fafb; border: 1px solid #eef0f3; border-radius: 12px;
    text-decoration: none; color: #1e293b; transition: all 0.3s;
}
.ks-kurs-v2-card:hover {
    border-color: #1D4ED8; background: #fff;
    box-shadow: 0 6px 20px rgba(29,78,216,0.08); transform: translateY(-3px);
}
.ks-kurs-v2-card-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.ks-kurs-v2-card-top h4 {
    font-size: 14px; font-weight: 700; margin: 0; line-height: 1.4; color: #1e293b;
}
.ks-kurs-v2-age {
    flex-shrink: 0; font-size: 10px; font-weight: 700; padding: 3px 8px;
    border-radius: 6px; background: #dbeafe; color: #1d4ed8;
}
.ks-kurs-v2-academy {
    font-size: 12px; color: #64748b; display: flex; align-items: center; gap: 5px;
}
.ks-kurs-v2-schedule {
    font-size: 11px; color: #94a3b8; display: flex; align-items: center; gap: 5px;
}
.ks-kurs-v2-more {
    font-size: 11px; font-weight: 600; color: #1D4ED8; display: flex; align-items: center; gap: 5px;
}
.ks-kurs-v2-cta {
    display: inline-flex; align-items: center; gap: 6px; margin-top: 4px;
    font-size: 12px; font-weight: 700; color: #1D4ED8;
    opacity: 0; transform: translateY(4px); transition: all 0.3s;
}
.ks-kurs-v2-card:hover .ks-kurs-v2-cta { opacity: 1; transform: translateY(0); }
@media (max-width: 991px) { .ks-kurs-v2-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { .ks-kurs-v2-grid { grid-template-columns: 1fr; } }

/* Footer skyline decoration */
.ks-footer-skyline { display: none; }

/* Skyline section divider */
/* skyline divider override removed - using main rule */
/* Footer content */
.ks-footer > .container-fluid {
    padding-top: 36px;
    padding-bottom: 0;
}
/* Update footer text colors for dark bg */
.ks-footer h5 {
    color: #fff;
}
.ks-footer h5::after {
    background: var(--ks-primary, #1D4ED8);
}
.ks-footer ul li a,
.ks-footer ul li span {
    color: rgba(255,255,255,0.65);
}
.ks-footer ul li a:hover {
    color: #fff;
}
.ks-footer .social-link {
    background: rgba(255,255,255,0.08);
    color: rgba(255,255,255,0.7);
    border-radius: 10px;
}
.ks-footer .social-link:hover {
    background: var(--ks-primary, #1D4ED8);
    color: #fff;
}
.ks-footer-bottom {
    background: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.5);
    margin-top: 0;
    border-top: 1px solid rgba(255,255,255,0.06);
    padding: 12px 0;
    font-size: 12px;
}

/* ============================================
   Duyarlılık düzeltmeleri (tüm ekran boyutları denetimi, 2026-09-28)
   ============================================ */
/* Sağ kenar hızlı erişim düğmeleri: tablet genişliğinde (768–1199px) içeriğin üstüne biniyordu.
   Bu aralıkta menü + alttaki yüzen düğmeler aynı işlevi görür. */
@media (max-width: 1199.98px) {
    .ks-side-nav { display: none; }
}
/* Telefon: yüzen WhatsApp / Çözüm Merkezi düğmeleri daha küçük ve kenara yakın;
   sayfa sonunda son içerik düğmelerin altında kalmasın diye pay bırakılır. */
@media (max-width: 575.98px) {
    .ks-whatsapp-float { width: 46px !important; height: 46px !important; font-size: 23px !important; left: 14px !important; bottom: 14px !important; }
    .ks-cozum-float { right: 14px; bottom: 14px; }
    .ks-cozum-float-icon { width: 46px; height: 46px; }
    .ks-back-to-top-fixed { left: 14px; bottom: 70px; }
    body { padding-bottom: 72px; }
}

/* ---------- Başkan kartı (dekupe portre + Selçuklu yıldızı) ---------- */
.ks-pc {
    --pc-bg: #0C1E45;
    position: relative; display: flex; flex-direction: column; width: 100%;
    border-radius: 14px; overflow: hidden; isolation: isolate;
    background: radial-gradient(120% 70% at 50% 18%, #1B4192 0%, #11306E 38%, var(--pc-bg) 78%);
}
.ks-pc-stage { position: relative; flex: 1 1 auto; min-height: 0; }
.ks-pc-star { position: absolute; left: 50%; top: 14px; width: 118%; transform: translateX(-50%); opacity: .3; z-index: -1; pointer-events: none; }
.ks-pc-star svg { display: block; width: 100%; height: auto; }
.ks-pc-img { position: absolute; left: 50%; top: 30px; width: 108%; max-width: none; height: auto; transform: translateX(-50%); display: block;
    filter: drop-shadow(0 18px 30px rgba(3, 10, 30, .45)); }
.ks-pc--foto .ks-pc-img { top: 0; width: 100%; height: 100%; object-fit: cover; object-position: center top; filter: none; }
.ks-pc-body { position: relative; z-index: 2; padding: 64px 14px 14px; margin-top: -64px;
    background: linear-gradient(to bottom, rgba(12,30,69,0) 0%, rgba(12,30,69,.86) 42%, var(--pc-bg) 70%); }
.ks-pc-name { text-align: center; margin-bottom: 12px; }
.ks-pc-name h2 { font-size: 21px; font-weight: 800; color: #fff; margin: 0; line-height: 1.2; letter-spacing: -.01em; }
.ks-pc-name span { display: block; margin-top: 3px; font-size: 13px; font-weight: 500; color: #B9C8E6; }
.ks-pc-links { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; position: relative; z-index: 45; }
.ks-pc-links a { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 10px; border-radius: 9px;
    background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); color: #E6ECF8; font-size: 12.5px; font-weight: 600;
    text-decoration: none; line-height: 1.2; transition: background .2s, border-color .2s; }
.ks-pc-links a i { color: #7FA6F2; font-size: 12px; width: 14px; text-align: center; flex-shrink: 0; }
.ks-pc-links a:hover { background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.22); color: #fff; }
.ks-pc-links a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

@media (max-width: 1199.98px) {
    .ks-pc-name h2 { font-size: 19px; }
    .ks-pc-links a { font-size: 11.5px; padding: 7px 8px; gap: 6px; }
}
/* Tablet + telefon: yatay kart — bilgiler solda, portre sağda */
@media (max-width: 991.98px) {
    .ks-pc { flex-direction: row-reverse; align-items: stretch; min-height: 230px;
        background: radial-gradient(90% 120% at 85% 30%, #1B4192 0%, #11306E 40%, var(--pc-bg) 80%); }
    .ks-pc-stage { flex: 0 0 40%; max-width: 320px; overflow: hidden;
        -webkit-mask-image: linear-gradient(to right, transparent 0, #000 26%); mask-image: linear-gradient(to right, transparent 0, #000 26%); }
    .ks-pc-star { width: 115%; top: -10%; left: 58%; }
    .ks-pc-img { top: 14px; width: 104%; left: 56%; }
    .ks-pc-body { flex: 1 1 auto; margin: 0; padding: 20px 4px 18px 20px; background: none; display: flex; flex-direction: column; justify-content: center; }
    .ks-pc-name { text-align: left; }
    .ks-pc-name h2 { font-size: 22px; }
    .ks-pc-links a { font-size: 13px; min-height: 42px; }
}
@media (max-width: 575.98px) {
    .ks-pc { min-height: 0; }
    .ks-pc-stage { flex-basis: 42%; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 30%); mask-image: linear-gradient(to right, transparent 0, #000 30%); }
    .ks-pc-img { width: 180%; top: 12px; left: 50%; }
    .ks-pc-star { width: 200%; left: 52%; top: -6%; }
    .ks-pc-body { padding: 16px 0 14px 14px; }
    .ks-pc-name { margin-bottom: 10px; }
    .ks-pc-name h2 { font-size: 18px; }
    .ks-pc-name span { font-size: 12px; }
    .ks-pc-links { grid-template-columns: 1fr; gap: 5px; }
    .ks-pc-links a { min-height: 36px; font-size: 12.5px; padding: 6px 10px; }
}

/* Fotoğraf galerisi penceresi (haber/duyuru/sayfa) — sitenin lacivertiyle */
.ks-galeri .fancybox-bg{background:#0B1B3B;}
.ks-galeri.fancybox-is-open .fancybox-bg{opacity:.94;}
.ks-galeri .fancybox-toolbar{top:12px;right:12px;display:flex;gap:6px;}
.ks-galeri .fancybox-button{width:44px;height:44px;padding:11px;border-radius:12px;background:rgba(255,255,255,.12);color:#fff;transition:background .2s;}
.ks-galeri .fancybox-button:hover{background:rgba(255,255,255,.24);}
.ks-galeri .fancybox-navigation .fancybox-button{width:52px;height:52px;padding:14px;margin:0 16px;top:calc(50% - 26px);border-radius:50%;background:rgba(255,255,255,.14);}
.ks-galeri .fancybox-navigation .fancybox-button div{padding:0;}
.ks-galeri .fancybox-infobar{top:18px;left:18px;height:auto;line-height:1;padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.12);font:600 13px/1 inherit;color:#fff;mix-blend-mode:normal;}
.ks-galeri .fancybox-image{border-radius:10px;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);}
.ks-galeri .fancybox-caption{background:linear-gradient(to top,rgba(11,27,59,.9),rgba(11,27,59,0));font-size:14.5px;line-height:1.5;padding:40px 24px 22px;text-align:center;}
.ks-galeri .fancybox-caption__body{max-width:900px;margin:0 auto;}
.blog-desc-prod img, img[data-ks-galeri]{cursor:zoom-in;}
@media (max-width:575.98px){ .ks-galeri .fancybox-navigation{display:none;} }
.ks-galeri.fancybox-is-open .fancybox-bg{opacity:.97;}
.ks-galeri.fancybox-container{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.ks-galeri .fancybox-slide--image{padding:72px 88px 96px;}
@media (max-width:575.98px){ .ks-galeri .fancybox-slide--image{padding:64px 0 110px;} .ks-galeri .fancybox-image{border-radius:0;} }

/* ==========================================================================
   Kora — WhatsApp yapay zekâ asistanı (sol alt)
   ========================================================================== */
.ks-kora{position:fixed;left:20px;bottom:20px;z-index:1030;font-family:inherit;}
.ks-kora-btn{position:relative;display:block;width:60px;height:60px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;
  box-shadow:0 10px 26px -8px rgba(76,56,160,.55),0 0 0 3px #fff;transition:transform .2s ease,box-shadow .2s ease;}
.ks-kora-btn img{display:block;width:100%;height:100%;border-radius:50%;}
.ks-kora-btn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 14px 30px -8px rgba(76,56,160,.65),0 0 0 3px #fff;}
.ks-kora-btn:focus-visible{outline:3px solid #7C5CD6;outline-offset:3px;}
.ks-kora-nokta{position:absolute;right:1px;bottom:3px;width:15px;height:15px;border-radius:50%;background:#25D366;border:2.5px solid #fff;}
.ks-kora-nokta::after{content:"";position:absolute;inset:-2.5px;border-radius:50%;border:2px solid #25D366;animation:ksKoraNabiz 2.2s ease-out infinite;}
@keyframes ksKoraNabiz{0%{transform:scale(1);opacity:.8;}100%{transform:scale(2.1);opacity:0;}}
.ks-kora-balon{position:absolute;left:72px;bottom:10px;width:max-content;max-width:230px;display:flex;align-items:flex-start;gap:6px;cursor:pointer;
  background:#fff;color:#1B2B4B;border:1px solid #E3E0F5;border-radius:14px 14px 14px 4px;padding:9px 10px 9px 13px;font-size:13px;line-height:1.4;
  box-shadow:0 14px 30px -14px rgba(27,43,75,.45);animation:ksKoraBalon .45s cubic-bezier(.2,.8,.2,1) both;}
.ks-kora-balon b{color:#5B3FC4;}
@keyframes ksKoraBalon{from{opacity:0;transform:translateX(-8px) scale(.96);}to{opacity:1;transform:none;}}
.ks-kora-balon-x{flex:0 0 auto;border:0;background:none;color:#8A94A6;font-size:17px;line-height:1;cursor:pointer;padding:0 2px;}
.ks-kora-kart{position:absolute;left:0;bottom:74px;width:320px;background:#fff;border-radius:18px;padding:14px 16px 12px;color:#1B2B4B;
  box-shadow:0 24px 60px -18px rgba(27,43,75,.5);border:1px solid #ECE9F8;animation:ksKoraKart .3s cubic-bezier(.2,.8,.2,1) both;transform-origin:bottom left;}
@keyframes ksKoraKart{from{opacity:0;transform:translateY(8px) scale(.97);}to{opacity:1;transform:none;}}
.ks-kora-kart::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#4CC98A,#7C5CD6);}
.ks-kora-kart-h{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
.ks-kora-kart-h img{border-radius:50%;flex:0 0 44px;}
.ks-kora-kart-h div{flex:1;min-width:0;} .ks-kora-kart-h strong{display:block;font-size:16.5px;font-weight:800;}
.ks-kora-kart-h span{display:flex;align-items:center;gap:5px;font-size:12px;color:#5B6B82;} .ks-kora-kart-h span i{width:7px;height:7px;border-radius:50%;background:#25D366;display:inline-block;}
.ks-kora-x{border:0;background:#F1F2F7;color:#4B5568;width:30px;height:30px;border-radius:9px;font-size:18px;line-height:1;cursor:pointer;}
.ks-kora-kart p{font-size:13.5px;line-height:1.5;color:#3D4A60;margin:0 0 10px;}
.ks-kora-qr{display:flex;align-items:center;gap:12px;background:#F7F6FD;border-radius:12px;padding:8px 10px;margin-bottom:10px;}
.ks-kora-qr img{flex:0 0 96px;width:96px;height:96px;background:#fff;border-radius:8px;padding:4px;}
.ks-kora-qr span{font-size:12.5px;color:#5B6B82;line-height:1.4;}
.ks-kora-git{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:12px;background:#25D366;color:#fff !important;font-weight:700;font-size:14.5px;text-decoration:none;transition:background .2s;}
.ks-kora-git:hover{background:#1DAE55;} .ks-kora-git i{font-size:19px;}
.ks-kora-alt{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:12.5px;color:#5B6B82;}
.ks-kora-alt a{color:#5B3FC4;font-weight:700;text-decoration:none;} .ks-kora-alt a:hover{text-decoration:underline;}
@media (max-width:767.98px){
  .ks-kora{left:14px;bottom:14px;} .ks-kora-btn{width:52px;height:52px;}
  .ks-kora-kart{position:fixed;left:12px;right:12px;bottom:78px;width:auto;} .ks-kora-qr{display:none;}
  .ks-kora-balon{left:62px;bottom:6px;max-width:200px;font-size:12.5px;}
}
@media (prefers-reduced-motion:reduce){ .ks-kora-nokta::after,.ks-kora-balon,.ks-kora-kart{animation:none;} }
body.kcw-lock .ks-kora{opacity:0;visibility:hidden;pointer-events:none;}

/* ---------- Mobil denetim düzeltmeleri (2026-09-30) ---------- */
/* Footer altında beyaz boşluk kalmasın: yüzen düğmeler için pay gövdede değil, footer'ın koyu alt şeridinde */
@media (max-width: 575.98px) {
    body { padding-bottom: 0 !important; }
    .ks-footer-bottom { padding-bottom: 84px !important; }
}
/* CMS'den gelen içerik (haber/duyuru/ihale/sayfa metinleri) ekranı taşırmasın */
.blog-desc-prod { overflow-wrap: anywhere; word-break: normal; }
.blog-desc-prod > * { max-width: 100%; }
.blog-desc-prod table:not(.ks-tablo) { display: block; max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.blog-desc-prod img, .blog-desc-prod video, .blog-desc-prod iframe, .blog-desc-prod embed, .blog-desc-prod object { max-width: 100% !important; height: auto; }
.blog-desc-prod iframe { aspect-ratio: 16 / 9; height: auto !important; }
.blog-desc-prod [style*="width"]:not(td):not(th):not(table):not(col) { max-width: 100% !important; }
.blog-desc-prod [style*="nowrap"], .blog-desc-prod pre { white-space: normal !important; }
.blog-desc-prod pre { white-space: pre-wrap !important; }

/* Kora düğmesi v3: koyu kapsül, dönen yeşil→mor halka, yıldız avatar, Kora'ya yazılabilecek mesajları canlı yazan satır */
.ks-kora .ks-kora-btn{position:relative;isolation:isolate;display:flex;align-items:center;gap:11px;width:auto;height:62px;padding:6px 7px 6px 6px;
  border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;text-align:left;
  box-shadow:0 16px 34px -14px rgba(14,27,61,.75),0 4px 10px -4px rgba(14,27,61,.35);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;}
.ks-kora .ks-kora-btn:hover{transform:translateY(-3px);box-shadow:0 22px 40px -14px rgba(76,56,160,.7),0 4px 10px -4px rgba(14,27,61,.35);}
.ks-kora .ks-kora-btn:focus-visible{outline:3px solid #A78BFA;outline-offset:3px;}
.ks-kora-btn img,.ks-kora-nokta,.ks-kora-btn > .ks-kora-ikon,.ks-kora-btn > .ks-kora-yazi{display:none;}
/* halka: ince dönen degrade kenar; iç zemin koyu lacivert */
.ks-kora-halka{position:absolute;inset:0;z-index:-1;border-radius:inherit;overflow:hidden;background:#0E1B3D;}
.ks-kora-halka::before{content:"";position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px 0 0 -260px;
  background:conic-gradient(from 0deg,#25D366,#14B8A6,#7C5CD6,#C084FC,#7C5CD6,#14B8A6,#25D366);animation:ksKoraDon 7s linear infinite;}
.ks-kora-halka::after{content:"";position:absolute;inset:2px;border-radius:inherit;
  background:radial-gradient(120% 140% at 0% 0%,#1D3470 0%,#11214A 45%,#0B1736 100%);}
.ks-kora-btn:hover .ks-kora-halka::before{animation-duration:2.4s;}
@keyframes ksKoraDon{to{transform:rotate(1turn);}}
/* avatar: beyaz disk + yıldız + çevrimiçi noktası */
.ks-kora-av{position:relative;flex:0 0 50px;width:50px;height:50px;border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 0 0 3px rgba(255,255,255,.12);}
.ks-kora-av svg{width:33px;height:31px;transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.ks-kora-btn:hover .ks-kora-av svg{transform:rotate(72deg);}
.ks-kora-av em{position:absolute;right:1px;top:1px;width:12px;height:12px;border-radius:50%;background:#25D366;border:2px solid #0E1B3D;}
.ks-kora-av em::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid #25D366;animation:ksKoraNabiz 2.2s ease-out infinite;}
/* metin */
.ks-kora-ic{display:flex;flex-direction:column;gap:3px;width:186px;min-width:0;}
.ks-kora-ad{display:flex;align-items:baseline;gap:7px;line-height:1;}
.ks-kora-ad strong{font-size:16.5px;font-weight:800;letter-spacing:.01em;}
.ks-kora-ad small{font-size:11px;font-weight:600;color:#9FB2DA;}
.ks-kora-satir{position:relative;display:block;height:18px;font-size:12.5px;line-height:18px;color:#E6ECFA;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ks-kora-yaz::after{content:"";display:inline-block;width:1.5px;height:13px;margin-left:1px;vertical-align:-2px;background:#86EFAC;animation:ksKoraImlec 1s steps(1) infinite;}
@keyframes ksKoraImlec{50%{opacity:0;}}
.ks-kora-satir.yaziyor .ks-kora-yaz{display:none;}
.ks-kora-satir.yaziyor::before{content:"Kora yazıyor";color:#9FB2DA;font-style:italic;}
.ks-kora-satir.yaziyor::after{content:"";display:inline-block;width:18px;height:6px;margin-left:5px;vertical-align:1px;
  background:radial-gradient(circle,#86EFAC 2.2px,transparent 2.6px) 0 50%/6px 6px repeat-x;animation:ksKoraNoktalar 1s steps(4) infinite;}
@keyframes ksKoraNoktalar{0%{width:0;}100%{width:24px;}}
/* sağda WhatsApp düğmesi */
.ks-kora-wa{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:#25D366;display:grid;place-items:center;font-size:24px;color:#fff;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .3s cubic-bezier(.2,.8,.2,1);}
.ks-kora-btn:hover .ks-kora-wa{transform:scale(1.07) rotate(-8deg);}
.ks-kora-sohbet{display:none;}
/* kart başlığındaki simge */
.ks-kora-ikon{position:relative;display:grid;place-items:center;border-radius:50%;background:#fff;}
.ks-kora-ikon i{position:absolute;right:-3px;bottom:-3px;width:20px;height:20px;border-radius:50%;background:#25D366;color:#fff;font-size:12px;display:grid;place-items:center;border:2px solid #fff;}
.ks-kora-kart-h .ks-kora-ikon--kart{flex:0 0 44px;width:44px;height:44px;box-shadow:0 0 0 1px #ECE9F8;}
.ks-kora-kart-h .ks-kora-ikon--kart svg{width:29px;height:27px;}
.ks-kora-balon{left:0;right:auto;bottom:76px;border-radius:14px 14px 14px 4px;}
.ks-kora-kart{bottom:78px;}
@media (max-width:767.98px){
  /* telefonda: halkalı yuvarlak avatar + WhatsApp rozeti + ara ara beliren "yazıyor" baloncuğu */
  .ks-kora .ks-kora-btn{width:60px;height:60px;padding:5px;justify-content:center;}
  .ks-kora-ic{display:none;}
  .ks-kora-av{flex-basis:50px;}
  .ks-kora-av em{display:none;}
  .ks-kora-wa{position:absolute;right:-4px;bottom:-4px;width:24px;height:24px;font-size:14px;border:2px solid #fff;box-shadow:none;}
  .ks-kora-sohbet{display:flex;position:absolute;left:44px;top:-14px;gap:3px;align-items:center;padding:6px 8px;border-radius:12px 12px 12px 3px;background:#fff;
    box-shadow:0 6px 14px -6px rgba(14,27,61,.45);animation:ksKoraSohbet 9s ease infinite;transform-origin:0 100%;}
  .ks-kora-sohbet i{width:5px;height:5px;border-radius:50%;background:#7C5CD6;animation:ksKoraZipla 1s ease-in-out infinite;}
  .ks-kora-sohbet i:nth-child(2){animation-delay:.15s;} .ks-kora-sohbet i:nth-child(3){animation-delay:.3s;}
  .ks-kora.acik .ks-kora-sohbet{display:none;}
  .ks-kora-balon{bottom:70px;}
  .ks-kora-kart{bottom:84px;}
}
@keyframes ksKoraSohbet{0%,55%{opacity:0;transform:scale(.4);}62%,92%{opacity:1;transform:none;}100%{opacity:0;transform:scale(.6);}}
@keyframes ksKoraZipla{0%,60%,100%{transform:none;opacity:.55;}30%{transform:translateY(-3px);opacity:1;}}
@media (prefers-reduced-motion:reduce){
  .ks-kora-halka::before,.ks-kora-av em::after,.ks-kora-yaz::after,.ks-kora-sohbet,.ks-kora-sohbet i{animation:none;}
  .ks-kora-sohbet{opacity:1;}
}

/* kart başlığı: genel "span" kuralları simgeyi bozmasın */
.ks-kora-kart-h .ks-kora-ikon--kart{display:grid;place-items:center;font-size:inherit;}
.ks-kora-kart-h .ks-kora-ikon--kart i{position:absolute;right:-3px;bottom:-3px;width:18px;height:18px;border-radius:50%;background:#25D366;color:#fff;font-size:11px;display:grid;place-items:center;border:2px solid #fff;}
.ks-kora-kart-h div > span{white-space:nowrap;}

/* Vatandaş girişi yapılmış: üst menü düğmesi "Hesabım · Ad S." (dolu mavi + yeşil çevrimiçi noktası) */
.ks-navbar-login-btn--giris{position:relative;background:var(--ks-primary);color:#fff !important;border-color:var(--ks-primary);padding-top:5px;padding-bottom:5px;}
.ks-navbar-login-btn--giris:hover{background:var(--ks-primary-dark,#1E3A8A);border-color:var(--ks-primary-dark,#1E3A8A);}
.ks-navbar-login-btn--giris i{font-size:19px;}
.ks-navbar-social .ks-navbar-login-btn--giris::after{content:"";position:absolute;left:24px;top:5px;width:9px;height:9px;border-radius:50%;background:#22C55E;border:2px solid var(--ks-primary);}
.ks-navbar-login-btn--giris [data-ks-vt-yazi]{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15;text-align:left;}
.ks-navbar-login-btn--giris [data-ks-vt-yazi] b{font-size:12px;font-weight:800;}
.ks-navbar-login-btn--giris [data-ks-vt-yazi] small{font-size:11px;font-weight:600;opacity:.88;letter-spacing:0;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* ---------- İçerik tabloları (haber/duyuru/ihale/sayfa) — editörden gelen sabit genişlikli tablolar ---------- */
.ks-tablo-kutu{position:relative;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0 18px;border:1px solid #DCE3EE;border-radius:12px;background:#fff;}
.ks-tablo-kutu:focus-visible{outline:3px solid #93B4F5;outline-offset:2px;}
.blog-desc-prod table.ks-tablo{display:table;width:100% !important;min-width:100%;max-width:none;margin:0;border:0;border-collapse:collapse;border-radius:0;box-shadow:none;font-size:14px;}
.blog-desc-prod table.ks-tablo td,.blog-desc-prod table.ks-tablo th{width:auto !important;height:auto !important;min-width:0;max-width:none !important;padding:10px 12px;border:0;border-bottom:1px solid #E6EBF2;
  vertical-align:top;text-align:left;overflow-wrap:normal;word-break:normal;line-height:1.45;}
.blog-desc-prod table.ks-tablo td + td,.blog-desc-prod table.ks-tablo th + th{border-left:1px solid #EEF2F7;}
.blog-desc-prod table.ks-tablo td p,.blog-desc-prod table.ks-tablo th p{margin:0;}
.blog-desc-prod table.ks-tablo tr:last-child td{border-bottom:0;}
/* sayı / tarih / saat hücreleri tek satırda kalsın */
.blog-desc-prod table.ks-tablo td.ks-sayi{white-space:nowrap;font-variant-numeric:tabular-nums;}
/* başlık satırı (ilk satırın tüm hücreleri kalın yazılmışsa) */
.blog-desc-prod table.ks-tablo tr.ks-tablo-bas td,.blog-desc-prod table.ks-tablo tr.ks-tablo-bas th{background:#EEF3FB !important;color:#0B1B3B;font-weight:700;font-size:13px;white-space:nowrap;border-bottom:1px solid #D5DFEE;}
.blog-desc-prod table.ks-tablo tr:not(.ks-tablo-bas):nth-child(even) td{background:#FAFBFD;}
/* tek hücreli "kutu" tablolar (ör. Madde 1 çerçevesi) düz metin kutusu gibi */
.blog-desc-prod table.ks-tablo-tek td{white-space:normal;background:#F8FAFD !important;}
.ks-tablo-ipucu{display:none;font-size:12.5px;color:#64748B;margin:-10px 0 14px;}
.ks-tablo-ipucu i{margin-right:6px;}
@media (max-width:767.98px){ .ks-tablo-ipucu.goster{display:block;} .blog-desc-prod table.ks-tablo{font-size:13px;} .blog-desc-prod table.ks-tablo td{padding:8px 10px;} }
/* boşluk karakterleriyle ortalanmaya çalışılmış başlıklar */
.blog-desc-prod p.ks-ortala{text-align:center;}


/* Ana sayfa banner (telefon/tablet): yükseklik görsel oranından (2701x998) hesaplanır -> görsel kırpılmaz.
   Yalnız yükseklik değişir; HTML ve masaüstü düzeni aynı. Kenar boşluğu toplam 32px (.container). */
@media (max-width: 991.98px) {
    .ks-hero-slider-col { height: calc((100vw - 32px) / 2.706) !important; min-height: 0 !important; max-height: none !important; }
}
@media (max-width: 575.98px) {
    .ks-hero .swiper-button-next, .ks-hero .swiper-button-prev { display: none; }
}

/* iPhone/iPad: 16px'ten küçük yazılı form alanına dokununca Safari sayfayı yakınlaştırıp bırakıyor.
   Dokunmatik ekranlarda tüm form alanları en az 16px -> otomatik yakınlaştırma olmaz (kullanıcı yine iki parmakla büyütebilir). */
@media (hover: none) and (pointer: coarse), (max-width: 991.98px) {
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
    select, textarea { font-size: 16px !important; }
}
@media (hover: none) and (pointer: coarse), (max-width: 991.98px) { .kcw-code input { font-size: 22px !important; } }

/* Rakamlarla Kocasinan: genel .stat-number kuralı (koyu renk, alt boşluk) bu bölümdeki rakamları ezmesin */
.ks-story-stats .ks-story-num { color: #fff; font-size: clamp(26px, 3vw, 40px); letter-spacing: -0.02em; margin-bottom: 0; font-variant-numeric: tabular-nums; }

/* Mobil menü: üç düğme aynı hizada ve aynı ölçüde; Çözüm Merkezi düğmesi; tüm başlıklarda simge */
.ks-offcanvas .d-grid > a { margin: 0 !important; transform: none !important; box-sizing: border-box; min-height: 44px; display: flex; align-items: center; gap: 8px; font-size: 14px; }
.ks-offcanvas .ks-mob-cozum { background: #D7261E; color: #fff !important; border: 1.5px solid #D7261E; border-radius: 8px; padding: 8px 16px; font-weight: 700; text-decoration: none; }
.ks-offcanvas .ks-mob-cozum:hover { background: #B91C1C; border-color: #B91C1C; }
.ks-offcanvas .nav-link > i.fa-solid:first-child, .ks-offcanvas .nav-link > span > i.fa-solid { width: 20px; text-align: center; color: var(--ks-primary); }

/* Leaflet haritaları: içerik alanındaki genel "img { border-radius }" kuralı harita karelerine de uygulanıyordu;
   dört yuvarlak köşenin birleştiği yerde "✦" yıldızı ve kenarlarda ince ızgara çizgileri oluşuyordu. */
.leaflet-container img { border-radius: 0 !important; max-width: none !important; }

/* Haber/duyuru görselleri kırpılırken baş kesilmesin: dikey ve kare fotoğraflarda kişiler genelde üst kısımdadır,
   bu yüzden kırpma ortadan değil üstten ~%25 hizasından yapılır (yatay fotoğraflarda fark görülmez). */
.ks-ed-featured-img img, .ks-ed-side-thumb img, .ks-ed-more-img img,
.ks-news-card-img img, .ks-news-slide-img img, .ks-news-archive-img img, .ks-news-featured-img img,
.ks-news-highlight-img img, .ks-news-acard-img img, .ks-sidebar-news-item img, ul.post-lateral img,
.ks-group-card-img img, .ks-project-card-img img, .ks-gallery-grid img, .owl-carousel .item img { object-position: 50% 25%; }

/* İçerik ekleri (PDF, Word, Excel ...) — eskiden kırık resim olarak görünüyordu */
.ks-ekler{margin:0 0 20px;padding:14px 16px;border:1px solid #E2E8F0;border-radius:12px;background:#F8FAFD;}
.ks-ekler h3{font-size:15px;font-weight:800;color:#0B1B3B;margin:0 0 10px;} .ks-ekler h3 i{color:#1D4ED8;margin-right:6px;}
.ks-ekler ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;}
.ks-ekler a{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid #DCE3EE;border-radius:10px;background:#fff;color:#0B1B3B;text-decoration:none;font-weight:600;font-size:14px;}
.ks-ekler a:hover{border-color:#1D4ED8;}
.ks-ekler a i{font-size:20px;color:#D7261E;flex:0 0 auto;} .ks-ekler a span{flex:1;min-width:0;overflow-wrap:anywhere;}
.ks-ekler a em{font-style:normal;font-size:11px;font-weight:800;color:#64748B;border:1px solid #E2E8F0;border-radius:6px;padding:2px 6px;}
.ks-ekler li{display:flex;gap:6px;align-items:stretch;} .ks-ekler li>a{flex:1;min-width:0;}
.ks-kisa-kopya{flex:0 0 44px;border:1px solid #DCE3EE;border-radius:10px;background:#fff;color:#64748B;cursor:pointer;font-size:15px;}
.ks-kisa-kopya:hover,.ks-kisa-kopya:focus-visible{border-color:#1D4ED8;color:#1D4ED8;} .ks-kisa-kopya.ok{color:#15803D;border-color:#15803D;}

/* ============ Sayfa geçişi (tarayıcının yerleşik View Transitions; Chrome 126+, Safari 18.2+) ============
   Sayfalar arası kısa solma + hafif yukarı kayma; üst menü yerinde kalır. Desteklemeyen tarayıcıda etkisi yok. */
@view-transition { navigation: auto; }
.ks-navbar { view-transition-name: ks-ust-menu; }
::view-transition-old(root) { animation: ks-gecis-cik .16s ease-in both; }
::view-transition-new(root) { animation: ks-gecis-gir .32s cubic-bezier(.2,.7,.2,1) both; }
@keyframes ks-gecis-cik { to { opacity: 0; } }
@keyframes ks-gecis-gir { from { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
    @view-transition { navigation: none; }
    ::view-transition-old(root), ::view-transition-new(root) { animation: none; }
}