/* ===========================================================
   PROJELERİMİZİ KEŞFEDİN BLOĞU
   =========================================================== */
#projects {
    scroll-margin-top: 70px;
}
.projects-discover {
    text-align: center;
    margin-top: 60px; /* 80 → 60 daha dengeli */
    padding-bottom: 80px; /* 100 → 80 */
}

.projects-discover-text {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 4px;
}

.projects-discover-title {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #353B5D;
    margin-bottom: 12px;
}

.projects-discover-btn {
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
}

    .projects-discover-btn img {
        width: 32px; /* 28 → 32 Figma boyutu */
        height: 32px;
        display: block;
        margin: 0 auto;
    }


/* ===========================================================
   PROJELER INTRO (ÜST METİN)
   =========================================================== */

.projects-intro {
    max-width: 962px;
    margin: 0 auto 48px;
    text-align: center;
}

/* Başlık */
.projects-title {
    font-family: 'Manrope', sans-serif;
    font-weight: 700; /* Bold */
    font-size: 40px;
    line-height: 110%; /* Figma */
    color: #353B5D;
    margin-bottom: 30px;
}

    /* Span – Regular */
    .projects-title span {
        font-weight: 400; /* Regular */
    }


.projects-lead {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    margin-bottom: 23px;
}

.projects-lead2 {
    font-family: 'Inter', sans-serif;
    font-weight: 400; /* Regular */
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    text-align: center;
    margin-bottom: 127px;
}

    /* Alt metindeki yeşil vurgulu proje linki */
    .projects-lead2 span,
    .projects-lead2 .projects-link2 {
        font-weight: 700; /* Bold (Figma span) */
        color: #01AB7F; /* Figma rengi */
        text-decoration: none;
        display: inline-block; /* scale için gerekli */
    }
.projects-link2:hover {
    transform: scale(1.02);
}




/* ===========================================================
   MOBİL DÜZELTMELER (<= 768px)
   =========================================================== */

@media (max-width: 768px) {

    /* --- Title (İETT olarak...) --- */
    .projects-title {
        font-family: "Manrope", sans-serif;
        font-size: 24px;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: 0;
        color: #353B5D;
        text-align: center;
        /* 🔥 Figma spacing */
        margin-bottom: 38px; /* alttan daha fazla nefes */
        max-width: 301px;
        margin-left: auto;
        margin-right: auto;
    }
        .projects-title span {
            font-weight: 400; /* Regular */
        }

    /* --- Lead Paragraph (Uzun açıklama) --- */
    .projects-lead {
        font-family: "Inter", sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        letter-spacing: 0;
        color: #000;
        max-width: 330px;
        /* 🔥 Figma spacing */
        margin: 0 auto 28px; /* alttan boşluk verildi */
    }

    /* --- Discover (projelerimizi keşfedin.) --- */
    .projects-lead2 {
        font-family: "Inter", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        color: #000;
        text-align: center;
        max-width: 330px;
        /* 🔥 spacing */
        margin: 0 auto 44px; /* lead ile kart arası nefes */
    }

        .projects-lead2 .projects-link2 {
            font-weight: 700;
            color: #01AB7F;
            text-decoration: none;
        }

    /* Üst blok genel ayar */
    .projects-intro {
        width: 100%;
        padding: 10px 0 0 0 ;
    }
    .projects-discover {
        margin-top: 40px;
        padding-bottom: 60px;
    }

    .projects-discover-text {
        font-size: 15px;
    }

    .projects-discover-title {
        font-size: 19px;
    }

    .projects-discover-btn img {
        width: 24px;
        height: 24px; /* Figma mobilde de aynı boy */
    }
}


/* ===========================================================
   MOBİLDE OVERFLOW TAŞMASINI TAMAMEN ENGELLE
   =========================================================== */
@media (max-width: 768px) {

    html, body {
        overflow-x: hidden !important;
    }


}
/* ================================
   TABLET (700px – 1200px)
================================ */
@media (min-width: 700px) and (max-width: 1200px) {

    /* ——————————————————————
       PROJELERİMİZİ KEŞFEDİN BLOĞU
    —————————————————————— */
    .projects-discover {
        text-align: center;
        margin-top: 48px; /* Tablet için biraz daha düşük */
        padding-bottom: 64px; /* Alt boşluk optimize edildi */
    }

    .projects-discover-text {
        font-family: 'Inter', sans-serif;
        font-weight: 300;
        font-size: 16px; /* Masaüstü 18 → Tablet 16 */
        margin-bottom: 4px;
    }

    .projects-discover-title {
        font-family: 'Inter', sans-serif;
        font-weight: 600;
        font-size: 22px; /* Masaüstü 24 → Tablet 22 */
        color: #353B5D;
        margin-bottom: 10px;
    }

    .projects-discover-btn img {
        width: 28px; /* Tablet için optimize */
        height: 28px;
    }



    /* ——————————————————————
       ÜST INTRO (BAŞLIK + METİNLER)
    —————————————————————— */

    .projects-intro {
        max-width: 720px; /* Tablet genişliği */
        margin: 0 auto 48px;
        text-align: center;
        padding: 0 24px; /* Daha dengeli tablet padding */
    }


    /* Başlık */
    .projects-title {
        font-family: 'Manrope', sans-serif;
        font-weight: 700; /* Bold */
        font-size: 32px; /* Figma → 32px */
        line-height: 1; /* Figma */
        color: #353B5D;
        margin-bottom: 24px;
    }

        .projects-title span {
            font-weight: 400; /* Span Regular */
        }


    /* Lead text #1 */
    .projects-lead {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 16px; /* Figma */
        line-height: 20px;
        color: #000000;
        margin-bottom: 16px; /* Tablet için daha düşük */
        max-width: 620px;
        margin-left: auto;
        margin-right: auto;
    }

    /* Lead text #2 */
    .projects-lead2 {
        font-family: 'Inter', sans-serif;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #000000;
        text-align: center;
        margin-bottom: 80px; /* Masaüstü 127px → Tablet optimize */
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }

        /* Yeşil vurgulu link (span) */
        .projects-lead2 span,
        .projects-lead2 .projects-link2 {
            font-weight: 700; /* Bold */
            color: #01AB7F; /* Figma yeşil */
            text-decoration: none;
            display: inline-block;
        }
}