:root {
    --green: #00755c;
    --green-dark: #004d3c;
    --green-darker: #00382c;
    --green-light: #e5f1ed;
    --cream: #f7f5ef;
    --cream-dark: #ece8de;
    --white: #ffffff;
    --text: #17221f;
    --text-light: #68716e;
    --border: rgba(0, 77, 60, 0.12);
    --shadow: 0 20px 60px rgba(0, 49, 38, 0.12);
    --header-height: 88px;
    --container: 1380px;
    --transition: 0.35s ease;
}


/* ==================================================
   RESET
================================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    min-width: 320px;
    overflow-x: hidden;
    font-family: "Manrope", Arial, sans-serif;
    color: var(--text);
    background: var(--cream);
}

    body.menu-open {
        overflow: hidden;
    }

a {
    color: inherit;
    text-decoration: none;
}

button {
    border: 0;
    font-family: inherit;
    background: transparent;
    cursor: pointer;
}

img {
    display: block;
    max-width: 100%;
}

svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==================================================
   HEADER
================================================== */

.site-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    height: var(--header-height);
    background: rgba(255, 255, 255, 0.96);
    border-bottom: 1px solid transparent;
    transition: box-shadow var(--transition), border-color var(--transition), height var(--transition);
}

    .site-header.scrolled {
        border-color: var(--border);
        box-shadow: 0 10px 35px rgba(0, 49, 38, 0.08);
    }

.header-container {
    width: min(calc(100% - 48px), var(--container));
    height: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}


/* Logo */

.site-logo {
    position: relative;
    z-index: 5;
    flex: 0 0 auto;
}

    .site-logo img {
        width: 172px;
        height: auto;
    }


/* Ana Menü */

.primary-nav {
    height: 100%;
    margin-left: auto;
}

.nav-list {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 4px;
    list-style: none;
}

.nav-item {
    height: 100%;
    display: flex;
    align-items: center;
}

.nav-link {
    position: relative;
    height: 46px;
    padding: 0 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #25312d;
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    border-radius: 12px;
    transition: color var(--transition), background var(--transition);
}

    .nav-link:hover,
    .nav-link.active {
        color: var(--green);
        background: var(--green-light);
    }

    .nav-link svg {
        width: 16px;
        height: 16px;
        transition: transform var(--transition);
    }


/* ==================================================
   DROPDOWN MENU
================================================== */

.has-dropdown {
    position: relative;
}

.dropdown-menu {
    position: absolute;
    top: calc(100% - 7px);
    left: 50%;
    width: 720px;
    padding: 25px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.98);
    border: 1px solid var(--border);
    border-radius: 24px;
    box-shadow: var(--shadow);
    transform: translate(-50%, 18px);
    transition: opacity 0.25s ease, visibility 0.25s ease, transform 0.25s ease;
}

    .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -16px;
        left: 0;
        width: 100%;
        height: 18px;
    }

.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu,
.has-dropdown.dropdown-open .dropdown-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.has-dropdown:hover .dropdown-trigger svg,
.has-dropdown.dropdown-open .dropdown-trigger svg {
    transform: rotate(180deg);
}

.dropdown-top {
    padding: 4px 5px 20px;
    border-bottom: 1px solid var(--border);
}

.dropdown-label {
    display: block;
    margin-bottom: 6px;
    color: var(--green);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

.dropdown-top h3 {
    margin-bottom: 7px;
    color: var(--green-dark);
    font-size: 21px;
    line-height: 1.3;
}

.dropdown-top p {
    max-width: 590px;
    color: var(--text-light);
    font-size: 13px;
    line-height: 1.7;
}

.dropdown-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 18px 0;
}

.service-menu-item {
    min-height: 74px;
    padding: 11px 13px;
    display: grid;
    grid-template-columns: 44px 1fr auto;
    align-items: center;
    gap: 12px;
    border: 1px solid transparent;
    border-radius: 15px;
    transition: background var(--transition), border-color var(--transition), transform var(--transition);
}

    .service-menu-item:hover {
        background: var(--green-light);
        border-color: rgba(0, 117, 92, 0.15);
        transform: translateY(-2px);
    }

.service-icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--green);
    background: var(--white);
    border: 1px solid rgba(0, 117, 92, 0.15);
    border-radius: 13px;
}

    .service-icon svg {
        width: 23px;
        height: 23px;
    }

.service-menu-item strong {
    display: block;
    margin-bottom: 3px;
    color: var(--green-dark);
    font-size: 13px;
    line-height: 1.35;
}

.service-menu-item small {
    display: block;
    color: var(--text-light);
    font-size: 11px;
    line-height: 1.4;
}

.menu-arrow {
    color: var(--green);
    font-size: 18px;
    transform: translateX(-3px);
    transition: transform var(--transition);
}

.service-menu-item:hover .menu-arrow {
    transform: translateX(2px);
}

.all-services-link {
    min-height: 48px;
    padding: 0 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--white);
    font-size: 13px;
    font-weight: 800;
    background: var(--green);
    border-radius: 13px;
    transition: background var(--transition);
}

    .all-services-link:hover {
        background: var(--green-dark);
    }

    .all-services-link span {
        font-size: 20px;
    }


/* ==================================================
   HEADER SAĞ ALAN
================================================== */

.header-actions {
    position: relative;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 16px;
}

.header-phone {
    display: flex;
    align-items: center;
    gap: 9px;
}

.phone-icon {
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--green);
    background: var(--green-light);
    border-radius: 11px;
}

    .phone-icon svg {
        width: 18px;
        height: 18px;
    }

.header-phone small,
.header-phone strong {
    display: block;
}

.header-phone small {
    margin-bottom: 2px;
    color: var(--text-light);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.7px;
}

.header-phone strong {
    color: var(--green-dark);
    font-size: 12px;
    white-space: nowrap;
}

.header-cta {
    min-height: 48px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    color: var(--white);
    font-size: 13px;
    font-weight: 800;
    background: var(--green);
    border-radius: 13px;
    box-shadow: 0 10px 24px rgba(0, 117, 92, 0.22);
    transition: background var(--transition), transform var(--transition), box-shadow var(--transition);
}

    .header-cta:hover {
        background: var(--green-dark);
        box-shadow: 0 14px 30px rgba(0, 77, 60, 0.25);
        transform: translateY(-2px);
    }

    .header-cta svg {
        width: 18px;
        height: 18px;
    }

.menu-toggle,
.mobile-nav-cta {
    display: none;
}


/* ==================================================
   HERO SLIDER
================================================== */

.hero-slider {
    position: relative;
    min-height: calc(100svh - var(--header-height));
    max-height: 820px;
    overflow: hidden;
    background: var(--cream);
}

.hero-slides {
    position: relative;
    min-height: inherit;
}

.hero-slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s ease;
}

    .hero-slide::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: var(--slide-image);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        transform: scale(1.06);
        transition: transform 7s ease;
    }

    .hero-slide::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 90deg, rgba(247, 245, 239, 0.99) 0%, rgba(247, 245, 239, 0.96) 25%, rgba(247, 245, 239, 0.68) 47%, rgba(247, 245, 239, 0.12) 68%, rgba(0, 56, 44, 0.10) 100% );
    }

    .hero-slide.is-active {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }

        .hero-slide.is-active::before {
            transform: scale(1);
        }

.hero-container {
    position: relative;
    z-index: 3;
    width: min(calc(100% - 48px), var(--container));
    min-height: inherit;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.hero-content {
    width: min(650px, 54%);
    padding: 80px 0 125px;
}

.hero-eyebrow {
    margin-bottom: 23px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--green);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.7px;
    text-transform: uppercase;
}

    .hero-eyebrow span {
        width: 38px;
        height: 2px;
        background: var(--green);
        border-radius: 10px;
    }

.hero-content h1,
.hero-content h2 {
    max-width: 690px;
    margin-bottom: 25px;
    color: var(--green-darker);
    font-size: clamp(42px, 5.4vw, 78px);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -3.8px;
}

    .hero-content h1 strong,
    .hero-content h2 strong {
        display: block;
        color: var(--green);
        font-weight: 800;
    }

.hero-content p {
    max-width: 590px;
    margin-bottom: 34px;
    color: #4e5955;
    font-size: 16px;
    line-height: 1.85;
}

.hero-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.button {
    min-height: 57px;
    padding: 0 24px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    font-size: 13px;
    font-weight: 800;
    border-radius: 14px;
    transition: color var(--transition), background var(--transition), border-color var(--transition), transform var(--transition), box-shadow var(--transition);
}

    .button svg {
        width: 19px;
        height: 19px;
    }

.button-primary {
    color: var(--white);
    background: var(--green);
    border: 1px solid var(--green);
    box-shadow: 0 14px 30px rgba(0, 117, 92, 0.22);
}

    .button-primary:hover {
        background: var(--green-dark);
        border-color: var(--green-dark);
        transform: translateY(-3px);
    }

.button-outline {
    color: var(--green-dark);
    background: rgba(255, 255, 255, 0.72);
    border: 1px solid rgba(0, 77, 60, 0.22);
    backdrop-filter: blur(12px);
}

    .button-outline:hover {
        color: var(--white);
        background: var(--green-dark);
        border-color: var(--green-dark);
        transform: translateY(-3px);
    }


/* Bilgi Kartı */

.hero-info-card {
    position: absolute;
    right: 0;
    bottom: 105px;
    width: 245px;
    min-height: 94px;
    padding: 18px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: var(--white);
    background: rgba(0, 56, 44, 0.88);
    border: 1px solid rgba(255, 255, 255, 0.20);
    border-radius: 19px;
    box-shadow: 0 22px 50px rgba(0, 39, 30, 0.25);
    backdrop-filter: blur(14px);
}

.info-number {
    flex: 0 0 auto;
    color: var(--white);
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -1.5px;
}

.info-text {
    color: rgba(255, 255, 255, 0.82);
    font-size: 11px;
    font-weight: 600;
    line-height: 1.55;
}


/* Slider Alt Kontrol */

.slider-bottom {
    position: absolute;
    z-index: 10;
    right: max(24px, calc((100% - var(--container)) / 2));
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 34px;
}

.slider-dots {
    display: flex;
    align-items: center;
    gap: 8px;
}

.slider-dot {
    width: 9px;
    height: 9px;
    padding: 0;
    background: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(0, 56, 44, 0.30);
    border-radius: 100px;
    transition: width var(--transition), background var(--transition);
}

    .slider-dot.active {
        width: 35px;
        background: var(--green);
    }

.slider-navigation {
    display: flex;
    align-items: center;
    gap: 14px;
}

.slider-arrow {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--green-dark);
    background: rgba(255, 255, 255, 0.90);
    border: 1px solid rgba(0, 77, 60, 0.15);
    border-radius: 14px;
    backdrop-filter: blur(12px);
    transition: color var(--transition), background var(--transition), transform var(--transition);
}

    .slider-arrow:hover {
        color: var(--white);
        background: var(--green);
        transform: translateY(-2px);
    }

    .slider-arrow svg {
        width: 19px;
        height: 19px;
    }

.slider-counter {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--green-dark);
    font-size: 11px;
    font-weight: 800;
}

    .slider-counter > span:first-child {
        color: var(--green);
        font-size: 15px;
    }

.counter-line {
    width: 32px;
    height: 1px;
    background: rgba(0, 77, 60, 0.35);
}

.slider-progress {
    position: absolute;
    z-index: 10;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    background: rgba(0, 77, 60, 0.10);
}

    .slider-progress span {
        display: block;
        width: 0;
        height: 100%;
        background: var(--green);
    }

        .slider-progress span.is-running {
            animation: sliderProgress 6s linear forwards;
        }

@keyframes sliderProgress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1240px) {

    .header-phone {
        display: none;
    }

    .nav-link {
        padding: 0 12px;
        font-size: 13px;
    }

    .dropdown-menu {
        left: auto;
        right: -180px;
        transform: translateY(18px);
    }

    .has-dropdown:hover .dropdown-menu,
    .has-dropdown:focus-within .dropdown-menu,
    .has-dropdown.dropdown-open .dropdown-menu {
        transform: translateY(0);
    }

    .hero-content {
        width: min(670px, 64%);
    }

    .hero-info-card {
        right: 10px;
    }
}


/* ==================================================
   MOBİL MENÜ
================================================== */

@media (max-width: 991px) {

    :root {
        --header-height: 72px;
    }

    .site-header {
        height: var(--header-height);
    }

    .header-container {
        width: calc(100% - 32px);
        gap: 15px;
    }

    .site-logo img {
        width: 134px;
    }

    .header-cta {
        display: none;
    }

    .menu-toggle {
        width: 45px;
        height: 45px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        background: var(--green-light);
        border-radius: 13px;
    }

        .menu-toggle span {
            width: 20px;
            height: 2px;
            background: var(--green-dark);
            border-radius: 10px;
            transition: transform var(--transition), opacity var(--transition);
        }

        .menu-toggle.active span:nth-child(1) {
            transform: translateY(7px) rotate(45deg);
        }

        .menu-toggle.active span:nth-child(2) {
            opacity: 0;
        }

        .menu-toggle.active span:nth-child(3) {
            transform: translateY(-7px) rotate(-45deg);
        }

    .primary-nav {
        position: fixed;
        top: var(--header-height);
        right: 0;
        bottom: 0;
        left: 0;
        height: auto;
        padding: 14px 16px 35px;
        overflow-y: auto;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        background: rgba(247, 245, 239, 0.98);
        backdrop-filter: blur(18px);
        transform: translateY(-15px);
        transition: opacity var(--transition), visibility var(--transition), transform var(--transition);
    }

    body.menu-open .primary-nav {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transform: translateY(0);
    }

    .nav-list {
        width: 100%;
        height: auto;
        display: block;
        padding: 10px;
        background: var(--white);
        border: 1px solid var(--border);
        border-radius: 20px;
        box-shadow: 0 20px 50px rgba(0, 49, 38, 0.08);
    }

    .nav-item {
        display: block;
        height: auto;
    }

    .nav-list > li {
        border-bottom: 1px solid rgba(0, 77, 60, 0.08);
    }

        .nav-list > li:last-child {
            border-bottom: 0;
        }

    .nav-link {
        width: 100%;
        height: 57px;
        padding: 0 10px;
        justify-content: space-between;
        color: var(--green-dark);
        font-size: 14px;
        text-align: left;
        background: transparent;
        border-radius: 12px;
    }

        .nav-link.active {
            color: var(--green);
            background: var(--green-light);
        }

    .dropdown-menu {
        position: static;
        width: 100%;
        max-height: 0;
        padding: 0 5px;
        overflow: hidden;
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        background: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: none;
        transform: none !important;
        transition: max-height 0.5s ease, padding 0.4s ease;
    }

    .has-dropdown.dropdown-open .dropdown-menu {
        max-height: 1200px;
        padding: 5px 5px 18px;
    }

    .dropdown-top {
        display: none;
    }

    .dropdown-grid {
        grid-template-columns: 1fr;
        gap: 5px;
        padding: 4px 0 12px;
    }

    .service-menu-item {
        min-height: 67px;
        padding: 9px;
        grid-template-columns: 40px 1fr auto;
        background: var(--cream);
        border-color: rgba(0, 77, 60, 0.08);
        border-radius: 13px;
    }

    .service-icon {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

        .service-icon svg {
            width: 21px;
            height: 21px;
        }

    .service-menu-item strong {
        font-size: 12px;
    }

    .service-menu-item small {
        font-size: 10px;
    }

    .all-services-link {
        min-height: 48px;
    }

    .mobile-nav-cta {
        min-height: 57px;
        margin-top: 14px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        color: var(--white);
        font-size: 13px;
        font-weight: 800;
        background: var(--green);
        border-radius: 16px;
    }


    /* Mobil Slider */

    .hero-slider {
        min-height: calc(100svh - var(--header-height));
        max-height: none;
    }

    .hero-slide {
        align-items: flex-end;
    }

        .hero-slide::before {
            background-position: 62% center;
        }

        .hero-slide::after {
            background: linear-gradient( 180deg, rgba(0, 56, 44, 0.06) 0%, rgba(0, 56, 44, 0.18) 32%, rgba(247, 245, 239, 0.80) 54%, rgba(247, 245, 239, 0.99) 75%, rgba(247, 245, 239, 1) 100% );
        }

    .hero-container {
        width: calc(100% - 32px);
        align-items: flex-end;
    }

    .hero-content {
        width: 100%;
        padding: 290px 0 128px;
    }

    .hero-eyebrow {
        margin-bottom: 15px;
        font-size: 10px;
    }

    .hero-content h1,
    .hero-content h2 {
        max-width: 650px;
        margin-bottom: 18px;
        font-size: clamp(38px, 9vw, 58px);
        line-height: 1.03;
        letter-spacing: -2.4px;
    }

    .hero-content p {
        max-width: 570px;
        margin-bottom: 25px;
        font-size: 14px;
        line-height: 1.75;
    }

    .hero-info-card {
        display: none;
    }

    .slider-bottom {
        right: 16px;
        bottom: 22px;
        left: 16px;
        justify-content: space-between;
    }
}


/* ==================================================
   KÜÇÜK MOBİL
================================================== */

@media (max-width: 640px) {

    .hero-content {
        padding-top: 245px;
    }

        .hero-content h1,
        .hero-content h2 {
            font-size: clamp(36px, 11vw, 48px);
        }

        .hero-content p {
            font-size: 13px;
        }

    .hero-buttons {
        display: grid;
        grid-template-columns: 1fr;
    }

    .button {
        width: 100%;
        min-height: 54px;
        justify-content: space-between;
    }

    .slider-dots {
        display: none;
    }

    .slider-bottom {
        justify-content: flex-end;
    }

    .slider-arrow {
        width: 43px;
        height: 43px;
    }
}


/* ==================================================
   ÇOK KÜÇÜK EKRAN
================================================== */

@media (max-width: 390px) {

    .site-logo img {
        width: 120px;
    }

    .header-container {
        width: calc(100% - 24px);
    }

    .hero-container {
        width: calc(100% - 24px);
    }

    .hero-content {
        padding-top: 210px;
    }

        .hero-content h1,
        .hero-content h2 {
            font-size: 35px;
            letter-spacing: -1.8px;
        }
}


/* ==================================================
   HAREKET AZALTMA TERCİHİ
================================================== */

@media (prefers-reduced-motion: reduce) {

    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* ==================================================
   KIL ÇADIR HİZMETLERİ – YENİ TASARIM
================================================== */

.kc-services {
    position: relative;
    padding: 110px 0;
    overflow: hidden;
    background: linear-gradient( 180deg, #f7f4ed 0%, #ffffff 48%, #f5f1e8 100% );
}

    .kc-services::before {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        width: 38%;
        height: 100%;
        pointer-events: none;
        background: linear-gradient( 135deg, transparent 0%, rgba(219, 210, 193, 0.18) 100% );
    }

.kc-services-container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 48px), 1380px);
    margin: 0 auto;
}


