*{box-sizing:border-box}body{font-family:'Inter',sans-serif;color:#183b25;background:#fbfdfb}.navbar-brand{font-size:1.45rem;font-weight:800;color:#075b2a}.brand-leaf{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;background:#087d39;color:#fff;border-radius:50% 8px 50% 8px;font-size:18px}.nav-link{font-weight:600;color:#284d35!important}.nav-link:hover,.nav-link.active{color:#087d39!important}.hero{min-height:75vh;background:linear-gradient(90deg,rgba(3,42,17,.9),rgba(3,42,17,.28)),url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=1800&q=90') center/cover}.min-vh-75{min-height:75vh}.hero h1{font-size:clamp(3rem,7vw,5.6rem);line-height:.98;font-weight:800;color:#fff}.hero h1 span{color:#8fe38c}.hero p{max-width:570px;color:#e8f5eb}.eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:2px;color:#fff;margin-bottom:14px}.eyebrow.green{color:#087d39}.section-padding{padding:90px 0}.section-padding h2{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;margin-bottom:18px}.section-padding p{color:#607065;line-height:1.8}.feature-strip{border-radius:20px;box-shadow:0 10px 35px rgba(10,60,30,.08);overflow:hidden}.feature{display:flex;align-items:center;justify-content:center;gap:12px;padding:22px;border-right:1px solid #dce9df;font-size:.88rem;text-align:center;color:#17562c}.feature strong{font-size:26px;color:#0b8a42}.image-card{height:360px;border-radius:18px;background-position:center;background-size:cover;position:relative;overflow:hidden}.image-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,30,10,.85))}.image-card span{position:absolute;z-index:2;bottom:20px;left:18px;color:#fff;font-weight:700;font-size:1.05rem}.btn-dark-green{background:#087d39;color:#fff;border:0}.btn-dark-green:hover{background:#055f2b;color:#fff}.cta-section{padding:90px 0;background:linear-gradient(135deg,#075c2a,#0a9a4b);color:#fff}.cta-section h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800}.cta-section p{max-width:650px;color:#dcefe2}.page-hero,.contact-hero,.about-hero{padding:100px 0;background:linear-gradient(90deg,rgba(2,60,25,.92),rgba(2,60,25,.5)),url('https://images.unsplash.com/photo-1515150144380-bca9f1650ed9?auto=format&fit=crop&w=1800&q=90') center/cover;color:#fff}.page-hero h1,.contact-hero h1,.about-hero h1{font-size:clamp(2.4rem,5vw,4.3rem);font-weight:800}.page-hero p,.contact-hero p,.about-hero p{max-width:700px;color:#e5f2e8}.product-card{height:100%;background:#fff;border:1px solid #e1ebe3;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px rgba(20,70,35,.06);transition:.25s}.product-card:hover{transform:translateY(-6px);box-shadow:0 18px 35px rgba(20,70,35,.13)}.product-img{height:220px;background-position:center;background-size:cover}.organic{background-image:url('https://images.unsplash.com/photo-1416879595882-3373a0480b5b?auto=format&fit=crop&w=700&q=85')}.npk{background-image:url('https://images.unsplash.com/photo-1464226184884-fa280b87c399?auto=format&fit=crop&w=700&q=85')}.micro{background-image:url('https://images.unsplash.com/photo-1591857177580-dc82b9ac4e1e?auto=format&fit=crop&w=700&q=85')}.liquid{background-image:url('https://images.unsplash.com/photo-1589923188900-85dae523342b?auto=format&fit=crop&w=700&q=85')}.product-card h3{font-size:1.2rem;font-weight:800}.product-card p{font-size:.9rem}.product-card ul{padding-left:18px;color:#5c6e62;font-size:.85rem;line-height:1.9}.about-hero{background-image:linear-gradient(90deg,rgba(2,60,25,.78),rgba(2,60,25,.3)),url('https://images.unsplash.com/photo-1500382017468-9049fed747ef?auto=format&fit=crop&w=1800&q=90')}.about-img{height:450px;object-fit:cover}.value-card{height:100%;padding:32px;background:#fff;border:1px solid #e0eae2;border-radius:18px}.value-card span{font-size:.8rem;color:#087d39;font-weight:800}.value-card h3{margin-top:15px;font-weight:800}.contact-hero{background-image:linear-gradient(90deg,rgba(2,60,25,.88),rgba(2,60,25,.35)),url('https://images.unsplash.com/photo-1497250681960-ef046c08a56e?auto=format&fit=crop&w=1800&q=90')}.contact-item{padding:18px 0;border-bottom:1px solid #e2ebe4}.contact-item strong{color:#087d39}.contact-item p{margin:5px 0 0;color:#5f7065}.form-card{padding:35px;background:#fff;border:1px solid #e0eae2;border-radius:20px;box-shadow:0 10px 30px rgba(20,70,35,.06)}.form-control{padding:13px 15px;border-color:#d9e5dc}.form-control:focus{border-color:#087d39;box-shadow:0 0 0 .2rem rgba(8,125,57,.12)}label{font-size:.85rem;font-weight:700;margin-bottom:7px}.footer{padding:24px 0;background:#063b1c;color:#d8eadc;font-size:.88rem}@media(max-width:767px){.hero{min-height:78vh}.min-vh-75{min-height:78vh}.hero h1{font-size:3.3rem}.section-padding{padding:60px 0}.feature{border-bottom:1px solid #dce9df}.image-card{height:280px}.page-hero,.contact-hero,.about-hero{padding:70px 0}.about-img{height:300px}.form-card{padding:24px}.navbar .container{padding-left:18px;padding-right:18px}}
.navbar-logo {
  height: 55px;
  width: auto;
  display: block;
}

.navbar-brand {
  padding-top: 5px;
  padding-bottom: 5px;
}

@media (max-width: 768px) {
  .navbar-logo {
    height: 45px;
  }
}
.hero-bigefor {
  min-height: 680px;
  width: 100%;

  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.05),
      rgba(255,255,255,0.15)
    ),
    url("images/hero-bg.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: center;
  justify-content: center;

  position: relative;
  overflow: hidden;
}

