@import url("https://p.typekit.net/p.css?s=1&k=ysi3yun&ht=tk&f=37171.37172.37173.37174.37175.37176.37177.37178.37181.37182.37183.37184.37185.37186&a=301002074&app=typekit&e=css");

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/930c76/00000000000000007735c43c/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff2"),url("https://use.typekit.net/af/930c76/00000000000000007735c43c/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("woff"),url("https://use.typekit.net/af/930c76/00000000000000007735c43c/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n1&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/1c77ea/00000000000000007735c43e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff2"),url("https://use.typekit.net/af/1c77ea/00000000000000007735c43e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("woff"),url("https://use.typekit.net/af/1c77ea/00000000000000007735c43e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i1&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:100;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/f641c6/00000000000000007735c443/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff2"),url("https://use.typekit.net/af/f641c6/00000000000000007735c443/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("woff"),url("https://use.typekit.net/af/f641c6/00000000000000007735c443/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i2&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/1f5728/00000000000000007735c446/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff2"),url("https://use.typekit.net/af/1f5728/00000000000000007735c446/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("woff"),url("https://use.typekit.net/af/1f5728/00000000000000007735c446/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n2&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:200;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/783701/00000000000000007735c44a/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff2"),url("https://use.typekit.net/af/783701/00000000000000007735c44a/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("woff"),url("https://use.typekit.net/af/783701/00000000000000007735c44a/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/7c1888/00000000000000007735c44e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/7c1888/00000000000000007735c44e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/7c1888/00000000000000007735c44e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/6b955c/00000000000000007735c452/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/6b955c/00000000000000007735c452/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/6b955c/00000000000000007735c452/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/f9e7d7/00000000000000007735c456/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/f9e7d7/00000000000000007735c456/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/f9e7d7/00000000000000007735c456/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/ab94a1/00000000000000007735c45e/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/ab94a1/00000000000000007735c45e/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/ab94a1/00000000000000007735c45e/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/60a285/00000000000000007735c460/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/60a285/00000000000000007735c460/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/60a285/00000000000000007735c460/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/abf91e/00000000000000007735c462/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff2"),url("https://use.typekit.net/af/abf91e/00000000000000007735c462/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("woff"),url("https://use.typekit.net/af/abf91e/00000000000000007735c462/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n8&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/9369eb/00000000000000007735c464/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff2"),url("https://use.typekit.net/af/9369eb/00000000000000007735c464/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("woff"),url("https://use.typekit.net/af/9369eb/00000000000000007735c464/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i8&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:800;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/d6e64f/00000000000000007735c466/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff2"),url("https://use.typekit.net/af/d6e64f/00000000000000007735c466/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("woff"),url("https://use.typekit.net/af/d6e64f/00000000000000007735c466/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i9&v=3") format("opentype");
font-display:auto;font-style:italic;font-weight:900;font-stretch:normal;
}

@font-face {
font-family:"commuters-sans";
src:url("https://use.typekit.net/af/0fc5f1/00000000000000007735c467/31/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff2"),url("https://use.typekit.net/af/0fc5f1/00000000000000007735c467/31/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("woff"),url("https://use.typekit.net/af/0fc5f1/00000000000000007735c467/31/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:900;font-stretch:normal;
}

.tk-commuters-sans { font-family: "commuters-sans",sans-serif; }
body {
    overflow-x: hidden !important;
    font-family: commuters-sans, sans-serif;
font-style: normal;
font-weight: 400;

}

html {
    overflow-x: hidden !important;

}

.background-image {
    position: relative;
    top: -60em;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .background-image {
        top: -24em;
    }
}

@media (min-width: 1100px) and (max-width: 1249px) {
    .background-image {
        position: relative;
        top: -38em;
    }
}

@media (min-width: 1250px) and (max-width: 1400px) {
    .background-image {
        position: relative;
        top: -40em;
    }
}

@media (min-width: 1401px) and (max-width: 1500px) {
    .background-image {
        position: relative;
        top: -46em;
    }
}

@media (min-width: 1501px) and (max-width: 1650px) {
    .background-image {
        position: relative;
        top: -52em;
    }
}

@media (min-width: 1651px) and (max-width: 1690px) {
    .background-image {
        position: relative;
        top: -58em;
    }
}

@media (min-width: 1024px) and (max-width: 1099px) {
    .background-image {
        position: relative;
        top: -30em;
    }
}

@media (min-width: 1920px) {
    .background-image {
        position: relative;
        top: -69em;
    }
}

.custom-clip {
    clip-path: polygon(0 0, 100% 0, 100% 80%, 90% 100%, 0 100%);
}

.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
    display: inline-block;
    font-size: 28px;
    line-height: 1;
}

@media (max-width: 1024px) {
    .responsive-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .responsive-section .content-section {
        position: static !important;
        margin: 0 auto !important;
        padding: 0 16px;
        text-align: center;
    }

    .responsive-section h2 {
        font-size: 2.5em !important;
        margin-bottom: 40px !important;
    }

    .responsive-section p {
        font-size: 1em !important;
        max-width: 100% !important;
    }

    .responsive-section .search-container {
        width: 100% !important;
        margin-top: 40px !important;
        box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.1) !important;
        padding: 0 15px !important;
    }

    .responsive-section .search-container input {
        font-size: 16px !important;
    }

    .responsive-section .search-container svg {
        margin: 0 !important;
    }

    .responsive-section .background-image {
        position: static;
        display: block;
        width: 100%;
        max-width: 480px;
        height: auto;
        margin: 40px auto 0;
    }
}