/* Arka plan halkaları */

.kc-services-bg-shape {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(36, 38, 34, 0.04);
    border-radius: 50%;
}

.kc-shape-one {
    top: -170px;
    left: -200px;
    width: 500px;
    height: 500px;
}

.kc-shape-two {
    right: -220px;
    bottom: -180px;
    width: 520px;
    height: 520px;
}

.kc-services-bg-shape::before,
.kc-services-bg-shape::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(36, 38, 34, 0.035);
    border-radius: inherit;
}

.kc-services-bg-shape::before {
    inset: 45px;
}

.kc-services-bg-shape::after {
    inset: 95px;
}


/* ==================================================
   BAŞLIK
================================================== */

.kc-services-heading {
    margin-bottom: 52px;
}

.kc-section-label {
    margin-bottom: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #08745e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .kc-section-label span {
        width: 35px;
        height: 1px;
        background: #08745e;
    }

.kc-heading-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 520px);
    align-items: end;
    gap: 70px;
}

.kc-heading-title h2 {
    max-width: 650px;
    margin: 0;
    color: #242622;
    font-size: clamp(45px, 5vw, 72px);
    font-weight: 800;
    line-height: 0.98;
    letter-spacing: -4px;
}

    .kc-heading-title h2 strong {
        display: block;
        color: #242622;
        font-weight: 800;
    }

        .kc-heading-title h2 strong::after {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-left: 12px;
            background: #08745e;
            border-radius: 50%;
        }

.kc-heading-description {
    padding-bottom: 5px;
}

    .kc-heading-description p {
        margin: 0 0 22px;
        color: #6a6c66;
        font-size: 14px;
        line-height: 1.8;
    }

.kc-all-services {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #292b27;
    font-size: 12px;
    font-weight: 800;
}

    .kc-all-services > span {
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background: #252824;
        border-radius: 50%;
        transition: background 0.35s ease, transform 0.35s ease;
    }

    .kc-all-services svg {
        width: 17px;
        height: 17px;
    }

    .kc-all-services:hover > span {
        background: #08745e;
        transform: translateX(5px);
    }


/* ==================================================
   KARTLAR
================================================== */

.kc-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.kc-service-card {
    position: relative;
    min-width: 0;
}

.kc-service-link {
    position: relative;
    height: 100%;
    min-height: 470px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(47, 46, 41, 0.09);
    border-radius: 22px;
    box-shadow: 0 12px 35px rgba(40, 38, 32, 0.05);
    transition: transform 0.45s cubic-bezier(.2, .7, .2, 1), box-shadow 0.45s ease, border-color 0.45s ease;
}

    .kc-service-link:hover {
        border-color: rgba(8, 116, 94, 0.20);
        box-shadow: 0 26px 55px rgba(40, 38, 32, 0.12);
        transform: translateY(-9px);
    }


/* Görsel */

.kc-service-image {
    position: relative;
    height: 250px;
    overflow: hidden;
    background: #ddd7cb;
}

    .kc-service-image::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( 180deg, transparent 40%, rgba(21, 23, 20, 0.52) 100% );
    }

    .kc-service-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.8s cubic-bezier(.2, .7, .2, 1), filter 0.5s ease;
    }

.kc-service-link:hover .kc-service-image img {
    filter: saturate(1.04) contrast(1.02);
    transform: scale(1.07);
}

.kc-service-overlay {
    display: none;
}

.kc-service-number {
    position: absolute;
    z-index: 3;
    top: 17px;
    left: 17px;
    min-width: 40px;
    height: 30px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #252824;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1px;
    background: rgba(255, 255, 255, 0.88);
    border-radius: 9px;
    backdrop-filter: blur(10px);
}

.kc-service-arrow {
    position: absolute;
    z-index: 3;
    right: 17px;
    bottom: 17px;
    width: 45px;
    height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #252824;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 12px 30px rgba(20, 22, 19, 0.18);
    transition: color 0.35s ease, background 0.35s ease, transform 0.4s ease;
}

    .kc-service-arrow svg {
        width: 19px;
        height: 19px;
    }

.kc-service-link:hover .kc-service-arrow {
    color: #ffffff;
    background: #08745e;
    transform: rotate(-35deg);
}


/* Kart içeriği */

.kc-service-content {
    position: relative;
    flex: 1;
    padding: 31px 24px 23px;
    display: flex;
    flex-direction: column;
}

.kc-service-icon {
    position: absolute;
    top: -28px;
    left: 22px;
    width: 58px;
    height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #252824;
    background: #f5f1e8;
    border: 5px solid #ffffff;
    border-radius: 17px;
    box-shadow: 0 12px 25px rgba(40, 38, 32, 0.10);
    transition: color 0.35s ease, background 0.35s ease, transform 0.4s ease;
}

    .kc-service-icon svg {
        width: 29px;
        height: 29px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-service-link:hover .kc-service-icon {
    color: #ffffff;
    background: #252824;
    transform: translateY(-3px);
}

.kc-service-content h3 {
    min-height: 54px;
    margin: 13px 0 9px;
    color: #272924;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.5px;
}

.kc-service-content p {
    margin: 0 0 22px;
    color: #74756f;
    font-size: 12.5px;
    line-height: 1.7;
}

.kc-card-detail {
    margin-top: auto;
    padding-top: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #343631;
    font-size: 11px;
    font-weight: 800;
    border-top: 1px solid rgba(47, 46, 41, 0.09);
}

    .kc-card-detail i {
        color: #08745e;
        font-size: 17px;
        font-style: normal;
        transition: transform 0.35s ease;
    }

.kc-service-link:hover .kc-card-detail i {
    transform: translateX(5px);
}


/* ==================================================
   GÖRÜNÜM ANİMASYONU
================================================== */

.kc-reveal {
    opacity: 0;
    transform: translateY(35px);
    transition: opacity 0.75s ease, transform 0.75s cubic-bezier(.2, .7, .2, 1);
}

    .kc-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }

.kc-service-card:nth-child(2) {
    transition-delay: 0.07s;
}

.kc-service-card:nth-child(3) {
    transition-delay: 0.14s;
}

.kc-service-card:nth-child(4) {
    transition-delay: 0.21s;
}

.kc-service-card:nth-child(6) {
    transition-delay: 0.07s;
}

.kc-service-card:nth-child(7) {
    transition-delay: 0.14s;
}

.kc-service-card:nth-child(8) {
    transition-delay: 0.21s;
}

.kc-services-mobile-button {
    display: none;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1150px) {

    .kc-services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kc-heading-row {
        gap: 40px;
    }
}


/* ==================================================
   MOBİL TASARIM
================================================== */

@media (max-width: 767px) {

    .kc-services {
        padding: 68px 0 72px;
    }

    .kc-services-container {
        width: calc(100% - 22px);
    }

    .kc-services-heading {
        margin-bottom: 28px;
    }

    .kc-section-label {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 1.7px;
    }

        .kc-section-label span {
            width: 27px;
        }

    .kc-heading-row {
        display: block;
    }

    .kc-heading-title h2 {
        max-width: 320px;
        font-size: clamp(36px, 10vw, 47px);
        line-height: 1;
        letter-spacing: -2.5px;
    }

        .kc-heading-title h2 strong::after {
            width: 8px;
            height: 8px;
            margin-left: 7px;
        }

    .kc-heading-description {
        margin-top: 15px;
        padding: 0;
    }

        .kc-heading-description p {
            max-width: 420px;
            margin: 0;
            font-size: 12px;
            line-height: 1.7;
        }

    .kc-all-services {
        display: none;
    }


    /* Mobilde iki kart */

    .kc-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .kc-service-link {
        min-height: 278px;
        border-radius: 17px;
        box-shadow: 0 8px 22px rgba(40, 38, 32, 0.06);
    }

        .kc-service-link:hover {
            transform: translateY(-3px);
        }

    .kc-service-image {
        height: 145px;
    }

    .kc-service-number {
        top: 9px;
        left: 9px;
        min-width: 32px;
        height: 23px;
        padding: 0 7px;
        font-size: 8px;
        border-radius: 7px;
    }

    .kc-service-arrow {
        right: 9px;
        bottom: 9px;
        width: 33px;
        height: 33px;
    }

        .kc-service-arrow svg {
            width: 15px;
            height: 15px;
        }

    .kc-service-content {
        min-height: 130px;
        padding: 23px 12px 13px;
    }

    .kc-service-icon {
        top: -21px;
        left: 11px;
        width: 43px;
        height: 43px;
        color: #252824;
        border-width: 4px;
        border-radius: 12px;
    }

        .kc-service-icon svg {
            width: 21px;
            height: 21px;
        }

    .kc-service-content h3 {
        min-height: 39px;
        margin: 7px 0 9px;
        font-size: 13px;
        line-height: 1.35;
        letter-spacing: -0.25px;
    }

    /* Mobilde uzun açıklamayı kaldırıyoruz */

    .kc-service-content p {
        display: none;
    }

    .kc-card-detail {
        margin-top: auto;
        padding-top: 10px;
        font-size: 8.5px;
    }

        .kc-card-detail i {
            font-size: 13px;
        }

    .kc-services-mobile-button {
        display: block;
        margin-top: 20px;
    }

        .kc-services-mobile-button a {
            min-height: 55px;
            padding: 0 18px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            color: #ffffff;
            font-size: 11px;
            font-weight: 800;
            background: #252824;
            border-radius: 15px;
            box-shadow: 0 14px 30px rgba(37, 40, 36, 0.18);
        }

        .kc-services-mobile-button svg {
            width: 18px;
            height: 18px;
        }
}


/* ==================================================
   ÇOK KÜÇÜK MOBİL
================================================== */

@media (max-width: 390px) {

    .kc-services-container {
        width: calc(100% - 16px);
    }

    .kc-services-grid {
        gap: 8px;
    }

    .kc-service-link {
        min-height: 257px;
        border-radius: 15px;
    }

    .kc-service-image {
        height: 128px;
    }

    .kc-service-content {
        min-height: 125px;
        padding-right: 10px;
        padding-left: 10px;
    }

        .kc-service-content h3 {
            font-size: 12px;
        }

    .kc-card-detail {
        font-size: 8px;
    }
}


/* Hareket azaltma */

@media (prefers-reduced-motion: reduce) {

    .kc-reveal {
        opacity: 1;
        transform: none;
    }

    .kc-service-link,
    .kc-service-image img,
    .kc-service-arrow,
    .kc-service-icon {
        transition: none;
    }
}

/* ==================================================
   SEO İÇERİK VE SIKÇA SORULAN SORULAR
================================================== */

.kc-seo-section {
    position: relative;
    padding: 120px 0;
    overflow: hidden;
    background: linear-gradient( 180deg, #ffffff 0%, #f8f5ef 52%, #f1ece2 100% );
}

.kc-seo-container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 48px), 1380px);
    margin: 0 auto;
}

.kc-seo-decoration {
    position: absolute;
    pointer-events: none;
    border: 1px solid rgba(40, 38, 32, 0.045);
    border-radius: 50%;
}

    .kc-seo-decoration::before,
    .kc-seo-decoration::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(40, 38, 32, 0.035);
        border-radius: inherit;
    }

    .kc-seo-decoration::before {
        inset: 40px;
    }

    .kc-seo-decoration::after {
        inset: 90px;
    }

.kc-seo-decoration-one {
    top: 160px;
    left: -270px;
    width: 580px;
    height: 580px;
}

.kc-seo-decoration-two {
    right: -260px;
    bottom: 100px;
    width: 550px;
    height: 550px;
}


/* ==================================================
   ÜST BAŞLIK
================================================== */

.kc-seo-header {
    max-width: 940px;
    margin-bottom: 70px;
}

.kc-seo-label {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #08745e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .kc-seo-label span {
        width: 38px;
        height: 1px;
        background: #08745e;
    }

.kc-seo-header h2 {
    margin: 0 0 27px;
    color: #252824;
    font-size: clamp(44px, 5.2vw, 76px);
    font-weight: 800;
    line-height: 1.03;
    letter-spacing: -4.4px;
}

    .kc-seo-header h2 strong {
        display: block;
        color: #252824;
        font-weight: 800;
    }

        .kc-seo-header h2 strong::after {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            margin-left: 12px;
            background: #08745e;
            border-radius: 50%;
        }

.kc-seo-header > p {
    max-width: 780px;
    color: #676a64;
    font-size: 16px;
    line-height: 1.85;
}


/* ==================================================
   ANA YERLEŞİM
================================================== */

.kc-seo-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(380px, 0.75fr);
    align-items: start;
    gap: 40px;
}

.kc-seo-article {
    display: grid;
    gap: 20px;
}


/* ==================================================
   SEO METİN KARTLARI
================================================== */