.hero-content {
  text-align: center;
  width: 100%;
  max-width: 850px;
  padding: 60px 25px;
  position: relative;
  z-index: 2;
}

.hero-title {
  color: #063b2a;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 9px;
  margin-bottom: 18px;
}

.hero-logo {
  width: min(600px, 80vw);
  height: auto;
  display: block;
  margin: 0 auto 22px;
}

.hero-subtitle {
  font-size: 19px;
  color: #52605c;
  letter-spacing: 8px;
  font-weight: 400;
  margin-bottom: 20px;
}

.hero-divider {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-bottom: 28px;
}

.hero-divider span:not(.leaf) {
  width: 95px;
  height: 2px;
  background: #5d9f2d;
}

.hero-divider .leaf {
  font-size: 32px;
  line-height: 1;
  color: #46951c;
}

.hero-button {
  display: inline-flex;
  align-items: center;
  gap: 18px;

  padding: 15px 32px;

  background: linear-gradient(
    135deg,
    #42a112,
    #167500
  );

  color: #fff;
  text-decoration: none;

  border-radius: 40px;
  font-size: 16px;
  font-weight: 600;

  box-shadow: 0 8px 25px rgba(34, 122, 15, 0.22);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.hero-button span {
  font-size: 23px;
  transition: transform 0.2s ease;
}

.hero-button:hover {
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(34, 122, 15, 0.3);
}

.hero-button:hover span {
  transform: translateX(5px);
}

/* Tablet */
@media (max-width: 992px) {

  .hero-bigefor {
    min-height: 580px;
  }

  .hero-title {
    font-size: 21px;
    letter-spacing: 6px;
  }

  .hero-subtitle {
    font-size: 15px;
    letter-spacing: 5px;
  }

}

/* Telefon */
@media (max-width: 576px) {

  .hero-bigefor {
    min-height: 520px;
    background-position: center;
  }

  .hero-content {
    padding: 50px 20px;
  }

  .hero-title {
    font-size: 15px;
    letter-spacing: 4px;
  }

  .hero-logo {
    width: 90%;
  }

  .hero-subtitle {
    font-size: 12px;
    letter-spacing: 3px;
  }

  .hero-divider span:not(.leaf) {
    width: 55px;
  }

  .hero-button {
    padding: 13px 25px;
    font-size: 14px;
  }

}
.hero-bigefor {
    width: 100%;
    min-height: 650px;

    /* Arka plan görseli */
    background-image: url("../images/hero-bg.png");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    display: flex;
    align-items: center;
    justify-content: center;

    position: relative;
    overflow: hidden;
}

.hero-content {
    width: 100%;
    max-width: 850px;
    padding: 60px 20px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.hero-title {
    color: #063b2a;
    font-size: 28px;
    font-weight: 600;
    letter-spacing: 9px;
    margin-bottom: 15px;
}

.hero-logo {
    width: min(600px, 80vw);
    height: auto;
    display: block;
    margin: 0 auto 20px;
}

.hero-subtitle {
    color: #59615f;
    font-size: 18px;
    letter-spacing: 7px;
    margin-bottom: 20px;
}

.hero-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 28px;
}

.hero-divider > span:not(.leaf) {
    display: block;
    width: 90px;
    height: 2px;
    background: #579c2b;
}

.hero-divider .leaf {
    color: #46951c;
    font-size: 30px;
    line-height: 1;
}

.hero-button {
    display: inline-flex;
    align-items: center;
    gap: 18px;

    background: linear-gradient(135deg, #49a719, #167600);
    color: white;

    padding: 15px 32px;
    border-radius: 50px;

    font-size: 16px;
    font-weight: 600;
    text-decoration: none;

    box-shadow: 0 8px 25px rgba(30, 120, 0, 0.22);
    transition: 0.25s ease;
}

.hero-button:hover {
    color: white;
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(30, 120, 0, 0.3);
}

.hero-button span {
    font-size: 22px;
    transition: transform 0.25s ease;
}

.hero-button:hover span {
    transform: translateX(5px);
}

/* Mobil */
@media (max-width: 768px) {

    .hero-bigefor {
        min-height: 520px;

        /* Mobilde yaprakların daha iyi görünmesi için */
        background-position: center center;
    }

    .hero-content {
        padding: 50px 20px;
    }

    .hero-title {
        font-size: 16px;
        letter-spacing: 5px;
    }

    .hero-logo {
        width: 85%;
        max-width: 450px;
    }

    .hero-subtitle {
        font-size: 12px;
        letter-spacing: 3px;
    }

    .hero-divider > span:not(.leaf) {
        width: 55px;
    }

    .hero-button {
        font-size: 14px;
        padding: 13px 25px;
    }
}
/* =========================
   SABİT SOSYAL MEDYA
========================= */

.floating-social {
    position: fixed;
    right: 22px;
    bottom: 25px;

    display: flex;
    flex-direction: column;
    gap: 12px;

    z-index: 9999;
}

.social-btn {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;
    color: #fff;

    font-size: 27px;
    text-decoration: none;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.20);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

/* Facebook */
.facebook-btn {
    background: #1877F2;
}

/* WhatsApp */
.whatsapp-btn {
    background: #25D366;
}

/* Hover */
.social-btn:hover {
    color: #fff;
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
}

/* Telefon */
@media (max-width: 576px) {

    .floating-social {
        right: 15px;
        bottom: 18px;
        gap: 9px;
    }

    .social-btn {
        width: 48px;
        height: 48px;
        font-size: 23px;
    }
}
.site-footer {
  background: linear-gradient(
    90deg,
    #053f24,
    #064b2b,
    #053f24
  );

  border-radius: 0 0 8px 8px;
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.12);

  padding: 22px 0;
}

.site-footer .container {
  max-width: 1320px;
}

.footer-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}

