/*==================================================
        TEKİMAŞ TARIM - KURUMSAL SAYFASI
==================================================*/

:root{
    --green:#2f8b3c;
    --green-dark:#17351d;
    --green-light:#eef8ed;
    --white:#ffffff;
    --text:#1f2d22;
    --muted:#68726a;
    --border:#e3ece2;
    --shadow:0 20px 55px rgba(20,55,27,.12);
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Poppins',sans-serif;color:var(--text);background:#f8faf7;overflow-x:hidden;}
a{text-decoration:none;}
ul{list-style:none;}
img{display:block;max-width:100%;}
.container{width:90%;max-width:1300px;margin:auto;}

/* HEADER */
.main-header{
    position:fixed;top:0;left:0;width:100%;z-index:9999;
    background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.08);
}
.header-container{
    min-height:115px;
    display:grid;
    grid-template-columns:300px 1fr 300px;
    align-items:center;
    padding:12px 0;
}
.logo{justify-self:start;display:flex;align-items:center;}
.logo img{width:260px;height:auto;max-width:none;}
nav{justify-self:center;}
nav ul{display:flex;align-items:center;justify-content:center;gap:42px;}
nav a{position:relative;color:#292f2a;font-size:16px;font-weight:600;transition:.3s;}
nav a::after{
    content:"";position:absolute;left:0;bottom:-9px;
    width:0;height:3px;border-radius:20px;background:var(--green);transition:.3s;
}
nav a:hover,nav a.active{color:var(--green);}
nav a:hover::after,nav a.active::after{width:100%;}

/* HERO */
.page-hero{
    min-height:460px;margin-top:115px;position:relative;
    display:flex;align-items:center;justify-content:center;text-align:center;
    background:url("../img/hero-v2.jpg") center center/cover no-repeat;
}
.page-hero-overlay{
    position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(5,20,8,.45),rgba(5,20,8,.70));
}
.page-hero-content{position:relative;z-index:2;color:#fff;}
.page-hero-content span{
    display:inline-block;margin-bottom:18px;color:#9ce38d;
    font-size:15px;font-weight:700;letter-spacing:5px;
}
.page-hero-content h1{margin-bottom:18px;font-size:68px;font-weight:800;}
.page-hero-content p{
    max-width:780px;margin:auto;color:rgba(255,255,255,.90);
    font-size:20px;line-height:1.8;
}

/* HAKKIMIZDA */
.about-section{padding:110px 0;background:#fff;}
.about-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;}
.about-image{position:relative;}
.about-image img{
    width:100%;min-height:650px;object-fit:cover;
    border-radius:28px;box-shadow:var(--shadow);
}
.experience-badge{
    position:absolute;right:-28px;bottom:35px;width:145px;height:145px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    color:#fff;background:var(--green);border:8px solid #fff;border-radius:50%;
    box-shadow:0 15px 35px rgba(47,139,60,.32);
}
.experience-badge strong{font-size:34px;line-height:1;}
.experience-badge span{margin-top:8px;font-size:14px;font-weight:600;}
.section-label{
    display:inline-block;margin-bottom:15px;color:var(--green);
    font-size:14px;font-weight:800;letter-spacing:4px;
}
.about-content h2{margin-bottom:28px;color:var(--green-dark);font-size:48px;line-height:1.2;}
.about-content p{margin-bottom:20px;color:var(--muted);font-size:16px;line-height:1.95;}

/* MİSYON - VİZYON */
.mission-vision{padding:95px 0;background:#f3f8f2;}
.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;}
.info-card{
    padding:45px;background:#fff;border:1px solid var(--border);border-radius:26px;
    box-shadow:0 15px 40px rgba(20,55,27,.08);transition:.35s;
}
.info-card:hover{transform:translateY(-8px);box-shadow:var(--shadow);}
.info-icon{
    width:72px;height:72px;margin-bottom:24px;display:flex;
    align-items:center;justify-content:center;color:#fff;background:var(--green);
    border-radius:22px;font-size:27px;
}
.info-card h3{margin-bottom:16px;color:var(--green-dark);font-size:28px;}
.info-card p{color:var(--muted);line-height:1.85;}

/* DEĞERLER */
.values-section{padding:110px 0;background:#fff;}
.section-title{margin-bottom:60px;text-align:center;}
.section-title span{display:inline-block;color:var(--green);font-size:14px;font-weight:800;letter-spacing:4px;}
.section-title h2{margin:14px 0;color:var(--green-dark);font-size:46px;}
.section-title p{max-width:700px;margin:auto;color:var(--muted);font-size:17px;line-height:1.8;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
.value-card{
    padding:35px 26px;text-align:center;background:#fff;border:1px solid var(--border);
    border-radius:22px;box-shadow:0 12px 35px rgba(20,55,27,.07);transition:.35s;
}
.value-card:hover{transform:translateY(-9px);box-shadow:var(--shadow);}
.value-card i{
    width:66px;height:66px;margin:0 auto 20px;display:flex;align-items:center;
    justify-content:center;color:#fff;background:var(--green);border-radius:20px;font-size:25px;
}
.value-card h3{margin-bottom:12px;color:var(--green-dark);font-size:21px;}
.value-card p{color:var(--muted);font-size:14px;line-height:1.7;}

/* CTA */
.cta-section{padding:75px 0;background:linear-gradient(135deg,#17351d,#276f32);}
.cta-content{display:flex;align-items:center;justify-content:space-between;gap:40px;color:#fff;}
.cta-content span{display:inline-block;margin-bottom:10px;color:#9ce38d;font-size:13px;font-weight:800;letter-spacing:4px;}
.cta-content h2{margin-bottom:10px;font-size:38px;}
.cta-content p{max-width:700px;color:rgba(255,255,255,.76);line-height:1.8;}
.cta-button{
    flex-shrink:0;display:inline-flex;align-items:center;gap:12px;padding:16px 30px;
    color:var(--green-dark);background:#fff;border-radius:45px;font-weight:700;transition:.35s;
}
.cta-button:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(0,0,0,.20);}

/* FOOTER */
.footer{color:#fff;background:#102716;}
.footer-content{padding:70px 0;display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:70px;}
.footer-brand img{width:260px;margin-bottom:20px;filter:brightness(0) invert(1);}
.footer-brand p{max-width:420px;color:rgba(255,255,255,.72);line-height:1.8;}
.footer h3{margin-bottom:20px;color:#fff;font-size:19px;}
.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start;}
.footer-links a,.footer-contact a,.footer-contact p{
    margin-bottom:12px;color:rgba(255,255,255,.75);font-size:14px;transition:.3s;
}
.footer-links a:hover,.footer-contact a:hover{color:#8ddb76;transform:translateX(4px);}
.footer-contact i{width:24px;color:#85d872;}
.footer-address{display:flex;align-items:flex-start;gap:10px;}
.footer-address span{line-height:1.7;}
.footer-bottom{padding:20px;text-align:center;border-top:1px solid rgba(255,255,255,.1);}
.footer-bottom p{color:rgba(255,255,255,.65);font-size:13px;}

/* RESPONSIVE */
@media(max-width:1100px){
    .header-container{grid-template-columns:240px 1fr 240px;}
    .logo img{width:220px;}
    nav ul{gap:24px;}
    .about-layout{grid-template-columns:1fr;}
    .about-image{max-width:760px;margin:auto;}
    .values-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:900px){
    .header-container{
        min-height:auto;display:flex;flex-direction:column;gap:18px;padding:18px 0;
    }
    nav ul{flex-wrap:wrap;justify-content:center;gap:20px;}
    .page-hero{margin-top:150px;}
    .cards-grid{grid-template-columns:1fr;}
    .cta-content{flex-direction:column;align-items:flex-start;}
    .footer-content{grid-template-columns:1fr;gap:40px;}
}
@media(max-width:650px){
    .container{width:92%;}
    .logo img{width:190px;}
    nav ul{gap:14px;}
    nav a{font-size:13px;}
    .page-hero{min-height:390px;margin-top:145px;}
    .page-hero-content h1{font-size:44px;}
    .page-hero-content p{font-size:16px;}
    .about-section,.values-section{padding:80px 0;}
    .about-image img{min-height:430px;}
    .experience-badge{right:12px;bottom:15px;width:115px;height:115px;}
    .experience-badge strong{font-size:27px;}
    .about-content h2,.section-title h2{font-size:34px;}
    .about-content p{font-size:15px;line-height:1.8;}
    .info-card{padding:30px 24px;}
    .values-grid{grid-template-columns:1fr;}
    .cta-content h2{font-size:30px;}
    .footer-brand img{width:220px;}
}