.kc-seo-text-card {
    position: relative;
    padding: 45px;
    display: grid;
    grid-template-columns: 55px minmax(0, 1fr);
    gap: 26px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(45, 43, 37, 0.08);
    border-radius: 25px;
    box-shadow: 0 12px 40px rgba(45, 43, 37, 0.045);
    transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}

    .kc-seo-text-card::after {
        content: "";
        position: absolute;
        right: -80px;
        bottom: -80px;
        width: 180px;
        height: 180px;
        pointer-events: none;
        background: #f5f1e8;
        border-radius: 50%;
        transition: transform 0.5s ease;
    }

    .kc-seo-text-card:hover {
        border-color: rgba(8, 116, 94, 0.15);
        box-shadow: 0 25px 60px rgba(45, 43, 37, 0.08);
        transform: translateY(-5px);
    }

        .kc-seo-text-card:hover::after {
            transform: scale(1.14);
        }

.kc-seo-card-number {
    position: relative;
    z-index: 2;
    padding-top: 6px;
    color: #aaa398;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1px;
}

    .kc-seo-card-number::after {
        content: "";
        display: block;
        width: 1px;
        height: 58px;
        margin: 13px auto 0;
        background: rgba(44, 43, 38, 0.12);
    }

.kc-seo-card-content {
    position: relative;
    z-index: 2;
}

.kc-seo-small-title {
    display: block;
    margin-bottom: 9px;
    color: #08745e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.kc-seo-card-content h3 {
    margin: 0 0 18px;
    color: #292b27;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -1px;
}

.kc-seo-card-content p {
    margin: 0 0 15px;
    color: #6f716b;
    font-size: 14px;
    line-height: 1.85;
}

    .kc-seo-card-content p:last-child {
        margin-bottom: 0;
    }


/* Liste */

.kc-seo-list {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 11px;
    list-style: none;
}

    .kc-seo-list li {
        min-height: 55px;
        padding: 11px 13px;
        display: flex;
        align-items: center;
        gap: 10px;
        color: #454741;
        font-size: 12px;
        font-weight: 700;
        background: #f7f4ed;
        border-radius: 12px;
    }

        .kc-seo-list li > span {
            flex: 0 0 auto;
            width: 27px;
            height: 27px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            color: #08745e;
            background: #ffffff;
            border-radius: 50%;
        }

    .kc-seo-list svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* Avantajlar */

.kc-seo-benefits {
    margin-top: 27px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.kc-seo-benefit {
    padding: 18px;
    background: #f6f2ea;
    border: 1px solid rgba(45, 43, 37, 0.06);
    border-radius: 14px;
}

    .kc-seo-benefit strong,
    .kc-seo-benefit span {
        display: block;
    }

    .kc-seo-benefit strong {
        margin-bottom: 5px;
        color: #292b27;
        font-size: 13px;
    }

    .kc-seo-benefit span {
        color: #7a7b75;
        font-size: 11px;
        line-height: 1.55;
    }


/* ==================================================
   VURGU ALANI
================================================== */

.kc-seo-highlight {
    position: relative;
    min-height: 185px;
    padding: 32px;
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient( 135deg, #252824 0%, #33352f 100% );
    border-radius: 25px;
    box-shadow: 0 22px 50px rgba(37, 40, 36, 0.16);
}

    .kc-seo-highlight::after {
        content: "";
        position: absolute;
        right: -65px;
        bottom: -100px;
        width: 260px;
        height: 260px;
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 50%;
    }

.kc-seo-highlight-icon {
    position: relative;
    z-index: 2;
    width: 68px;
    height: 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
}

    .kc-seo-highlight-icon svg {
        width: 36px;
        height: 36px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.5;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-seo-highlight-content {
    position: relative;
    z-index: 2;
}

    .kc-seo-highlight-content > span {
        display: block;
        margin-bottom: 7px;
        color: #b7d7cd;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 1.5px;
        text-transform: uppercase;
    }

    .kc-seo-highlight-content h3 {
        max-width: 500px;
        margin: 0 0 9px;
        color: #ffffff;
        font-size: 23px;
        line-height: 1.3;
    }

    .kc-seo-highlight-content p {
        max-width: 550px;
        margin: 0;
        color: rgba(255, 255, 255, 0.64);
        font-size: 12px;
        line-height: 1.7;
    }

.kc-seo-highlight-button {
    position: relative;
    z-index: 2;
    min-height: 52px;
    padding: 0 19px;
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: #292b27;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
    background: #ffffff;
    border-radius: 13px;
    transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

    .kc-seo-highlight-button:hover {
        color: #ffffff;
        background: #08745e;
        transform: translateY(-3px);
    }

    .kc-seo-highlight-button svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* ==================================================
   SIKÇA SORULAN SORULAR
================================================== */

.kc-faq-column {
    position: relative;
}

.kc-faq-wrapper {
    position: sticky;
    top: 110px;
    padding: 35px;
    background: #ffffff;
    border: 1px solid rgba(45, 43, 37, 0.08);
    border-radius: 25px;
    box-shadow: 0 20px 60px rgba(45, 43, 37, 0.07);
}

.kc-faq-heading {
    margin-bottom: 27px;
}

.kc-faq-label {
    display: block;
    margin-bottom: 9px;
    color: #08745e;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.kc-faq-heading h2 {
    margin: 0 0 12px;
    color: #292b27;
    font-size: 34px;
    font-weight: 800;
    line-height: 1.12;
    letter-spacing: -1.5px;
}

.kc-faq-heading p {
    margin: 0;
    color: #73756f;
    font-size: 12px;
    line-height: 1.7;
}

.kc-faq-list {
    border-top: 1px solid rgba(45, 43, 37, 0.09);
}

.kc-faq-item {
    border-bottom: 1px solid rgba(45, 43, 37, 0.09);
}

.kc-faq-question {
    width: 100%;
    min-height: 77px;
    padding: 18px 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr) 31px;
    align-items: center;
    gap: 11px;
    color: #30322e;
    text-align: left;
    background: transparent;
}

.kc-faq-question-number {
    color: #aaa49a;
    font-size: 9px;
    font-weight: 800;
}

.kc-faq-question-text {
    font-size: 13px;
    font-weight: 800;
    line-height: 1.45;
}

.kc-faq-toggle {
    position: relative;
    width: 31px;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3efe7;
    border-radius: 50%;
    transition: color 0.35s ease, background 0.35s ease, transform 0.35s ease;
}

    .kc-faq-toggle i {
        position: absolute;
        width: 11px;
        height: 1.5px;
        background: currentColor;
        border-radius: 10px;
        transition: transform 0.35s ease;
    }

        .kc-faq-toggle i:last-child {
            transform: rotate(90deg);
        }

.kc-faq-item.active .kc-faq-toggle {
    color: #ffffff;
    background: #08745e;
    transform: rotate(180deg);
}

    .kc-faq-item.active .kc-faq-toggle i:last-child {
        transform: rotate(0);
    }

.kc-faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.45s ease;
}

.kc-faq-answer-inner {
    padding: 0 42px 21px;
}

.kc-faq-answer p {
    margin: 0;
    color: #73756f;
    font-size: 12px;
    line-height: 1.75;
}

.kc-faq-contact {
    margin-top: 24px;
    padding: 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    background: #f5f1e9;
    border-radius: 15px;
}

    .kc-faq-contact span,
    .kc-faq-contact strong {
        display: block;
    }

    .kc-faq-contact span {
        margin-bottom: 4px;
        color: #81827c;
        font-size: 9px;
    }

    .kc-faq-contact strong {
        color: #32342f;
        font-size: 11px;
        line-height: 1.45;
    }

    .kc-faq-contact a {
        flex: 0 0 auto;
        width: 42px;
        height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        color: #ffffff;
        background: #252824;
        border-radius: 50%;
        transition: background 0.35s ease, transform 0.35s ease;
    }

        .kc-faq-contact a:hover {
            background: #08745e;
            transform: translateX(3px);
        }

    .kc-faq-contact svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* ==================================================
   GÖRÜNME ANİMASYONU
================================================== */

.kc-scroll-reveal {
    opacity: 0;
    transform: translateY(38px);
    transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2, .7, .2, 1);
}

    .kc-scroll-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }

.kc-seo-article .kc-scroll-reveal:nth-child(2) {
    transition-delay: 0.06s;
}

.kc-seo-article .kc-scroll-reveal:nth-child(3) {
    transition-delay: 0.10s;
}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1100px) {

    .kc-seo-content-grid {
        grid-template-columns: minmax(0, 1fr) 390px;
        gap: 25px;
    }

    .kc-seo-text-card {
        padding: 35px;
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 18px;
    }

    .kc-seo-highlight {
        grid-template-columns: 60px minmax(0, 1fr);
    }

    .kc-seo-highlight-button {
        grid-column: 2;
        justify-self: start;
    }

    .kc-faq-wrapper {
        padding: 28px;
    }
}


/* ==================================================
   MOBİL
================================================== */

@media (max-width: 850px) {

    .kc-seo-section {
        padding: 75px 0;
    }

    .kc-seo-container {
        width: calc(100% - 22px);
    }

    .kc-seo-header {
        margin-bottom: 38px;
    }

    .kc-seo-label {
        margin-bottom: 11px;
        font-size: 9px;
        letter-spacing: 1.6px;
    }

        .kc-seo-label span {
            width: 28px;
        }

    .kc-seo-header h2 {
        margin-bottom: 18px;
        font-size: clamp(36px, 10vw, 49px);
        line-height: 1;
        letter-spacing: -2.6px;
    }

        .kc-seo-header h2 strong::after {
            width: 8px;
            height: 8px;
            margin-left: 7px;
        }

    .kc-seo-header > p {
        font-size: 13px;
        line-height: 1.75;
    }

    .kc-seo-content-grid {
        display: block;
    }

    .kc-seo-article {
        gap: 12px;
    }

    .kc-seo-text-card {
        padding: 25px 20px;
        display: block;
        border-radius: 19px;
    }

    .kc-seo-card-number {
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .kc-seo-card-number::after {
            width: 35px;
            height: 1px;
            margin: 0;
        }

    .kc-seo-card-content h3 {
        margin-bottom: 13px;
        font-size: 21px;
        letter-spacing: -0.7px;
    }

    .kc-seo-card-content p {
        font-size: 12px;
        line-height: 1.75;
    }

    .kc-seo-list {
        grid-template-columns: 1fr;
        gap: 7px;
    }

        .kc-seo-list li {
            min-height: 49px;
            padding: 9px 11px;
            font-size: 11px;
        }

    .kc-seo-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .kc-seo-benefit {
        padding: 13px;
    }

        .kc-seo-benefit strong {
            font-size: 11px;
        }

        .kc-seo-benefit span {
            font-size: 9.5px;
        }


    /* Mobil vurgu */

    .kc-seo-highlight {
        min-height: 0;
        padding: 23px 19px;
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 15px;
        border-radius: 19px;
    }

    .kc-seo-highlight-icon {
        width: 50px;
        height: 50px;
        border-radius: 14px;
    }

        .kc-seo-highlight-icon svg {
            width: 27px;
            height: 27px;
        }

    .kc-seo-highlight-content h3 {
        font-size: 17px;
    }

    .kc-seo-highlight-content p {
        font-size: 10px;
    }

    .kc-seo-highlight-button {
        grid-column: 1 / -1;
        width: 100%;
        min-height: 50px;
        justify-content: space-between;
    }


    /* Mobil FAQ */

    .kc-faq-column {
        margin-top: 38px;
    }

    .kc-faq-wrapper {
        position: static;
        padding: 24px 18px;
        border-radius: 19px;
    }

    .kc-faq-heading {
        margin-bottom: 20px;
    }

        .kc-faq-heading h2 {
            font-size: 29px;
        }

        .kc-faq-heading p {
            font-size: 11px;
        }

    .kc-faq-question {
        min-height: 69px;
        padding: 15px 0;
        grid-template-columns: 25px minmax(0, 1fr) 29px;
        gap: 8px;
    }

    .kc-faq-question-text {
        font-size: 12px;
    }

    .kc-faq-toggle {
        width: 29px;
        height: 29px;
    }

    .kc-faq-answer-inner {
        padding: 0 34px 18px 33px;
    }

    .kc-faq-answer p {
        font-size: 11px;
        line-height: 1.7;
    }

    .kc-faq-contact {
        padding: 15px;
    }
}


/* ==================================================
   ÇOK KÜÇÜK MOBİL
================================================== */

@media (max-width: 390px) {

    .kc-seo-container {
        width: calc(100% - 16px);
    }

    .kc-seo-text-card {
        padding: 22px 16px;
    }

    .kc-seo-benefits {
        grid-template-columns: 1fr;
    }

    .kc-faq-wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }

    .kc-faq-question {
        grid-template-columns: 22px minmax(0, 1fr) 27px;
    }
}


/* Hareket azaltma */

@media (prefers-reduced-motion: reduce) {

    .kc-scroll-reveal {
        opacity: 1;
        transform: none;
    }

    .kc-seo-text-card,
    .kc-faq-answer,
    .kc-faq-toggle {
        transition: none;
    }
}
/* ==================================================
   STANDART REFERANS GALERİSİ
================================================== */

.simple-gallery {
    padding: 100px 0;
    background: #f7f4ed;
}

.simple-gallery-container {
    width: min(calc(100% - 48px), 1380px);
    margin: 0 auto;
}


/* Başlık */

.simple-gallery-heading {
    max-width: 760px;
    margin-bottom: 45px;
}

.simple-gallery-label {
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    gap: 11px;
    color: #08745e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.8px;
    text-transform: uppercase;
}

    .simple-gallery-label span {
        width: 35px;
        height: 1px;
        background: #08745e;
    }

.simple-gallery-heading h2 {
    margin: 0 0 20px;
    color: #262824;
    font-size: clamp(42px, 5vw, 68px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -3.5px;
}

    .simple-gallery-heading h2 strong {
        display: block;
        color: #262824;
        font-weight: 800;
    }

.simple-gallery-heading p {
    margin: 0;
    color: #6f716b;
    font-size: 14px;
    line-height: 1.8;
}


/* Galeri */

.simple-gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.simple-gallery-item {
    display: block;
    overflow: hidden;
    background: #ffffff;
    border: 1px solid rgba(40, 40, 35, 0.08);
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(40, 38, 32, 0.05);
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

    .simple-gallery-item:hover {
        box-shadow: 0 22px 45px rgba(40, 38, 32, 0.11);
        transform: translateY(-7px);
    }

.simple-gallery-image {
    position: relative;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #ddd8ce;
}

    .simple-gallery-image::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient( 180deg, transparent 55%, rgba(25, 26, 23, 0.18) 100% );
    }

    .simple-gallery-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.7s ease;
    }

.simple-gallery-item:hover .simple-gallery-image img {
    transform: scale(1.07);
}

.simple-gallery-content {
    padding: 20px 21px;
}

    .simple-gallery-content h3 {
        margin: 0 0 6px;
        color: #292b27;
        font-size: 17px;
        font-weight: 800;
        line-height: 1.35;
    }

    .simple-gallery-content span {
        color: #08745e;
        font-size: 10px;
        font-weight: 800;
        letter-spacing: 0.8px;
        text-transform: uppercase;
    }


/* Alt buton */

.simple-gallery-bottom {
    margin-top: 35px;
    text-align: center;
}

    .simple-gallery-bottom a {
        min-height: 54px;
        padding: 0 23px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        background: #272925;
        border-radius: 14px;
        transition: background 0.35s ease, transform 0.35s ease;
    }

        .simple-gallery-bottom a:hover {
            background: #08745e;
            transform: translateY(-3px);
        }

    .simple-gallery-bottom svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


/* Görünme animasyonu */

.gallery-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s ease, transform 0.7s ease;
}

    .gallery-animate.gallery-visible {
        opacity: 1;
        transform: translateY(0);
    }

.simple-gallery-item:nth-child(2) {
    transition-delay: 0.06s;
}

.simple-gallery-item:nth-child(3) {
    transition-delay: 0.12s;
}