.footer-brand {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
}

.footer-logo {
  width: 220px;
  max-width: 100%;
  height: auto;
  display: block;
}

/* Sağdaki yazı */
.footer-slogan {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;

  gap: 8px;

  color: #ffffff;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.1px;
}

.footer-slogan .dot {
  color: #7acb23;
  font-size: 20px;
  line-height: 1;
}

/* Tablet */
@media (max-width: 992px) {

  .footer-logo {
    width: 190px;
  }

  .footer-slogan {
    font-size: 14px;
  }
}

/* Mobil */
@media (max-width: 768px) {

  .site-footer {
    padding: 24px 0;
  }

  .footer-inner {
    flex-direction: column;
    justify-content: center;
    text-align: center;
    gap: 18px;
  }

  .footer-logo {
    width: 180px;
  }

  .footer-slogan {
    justify-content: center;
    font-size: 13px;
    gap: 6px;
  }
}
/* =========================
   ÜRÜNLER
========================= */

.products-area {
  padding: 70px 0;
  background: #f7faf5;
}

.products-heading {
  max-width: 650px;
  margin: 0 auto 40px;
  text-align: center;
}

.products-heading .eyebrow {
  color: #65a52e;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
}

.products-heading h2 {
  color: #0b4a2d;
  font-size: 36px;
  font-weight: 800;
  margin: 8px 0 12px;
}