@media (min-width: 500px) and (max-width: 1024px) {
    .responsive-section .background-image {
        max-width: 680px;
    }
}

.fingerprint-badge {
    color: #000;
    border: 1px solid #000;
    transition: color 150ms ease-in-out, border-color 150ms ease-in-out;
}

.fingerprint-badge:hover {
    color: #274EA9;
    border-color: #274EA9;
}


/* Hero text container - masaüstünde padding-top var, mobilde yok */
.hero-text-container {
    padding-top: 18%;
}

@media (max-width: 768px) {
    .hero-text-container {
        padding-top: 0 !important;
    }
    
    /* Mobilde SVG'yi gizle */
    .hero-background-svg {
        display: none !important;
    }
    
    /* Mobilde yazı wrapper'ını static yap */
    .hero-text-wrapper {
        position: static !important;
        padding: 2rem 1rem !important;
        min-height: 400px !important;
    }
    
    /* Mobilde yazıların konumunu düzenle */
    .hero-text-container h5 {
        font-size: 2.5rem !important;
        margin-bottom: 1.5rem !important;
    }
    
    .hero-text-container p {
        font-size: 0.9rem !important;
        margin-bottom: 1rem !important;
        max-width: 82%;
    }
}

/* Koordineli animasyon optimizasyonları */
#menuImage,
#sliderImage {
    will-change: transform, opacity;
}

/* Smooth easing fonksiyonları */
.transition-all {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

#sametkisaltma {
    max-height: 280px;
    transition: max-height 0.5s ease-in-out;
}

@media (max-width: 1024px) {
    #sametkisaltma {
        max-height: 320px;
    }
}

.sector-clip-top-left {
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 15%);
}

.factory-clip-bottom-right {
    clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%);
}


    .worker-overlay {
        position: absolute;
        pointer-events: none;
        object-fit: contain;
        left: 25%;
        top: 16%;
        transform: translate(-50%, -50%);
        width: 39vw;
        height: auto;
        max-width: 618px;
    }

    @media (max-width: 1280px) {
        .worker-overlay {
            left: 28%;
            top: 18%;
            width: 36vw;
        }
    }

    @media (max-width: 1024px) {
        .worker-overlay {
            left: 26%;
            top: 17%;
            width: 36vw;
        }
    }

    @media (max-width: 768px) {
        .worker-overlay {
            left: 25%;
            top: 9%;
            width: 39vw;
        }
    }

    @media (max-width: 640px) {
        .worker-overlay {
            left: 26%;
            top: 7%;
            width: 41vw;
        }
    }

    @media (min-width: 1920px) {
        .worker-overlay {
            left: 26%;
            top: 17%;
            width: 41vw;
            max-width: 700px;
        }



    }
    /* Hero metni: masaüstünde başlıkla aynı hizada (sağ ofset sabitlenmiş) */
    .hero-copy { position: absolute; z-index: 10; top: 2.5rem; right: 25rem; }
    /* xl ve üstü ekranlar */
    @media (min-width: 1536px) { .hero-copy { right: 28%; } }
    /* lg ve altı ince ayar */
    @media (max-width: 1280px) { .hero-copy { right: 8rem; } }
    @media (max-width: 1024px) { .hero-copy { right: 6rem; } }
    @media (max-width: 768px)  { .hero-copy { right: 3rem; top: 1.25rem; } }
    @media (max-width: 640px)  { .hero-copy { right: 1.5rem;  top: 1rem; } }
    @media (max-width: 480px)  { .hero-copy { right: 1rem;  top: 0.75rem; } }

    /* Hero butonu: esnek genişlik ve yükseklik */
    .hero-btn { width: clamp(160px, 22vw, 222px); height: clamp(40px, 8vw, 52px); }
    /* Mobil düzen: hero metnini gizle, işçi görseli kalsın */
    @media (max-width: 640px) {
        .hero-copy { display: none; }
    }
    /* Mobil CTA sarmalayıcı: işçi görselinin yanında konumlandır */
    @media (max-width: 640px) {
        .mobile-hero-wrap {
            position: absolute;
            z-index: 20;
            left: 64%;
            top: 22%;
            transform: translate(-50%, -50%);
        }
        .mobile-hero-btn { width: 170px; height: 44px; }
        .mobile-heading { margin-top: -96px; }
    }


    .chevron-icon {
        transition: transform 0.1s ease !important;
    }
    .chevron-icon:hover {
        transform: translateY(-50%) !important;
    }
    /* SVG buton hover efektleri */
    .svg-pill-button svg path { transition: fill 0.2s ease; }
    .svg-pill-button span { transition: color 0.2s ease; }
    .svg-pill-button:hover svg path { fill: #003155 !important; }
    .svg-pill-button:hover span { color: #ffffff !important; }

/* 768px - 1100px aralığında masaüstü arama sarmalayıcı hizası */
@media (min-width: 768px) and (max-width: 1459px) {
    .search-desktop-wrapper {
        position: relative !important;
        z-index: 10050 !important;
        transform: translateY(clamp(0px, 1vw, -140px)) !important;
        will-change: transform;
    }
}

/* 500px ve altı için menu overlay boyutu ve konumu */
@media (max-width: 500px) {
    #menuOverlay {
        width: 97% !important;
    }
}