.simple-gallery-item:nth-child(5) {
    transition-delay: 0.06s;
}

.simple-gallery-item:nth-child(6) {
    transition-delay: 0.12s;
}


/* Tablet */

@media (max-width: 950px) {

    .simple-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* Mobil */

@media (max-width: 767px) {

    .simple-gallery {
        padding: 70px 0;
    }

    .simple-gallery-container {
        width: calc(100% - 22px);
    }

    .simple-gallery-heading {
        margin-bottom: 28px;
    }

    .simple-gallery-label {
        margin-bottom: 10px;
        font-size: 9px;
        letter-spacing: 1.5px;
    }

        .simple-gallery-label span {
            width: 28px;
        }

    .simple-gallery-heading h2 {
        margin-bottom: 15px;
        font-size: clamp(36px, 10vw, 47px);
        line-height: 1;
        letter-spacing: -2.4px;
    }

    .simple-gallery-heading p {
        font-size: 12px;
        line-height: 1.7;
    }

    /* Mobilde iki sütun */

    .simple-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .simple-gallery-item {
        border-radius: 15px;
    }

    .simple-gallery-image {
        aspect-ratio: 1 / 1;
    }

    .simple-gallery-content {
        min-height: 77px;
        padding: 13px 11px;
    }

        .simple-gallery-content h3 {
            margin-bottom: 4px;
            font-size: 12px;
            line-height: 1.35;
        }

        .simple-gallery-content span {
            font-size: 8px;
        }

    .simple-gallery-bottom {
        margin-top: 22px;
    }

        .simple-gallery-bottom a {
            width: 100%;
            min-height: 54px;
            justify-content: space-between;
        }
}


@media (max-width: 390px) {

    .simple-gallery-container {
        width: calc(100% - 16px);
    }

    .simple-gallery-grid {
        gap: 8px;
    }

    .simple-gallery-content {
        min-height: 72px;
        padding: 11px 9px;
    }

        .simple-gallery-content h3 {
            font-size: 11px;
        }
}


@media (prefers-reduced-motion: reduce) {

    .gallery-animate {
        opacity: 1;
        transform: none;
    }

    .simple-gallery-item,
    .simple-gallery-image img {
        transition: none;
    }
}
/* ==================================================
   SADE FOOTER
================================================== */

.kc-footer {
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background: linear-gradient( 135deg, #222420 0%, #2b2d29 100% );
}

    .kc-footer::before {
        content: "";
        position: absolute;
        top: -170px;
        right: -170px;
        width: 360px;
        height: 360px;
        pointer-events: none;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 50%;
    }

    .kc-footer::after {
        content: "";
        position: absolute;
        top: -110px;
        right: -110px;
        width: 240px;
        height: 240px;
        pointer-events: none;
        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 50%;
    }

.kc-footer-container {
    position: relative;
    z-index: 2;
    width: min(calc(100% - 48px), 1380px);
    margin: 0 auto;
}


/* Ana alan */

.kc-footer-main {
    min-height: 245px;
    padding: 65px 0;
    display: grid;
    grid-template-columns: minmax(260px, 1.4fr) repeat(3, minmax(180px, 1fr));
    align-items: center;
    gap: 35px;
}


/* Logo alanı */

.kc-footer-brand {
    max-width: 350px;
}

.kc-footer-logo {
    display: inline-block;
    margin-bottom: 20px;
}

    .kc-footer-logo img {
        width: 175px;
        height: auto;
        /* Logo beyaz arka planlıysa bu satırı kaldırabilirsiniz */
        filter: brightness(0) invert(1);
    }

.kc-footer-brand p {
    margin: 0;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    line-height: 1.8;
}


/* İletişim alanları */

.kc-footer-contact {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 14px;
    color: #ffffff;
    transition: transform 0.3s ease, color 0.3s ease;
}

a.kc-footer-contact:hover {
    color: #b9d9d0;
    transform: translateY(-3px);
}

.kc-footer-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: 14px;
}

    .kc-footer-icon svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-footer-contact-text {
    min-width: 0;
}

    .kc-footer-contact-text small,
    .kc-footer-contact-text strong {
        display: block;
    }

    .kc-footer-contact-text small {
        margin-bottom: 5px;
        color: #83b8a9;
        font-size: 9px;
        font-weight: 800;
        letter-spacing: 1.2px;
        text-transform: uppercase;
    }

    .kc-footer-contact-text strong {
        color: inherit;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }


/* Alt alan */

.kc-footer-bottom {
    min-height: 72px;
    padding: 18px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

    .kc-footer-bottom p {
        margin: 0;
        color: rgba(255, 255, 255, 0.45);
        font-size: 10px;
    }

.kc-footer-links {
    display: flex;
    align-items: center;
    gap: 22px;
}

    .kc-footer-links a {
        color: rgba(255, 255, 255, 0.52);
        font-size: 10px;
        transition: color 0.3s ease;
    }

        .kc-footer-links a:hover {
            color: #ffffff;
        }


/* ==================================================
   TABLET
================================================== */

@media (max-width: 1050px) {

    .kc-footer-main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kc-footer-brand {
        max-width: 440px;
    }
}


/* ==================================================
   MOBİL
================================================== */

@media (max-width: 650px) {

    .kc-footer-container {
        width: calc(100% - 28px);
    }

    .kc-footer-main {
        min-height: 0;
        padding: 48px 0 35px;
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .kc-footer-brand {
        max-width: 100%;
        margin-bottom: 15px;
    }

    .kc-footer-logo {
        margin-bottom: 15px;
    }

        .kc-footer-logo img {
            width: 145px;
        }

    .kc-footer-brand p {
        max-width: 410px;
        font-size: 11px;
        line-height: 1.7;
    }

    .kc-footer-contact {
        min-height: 69px;
        padding: 10px 12px;
        background: rgba(255, 255, 255, 0.045);
        border: 1px solid rgba(255, 255, 255, 0.07);
        border-radius: 15px;
    }

    .kc-footer-icon {
        width: 43px;
        height: 43px;
        border-radius: 12px;
    }

        .kc-footer-icon svg {
            width: 19px;
            height: 19px;
        }

    .kc-footer-contact-text small {
        font-size: 8px;
    }

    .kc-footer-contact-text strong {
        font-size: 11px;
    }

    .kc-footer-bottom {
        min-height: 0;
        padding: 22px 0 25px;
        display: block;
        text-align: center;
    }

        .kc-footer-bottom p {
            margin-bottom: 14px;
            font-size: 9px;
        }

    .kc-footer-links {
        justify-content: center;
        gap: 18px;
    }

        .kc-footer-links a {
            font-size: 9px;
        }
}

/* ==================================================
   MOBİL SABİT İLETİŞİM BUTONLARI
================================================== */

.kc-mobile-contact-bar {
    display: none;
}

@media (max-width: 767px) {

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

    .kc-mobile-contact-bar {
        position: fixed;
        z-index: 9998;
        right: 10px;
        bottom: calc(10px + env(safe-area-inset-bottom));
        left: 10px;
        height: 68px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        overflow: hidden;
        background: rgba(255, 255, 255, 0.92);
        border: 1px solid rgba(35, 37, 33, 0.10);
        border-radius: 19px;
        box-shadow: 0 18px 45px rgba(29, 31, 27, 0.22), 0 4px 12px rgba(29, 31, 27, 0.08);
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        animation: kcContactBarShow 0.65s cubic-bezier(.2, .8, .2, 1);
    }

    .kc-mobile-contact-btn {
        position: relative;
        min-width: 0;
        padding: 0 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 11px;
        transition: transform 0.25s ease, background 0.25s ease;
    }

        .kc-mobile-contact-btn:active {
            transform: scale(0.97);
        }


    /* Telefon butonu */

    .kc-mobile-call {
        color: #272925;
        background: linear-gradient( 135deg, #f8f5ed 0%, #eee9dd 100% );
    }

        .kc-mobile-call::after {
            content: "";
            position: absolute;
            top: 15px;
            right: 0;
            bottom: 15px;
            width: 1px;
            background: rgba(39, 41, 37, 0.11);
        }


    /* WhatsApp butonu */

    .kc-mobile-whatsapp {
        color: #ffffff;
        background: linear-gradient( 135deg, #08745e 0%, #045746 100% );
    }


    /* İkon */

    .kc-mobile-contact-icon {
        flex: 0 0 auto;
        width: 38px;
        height: 38px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 12px;
    }

    .kc-mobile-call .kc-mobile-contact-icon {
        color: #272925;
        background: rgba(255, 255, 255, 0.72);
        border: 1px solid rgba(39, 41, 37, 0.08);
    }

    .kc-mobile-whatsapp .kc-mobile-contact-icon {
        color: #ffffff;
        background: rgba(255, 255, 255, 0.12);
        border: 1px solid rgba(255, 255, 255, 0.15);
    }

    .kc-mobile-contact-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


    /* Yazılar */

    .kc-mobile-contact-text {
        min-width: 0;
    }

        .kc-mobile-contact-text small,
        .kc-mobile-contact-text strong {
            display: block;
            white-space: nowrap;
        }

        .kc-mobile-contact-text small {
            margin-bottom: 2px;
            font-size: 8px;
            font-weight: 700;
            line-height: 1;
            letter-spacing: 0.8px;
            text-transform: uppercase;
        }

        .kc-mobile-contact-text strong {
            font-size: 12px;
            font-weight: 800;
            line-height: 1.2;
        }

    .kc-mobile-call small {
        color: #8a877f;
    }

    .kc-mobile-call strong {
        color: #272925;
    }

    .kc-mobile-whatsapp small {
        color: rgba(255, 255, 255, 0.65);
    }

    .kc-mobile-whatsapp strong {
        color: #ffffff;
    }


    /* WhatsApp çevrim içi noktası */

    .kc-whatsapp-status {
        position: absolute;
        top: 13px;
        right: 13px;
        width: 7px;
        height: 7px;
        background: #6de9a1;
        border: 2px solid #075d4a;
        border-radius: 50%;
        box-shadow: 0 0 0 4px rgba(109, 233, 161, 0.12);
    }


    @keyframes kcContactBarShow {

        from {
            opacity: 0;
            transform: translateY(30px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }
}


/* Çok küçük telefonlar */

@media (max-width: 370px) {

    .kc-mobile-contact-bar {
        right: 7px;
        left: 7px;
        height: 64px;
    }

    .kc-mobile-contact-btn {
        padding: 0 10px;
        gap: 8px;
    }

    .kc-mobile-contact-icon {
        width: 34px;
        height: 34px;
    }

        .kc-mobile-contact-icon svg {
            width: 18px;
            height: 18px;
        }

    .kc-mobile-contact-text strong {
        font-size: 11px;
    }

    .kc-mobile-contact-text small {
        font-size: 7px;
    }
}


@media (prefers-reduced-motion: reduce) {

    .kc-mobile-contact-bar {
        animation: none;
    }

    .kc-mobile-contact-btn {
        transition: none;
    }
}
/* ==================================================
   SLIDER HAREKET EFEKTLERİ
================================================== */

/* Slider görseli başlangıç durumu */
.hero-slide::before {
    transform: scale(1.10) translate3d(0, 0, 0);
    filter: saturate(0.94) contrast(1.02);
    will-change: transform, filter;
}

/* Aktif slider görselinde yavaş kamera hareketi */
.hero-slide.is-active::before {
    animation: kcHeroImageMove 6.5s ease-out forwards;
}

@keyframes kcHeroImageMove {

    0% {
        transform: scale(1.10) translate3d(0, 0, 0);
        filter: saturate(0.92) contrast(1.01);
    }

    100% {
        transform: scale(1.025) translate3d(-0.6%, 0, 0);
        filter: saturate(1) contrast(1.03);
    }
}


/* ==================================================
   SLIDER YAZILARI
================================================== */

.hero-slide .hero-eyebrow,
.hero-slide .hero-content h1,
.hero-slide .hero-content h2,
.hero-slide .hero-content p,
.hero-slide .hero-buttons,
.hero-slide .hero-info-card {
    opacity: 0;
    will-change: opacity, transform;
}

.hero-slide .hero-eyebrow {
    transform: translateY(18px);
}

.hero-slide .hero-content h1,
.hero-slide .hero-content h2 {
    transform: translateY(34px);
}

.hero-slide .hero-content p {
    transform: translateY(25px);
}

.hero-slide .hero-buttons {
    transform: translateY(22px);
}


/* Aktif slide içerik animasyonları */

.hero-slide.is-active .hero-eyebrow {
    animation: kcHeroContentShow 0.65s 0.15s ease forwards;
}

.hero-slide.is-active .hero-content h1,
.hero-slide.is-active .hero-content h2 {
    animation: kcHeroTitleShow 0.85s 0.28s cubic-bezier(.2, .8, .2, 1) forwards;
}

.hero-slide.is-active .hero-content p {
    animation: kcHeroContentShow 0.75s 0.48s ease forwards;
}

.hero-slide.is-active .hero-buttons {
    animation: kcHeroContentShow 0.75s 0.65s ease forwards;
}

@keyframes kcHeroContentShow {

    from {
        opacity: 0;
        transform: translateY(25px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes kcHeroTitleShow {

    from {
        opacity: 0;
        transform: translateY(38px);
        letter-spacing: -2px;
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* ==================================================
   BİLGİ KARTI HAREKETİ
================================================== */

.hero-slide.is-active .hero-info-card {
    animation: kcHeroCardShow 0.8s 0.85s cubic-bezier(.2, .8, .2, 1) forwards, kcHeroCardFloat 4s 1.7s ease-in-out infinite;
}

@keyframes kcHeroCardShow {

    from {
        opacity: 0;
        transform: translateX(35px) translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateX(0) translateY(0);
    }
}

@keyframes kcHeroCardFloat {

    0%, 100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}


/* ==================================================
   BUTON HAREKETLERİ
================================================== */

.hero-buttons .button {
    position: relative;
    overflow: hidden;
}

    .hero-buttons .button::before {
        content: "";
        position: absolute;
        top: -40%;
        left: -70%;
        width: 45%;
        height: 180%;
        pointer-events: none;
        background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.25), transparent );
        transform: rotate(20deg);
        transition: left 0.75s ease;
    }

    .hero-buttons .button:hover::before {
        left: 130%;
    }

    .hero-buttons .button svg {
        transition: transform 0.3s ease;
    }

    .hero-buttons .button:hover svg {
        transform: translateX(4px);
    }


/* Birinci ve ikinci buton sırayla gelsin */

.hero-slide.is-active .hero-buttons .button {
    animation: kcHeroButtonShow 0.6s ease both;
}

    .hero-slide.is-active .hero-buttons .button:first-child {
        animation-delay: 0.68s;
    }

    .hero-slide.is-active .hero-buttons .button:nth-child(2) {
        animation-delay: 0.80s;
    }

@keyframes kcHeroButtonShow {

    from {
        opacity: 0;
        transform: translateY(15px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}


/* ==================================================
   SLIDER NOKTALARI VE OKLAR
================================================== */

.slider-dot.active {
    animation: kcSliderDotPulse 2s ease-in-out infinite;
}

@keyframes kcSliderDotPulse {

    0%, 100% {
        box-shadow: 0 0 0 0 rgba(0, 117, 92, 0);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(0, 117, 92, 0.10);
    }
}

.slider-arrow svg {
    transition: transform 0.3s ease;
}

#sliderPrev:hover svg {
    transform: translateX(-3px);
}

#sliderNext:hover svg {
    transform: translateX(3px);
}


/* ==================================================
   MOBİL DÜZENLEME
================================================== */

@media (max-width: 767px) {

    .hero-slide.is-active::before {
        animation-duration: 7.5s;
    }

    .hero-slide.is-active .hero-content h1,
    .hero-slide.is-active .hero-content h2 {
        animation-duration: 0.7s;
    }

    .hero-slide.is-active .hero-buttons {
        animation-delay: 0.55s;
    }

    .hero-buttons .button:hover::before {
        display: none;
    }
}


/* Hareket azaltma tercihi */

@media (prefers-reduced-motion: reduce) {

    .hero-slide::before,
    .hero-slide.is-active::before,
    .hero-slide .hero-eyebrow,
    .hero-slide .hero-content h1,
    .hero-slide .hero-content h2,
    .hero-slide .hero-content p,
    .hero-slide .hero-buttons,
    .hero-slide .hero-info-card,
    .hero-slide.is-active .hero-buttons .button,
    .slider-dot.active {
        opacity: 1;
        animation: none;
        transform: none;
    }
}

/* =========================================================
   GENEL
========================================================= */

.kc-about-page {
    --kc-green: #00775c;
    --kc-dark: #07382e;
    --kc-deep: #052d26;
    --kc-text: #65736f;
    --kc-light: #f3f7f5;
    --kc-border: #dfe8e5;
    width: 100%;
    overflow: hidden;
    background: #fff;
}

.kc-container {
    width: calc(100% - 40px);
    max-width: 1420px;
    margin: 0 auto;
}


/* =========================================================
   SAYFA BAŞLIĞI
========================================================= */

.kc-page-head {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: linear-gradient( 90deg, rgba(243, 248, 246, 1) 0%, rgba(243, 248, 246, .98) 42%, rgba(243, 248, 246, .75) 70%, rgba(243, 248, 246, .30) 100% );
}

.kc-page-head-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url('/img/kilcadirbg1.png');
    background-size: cover;
    background-position: center 55%;
}

.kc-page-head::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient( 90deg, #f6f8f6 0%, rgba(246,248,246,.97) 35%, rgba(246,248,246,.83) 55%, rgba(246,248,246,.20) 100% );
}

.kc-page-head-inner {
    position: relative;
    z-index: 3;
    padding: 65px 0;
}

.kc-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 43px;
    font-size: 12px;
}

    .kc-breadcrumb a {
        color: #778480;
        text-decoration: none;
        transition: .25s;
    }

        .kc-breadcrumb a:hover {
            color: var(--kc-green);
        }

    .kc-breadcrumb span {
        display: flex;
        align-items: center;
    }

    .kc-breadcrumb svg {
        width: 13px;
        height: 13px;
        fill: none;
        stroke: #9aa5a2;
        stroke-width: 2;
    }

    .kc-breadcrumb strong {
        color: var(--kc-green);
        font-weight: 600;
    }

.kc-page-head-title {
    max-width: 720px;
}

.kc-small-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
    color: var(--kc-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2.2px;
}

    .kc-small-title i {
        display: inline-block;
        width: 35px;
        height: 2px;
        background: var(--kc-green);
    }

.kc-page-head-title h1 {
    margin: 0 0 20px;
    color: #07352c;
    font-size: clamp(45px, 4.4vw, 70px);
    line-height: 1.03;
    letter-spacing: -3px;
    font-weight: 650;
}

    .kc-page-head-title h1 span {
        color: var(--kc-green);
    }

.kc-page-head-title p {
    max-width: 630px;
    margin: 0;
    color: #65736f;
    font-size: 16px;
    line-height: 1.8;
}

.kc-page-head-line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30%;
    height: 4px;
    background: var(--kc-green);
    z-index: 4;
}


/* =========================================================
   ANA HAKKIMIZDA
========================================================= */

.kc-about-main {
    padding: 120px 0;
    background: #fff;
}

.kc-about-grid {
    display: grid;
    grid-template-columns: 1.02fr .98fr;
    gap: 100px;
    align-items: center;
}


/* =========================================================
   GÖRSELLER
========================================================= */

.kc-about-images {
    position: relative;
    min-height: 660px;
}

.kc-about-img-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 84%;
    height: 580px;
    overflow: hidden;
    border-radius: 3px 60px 3px 3px;
}

    .kc-about-img-main img,
    .kc-about-img-small img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block;
    }

    .kc-about-img-main img {
        transition: transform .8s ease;
    }

    .kc-about-img-main:hover img {
        transform: scale(1.035);
    }

.kc-about-img-small {
    position: absolute;
    width: 43%;
    height: 270px;
    right: 0;
    bottom: 0;
    border: 10px solid #fff;
    overflow: hidden;
    z-index: 4;
    box-shadow: 0 15px 45px rgba(0,0,0,.10);
}

.kc-img-tag {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 22px 30px;
    min-width: 210px;
    background: rgba(0, 105, 80, .94);
    color: white;
}

    .kc-img-tag span {
        display: block;
        font-size: 11px;
        opacity: .76;
        margin-bottom: 3px;
    }

    .kc-img-tag strong {
        font-size: 17px;
        font-weight: 600;
    }

.kc-about-decoration {
    position: absolute;
    left: -25px;
    top: 55px;
    width: 120px;
    height: 120px;
    border-left: 1px solid rgba(0,119,92,.28);
    border-top: 1px solid rgba(0,119,92,.28);
    z-index: 0;
}


/* =========================================================
   İÇERİK
========================================================= */

.kc-section-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--kc-green);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
}

    .kc-section-label > span {
        display: block;
        width: 36px;
        height: 2px;
        background: var(--kc-green);
    }

.kc-about-content h2 {
    margin: 0 0 26px;
    color: #0a352d;
    font-size: clamp(39px, 3.2vw, 54px);
    line-height: 1.1;
    letter-spacing: -2px;
    font-weight: 600;
}

    .kc-about-content h2 strong {
        color: var(--kc-green);
        font-weight: 600;
    }

.kc-about-lead {
    margin: 0 0 17px;
    color: #435a54;
    font-size: 18px;
    line-height: 1.75;
}

.kc-about-desc {
    margin: 0 0 14px;
    color: #74817d;
    font-size: 14px;
    line-height: 1.9;
}


/* =========================================================
   AVANTAJ
========================================================= */

.kc-about-points {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding-top: 29px;
    margin-top: 26px;
    border-top: 1px solid var(--kc-border);
}

.kc-about-point {
    display: flex;
    align-items: center;
    gap: 13px;
}

.kc-point-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #edf7f4;
}

    .kc-point-icon svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: var(--kc-green);
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-about-point strong {
    display: block;
    color: #193e35;
    font-size: 14px;
    font-weight: 650;
    margin-bottom: 3px;
}

.kc-about-point span {
    color: #899591;
    font-size: 11px;
    line-height: 1.5;
}


/* =========================================================
   BUTON
========================================================= */

.kc-about-bottom {
    display: flex;
    align-items: center;
    gap: 27px;
    margin-top: 37px;
}

.kc-main-btn {
    height: 58px;
    padding: 0 24px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    border-radius: 9px;
    background: var(--kc-green);
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    font-weight: 650;
    transition: .3s ease;
}

    .kc-main-btn svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: transform .3s ease;
    }

    .kc-main-btn:hover {
        background: #005e49;
        transform: translateY(-2px);
    }

        .kc-main-btn:hover svg {
            transform: translateX(4px);
        }

.kc-about-note {
    padding-left: 20px;
    border-left: 1px solid #dce5e2;
}

    .kc-about-note span {
        display: block;
        color: #98a39f;
        font-size: 10px;
    }

    .kc-about-note strong {
        display: block;
        margin-top: 2px;
        color: #335048;
        font-size: 11px;
        font-weight: 600;
    }


/* =========================================================
   SAYILAR
========================================================= */

.kc-stats {
    background: #073c32;
    padding: 62px 0;
}

.kc-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.kc-stat {
    position: relative;
    text-align: center;
    padding: 5px 20px;
}

    .kc-stat:not(:last-child)::after {
        content: "";
        position: absolute;
        right: 0;
        top: 10%;
        width: 1px;
        height: 80%;
        background: rgba(255,255,255,.12);
    }

    .kc-stat strong {
        display: block;
        color: #fff;
        font-size: 45px;
        line-height: 1;
        letter-spacing: -2px;
        font-weight: 600;
    }

    .kc-stat p {
        margin: 11px 0 0;
        color: rgba(255,255,255,.64);
        font-size: 12px;
    }


/* =========================================================
   DEĞERLER
========================================================= */

.kc-values {
    padding: 115px 0 125px;
    background: #f7f9f8;
}

.kc-values-title {
    max-width: 750px;
    margin: 0 auto 55px;
    text-align: center;
}

.kc-center-label {
    justify-content: center;
}

.kc-values-title h2 {
    margin: 0;
    color: #0a352d;
    font-size: clamp(37px, 3vw, 50px);
    line-height: 1.1;
    letter-spacing: -1.8px;
    font-weight: 600;
}

    .kc-values-title h2 strong {
        color: var(--kc-green);
        font-weight: 600;
    }

.kc-values-title > p {
    max-width: 580px;
    margin: 20px auto 0;
    color: #76827f;
    font-size: 14px;
    line-height: 1.8;
}

.kc-values-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.kc-value-card {
    position: relative;
    min-height: 300px;
    padding: 42px 38px;
    background: #fff;
    border: 1px solid #e6ecea;
    overflow: hidden;
    transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

    .kc-value-card:hover {
        transform: translateY(-7px);
        border-color: rgba(0,119,92,.20);
        box-shadow: 0 25px 55px rgba(7,56,46,.08);
    }

.kc-value-number {
    position: absolute;
    right: 25px;
    top: 21px;
    color: #edf2f0;
    font-size: 53px;
    line-height: 1;
    font-weight: 700;
}

.kc-value-icon {
    position: relative;
    z-index: 2;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
    border-radius: 50%;
    background: #edf7f4;
}

    .kc-value-icon svg {
        width: 24px;
        height: 24px;
        fill: none;
        stroke: var(--kc-green);
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-value-card h3 {
    position: relative;
    margin: 0 0 12px;
    color: #173c34;
    font-size: 20px;
    font-weight: 600;
}

.kc-value-card p {
    margin: 0;
    color: #798581;
    font-size: 13px;
    line-height: 1.8;
}


/* =========================================================
   ANİMASYON
========================================================= */

.kc-reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}

    .kc-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .kc-about-grid {
        gap: 60px;
    }

    .kc-about-images {
        min-height: 570px;
    }

    .kc-about-img-main {
        height: 500px;
    }

    .kc-about-img-small {
        height: 220px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 820px) {

    .kc-container {
        width: calc(100% - 30px);
    }


    /* ÜST */

    .kc-page-head {
        min-height: 350px;
    }

        .kc-page-head::after {
            background: rgba(247,249,248,.90);
        }

    .kc-page-head-inner {
        padding: 50px 0;
    }

    .kc-breadcrumb {
        margin-bottom: 32px;
    }

    .kc-page-head-title h1 {
        font-size: 44px;
        letter-spacing: -2px;
    }

    .kc-page-head-title p {
        font-size: 14px;
    }


    /* ABOUT */

    .kc-about-main {
        padding: 75px 0;
    }

    .kc-about-grid {
        grid-template-columns: 1fr;
        gap: 65px;
    }

    .kc-about-images {
        min-height: 560px;
    }

    .kc-about-img-main {
        width: 88%;
        height: 480px;
    }

    .kc-about-img-small {
        width: 43%;
        height: 210px;
    }


    /* STATS */

    .kc-stats-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .kc-stat {
        padding: 25px 15px;
    }

        .kc-stat:nth-child(2)::after {
            display: none;
        }

        .kc-stat:nth-child(-n+2) {
            border-bottom: 1px solid rgba(255,255,255,.1);
        }


    /* VALUES */

    .kc-values {
        padding: 80px 0;
    }

    .kc-values-grid {
        grid-template-columns: 1fr;
    }
}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 560px) {

    .kc-container {
        width: calc(100% - 26px);
    }

    .kc-page-head {
        min-height: 320px;
    }

    .kc-page-head-title h1 {
        font-size: 37px;
        line-height: 1.08;
    }

    .kc-page-head-title p {
        line-height: 1.7;
    }


    /* FOTOĞRAF */

    .kc-about-images {
        min-height: 450px;
    }

    .kc-about-img-main {
        width: 92%;
        height: 390px;
        border-radius: 3px 35px 3px 3px;
    }

    .kc-about-img-small {
        width: 46%;
        height: 165px;
        border-width: 6px;
    }

    .kc-img-tag {
        padding: 17px 20px;
        min-width: 170px;
    }


    /* CONTENT */

    .kc-about-content h2 {
        font-size: 35px;
        letter-spacing: -1.3px;
    }

    .kc-about-lead {
        font-size: 16px;
    }

    .kc-about-points {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .kc-about-bottom {
        flex-direction: column;
        align-items: stretch;
    }

    .kc-main-btn {
        width: 100%;
    }

    .kc-about-note {
        border-left: 0;
        padding-left: 0;
    }


    /* SAYILAR */

    .kc-stat strong {
        font-size: 36px;
    }


    /* VALUES */

    .kc-values-title h2 {
        font-size: 34px;
    }

    .kc-value-card {
        min-height: auto;
        padding: 35px 28px;
    }
}
/* =========================================================
   İLETİŞİM SAYFASI
========================================================= */

.kc-contact-page {
    --kc-green: #00775c;
    --kc-dark: #07382e;
    --kc-deep: #052d26;
    --kc-text: #65736f;
    --kc-light: #f4f8f6;
    --kc-border: #e0e9e6;
    background: #fff;
}


/* =========================================================
   İLETİŞİM ANA ALAN
========================================================= */

.kc-contact-main {
    padding: 115px 0;
    background: #fff;
}

.kc-contact-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 95px;
    align-items: start;
}


/* SOL */

.kc-contact-info h2 {
    max-width: 560px;
    margin: 0 0 24px;
    color: var(--kc-dark);
    font-size: clamp(39px, 3.3vw, 54px);
    line-height: 1.08;
    letter-spacing: -2px;
    font-weight: 600;
}

    .kc-contact-info h2 strong {
        display: block;
        color: var(--kc-green);
        font-weight: 600;
    }

.kc-contact-intro {
    max-width: 590px;
    margin: 0 0 40px;
    color: #71807c;
    font-size: 15px;
    line-height: 1.85;
}


/* =========================================================
   İLETİŞİM SATIRLARI
========================================================= */

.kc-contact-item {
    position: relative;
    display: flex;
    align-items: center;
    gap: 18px;
    min-height: 93px;
    padding: 20px 15px 20px 0;
    border-bottom: 1px solid var(--kc-border);
    text-decoration: none;
    transition: padding-left .3s ease, background .3s ease;
}

a.kc-contact-item:hover {
    padding-left: 12px;
}

.kc-contact-icon {
    width: 55px;
    height: 55px;
    min-width: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf7f4;
    border-radius: 50%;
}

    .kc-contact-icon svg {
        width: 23px;
        height: 23px;
        fill: none;
        stroke: var(--kc-green);
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-contact-item-content {
    flex: 1;
}

    .kc-contact-item-content span {
        display: block;
        margin-bottom: 5px;
        color: #99a5a1;
        font-size: 11px;
        font-weight: 500;
    }

    .kc-contact-item-content strong {
        display: block;
        color: #183d35;
        font-size: 16px;
        line-height: 1.55;
        font-weight: 600;
    }

.kc-contact-arrow {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .kc-contact-arrow svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: #8b9995;
        stroke-width: 1.8;
        transition: .3s ease;
    }

.kc-contact-item:hover .kc-contact-arrow svg {
    stroke: var(--kc-green);
    transform: translateX(4px);
}


/* =========================================================
   WHATSAPP
========================================================= */

.kc-whatsapp-btn {
    width: 100%;
    margin-top: 30px;
    min-height: 78px;
    padding: 15px 22px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 11px;
    background: #073c32;
    color: #fff;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease;
}

    .kc-whatsapp-btn:hover {
        background: #006d54;
        transform: translateY(-3px);
    }

    .kc-whatsapp-btn > svg {
        width: 30px;
        height: 30px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.6;
    }

    .kc-whatsapp-btn span {
        display: block;
        font-size: 14px;
        font-weight: 600;
    }

    .kc-whatsapp-btn small {
        display: block;
        margin-bottom: 2px;
        color: rgba(255,255,255,.58);
        font-size: 10px;
        font-weight: 400;
    }


/* =========================================================
   FORM KUTUSU
========================================================= */

.kc-contact-form-box {
    position: relative;
    padding: 52px;
    background: #f5f8f7;
    border-radius: 3px 38px 3px 3px;
    border: 1px solid #edf1f0;
}

    .kc-contact-form-box::before {
        content: "";
        position: absolute;
        width: 75px;
        height: 75px;
        right: -1px;
        top: -1px;
        border-right: 3px solid var(--kc-green);
        border-top: 3px solid var(--kc-green);
        border-radius: 0 38px 0 0;
        opacity: .65;
    }

.kc-form-top {
    margin-bottom: 34px;
}

    .kc-form-top > span {
        display: block;
        margin-bottom: 12px;
        color: var(--kc-green);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 2px;
    }

    .kc-form-top h3 {
        margin: 0;
        color: #123a31;
        font-size: 34px;
        line-height: 1.15;
        font-weight: 600;
        letter-spacing: -1.2px;
    }

        .kc-form-top h3 strong {
            color: var(--kc-green);
            font-weight: 600;
        }

    .kc-form-top p {
        max-width: 540px;
        margin: 15px 0 0;
        color: #7d8a86;
        font-size: 13px;
        line-height: 1.75;
    }


/* =========================================================
   FORM
========================================================= */

.kc-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.kc-form-group {
    margin-bottom: 20px;
}

    .kc-form-group label {
        display: block;
        margin-bottom: 8px;
        color: #435b54;
        font-size: 11px;
        font-weight: 600;
    }

    .kc-form-group input,
    .kc-form-group select,
    .kc-form-group textarea {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid #dce5e2;
        border-radius: 7px;
        outline: none;
        background: #fff;
        color: #263f39;
        font-family: inherit;
        font-size: 13px;
        transition: border-color .25s ease, box-shadow .25s ease;
    }

    .kc-form-group input,
    .kc-form-group select {
        height: 54px;
        padding: 0 16px;
    }

    .kc-form-group textarea {
        resize: vertical;
        min-height: 145px;
        padding: 16px;
    }

        .kc-form-group input:focus,
        .kc-form-group select:focus,
        .kc-form-group textarea:focus {
            border-color: var(--kc-green);
            box-shadow: 0 0 0 3px rgba(0,119,92,.06);
        }

        .kc-form-group input::placeholder,
        .kc-form-group textarea::placeholder {
            color: #a8b1ae;
        }


/* BUTTON */

.kc-form-button {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    cursor: pointer;
    background: var(--kc-green);
    color: #fff;
    font-family: inherit;
    font-size: 13px;
    font-weight: 650;
    transition: transform .3s ease, background .3s ease;
}

    .kc-form-button:hover {
        background: #005f49;
        transform: translateY(-2px);
    }

    .kc-form-button svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: transform .3s ease;
    }

    .kc-form-button:hover svg {
        transform: translateX(5px);
    }


/* FORM MESAJ */

.kc-form-message {
    display: none;
    margin-top: 15px;
    padding: 12px 15px;
    border-radius: 6px;
    font-size: 12px;
}

    .kc-form-message.error {
        display: block;
        background: #fff0f0;
        color: #a83232;
        border: 1px solid #f1d0d0;
    }

    .kc-form-message.success {
        display: block;
        background: #edf8f4;
        color: var(--kc-green);
        border: 1px solid #cce6de;
    }


/* =========================================================
   HARİTA
========================================================= */

.kc-contact-map {
    padding: 100px 0 115px;
    background: #f7f9f8;
}

.kc-map-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 40px;
    margin-bottom: 35px;
}

    .kc-map-head h2 {
        margin: 0;
        color: var(--kc-dark);
        font-size: 42px;
        line-height: 1.1;
        font-weight: 600;
        letter-spacing: -1.5px;
    }

        .kc-map-head h2 strong {
            color: var(--kc-green);
            font-weight: 600;
        }

    .kc-map-head > p {
        max-width: 450px;
        margin: 0;
        color: #798682;
        text-align: right;
        font-size: 13px;
        line-height: 1.7;
    }