.products-heading p {
  color: #66706b;
  font-size: 15px;
}


/* KART */

.compact-product-card {
  max-width: 500px;
  margin: 0 auto;

  background: #ffffff;

  border: 1px solid #e3ebdf;
  border-radius: 20px;

  overflow: hidden;

  box-shadow:
    0 10px 30px rgba(20, 70, 40, 0.07);

  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.compact-product-card:hover {
  transform: translateY(-5px);

  box-shadow:
    0 16px 40px rgba(20, 70, 40, 0.12);
}


/* ÜRÜN FOTOĞRAFI */

.compact-product-image {
  height: 280px;

  display: flex;
  align-items: center;
  justify-content: center;

  background:
    linear-gradient(
      145deg,
      #f2f8ed,
      #ffffff
    );

  padding: 25px;
}

.compact-product-image img {
  width: 100%;
  height: 100%;

  object-fit: contain;

  transition: transform 0.3s ease;
}

.compact-product-card:hover
.compact-product-image img {
  transform: scale(1.04);
}


/* İÇERİK */

.compact-product-content {
  padding: 24px 26px 27px;
}

.product-label {
  display: block;

  color: #69a832;

  font-size: 11px;
  font-weight: 800;

  letter-spacing: 1.5px;

  margin-bottom: 6px;
}

.compact-product-content h3 {
  color: #0a4a2d;

  font-size: 24px;
  font-weight: 800;

  margin-bottom: 10px;
}

.compact-product-content p {
  color: #626d67;

  font-size: 14px;
  line-height: 1.65;

  margin-bottom: 20px;
}


/* DETAYLI BİLGİ BUTONU */

.compact-detail-btn {
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 11px 21px;

  background: #0c6539;

  color: #ffffff;

  border-radius: 50px;

  font-size: 14px;
  font-weight: 700;

  text-decoration: none;

  transition: 0.25s ease;
}

.compact-detail-btn:hover {
  background: #084c2c;
  color: #ffffff;
}

.compact-detail-btn span {
  transition: transform 0.25s ease;
}

.compact-detail-btn:hover span {
  transform: translateX(4px);
}


/* MOBİL */

@media (max-width: 767px) {

  .products-area {
    padding: 50px 0;
  }

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

  .compact-product-card {
    max-width: 420px;
  }

  .compact-product-image {
    height: 240px;
  }
}

.whatsapp-support {
    position: fixed;
    right: 25px;
    bottom: 25px;

    width: 60px;
    height: 60px;

    background: #25D366;
    border-radius: 50px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    color: white;
    text-decoration: none;

    overflow: hidden;
    z-index: 9999;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);

    transition:
        width 0.45s ease,
        box-shadow 0.3s ease;
}