/* MAP */

.kc-map-box {
    position: relative;
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 3px 35px 3px 3px;
    background: #ddd;
}

    .kc-map-box iframe {
        width: 100%;
        height: 100%;
        display: block;
        filter: saturate(.80) contrast(.96);
    }


/* HARİTA ÜSTÜ TELEFON */

.kc-map-contact {
    position: absolute;
    left: 25px;
    bottom: 25px;
    min-width: 245px;
    padding: 18px 22px;
    background: #073c32;
    color: #fff;
    box-shadow: 0 15px 40px rgba(0,0,0,.16);
}

    .kc-map-contact span {
        display: block;
        margin-bottom: 4px;
        color: rgba(255,255,255,.62);
        font-size: 10px;
    }

    .kc-map-contact a {
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-decoration: none;
    }


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .kc-contact-grid {
        gap: 55px;
    }

    .kc-contact-form-box {
        padding: 40px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 820px) {

    .kc-contact-main {
        padding: 75px 0;
    }

    .kc-contact-grid {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .kc-contact-info h2 {
        font-size: 39px;
    }

    .kc-contact-form-box {
        padding: 40px 30px;
        border-radius: 3px 30px 3px 3px;
    }

    .kc-contact-map {
        padding: 75px 0;
    }

    .kc-map-head {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

        .kc-map-head > p {
            text-align: left;
        }
}


/* =========================================================
   TELEFON
========================================================= */

@media (max-width: 560px) {

    .kc-contact-main {
        padding: 60px 0;
    }

    .kc-contact-info h2 {
        font-size: 34px;
        letter-spacing: -1.2px;
    }

    .kc-contact-intro {
        font-size: 14px;
    }

    .kc-contact-item {
        min-height: 86px;
    }

    .kc-contact-icon {
        width: 48px;
        height: 48px;
        min-width: 48px;
    }

    .kc-contact-item-content strong {
        font-size: 14px;
    }


    /* FORM */

    .kc-contact-form-box {
        padding: 32px 20px;
    }

    .kc-form-top h3 {
        font-size: 29px;
    }

    .kc-form-row {
        grid-template-columns: 1fr;
        gap: 0;
    }


    /* MAP */

    .kc-contact-map {
        padding: 60px 0;
    }

    .kc-map-head h2 {
        font-size: 34px;
    }

    .kc-map-box {
        height: 430px;
        border-radius: 3px 25px 3px 3px;
    }

    .kc-map-contact {
        left: 15px;
        right: 15px;
        bottom: 15px;
        min-width: 0;
    }
}
/* =========================================================
   PROJELER SAYFASI - FINAL CSS
========================================================= */

.kc-projects-page {
    --kc-green: #00775c;
    --kc-dark: #07382e;
    --kc-border: #e4ebe8;
    width: 100%;
    background: #fff;
}


/* =========================================================
   GALERİ
========================================================= */

.kc-project-gallery {
    padding: 100px 0 120px;
    background: #fff;
}

.kc-project-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}


/* =========================================================
   PROJE GÖRSELİ
========================================================= */

.kc-project-item {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #f2f4f3;
    border-radius: 5px;
    cursor: zoom-in;
    text-decoration: none;
}

    .kc-project-item img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: cover;
        object-position: center;
        transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .4s ease;
    }


    /* HOVER KARARTMA */

    .kc-project-item::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 35%, rgba(0, 45, 34, .28) 100% );
        opacity: 0;
        transition: opacity .35s ease;
        pointer-events: none;
    }


    /* BÜYÜTME İKONU */

    .kc-project-item::before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 52px;
        height: 52px;
        z-index: 3;
        border-radius: 50%;
        background: rgba(0,119,92,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-4-4'/%3E%3Cpath d='M11 8v6'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E") center / 22px no-repeat;
        transform: translate(-50%, -40%) scale(.75);
        opacity: 0;
        transition: opacity .3s ease, transform .3s ease;
        pointer-events: none;
        box-shadow: 0 12px 30px rgba(0, 70, 53, .22);
    }


    /* HOVER */

    .kc-project-item:hover img {
        transform: scale(1.055);
    }

    .kc-project-item:hover::after {
        opacity: 1;
    }

    .kc-project-item:hover::before {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }


/* =========================================================
   LIGHTBOX
========================================================= */

.kc-lightbox {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    background: rgba(3, 19, 16, .96);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    transition: opacity .3s ease, visibility .3s ease;
}

    .kc-lightbox.active {
        visibility: visible;
        opacity: 1;
    }


/* =========================================================
   LIGHTBOX RESİM
========================================================= */

.kc-lightbox-content {
    width: calc(100% - 180px);
    height: calc(100vh - 100px);
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

    .kc-lightbox-content img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        opacity: 0;
        transform: scale(.95);
        border-radius: 3px;
        box-shadow: 0 25px 80px rgba(0,0,0,.35);
        transition: opacity .35s ease, transform .35s ease;
    }

.kc-lightbox.active .kc-lightbox-content img {
    opacity: 1;
    transform: scale(1);
}


/* =========================================================
   LIGHTBOX KAPAT
========================================================= */

.kc-lightbox-close {
    position: absolute;
    right: 28px;
    top: 25px;
    width: 50px;
    height: 50px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    cursor: pointer;
    transition: background .3s ease, transform .3s ease, border-color .3s ease;
}

    .kc-lightbox-close svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: #fff;
        stroke-width: 1.7;
        stroke-linecap: round;
    }

    .kc-lightbox-close:hover {
        background: var(--kc-green);
        border-color: var(--kc-green);
        transform: rotate(90deg);
    }


/* =========================================================
   LIGHTBOX OKLAR
========================================================= */

.kc-lightbox-arrow {
    position: absolute;
    top: 50%;
    width: 55px;
    height: 55px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 50%;
    background: rgba(255,255,255,.08);
    cursor: pointer;
    transition: background .3s ease, border-color .3s ease;
}

    .kc-lightbox-arrow svg {
        width: 25px;
        height: 25px;
        fill: none;
        stroke: #fff;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

    .kc-lightbox-arrow:hover {
        background: var(--kc-green);
        border-color: var(--kc-green);
    }

.kc-lightbox-prev {
    left: 30px;
}

.kc-lightbox-next {
    right: 30px;
}


/* =========================================================
   LIGHTBOX AÇIKKEN SAYFA SCROLL KAPAT
========================================================= */

body.kc-lightbox-open {
    overflow: hidden;
}


/* =========================================================
   SCROLL ANİMASYONU
========================================================= */

.kc-project-item.kc-reveal {
    opacity: 0;
    transform: translateY(25px);
    transition: opacity .7s ease, transform .7s ease;
}

    .kc-project-item.kc-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .kc-project-gallery {
        padding: 80px 0 95px;
    }

    .kc-project-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 650px) {

    .kc-project-gallery {
        padding: 55px 0 75px;
    }

    .kc-project-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .kc-project-item {
        aspect-ratio: 1 / 1;
        border-radius: 3px;
    }

        .kc-project-item::before {
            width: 42px;
            height: 42px;
            background-size: 18px;
        }


    /* LIGHTBOX */

    .kc-lightbox-content {
        width: calc(100% - 20px);
        height: calc(100vh - 135px);
    }

    .kc-lightbox-close {
        width: 44px;
        height: 44px;
        right: 15px;
        top: 15px;
    }

    .kc-lightbox-arrow {
        width: 45px;
        height: 45px;
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(255,255,255,.10);
    }

    .kc-lightbox-prev {
        left: calc(50% - 55px);
    }

    .kc-lightbox-next {
        right: calc(50% - 55px);
    }
}


/* =========================================================
   ÇOK KÜÇÜK EKRAN
========================================================= */

@media (max-width: 380px) {

    .kc-project-grid {
        gap: 6px;
    }
}

/* =========================================================
   KIL ÇADIRI HERO - MOBİL FINAL DÜZENLEME
   İşaretlediğin üst metin alanı
========================================================= */

@media (max-width: 767px) {

    /* HERO */
    .kc-hero {
        width: 100%;
        overflow: hidden;
    }

    .kc-slider,
    .kc-slides,
    .kc-slide {
        width: 100%;
    }


    /* =====================================================
       ARKA PLAN / GÖRSEL
    ====================================================== */

    .kc-slide__media {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

        .kc-slide__media img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            /* Çadır mobilde biraz daha sağda kalsın */
            object-position: 62% center;
        }


        /* Yazı okunurluğu için hafif beyaz geçiş */
        .kc-slide__media::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient( 90deg, rgba(248, 248, 243, .97) 0%, rgba(248, 248, 243, .91) 35%, rgba(248, 248, 243, .62) 65%, rgba(248, 248, 243, .12) 100% );
            pointer-events: none;
        }


    /* =====================================================
       İÇERİK
    ====================================================== */

    .kc-slide__content {
        position: relative;
        z-index: 5;
        width: 100%;
        min-height: 505px;
        display: flex;
        align-items: flex-start;
        box-sizing: border-box;
        padding: 66px 15px 28px;
    }

    .kc-slide__inner {
        width: 100%;
        max-width: 315px;
        margin: 0;
        padding: 0;
    }


    /* =====================================================
       ÜST KÜÇÜK BAŞLIK
    ====================================================== */

    .kc-eyebrow {
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 0 0 15px;
        font-size: 8px;
        line-height: 1;
        font-weight: 700;
        letter-spacing: 1.8px;
        white-space: nowrap;
    }

        .kc-eyebrow::before {
            width: 30px;
            min-width: 30px;
        }


    /* =====================================================
       ANA BAŞLIK
    ====================================================== */

    .kc-slide__inner h1,
    .kc-slide__inner h2 {
        max-width: 300px;
        margin: 0 0 15px;
        font-size: 29px;
        line-height: .99;
        letter-spacing: -1.25px;
        font-weight: 700;
    }


        /* Eğer başlık içinde yeşil span varsa */
        .kc-slide__inner h1 span,
        .kc-slide__inner h2 span {
            font-size: inherit;
            line-height: inherit;
        }


    /* =====================================================
       AÇIKLAMA
    ====================================================== */

    .kc-slide__inner > p {
        width: 100%;
        max-width: 295px;
        margin: 0 0 19px;
        font-size: 11px;
        line-height: 1.55;
        color: #66716e;
    }


    /* =====================================================
       BUTONLAR
    ====================================================== */

    .kc-hero-actions {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 9px;
        margin-top: 0;
    }

        .kc-hero-actions .kc-btn {
            width: 100%;
            min-height: 47px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            box-sizing: border-box;
            padding: 0 20px;
            border-radius: 11px;
            font-size: 11px;
            font-weight: 650;
        }


    /* =====================================================
       SLIDER KONTROLLERİ MOBİL
    ====================================================== */

    .kc-slider__controls {
        display: none;
    }
}


/* =========================================================
   KÜÇÜK TELEFONLAR
========================================================= */

@media (max-width: 380px) {

    .kc-slide__content {
        padding-left: 14px;
        padding-right: 14px;
        padding-top: 62px;
    }

    .kc-slide__inner {
        max-width: 295px;
    }

        .kc-slide__inner h1,
        .kc-slide__inner h2 {
            max-width: 285px;
            font-size: 27px;
            line-height: 1;
            letter-spacing: -1.1px;
        }

        .kc-slide__inner > p {
            max-width: 280px;
            font-size: 10.5px;
            line-height: 1.5;
        }

    .kc-eyebrow {
        font-size: 7.5px;
        letter-spacing: 1.5px;
    }
}

/* =========================================================
   HERO SLIDER - MOBİL FINAL DÜZENLEME
   CSS DOSYASININ EN ALTINA EKLE
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------------------
       HERO GENEL
    ----------------------------------------------------- */

    .hero-slider {
        position: relative;
        min-height: calc(100svh - 72px);
        max-height: none;
        overflow: hidden;
    }

    .hero-slides {
        min-height: inherit;
    }

    .hero-slide {
        align-items: stretch;
    }


        /* -----------------------------------------------------
       ARKA PLAN GÖRSELİ
    ----------------------------------------------------- */

        .hero-slide::before {
            background-size: cover;
            background-position: 64% center;
            transform: scale(1.02);
        }

        .hero-slide.is-active::before {
            transform: scale(1);
        }


        /* -----------------------------------------------------
       MOBİL OVERLAY
       Üstte fotoğraf görünür, aşağı indikçe yazı okunur.
    ----------------------------------------------------- */

        .hero-slide::after {
            background: linear-gradient( 180deg, rgba(247, 245, 239, 0.02) 0%, rgba(247, 245, 239, 0.08) 20%, rgba(247, 245, 239, 0.52) 42%, rgba(247, 245, 239, 0.90) 58%, rgba(247, 245, 239, 0.99) 74%, #f7f5ef 100% );
        }


    /* -----------------------------------------------------
       İÇ KONTEYNER
    ----------------------------------------------------- */

    .hero-container {
        width: calc(100% - 30px);
        min-height: inherit;
        margin: 0 auto;
        display: flex;
        align-items: flex-end;
    }


    /* -----------------------------------------------------
       İÇERİK
       ESKİ 245px / 210px padding-top BURADA EZİLİYOR
    ----------------------------------------------------- */

    .hero-content {
        width: 100%;
        max-width: 100%;
        padding: 0 0 82px;
    }


    /* -----------------------------------------------------
       KÜÇÜK ÜST BAŞLIK
    ----------------------------------------------------- */

    .hero-eyebrow {
        margin-bottom: 11px;
        gap: 9px;
        font-size: 8px;
        line-height: 1.2;
        font-weight: 800;
        letter-spacing: 1.5px;
        white-space: nowrap;
    }

        .hero-eyebrow span {
            width: 28px;
            height: 1px;
        }


    /* -----------------------------------------------------
       ANA BAŞLIK
    ----------------------------------------------------- */

    .hero-content h1,
    .hero-content h2 {
        max-width: 305px;
        margin: 0 0 12px;
        font-size: 30px;
        line-height: 1.02;
        letter-spacing: -1.6px;
        font-weight: 800;
    }

        .hero-content h1 strong,
        .hero-content h2 strong {
            display: block;
            color: var(--green);
            font-weight: 800;
        }


    /* -----------------------------------------------------
       AÇIKLAMA
    ----------------------------------------------------- */

    .hero-content p {
        width: 100%;
        max-width: 305px;
        margin: 0 0 17px;
        color: #58635f;
        font-size: 11px;
        line-height: 1.55;
    }


    /* -----------------------------------------------------
       BUTONLAR
    ----------------------------------------------------- */

    .hero-buttons {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

        .hero-buttons .button {
            width: 100%;
            min-height: 48px;
            padding: 0 20px;
            justify-content: space-between;
            border-radius: 11px;
            font-size: 11px;
            font-weight: 800;
        }

            .hero-buttons .button svg {
                width: 17px;
                height: 17px;
            }


    /* -----------------------------------------------------
       BİLGİ KARTI
    ----------------------------------------------------- */

    .hero-info-card {
        display: none;
    }


    /* -----------------------------------------------------
       SLIDER ALT KONTROLLER
    ----------------------------------------------------- */

    .slider-bottom {
        right: 15px;
        bottom: 18px;
        left: auto;
        gap: 8px;
        justify-content: flex-end;
    }

    .slider-dots {
        display: none;
    }

    .slider-navigation {
        gap: 7px;
    }

    .slider-arrow {
        width: 40px;
        height: 40px;
        border-radius: 11px;
    }

        .slider-arrow svg {
            width: 17px;
            height: 17px;
        }
}


/* =========================================================
   390PX VE ALTINDA
========================================================= */

@media (max-width: 390px) {

    .hero-container {
        width: calc(100% - 24px);
    }

    .hero-content {
        padding: 0 0 76px;
    }

    .hero-eyebrow {
        margin-bottom: 9px;
        font-size: 7.5px;
        letter-spacing: 1.25px;
    }

        .hero-eyebrow span {
            width: 25px;
        }

    .hero-content h1,
    .hero-content h2 {
        max-width: 285px;
        margin-bottom: 10px;
        font-size: 27px;
        line-height: 1.02;
        letter-spacing: -1.3px;
    }

    .hero-content p {
        max-width: 290px;
        margin-bottom: 14px;
        font-size: 10.5px;
        line-height: 1.5;
    }

    .hero-buttons {
        gap: 7px;
    }

        .hero-buttons .button {
            min-height: 46px;
            padding: 0 18px;
            font-size: 10.5px;
        }
}


/* =========================================================
   ÇOK KISA TELEFON EKRANLARI
   Örn: 360x600 / 390x600
========================================================= */

@media (max-width: 767px) and (max-height: 650px) {

    .hero-content {
        padding-bottom: 68px;
    }

        .hero-content h1,
        .hero-content h2 {
            font-size: 26px;
            line-height: 1;
        }

    .hero-eyebrow {
        margin-bottom: 8px;
    }

    .hero-content p {
        margin-bottom: 12px;
        font-size: 10px;
        line-height: 1.45;
    }

    .hero-buttons .button {
        min-height: 44px;
    }
}

@media (max-width: 767px) {

    .hero-slide::before {
        background-position: 62% center;
        background-size: cover;
        filter: saturate(1.08) contrast(1.05);
    }

    .hero-slide::after {
        background: linear-gradient( 180deg, rgba(247,245,239,0) 0%, rgba(247,245,239,0) 30%, rgba(247,245,239,.08) 42%, rgba(247,245,239,.35) 57%, rgba(247,245,239,.74) 72%, rgba(247,245,239,.96) 90%, #f7f5ef 100% );
    }
}

/* =========================================================
   KIL ÇADIRI - ÜRÜN DETAY SAYFASI
========================================================= */

.kc-product-page {
    --kc-green: #00775c;
    --kc-green-dark: #004d3c;
    --kc-green-deep: #00382c;
    --kc-cream: #f7f5ef;
    --kc-border: rgba(0, 77, 60, .12);
    width: 100%;
    background: #fff;
}


/* =========================================================
   ÜRÜN DETAY ANA ALAN
========================================================= */

.kc-product-detail {
    position: relative;
    padding: 105px 0 120px;
    background: linear-gradient( 180deg, #ffffff 0%, #ffffff 65%, #f8f6f0 100% );
}

.kc-product-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 85px;
    align-items: center;
}


/* =========================================================
   SOL GÖRSEL
========================================================= */

.kc-product-gallery {
    position: relative;
    width: 100%;
    padding: 22px;
    padding-bottom: 35px;
    background: #f4f4f0;
    border-radius: 4px 45px 4px 4px;
}


    .kc-product-gallery::before {
        content: "";
        position: absolute;
        left: -20px;
        bottom: 10px;
        width: 75%;
        height: 70%;
        border-left: 1px solid rgba(0,117,92,.23);
        border-bottom: 1px solid rgba(0,117,92,.23);
        pointer-events: none;
    }


.kc-product-main-image {
    position: relative;
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    overflow: hidden;
    background: #fff;
    cursor: zoom-in;
}


    .kc-product-main-image img {
        width: 100%;
        height: 100%;
        display: block;
        object-fit: contain;
        object-position: center;
        transition: transform .65s cubic-bezier(.2,.7,.2,1);
    }


    .kc-product-main-image:hover img {
        transform: scale(1.025);
    }


/* ALT OVERLAY */

.kc-product-image-overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient( 180deg, transparent 58%, rgba(0, 45, 34, .20) 100% );
    opacity: .55;
    transition: opacity .3s ease;
}

.kc-product-main-image:hover .kc-product-image-overlay {
    opacity: 1;
}


/* =========================================================
   ZOOM BUTONU
========================================================= */

.kc-product-zoom {
    position: absolute;
    right: 20px;
    bottom: 20px;
    width: 53px;
    height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    color: #fff;
    background: rgba(0,117,92,.95);
    border-radius: 50%;
    box-shadow: 0 13px 30px rgba(0,60,46,.25);
    transition: transform .3s ease, background .3s ease;
}

    .kc-product-zoom svg {
        width: 22px;
        height: 22px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }

.kc-product-main-image:hover .kc-product-zoom {
    background: var(--kc-green-dark);
    transform: scale(1.06);
}


/* ALT YAZI */

.kc-product-image-text {
    position: absolute;
    left: 20px;
    bottom: 23px;
    z-index: 3;
    color: rgba(255,255,255,.90);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .5px;
}


/* =========================================================
   SAĞ TARAF
========================================================= */

.kc-product-summary {
    max-width: 650px;
}


/* ÜST LABEL */

.kc-product-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    color: var(--kc-green);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

    .kc-product-label > span {
        width: 37px;
        height: 2px;
        background: var(--kc-green);
    }


/* =========================================================
   ÜRÜN ADI
========================================================= */

.kc-product-summary > h2 {
    max-width: 650px;
    margin: 0;
    color: var(--kc-green-deep);
    font-size: clamp(40px, 4vw, 60px);
    line-height: 1.05;
    letter-spacing: -2.8px;
    font-weight: 800;
    overflow-wrap: anywhere;
}


.kc-product-title-line {
    width: 70px;
    height: 3px;
    margin: 28px 0 32px;
    background: var(--kc-green);
}


/* =========================================================
   AÇIKLAMA
========================================================= */

.kc-product-description {
    position: relative;
    padding: 29px 30px;
    background: #f7f8f5;
    border: 1px solid rgba(0,77,60,.09);
    border-radius: 3px 22px 3px 3px;
}


.kc-product-description-title {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}


.kc-description-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kc-green);
    background: #e6f1ed;
    border-radius: 13px;
}


    .kc-description-icon svg {
        width: 21px;
        height: 21px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.kc-product-description-title small {
    display: block;
    margin-bottom: 2px;
    color: #9aa5a1;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1.4px;
}


.kc-product-description-title strong {
    display: block;
    color: #213e37;
    font-size: 15px;
    font-weight: 700;
}


.kc-product-description-text {
    color: #6d7975;
    font-size: 14px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}


    /* Eğer ACIKLAMA içerisinde p varsa */

    .kc-product-description-text p {
        margin: 0 0 14px;
        color: inherit;
        font-size: inherit;
        line-height: inherit;
    }

        .kc-product-description-text p:last-child {
            margin-bottom: 0;
        }


/* =========================================================
   ÖZELLİKLER
========================================================= */

.kc-product-features {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
    margin-top: 18px;
}


.kc-product-feature {
    min-height: 77px;
    padding: 13px 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid rgba(0,77,60,.10);
    background: #fff;
    border-radius: 12px;
}


.kc-product-feature-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--kc-green);
    background: #eef6f3;
    border-radius: 11px;
}


    .kc-product-feature-icon svg {
        width: 20px;
        height: 20px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.65;
        stroke-linecap: round;
        stroke-linejoin: round;
    }


.kc-product-feature strong {
    display: block;
    margin-bottom: 3px;
    color: #233f38;
    font-size: 12px;
    font-weight: 750;
}


.kc-product-feature small {
    display: block;
    color: #909b97;
    font-size: 9px;
}


/* =========================================================
   ALT BUTONLAR
========================================================= */

.kc-product-actions {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 28px;
}


/* TEKLİF */

.kc-product-button {
    min-height: 58px;
    padding: 0 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    color: #fff;
    background: var(--kc-green);
    border-radius: 12px;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    box-shadow: 0 13px 30px rgba(0,117,92,.17);
    transition: background .3s ease, transform .3s ease, box-shadow .3s ease;
}


    .kc-product-button svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: transform .3s ease;
    }


    .kc-product-button:hover {
        color: #fff;
        background: var(--kc-green-dark);
        transform: translateY(-2px);
        box-shadow: 0 17px 34px rgba(0,77,60,.22);
    }

        .kc-product-button:hover svg {
            transform: translateX(4px);
        }


/* TÜM ÜRÜNLER */

.kc-product-back {
    min-height: 58px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #53625e;
    font-size: 11px;
    font-weight: 700;
    transition: color .3s ease;
}

    .kc-product-back svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
        transition: transform .3s ease;
    }

    .kc-product-back:hover {
        color: var(--kc-green);
    }

        .kc-product-back:hover svg {
            transform: translateX(-4px);
        }


/* =========================================================
   SCROLL ANİMASYONU
========================================================= */

.kc-product-page .kc-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}

    .kc-product-page .kc-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }

.kc-product-summary.kc-reveal {
    transition-delay: .08s;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .kc-product-detail {
        padding: 85px 0 100px;
    }

    .kc-product-grid {
        gap: 50px;
    }

    .kc-product-summary > h2 {
        font-size: 42px;
        letter-spacing: -2px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 767px) {

    .kc-product-detail {
        padding: 55px 0 75px;
    }

    .kc-product-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }


    /* Görsel önce */

    .kc-product-gallery {
        padding: 10px;
        padding-bottom: 21px;
        border-radius: 3px 27px 3px 3px;
    }


        .kc-product-gallery::before {
            left: -8px;
            bottom: 5px;
            width: 70%;
        }


    .kc-product-main-image {
        aspect-ratio: 4 / 3;
    }


        .kc-product-main-image img {
            object-fit: contain;
        }


    .kc-product-zoom {
        right: 12px;
        bottom: 12px;
        width: 43px;
        height: 43px;
    }


        .kc-product-zoom svg {
            width: 18px;
            height: 18px;
        }


    .kc-product-image-text {
        left: 12px;
        bottom: 15px;
        font-size: 8px;
    }


    /* İçerik */

    .kc-product-label {
        margin-bottom: 13px;
        font-size: 8px;
        letter-spacing: 1.6px;
    }


        .kc-product-label > span {
            width: 28px;
        }


    .kc-product-summary > h2 {
        max-width: 100%;
        font-size: 34px;
        line-height: 1.07;
        letter-spacing: -1.6px;
    }


    .kc-product-title-line {
        width: 50px;
        margin: 20px 0 23px;
    }


    /* Açıklama */

    .kc-product-description {
        padding: 22px 18px;
        border-radius: 3px 18px 3px 3px;
    }


    .kc-product-description-title {
        margin-bottom: 15px;
    }


    .kc-description-icon {
        width: 42px;
        height: 42px;
        min-width: 42px;
    }


    .kc-product-description-text {
        font-size: 12.5px;
        line-height: 1.75;
    }


    /* Özellik */

    .kc-product-features {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
        margin-top: 12px;
    }


    .kc-product-feature {
        min-height: 70px;
        padding: 10px;
        gap: 9px;
    }


    .kc-product-feature-icon {
        width: 37px;
        height: 37px;
        min-width: 37px;
    }


        .kc-product-feature-icon svg {
            width: 17px;
            height: 17px;
        }


    .kc-product-feature strong {
        font-size: 10px;
    }


    .kc-product-feature small {
        font-size: 8px;
    }


    /* Buton */

    .kc-product-actions {
        flex-direction: column;
        align-items: stretch;
        gap: 7px;
        margin-top: 20px;
    }


    .kc-product-button {
        width: 100%;
        min-height: 52px;
        justify-content: space-between;
        padding: 0 20px;
        font-size: 11px;
    }


    .kc-product-back {
        width: 100%;
        min-height: 48px;
        justify-content: center;
    }
}


/* =========================================================
   ÇOK KÜÇÜK MOBİL
========================================================= */

@media (max-width: 390px) {

    .kc-product-detail {
        padding-top: 45px;
    }

    .kc-product-summary > h2 {
        font-size: 30px;
        letter-spacing: -1.3px;
    }

    .kc-product-description {
        padding: 19px 15px;
    }

    .kc-product-features {
        grid-template-columns: 1fr;
    }
}
/* =========================================================
   KIL ÇADIRI - HİZMET DETAY SAYFASI
========================================================= */