/* Mouse üzerine gelince sola doğru açılır */
.whatsapp-support:hover {
    width: 210px;
    box-shadow: 0 7px 25px rgba(37, 211, 102, 0.45);
}

/* WhatsApp ikonunun bulunduğu alan */
.whatsapp-icon {
    min-width: 60px;
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 34px;

    transition: transform 0.6s ease;
}

/* Hover olduğunda ikon döner */
.whatsapp-support:hover .whatsapp-icon {
    transform: rotate(360deg);
}

/* Yazı */
.support-text {
    white-space: nowrap;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;

    opacity: 0;
    transform: translateX(20px);

    transition:
        opacity 0.3s ease 0.12s,
        transform 0.4s ease 0.08s;
}

/* Açıldığında yazıyı göster */
.whatsapp-support:hover .support-text {
    opacity: 1;
    transform: translateX(0);
}

/* Mobil cihazlarda */
@media (max-width: 768px) {
    .whatsapp-support {
        right: 15px;
        bottom: 15px;
    }
}

.facebook-support {
    position: fixed;

    /* WhatsApp'ın üstünde */
    right: 25px;
    bottom: 95px;

    width: 60px;
    height: 60px;

    background: #1877F2;
    border-radius: 50px;

    display: flex;
    align-items: center;
    justify-content: flex-end;

    color: white;
    text-decoration: none;

    overflow: hidden;
    z-index: 9999;

    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.25);

    transition:
        width 0.45s ease,
        box-shadow 0.3s ease;
}

/* Mouse gelince sola doğru aç */
.facebook-support:hover {
    width: 245px;

    box-shadow:
        0 7px 25px rgba(24, 119, 242, 0.45);
}

/* Facebook logo alanı */
.facebook-icon {
    min-width: 60px;
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 30px;

    transition: transform 0.6s ease;
}

/* Logo dönme animasyonu */
.facebook-support:hover .facebook-icon {
    transform: rotate(360deg);
}

/* Yazı */
.facebook-text {
    white-space: nowrap;

    font-family: Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;

    opacity: 0;
    transform: translateX(20px);

    transition:
        opacity 0.3s ease 0.12s,
        transform 0.4s ease 0.08s;
}

/* Mouse gelince yazıyı göster */
.facebook-support:hover .facebook-text {
    opacity: 1;
    transform: translateX(0);
}

/* Mobil */
@media (max-width: 768px) {
    .facebook-support {
        right: 15px;
        bottom: 85px;
    }
}

/* =========================================================
   MOBİL YATAY TAŞMA DÜZELTMESİ
   Masaüstü görünümünü etkilemez.
========================================================= */
@media (max-width: 768px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .floating-social {
        right: 15px;
        max-width: 60px;
    }

    /* Dokunmatik/mobil cihazlarda hover genişlemesini engelle */
    .whatsapp-support,
    .whatsapp-support:hover,
    .facebook-support,
    .facebook-support:hover {
        width: 60px;
        max-width: 60px;
    }

    .whatsapp-support:hover .support-text,
    .facebook-support:hover .facebook-text {
        opacity: 0;
        transform: translateX(20px);
    }

    .whatsapp-icon,
    .facebook-icon {
        flex: 0 0 60px;
    }

    img {
        max-width: 100%;
    }
}

/* =========================
   DİL SEÇİCİ / LANGUAGE SWITCHER
========================= */
/* =========================
   TR / EN DİL SEÇİCİ
========================= */

.language-switcher {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 15px;
    white-space: nowrap;
}

.language-switcher .lang-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px;
    border-radius: 8px;
    color: #284d35;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
}

.language-switcher .lang-link:hover,
.language-switcher .lang-link.active-lang {
    color: #087d39;
    background: #edf7e7;
}

.language-switcher .lang-separator {
    color: #b9c8be;
}

/* Mobil */
@media (max-width: 991.98px) {
    .language-switcher {
        margin: 10px 0 0 0;
    }
}