.kc-service-detail-page {
    --ks-green: #00755c;
    --ks-green-dark: #004d3c;
    --ks-deep: #00382c;
    --ks-cream: #f7f5ef;
    --ks-light: #f5f7f4;
    --ks-text: #68716e;
    --ks-border: rgba(0, 77, 60, .11);
    width: 100%;
    background: #fff;
}


/* =========================================================
   ANA ALAN
========================================================= */

.kc-service-detail {
    position: relative;
    padding: 105px 0 120px;
    background: linear-gradient( 180deg, #ffffff 0%, #ffffff 68%, #f8f6f0 100% );
}


.kc-service-detail-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 355px;
    gap: 65px;
    align-items: start;
}


/* =========================================================
   SOL ANA İÇERİK
========================================================= */

.kc-service-detail-main {
    min-width: 0;
}


.kc-service-article {
    padding-right: 10px;
}


.kc-service-article-label {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 28px;
    color: var(--ks-green);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}


    .kc-service-article-label span {
        width: 38px;
        height: 2px;
        background: var(--ks-green);
    }


/* =========================================================
   VERİTABANINDAN GELEN AÇIKLAMA
========================================================= */

.kc-service-rich-content {
    color: #66716d;
    font-size: 15px;
    line-height: 1.9;
}


    /* BAŞLIKLAR */

    .kc-service-rich-content h1,
    .kc-service-rich-content h2,
    .kc-service-rich-content h3,
    .kc-service-rich-content h4,
    .kc-service-rich-content h5,
    .kc-service-rich-content h6 {
        color: var(--ks-deep);
        font-weight: 750;
        letter-spacing: -1px;
    }


    .kc-service-rich-content h1 {
        margin: 0 0 28px;
        font-size: clamp(38px, 4vw, 56px);
        line-height: 1.08;
        letter-spacing: -2.4px;
    }


    .kc-service-rich-content h2 {
        margin: 47px 0 20px;
        font-size: clamp(30px, 3vw, 40px);
        line-height: 1.15;
        letter-spacing: -1.7px;
    }


    .kc-service-rich-content h3 {
        margin: 38px 0 17px;
        font-size: 25px;
        line-height: 1.25;
    }


    .kc-service-rich-content h4 {
        margin: 30px 0 14px;
        font-size: 20px;
    }


    /* PARAGRAF */

    .kc-service-rich-content p {
        margin: 0 0 21px;
        color: #66716d;
        font-size: 15px;
        line-height: 1.9;
    }


    /* RESİMLER */

    .kc-service-rich-content img {
        width: 100%;
        height: auto;
        display: block;
        margin: 34px 0;
        border-radius: 4px 35px 4px 4px;
        object-fit: cover;
    }


    /* LİSTELER */

    .kc-service-rich-content ul,
    .kc-service-rich-content ol {
        margin: 24px 0;
        padding: 0;
        list-style: none;
    }


    .kc-service-rich-content li {
        position: relative;
        margin-bottom: 12px;
        padding-left: 30px;
        color: #56635f;
        font-size: 14px;
        line-height: 1.7;
    }


    .kc-service-rich-content ul li::before {
        content: "✓";
        position: absolute;
        left: 0;
        top: 1px;
        width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        background: var(--ks-green);
        border-radius: 50%;
        font-size: 9px;
        font-weight: 800;
    }


    /* NUMARALI */

    .kc-service-rich-content ol {
        counter-reset: kc-counter;
    }


        .kc-service-rich-content ol li {
            counter-increment: kc-counter;
        }


            .kc-service-rich-content ol li::before {
                content: counter(kc-counter);
                position: absolute;
                left: 0;
                top: 1px;
                width: 20px;
                height: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                color: var(--ks-green);
                background: #e8f2ef;
                border-radius: 50%;
                font-size: 9px;
                font-weight: 800;
            }


    /* STRONG */

    .kc-service-rich-content strong,
    .kc-service-rich-content b {
        color: #304841;
        font-weight: 750;
    }


    /* LINK */

    .kc-service-rich-content a {
        color: var(--ks-green);
        text-decoration: underline;
        text-underline-offset: 3px;
    }


    /* TABLO */

    .kc-service-rich-content table {
        width: 100%;
        margin: 30px 0;
        border-collapse: collapse;
        background: #fff;
        border: 1px solid var(--ks-border);
    }


        .kc-service-rich-content table th,
        .kc-service-rich-content table td {
            padding: 14px 16px;
            border: 1px solid var(--ks-border);
            text-align: left;
            font-size: 13px;
        }


        .kc-service-rich-content table th {
            color: var(--ks-deep);
            background: #edf5f2;
            font-weight: 700;
        }


/* =========================================================
   SAĞ SIDEBAR
========================================================= */

.kc-service-sidebar {
    position: sticky;
    top: 110px;
    display: flex;
    flex-direction: column;
    gap: 22px;
}


/* =========================================================
   HİZMET MENÜSÜ
========================================================= */

.kc-service-menu-box {
    overflow: hidden;
    background: #f7f8f5;
    border: 1px solid var(--ks-border);
    border-radius: 4px 26px 4px 4px;
}


.kc-service-menu-head {
    padding: 26px 25px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--ks-border);
}


    .kc-service-menu-head > div > span {
        display: block;
        margin-bottom: 5px;
        color: var(--ks-green);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.8px;
    }


    .kc-service-menu-head h3 {
        margin: 0;
        color: var(--ks-deep);
        font-size: 19px;
        line-height: 1.25;
        font-weight: 750;
        letter-spacing: -.5px;
    }


.kc-service-menu-toggle {
    display: none;
}


/* =========================================================
   MENÜ ITEM
========================================================= */

.kc-service-menu-list {
    padding: 8px;
}


.kc-service-menu-item {
    position: relative;
    min-height: 61px;
    padding: 10px 11px;
    display: grid;
    grid-template-columns: 34px minmax(0,1fr) 30px;
    align-items: center;
    gap: 10px;
    color: #40534d;
    border-bottom: 1px solid rgba(0,77,60,.07);
    border-radius: 9px;
    text-decoration: none;
    transition: background .3s ease, color .3s ease, transform .3s ease;
}


    .kc-service-menu-item:last-child {
        border-bottom: 0;
    }


    .kc-service-menu-item:hover,
    .kc-service-menu-item.is-active {
        color: var(--ks-green-dark);
        background: #e8f2ef;
        transform: translateX(3px);
    }


/* NUMARA */

.kc-service-menu-number {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #98a39f;
    background: #fff;
    border: 1px solid rgba(0,77,60,.09);
    border-radius: 8px;
    font-size: 8px;
    font-weight: 800;
    transition: .3s ease;
}


.kc-service-menu-item:hover .kc-service-menu-number,
.kc-service-menu-item.is-active .kc-service-menu-number {
    color: #fff;
    background: var(--ks-green);
    border-color: var(--ks-green);
}


/* BAŞLIK */

.kc-service-menu-title {
    min-width: 0;
    font-size: 11.5px;
    line-height: 1.4;
    font-weight: 700;
}


/* OK */

.kc-service-menu-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #a0aaa6;
}


    .kc-service-menu-arrow svg {
        width: 16px;
        height: 16px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: color .3s ease, transform .3s ease;
    }


.kc-service-menu-item:hover .kc-service-menu-arrow svg,
.kc-service-menu-item.is-active .kc-service-menu-arrow svg {
    color: var(--ks-green);
    transform: translateX(3px);
}


/* =========================================================
   SIDEBAR İLETİŞİM KARTI
========================================================= */

.kc-service-contact-box {
    position: relative;
    overflow: hidden;
    padding: 32px 27px;
    color: #fff;
    background: linear-gradient( 145deg, #073c32 0%, #005c48 100% );
    border-radius: 4px 28px 4px 4px;
}


.kc-service-contact-decoration {
    position: absolute;
    right: -70px;
    top: -65px;
    width: 180px;
    height: 180px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 50%;
}


    .kc-service-contact-decoration::before,
    .kc-service-contact-decoration::after {
        content: "";
        position: absolute;
        border: 1px solid rgba(255,255,255,.07);
        border-radius: 50%;
    }


    .kc-service-contact-decoration::before {
        inset: 25px;
    }


    .kc-service-contact-decoration::after {
        inset: 52px;
    }


.kc-service-contact-small {
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 11px;
    color: rgba(255,255,255,.57);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1.8px;
}


.kc-service-contact-box h3 {
    position: relative;
    z-index: 2;
    margin: 0 0 15px;
    color: #fff;
    font-size: 25px;
    line-height: 1.13;
    font-weight: 700;
    letter-spacing: -1px;
}


    .kc-service-contact-box h3 strong {
        display: block;
        color: #fff;
        font-weight: 700;
    }


.kc-service-contact-box > p {
    position: relative;
    z-index: 2;
    margin: 0 0 24px;
    color: rgba(255,255,255,.65);
    font-size: 11px;
    line-height: 1.7;
}


/* TELEFON */

.kc-service-phone {
    position: relative;
    z-index: 2;
    margin-bottom: 14px;
    padding: 14px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 12px;
    text-decoration: none;
}


.kc-service-phone-icon {
    width: 38px;
    height: 38px;
    min-width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.10);
    border-radius: 10px;
}


    .kc-service-phone-icon svg {
        width: 18px;
        height: 18px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.7;
    }


.kc-service-phone small {
    display: block;
    margin-bottom: 2px;
    color: rgba(255,255,255,.48);
    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1px;
}


.kc-service-phone strong {
    display: block;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
}


/* CTA */

.kc-service-contact-button {
    position: relative;
    z-index: 2;
    min-height: 51px;
    padding: 0 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--ks-green-dark);
    background: #fff;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 800;
    text-decoration: none;
    transition: transform .3s ease, background .3s ease;
}


    .kc-service-contact-button svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: transform .3s ease;
    }


    .kc-service-contact-button:hover {
        color: var(--ks-green-dark);
        background: #f3f7f5;
        transform: translateY(-2px);
    }


        .kc-service-contact-button:hover svg {
            transform: translateX(4px);
        }


/* =========================================================
   ALT CTA
========================================================= */

.kc-service-bottom-cta {
    position: relative;
    margin-top: 65px;
    padding: 37px 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    overflow: hidden;
    background: #f4f7f5;
    border: 1px solid var(--ks-border);
    border-radius: 4px 28px 4px 4px;
}


    .kc-service-bottom-cta::after {
        content: "";
        position: absolute;
        right: -80px;
        bottom: -120px;
        width: 260px;
        height: 260px;
        border: 1px solid rgba(0,117,92,.07);
        border-radius: 50%;
    }


.kc-service-bottom-content {
    position: relative;
    z-index: 2;
    max-width: 590px;
}


    .kc-service-bottom-content > span {
        display: block;
        margin-bottom: 7px;
        color: var(--ks-green);
        font-size: 8px;
        font-weight: 800;
        letter-spacing: 1.8px;
    }


    .kc-service-bottom-content h3 {
        margin: 0 0 8px;
        color: var(--ks-deep);
        font-size: 27px;
        line-height: 1.2;
        font-weight: 750;
        letter-spacing: -1px;
    }


    .kc-service-bottom-content p {
        margin: 0;
        color: #74807c;
        font-size: 12px;
        line-height: 1.7;
    }


.kc-service-bottom-button {
    position: relative;
    z-index: 2;
    min-width: 175px;
    min-height: 55px;
    padding: 0 20px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: #fff;
    background: var(--ks-green);
    border-radius: 11px;
    font-size: 10px;
    font-weight: 800;
    white-space: nowrap;
    text-decoration: none;
    transition: background .3s ease, transform .3s ease;
}


    .kc-service-bottom-button svg {
        width: 17px;
        height: 17px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        transition: transform .3s ease;
    }


    .kc-service-bottom-button:hover {
        color: #fff;
        background: var(--ks-green-dark);
        transform: translateY(-2px);
    }


        .kc-service-bottom-button:hover svg {
            transform: translateX(4px);
        }


/* =========================================================
   ANİMASYON
========================================================= */

.kc-service-detail-page .kc-reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity .75s ease, transform .75s cubic-bezier(.2,.7,.2,1);
}


    .kc-service-detail-page .kc-reveal.kc-visible {
        opacity: 1;
        transform: translateY(0);
    }


.kc-service-sidebar.kc-reveal {
    transition-delay: .08s;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1050px) {

    .kc-service-detail {
        padding: 80px 0 95px;
    }

    .kc-service-detail-grid {
        grid-template-columns: minmax(0,1fr) 310px;
        gap: 38px;
    }
}


/* =========================================================
   MOBİL
========================================================= */

@media (max-width: 820px) {

    .kc-service-detail {
        padding: 60px 0 75px;
    }


    .kc-service-detail-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }


    /* ANA İÇERİK */

    .kc-service-article {
        padding-right: 0;
    }


    .kc-service-rich-content {
        font-size: 13px;
        line-height: 1.8;
    }


        .kc-service-rich-content p {
            margin-bottom: 17px;
            font-size: 13px;
            line-height: 1.8;
        }


        .kc-service-rich-content h1 {
            font-size: 35px;
            letter-spacing: -1.7px;
        }


        .kc-service-rich-content h2 {
            margin-top: 35px;
            font-size: 28px;
            letter-spacing: -1.1px;
        }


        .kc-service-rich-content h3 {
            margin-top: 30px;
            font-size: 22px;
        }


        .kc-service-rich-content img {
            margin: 25px 0;
            border-radius: 3px 22px 3px 3px;
        }


    /* =====================================================
       SIDEBAR MOBİLDE ANA İÇERİĞİN ALTINA
    ====================================================== */

    .kc-service-sidebar {
        position: static;
        top: auto;
        order: 2;
    }


    /* HİZMETLER MENÜ */

    .kc-service-menu-box {
        border-radius: 4px 20px 4px 4px;
    }


    .kc-service-menu-head {
        padding: 20px;
    }


        .kc-service-menu-head h3 {
            font-size: 17px;
        }


    .kc-service-menu-toggle {
        width: 39px;
        height: 39px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--ks-green);
        background: #e7f1ee;
        border-radius: 10px;
    }


        .kc-service-menu-toggle svg {
            width: 18px;
            height: 18px;
            fill: none;
            stroke: currentColor;
            stroke-width: 1.8;
            transition: transform .3s ease;
        }


    .kc-service-menu-box.menu-open
    .kc-service-menu-toggle svg {
        transform: rotate(180deg);
    }


    .kc-service-menu-list {
        max-height: 0;
        padding: 0 8px;
        overflow: hidden;
        transition: max-height .5s ease, padding .35s ease;
    }


    .kc-service-menu-box.menu-open
    .kc-service-menu-list {
        max-height: 1500px;
        padding: 8px;
    }


    /* ALT CTA */

    .kc-service-bottom-cta {
        margin-top: 45px;
        padding: 28px 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }


    .kc-service-bottom-content h3 {
        font-size: 24px;
    }


    .kc-service-bottom-button {
        width: 100%;
        min-height: 52px;
    }
}


/* =========================================================
   KÜÇÜK MOBİL
========================================================= */

@media (max-width: 480px) {

    .kc-service-detail {
        padding-top: 50px;
    }


    .kc-service-article-label {
        margin-bottom: 20px;
        font-size: 8px;
        letter-spacing: 1.5px;
    }


        .kc-service-article-label span {
            width: 28px;
        }


    .kc-service-rich-content h1 {
        font-size: 31px;
    }


    .kc-service-rich-content h2 {
        font-size: 26px;
    }


    .kc-service-rich-content p {
        font-size: 12.5px;
    }


    .kc-service-rich-content li {
        padding-left: 27px;
        font-size: 12px;
    }


    .kc-service-contact-box {
        padding: 28px 22px;
    }


        .kc-service-contact-box h3 {
            font-size: 23px;
        }
}