@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@700;800&display=swap');

:root{
  --yesil:#1f7a32;
  --yesil-koyu:#063817;
  --yesil-orta:#105321;
  --krem:#fbf7ef;
  --metin:#102017;
  --soluk:#657165;
  --cizgi:#e5e8df;
  --beyaz:#fff;
  --golge:0 18px 48px rgba(8,45,19,.14);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--metin);background:#fff;line-height:1.55}
img{display:block;max-width:100%}
a{text-decoration:none;color:inherit}
.kapsayici{width:min(1180px,calc(100% - 36px));margin:auto}

.ust-bilgi{background:var(--yesil-koyu);color:#fff;font-size:14px}
.ust-bilgi .kapsayici{height:40px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.ust-bilgi a{color:#fff;font-weight:700}

.site-baslik{background:#fff;border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:20}
.baslik-ic{height:96px;display:flex;align-items:center;gap:34px;justify-content:space-between}
.logo{display:flex;align-items:center;gap:12px;min-width:230px}
.logo-yaprak{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,var(--yesil),#52a85e);color:white;display:grid;place-items:center;font-weight:900}
.logo strong{font-size:29px;line-height:.92;color:var(--yesil-koyu);letter-spacing:.5px}
.logo small{display:block;font-size:12px;color:#506050;margin-top:7px}
.ana-menu{display:flex;align-items:center;gap:34px;font-weight:700}
.ana-menu a{padding:12px 0;position:relative}
.ana-menu a.aktif,.ana-menu a:hover{color:var(--yesil)}
.ana-menu a.aktif:after,.ana-menu a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--yesil)}
.whatsapp-buton,.ana-buton{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:var(--yesil);color:white;font-weight:800;padding:14px 22px;box-shadow:0 12px 26px rgba(31,122,50,.22);transition:.2s}
.whatsapp-buton:hover,.ana-buton:hover{transform:translateY(-2px);background:#218d38}
.menu-dugme{display:none;border:0;background:var(--yesil);color:#fff;border-radius:8px;padding:10px 14px;font-weight:800}

.kahraman{min-height:540px;background-size:cover;background-position:center;display:flex;align-items:center;color:white}
.kahraman-yazi{max-width:640px;padding:80px 0}
.kahraman h1{font-family:"Playfair Display",serif;font-size:clamp(44px,5.6vw,76px);line-height:1.04;margin:0 0 22px}
.kahraman p{font-size:20px;max-width:560px;margin:0 0 28px;color:rgba(255,255,255,.92)}
.butonlar{display:flex;gap:18px;flex-wrap:wrap}
.ikincil-buton{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.7);border-radius:10px;color:#fff;font-weight:800;padding:13px 22px;background:rgba(255,255,255,.08)}
.koyu{border-radius:9px;margin-top:26px}.beyaz{background:#fff;color:var(--yesil-koyu)}
.bolum{padding:70px 0}
.bolum-baslik{text-align:center;margin-bottom:32px}
.bolum-baslik h2,.satir-baslik h2,.neden-yazi h2,.hizli-iletisim h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu);font-size:clamp(30px,3vw,44px);line-height:1.1;margin:0 0 10px}
.bolum-baslik p{color:var(--soluk);margin:0}

.kategori-liste{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.kategori-kart{background:#fff;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.2s;text-align:center}
.kategori-kart:hover{transform:translateY(-5px);box-shadow:var(--golge)}
.kategori-kart img{width:100%;height:220px;object-fit:cover}
.kategori-kart h3{font-size:18px;margin:16px 12px 5px;color:var(--yesil-koyu)}
.kategori-kart p{font-size:14px;color:var(--soluk);margin:0 12px 18px}
.ortali{text-align:center}

.neden{background-size:cover;background-position:center;padding:70px 0}
.neden-ic{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;gap:36px}
.neden-yazi{background:rgba(255,255,255,.92);border-radius:14px;padding:34px;box-shadow:var(--golge)}
.neden-yazi p{color:#445044}
.neden-kartlar{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--golge)}
.neden-kartlar article{border-right:1px solid var(--cizgi);text-align:center}
.neden-kartlar article:last-child{border-right:0}
.neden-kartlar img{width:100%;height:130px;object-fit:cover}
.neden-kartlar h3{font-size:16px;margin:15px 10px 6px;color:var(--yesil-koyu)}
.neden-kartlar p{font-size:13px;color:var(--soluk);margin:0 13px 18px}

.satir-baslik{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}
.satir-baslik a{font-weight:800;color:var(--yesil)}
.blog-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-kart{display:grid;grid-template-columns:150px 1fr;background:#fff;border:1px solid var(--cizgi);border-radius:12px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.04)}
.blog-kart img{height:100%;min-height:190px;object-fit:cover}
.blog-kart div{padding:20px}
.blog-kart h3{font-size:18px;line-height:1.35;margin:0 0 10px}
.blog-kart p{color:var(--soluk);font-size:14px;margin:0 0 14px}
.blog-kart a{font-weight:800;color:var(--yesil-koyu)}

.hizli-iletisim{background:linear-gradient(135deg,var(--yesil-koyu),var(--yesil));color:white;padding:44px 0}
.hizli-iletisim-ic{display:flex;align-items:center;justify-content:space-between;gap:24px}
.hizli-iletisim p{color:rgba(255,255,255,.82);margin:0}

.site-alt{background-size:cover;background-position:center;color:white}
.alt-grid{display:grid;grid-template-columns:1.3fr .9fr .9fr 1.1fr 1.1fr;gap:34px;padding:58px 0}
.alt-logo{font-size:26px;font-weight:900;display:block;margin-bottom:16px}
.site-alt p{color:rgba(255,255,255,.76)}
.site-alt h3{font-size:15px;text-transform:uppercase;margin:0 0 16px}
.site-alt a{display:block;color:rgba(255,255,255,.86);margin:8px 0}
.sosyal{display:flex;gap:10px}.sosyal a{border:1px solid rgba(255,255,255,.25);border-radius:8px;padding:6px 10px}
.alt-whatsapp{display:inline-flex;margin-top:10px}
.telif{border-top:1px solid rgba(255,255,255,.14);padding:17px 0;text-align:center;color:rgba(255,255,255,.78);font-size:14px}

@media(max-width:1050px){
  .kategori-liste{grid-template-columns:repeat(3,1fr)}
  .neden-ic{grid-template-columns:1fr}
  .alt-grid{grid-template-columns:repeat(2,1fr)}
  .blog-liste{grid-template-columns:1fr}
}
@media(max-width:820px){
  .baslik-ic{height:auto;min-height:84px;flex-wrap:wrap;padding:12px 0}
  .menu-dugme{display:block}
  .ana-menu{display:none;width:100%;flex-direction:column;align-items:flex-start;gap:12px;border-top:1px solid var(--cizgi);padding-top:12px}
  .ana-menu.acik{display:flex}
  .whatsapp-buton{display:none}
  .kahraman{min-height:480px}
  .kategori-liste{grid-template-columns:repeat(2,1fr)}
  .neden-kartlar{grid-template-columns:repeat(2,1fr)}
  .hizli-iletisim-ic{flex-direction:column;align-items:flex-start}
}
@media(max-width:560px){
  .kapsayici{width:min(100% - 24px,1180px)}
  .ust-bilgi .kapsayici{height:auto;padding:8px 0;flex-direction:column;align-items:flex-start;gap:5px}
  .logo strong{font-size:23px}
  .kahraman-yazi{padding:54px 0}
  .kategori-liste,.neden-kartlar,.alt-grid{grid-template-columns:1fr}
  .kategori-kart img{height:210px}
  .blog-kart{grid-template-columns:1fr}
  .blog-kart img{height:210px}
  .satir-baslik{flex-direction:column;align-items:flex-start;gap:10px}
}

.sayfa-hero{min-height:330px;background-size:cover;background-position:center;display:flex;align-items:center;color:#fff;position:relative}
.sayfa-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,15,.84),rgba(3,35,15,.35))}
.sayfa-hero .kapsayici{position:relative;z-index:1}
.sayfa-hero h1{font-family:"Playfair Display",serif;font-size:clamp(38px,5vw,64px);line-height:1.05;margin:0 0 14px}
.sayfa-hero p{font-size:19px;max-width:680px;color:rgba(255,255,255,.9)}
.urun-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.urun-kart{border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.urun-kart img{width:100%;height:240px;object-fit:cover}
.urun-kart div{padding:22px}
.urun-kart h2,.urun-kart h3{margin:0 0 10px;color:var(--yesil-koyu)}
.urun-kart p{color:var(--soluk)}
.detay-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:start}
.detay-gorsel{border-radius:18px;overflow:hidden;box-shadow:var(--golge)}
.detay-gorsel img{width:100%;height:430px;object-fit:cover}
.icerik-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.icerik-kutu h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu);font-size:34px;margin:0 0 14px}
.ozellikler{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
.ozellikler span{background:#f3f8f2;border:1px solid #dcebdd;border-radius:10px;padding:12px;font-weight:700;color:var(--yesil-koyu)}
.sss{margin-top:34px}
.sss details{border:1px solid var(--cizgi);border-radius:12px;padding:16px 18px;margin-bottom:12px;background:#fff}
.sss summary{font-weight:800;color:var(--yesil-koyu);cursor:pointer}
.iletisim-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.bilgi-kart{background:#fff;border:1px solid var(--cizgi);border-radius:16px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.04)}
.blog-detay{max-width:860px;margin:auto}
.blog-detay img{width:100%;height:390px;object-fit:cover;border-radius:16px;margin-bottom:28px}
.blog-detay h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu);font-size:34px}
.blog-detay p{font-size:18px;color:#334238}
@media(max-width:900px){.urun-grid,.detay-grid,.iletisim-grid{grid-template-columns:1fr}.urun-kart img,.detay-gorsel img{height:300px}}

.sebze-giris{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}
.sebze-giris img{width:100%;height:420px;object-fit:cover;border-radius:18px;box-shadow:var(--golge)}
.sebze-giris .icerik-kutu p{font-size:17px}
.sebze-liste-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.sebze-kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.2s}
.sebze-kart:hover{transform:translateY(-5px);box-shadow:var(--golge)}
.sebze-kart img{width:100%;height:210px;object-fit:cover}
.sebze-kart div{padding:20px}
.sebze-kart h2,.sebze-kart h3{font-size:20px;margin:0 0 8px;color:var(--yesil-koyu)}
.sebze-kart p{color:var(--soluk);font-size:14px;margin:0 0 16px}
.guven-alani{background:#f6fbf5;border-top:1px solid var(--cizgi);border-bottom:1px solid var(--cizgi)}
.guven-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.guven-grid article{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:24px;box-shadow:0 10px 26px rgba(0,0,0,.04)}
.guven-grid h3{color:var(--yesil-koyu);margin:0 0 8px}
.uretim-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}
.uretim-grid img{width:100%;height:380px;object-fit:cover;border-radius:18px;box-shadow:var(--golge)}
.baglanti-liste{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.baglanti-liste a{border:1px solid var(--cizgi);border-radius:12px;padding:18px;background:#fff;font-weight:800;color:var(--yesil-koyu);box-shadow:0 8px 22px rgba(0,0,0,.04)}
.urun-hero{min-height:360px;background-size:cover;background-position:center;display:flex;align-items:center;position:relative;color:#fff}
.urun-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,15,.88),rgba(3,35,15,.38))}
.urun-hero .kapsayici{position:relative}
.urun-hero h1{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0 0 14px}
.urun-hero p{font-size:19px;max-width:700px;color:rgba(255,255,255,.92)}
.urun-detay-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:start}
.urun-detay-grid img{width:100%;height:470px;object-fit:cover;border-radius:18px;box-shadow:var(--golge)}
.urun-yazi p{font-size:17px;color:#334238}
.seo-blok h2,.sss h2,.blog-oneri h2{font-family:"Playfair Display",serif;font-size:36px;color:var(--yesil-koyu)}
.blog-oneri-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.blog-oneri-grid a{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:22px;box-shadow:0 8px 22px rgba(0,0,0,.04)}
.blog-oneri-grid strong{display:block;color:var(--yesil-koyu);font-size:18px;margin-bottom:8px}
@media(max-width:1000px){.sebze-liste-grid{grid-template-columns:repeat(3,1fr)}.guven-grid,.blog-oneri-grid{grid-template-columns:repeat(2,1fr)}.sebze-giris,.uretim-grid,.urun-detay-grid{grid-template-columns:1fr}}
@media(max-width:650px){.sebze-liste-grid,.guven-grid,.baglanti-liste,.blog-oneri-grid{grid-template-columns:1fr}.sebze-giris img,.uretim-grid img,.urun-detay-grid img{height:300px}}

.kategori-giris{display:grid;grid-template-columns:1fr .9fr;gap:36px;align-items:center}
.kategori-giris img{width:100%;height:420px;object-fit:cover;border-radius:18px;box-shadow:var(--golge)}
.kategori-giris .icerik-kutu p{font-size:17px}
.alt-kategori-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.alt-kategori-kart{background:#fff;border:1px solid var(--cizgi);border-radius:14px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.2s}
.alt-kategori-kart:hover{transform:translateY(-5px);box-shadow:var(--golge)}
.alt-kategori-kart img{width:100%;height:210px;object-fit:cover}
.alt-kategori-kart div{padding:20px}
.alt-kategori-kart h2,.alt-kategori-kart h3{font-size:20px;margin:0 0 8px;color:var(--yesil-koyu)}
.alt-kategori-kart p{color:var(--soluk);font-size:14px;margin:0 0 16px}
.detay-hero{min-height:360px;background-size:cover;background-position:center;display:flex;align-items:center;position:relative;color:#fff}
.detay-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,15,.88),rgba(3,35,15,.38))}
.detay-hero .kapsayici{position:relative}
.detay-hero h1{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0 0 14px}
.detay-hero p{font-size:19px;max-width:720px;color:rgba(255,255,255,.92)}
.detay-grid-ozel{display:grid;grid-template-columns:1.08fr .92fr;gap:36px;align-items:start}
.detay-grid-ozel img{width:100%;height:470px;object-fit:cover;border-radius:18px;box-shadow:var(--golge)}
.detay-yazi p{font-size:17px;color:#334238}
@media(max-width:1000px){.alt-kategori-grid{grid-template-columns:repeat(3,1fr)}.kategori-giris,.detay-grid-ozel{grid-template-columns:1fr}}
@media(max-width:650px){.alt-kategori-grid{grid-template-columns:1fr}.kategori-giris img,.detay-grid-ozel img{height:300px}}

.blog-arsiv-hero{min-height:360px;background-size:cover;background-position:center;display:flex;align-items:center;position:relative;color:#fff}
.blog-arsiv-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,35,15,.88),rgba(3,35,15,.35))}
.blog-arsiv-hero .kapsayici{position:relative}
.blog-arsiv-hero h1{font-family:"Playfair Display",serif;font-size:clamp(42px,5vw,70px);margin:0 0 14px}
.blog-arsiv-hero p{max-width:740px;font-size:19px;color:rgba(255,255,255,.92)}
.blog-arsiv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.blog-arsiv-kart{background:#fff;border:1px solid var(--cizgi);border-radius:15px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:.2s}
.blog-arsiv-kart:hover{transform:translateY(-5px);box-shadow:var(--golge)}
.blog-arsiv-kart img{width:100%;height:220px;object-fit:cover}
.blog-arsiv-kart div{padding:22px}
.blog-arsiv-kart span{display:inline-block;background:#f0f8ef;color:var(--yesil-koyu);font-weight:800;font-size:13px;padding:6px 10px;border-radius:999px;margin-bottom:12px}
.blog-arsiv-kart h2{font-size:20px;line-height:1.35;margin:0 0 10px;color:var(--yesil-koyu)}
.blog-arsiv-kart p{color:var(--soluk);font-size:14px;margin:0 0 16px}
.blog-detay-hero{min-height:430px;background-size:cover;background-position:center;display:flex;align-items:end;position:relative;color:#fff}
.blog-detay-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,35,15,.92),rgba(3,35,15,.25))}
.blog-detay-hero .kapsayici{position:relative;padding-bottom:48px}
.blog-detay-hero h1{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:12px 0}
.blog-etiket{display:inline-block;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);padding:7px 12px;border-radius:999px;font-weight:800}
.blog-makale{max-width:940px;margin:auto}
.blog-makale .icerik-kutu{padding:38px}
.blog-makale p{font-size:18px;color:#334238}
.blog-makale h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu);font-size:36px;margin-top:34px}
.blog-makale h3{color:var(--yesil-koyu);font-size:24px;margin-top:26px}
.blog-makale img{width:100%;height:390px;object-fit:cover;border-radius:16px;margin:24px 0;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.blog-ic-linkler{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}
.blog-ic-linkler a{background:#f6fbf5;border:1px solid var(--cizgi);border-radius:12px;padding:16px;font-weight:800;color:var(--yesil-koyu)}
.blog-yazar{background:#f6fbf5;border:1px solid var(--cizgi);border-radius:16px;padding:22px;margin:28px 0}
.blog-yazar strong{display:block;color:var(--yesil-koyu);font-size:20px;margin-bottom:6px}
@media(max-width:950px){.blog-arsiv-grid{grid-template-columns:repeat(2,1fr)}.blog-ic-linkler{grid-template-columns:1fr}}
@media(max-width:620px){.blog-arsiv-grid{grid-template-columns:1fr}.blog-detay-hero{min-height:360px}.blog-makale .icerik-kutu{padding:24px}.blog-makale img{height:260px}}

/* Kocaeli Organik gerçek logo entegrasyonu */
.logo{
  min-width:260px;
}
.logo img{
  width:238px;
  max-height:76px;
  object-fit:contain;
  display:block;
}

.alt-logo{
  display:inline-block;
  margin-bottom:16px;
}
.alt-logo img{
  width:220px;
  max-height:78px;
  object-fit:contain;
  display:block;
  
}
@media(max-width:600px){
  .logo{min-width:auto}
  .logo img{width:190px;max-height:64px}
  .alt-logo img{width:190px}
}


/* Logo düzeltmesi */
.site-baslik .logo,
.site-header .logo{
  display:flex !important;
  align-items:center !important;
  min-width:240px !important;
}

.site-baslik .logo img,
.site-header .logo img{
  width:235px !important;
  max-height:76px !important;
  object-fit:contain !important;
  display:block !important;
}

.site-alt .alt-logo img{
  width:220px !important;
  max-height:78px !important;
  object-fit:contain !important;
  display:block !important;
  filter:none !important;
}

@media(max-width:600px){
  .site-baslik .logo img,
  .site-header .logo img{
    width:190px !important;
    max-height:64px !important;
  }
  .site-alt .alt-logo img{
    width:190px !important;
  }
}


/* FINAL LOGO FIX */
.site-baslik .logo,
.site-header .logo,
header .logo{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  min-width:240px !important;
  height:auto !important;
  overflow:visible !important;
}

.site-baslik .logo img.site-logo-img,
.site-header .logo img.site-logo-img,
.logo img.site-logo-img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:235px !important;
  max-width:235px !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
}

.site-alt .alt-logo,
footer .alt-logo{
  display:inline-flex !important;
  align-items:center !important;
  margin-bottom:16px !important;
}

.site-alt .alt-logo img.footer-logo-img,
footer .alt-logo img.footer-logo-img{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:220px !important;
  max-width:220px !important;
  height:auto !important;
  max-height:78px !important;
  object-fit:contain !important;
  filter:none !important;
}

@media(max-width:600px){
  .logo img.site-logo-img{width:190px !important;max-width:190px !important}
  .site-alt .alt-logo img.footer-logo-img{width:190px !important;max-width:190px !important}
}

/* Fidelerimiz sayfaları */
.fide-hero{min-height:390px;background:linear-gradient(90deg,rgba(4,32,15,.88),rgba(4,32,15,.52)),#0f4f22;display:flex;align-items:center;color:#fff}
.fide-hero h1{font-family:"Playfair Display",serif;font-size:clamp(40px,5vw,68px);line-height:1.05;margin:0 0 16px}
.fide-hero p{max-width:760px;font-size:19px;color:rgba(255,255,255,.92)}
.fide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fide-kart{background:#fff;border:1px solid var(--cizgi,#e5e8df);border-radius:15px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05);transition:.2s}
.fide-kart:hover{transform:translateY(-5px);box-shadow:var(--golge,0 18px 48px rgba(8,45,19,.14))}
.fide-gorsel-bos{height:220px;background:linear-gradient(135deg,#eef8ef,#fbf7ef);display:flex;align-items:center;justify-content:center;color:#1f7a32;font-weight:800;text-align:center;padding:20px}
.fide-kart-icerik{padding:22px}
.fide-kart h2,.fide-kart h3{margin:0 0 10px;color:var(--yesil-koyu,#063817);font-size:21px}
.fide-kart p{color:var(--soluk,#657165);font-size:15px;margin:0 0 16px}
.fide-detay-grid{display:grid;grid-template-columns:1fr .9fr;gap:34px;align-items:start}
.fide-bilgi-kutu{background:#fff;border:1px solid var(--cizgi,#e5e8df);border-radius:16px;padding:32px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.fide-bilgi-kutu h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu,#063817);font-size:36px;margin-top:0}
.fide-bilgi-kutu p{font-size:17px;color:#334238}
.fide-ozellikler{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0}
.fide-ozellikler span{background:#f3f8f2;border:1px solid #dcebdd;border-radius:10px;padding:13px;font-weight:800;color:#063817}
.fide-gorsel-alani{min-height:420px;border:2px dashed #cfe3d0;border-radius:18px;background:#f6fbf5;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;color:#1f7a32;font-weight:800}
.fide-guven{background:#f6fbf5;border-top:1px solid var(--cizgi,#e5e8df);border-bottom:1px solid var(--cizgi,#e5e8df)}
.fide-guven-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fide-guven-grid article{background:#fff;border:1px solid var(--cizgi,#e5e8df);border-radius:14px;padding:24px}
.fide-guven-grid h3{margin:0 0 8px;color:#063817}
.fide-baglanti-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fide-baglanti-grid a{background:#fff;border:1px solid var(--cizgi,#e5e8df);border-radius:12px;padding:16px;color:#063817;font-weight:800}
.fide-sss details{background:#fff;border:1px solid var(--cizgi,#e5e8df);border-radius:12px;padding:16px;margin-bottom:12px}
.fide-sss summary{cursor:pointer;font-weight:800;color:#063817}
@media(max-width:980px){.fide-grid{grid-template-columns:repeat(2,1fr)}.fide-detay-grid{grid-template-columns:1fr}.fide-guven-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.fide-grid,.fide-guven-grid,.fide-baglanti-grid,.fide-ozellikler{grid-template-columns:1fr}.fide-gorsel-alani{min-height:260px}}

/* Fide görsel yolları */
.fide-kart img.fide-gorsel-img,
.kategori-kart img.fide-gorsel-img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
  background:#f3f8f2;
}

.fide-gorsel-alani{
  padding:0 !important;
  overflow:hidden;
  border:none !important;
  background:#f3f8f2 !important;
}

.fide-gorsel-alani img.fide-detay-img{
  width:100%;
  height:420px;
  object-fit:cover;
  display:block;
  border-radius:18px;
}


/* Instagram Highlights + Reels video alanı */
.hikaye-bolumu{
  padding:62px 0 42px;
  background:
    radial-gradient(circle at top left, rgba(31,122,50,.12), transparent 35%),
    linear-gradient(180deg,#f6fbf5,#fff);
  border-top:1px solid var(--cizgi);
  border-bottom:1px solid var(--cizgi);
}

.merkez{
  text-align:center;
}

.mini-etiket{
  display:inline-flex;
  margin-bottom:10px;
  padding:7px 13px;
  border-radius:999px;
  background:#eaf6ea;
  color:var(--yesil-koyu);
  font-weight:800;
  font-size:13px;
}

.hikaye-kaydir{
  display:flex;
  justify-content:center;
  gap:28px;
  overflow-x:auto;
  padding:10px 4px 18px;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}

.hikaye-kaydir::-webkit-scrollbar{
  display:none;
}

.hikaye-item{
  border:none;
  background:none;
  padding:0;
  min-width:96px;
  cursor:pointer;
  scroll-snap-align:start;
  text-align:center;
  font-family:inherit;
}

.hikaye-halka{
  position:relative;
  width:96px;
  height:96px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(8,45,19,.15);
  transition:.2s;
}

.hikaye-halka::before{
  content:"";
  position:absolute;
  inset:0;
  background:conic-gradient(
    from 0deg,
    #1f7a32,
    #85c441,
    #ffce55,
    #1f7a32
  );
  border-radius:50%;
  animation:hikayeDon 3.5s linear infinite;
}

.hikaye-halka img{
  position:relative;
  z-index:2;
  width:calc(100% - 10px);
  height:calc(100% - 10px);
  border-radius:50%;
  object-fit:cover;
  display:block;
  border:4px solid #fff;
  background:#f3f8f2;
}


.hikaye-item:hover .hikaye-halka::before{
  content:"";
  position:absolute;
  inset:0;
  background:conic-gradient(
    from 0deg,
    #1f7a32,
    #85c441,
    #ffce55,
    #1f7a32
  );
  border-radius:50%;
  animation:hikayeDon 3.5s linear infinite;
}



@keyframes hikayeDon{
  from{
    transform:rotate(0deg);
  }

  to{
    transform:rotate(360deg);
  }
}

.hikaye-item:hover .hikaye-halka{
  position:relative;
  width:96px;
  height:96px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(8,45,19,.15);
  transition:.2s;
}



.hikaye-item span{
  display:block;
  margin-top:10px;
  color:var(--yesil-koyu);
  font-size:14px;
  font-weight:800;
  max-width:110px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.hikaye-aciklama{
  margin:12px auto 0;
  max-width:760px;
  text-align:center;
  color:#334238;
  font-size:15px;
}

.hikaye-aciklama p{
  margin:0;
}

.video-modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.82);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:20px;
}

.video-modal.aktif{
  display:flex;
}

.video-modal-icerik{
  width:min(100%,420px);
  background:#fff;
  border-radius:24px;
  overflow:hidden;
  position:relative;
  animation:videoAc .25s ease;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}

@keyframes videoAc{
  from{transform:scale(.92);opacity:0}
  to{transform:scale(1);opacity:1}
}

.video-modal video{
  width:100%;
  max-height:72vh;
  display:block;
  background:#000;
}

.video-bilgi{
  padding:22px;
}

.video-bilgi h3{
  margin:0 0 8px;
  color:var(--yesil-koyu);
  font-size:24px;
}

.video-bilgi p{
  margin:0 0 18px;
  color:var(--soluk);
}

.video-kapat{
  position:absolute;
  top:12px;
  right:12px;
  width:42px;
  height:42px;
  border:none;
  border-radius:50%;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:28px;
  line-height:1;
  cursor:pointer;
  z-index:2;
}

@media(max-width:900px){
  .hikaye-kaydir{
    justify-content:flex-start;
  }
}

@media(max-width:640px){
  .hikaye-bolumu{
    padding:46px 0 32px;
  }

  .hikaye-kaydir{
    gap:20px;
  }

  .hikaye-halka{
  position:relative;
  width:96px;
  height:96px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(8,45,19,.15);
  transition:.2s;
}

  .hikaye-item{
    min-width:82px;
  }

  .hikaye-item span{
    font-size:13px;
    max-width:88px;
  }
}


/* 41 Burada AVM İzmit Organik Pazar Galeri */
.avm-pazar-bolumu{
  padding:76px 0;
  background:
    linear-gradient(135deg, rgba(251,247,239,.98), rgba(246,251,245,.98));
  border-bottom:1px solid var(--cizgi);
}

.avm-pazar-ic{
  display:grid;
  grid-template-columns:.9fr 1.15fr;
  gap:42px;
  align-items:center;
}

.avm-pazar-yazi{
  background:#fff;
  border:1px solid var(--cizgi);
  border-radius:22px;
  padding:34px;
  box-shadow:0 14px 38px rgba(8,45,19,.08);
}

.avm-pazar-yazi h2{
  font-family:"Playfair Display",serif;
  color:var(--yesil-koyu);
  font-size:clamp(32px,3vw,48px);
  line-height:1.1;
  margin:0 0 16px;
}

.avm-pazar-yazi p{
  color:#334238;
  font-size:17px;
  margin:0 0 16px;
}

.avm-pazar-bilgiler{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:22px 0 4px;
}

.avm-pazar-bilgiler span{
  display:inline-flex;
  padding:9px 12px;
  border-radius:999px;
  background:#f0f8ef;
  color:var(--yesil-koyu);
  font-size:13px;
  font-weight:800;
  border:1px solid #dcebdd;
}

.avm-galeri{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  grid-auto-rows:160px;
  gap:14px;
}

.avm-galeri figure{
  margin:0;
  position:relative;
  overflow:hidden;
  border-radius:18px;
  background:#f3f8f2;
  box-shadow:0 12px 30px rgba(8,45,19,.10);
}

.avm-galeri figure.buyuk{
  grid-row:span 2;
}

.avm-galeri img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transition:.35s ease;
}

.avm-galeri figure:hover img{
  transform:scale(1.06);
}

.avm-galeri figcaption{
  position:absolute;
  left:12px;
  bottom:12px;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(3,35,15,.78);
  color:#fff;
  font-size:12px;
  font-weight:800;
  backdrop-filter:blur(6px);
}

@media(max-width:1000px){
  .avm-pazar-ic{
    grid-template-columns:1fr;
  }

  .avm-galeri{
    grid-auto-rows:180px;
  }
}

@media(max-width:650px){
  .avm-pazar-bolumu{
    padding:54px 0;
  }

  .avm-pazar-yazi{
    padding:24px;
  }

  .avm-galeri{
    display:flex;
    gap:14px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
    padding-bottom:10px;
  }

  .avm-galeri::-webkit-scrollbar{
    display:none;
  }

  .avm-galeri figure,
  .avm-galeri figure.buyuk{
    flex:0 0 76%;
    height:260px;
    grid-row:auto;
    scroll-snap-align:start;
  }
}


/* 41 Burada AVM galeri mobil kaydırma + büyütme modal düzeltmesi */
.avm-galeri figure{
  cursor:pointer;
}

.avm-galeri figure:focus{
  outline:3px solid rgba(31,122,50,.35);
  outline-offset:3px;
}

.avm-galeri-modal{
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.86);
  padding:24px;
}

.avm-galeri-modal.aktif{
  display:flex;
}

.avm-galeri-modal img{
  max-width:min(94vw,1100px);
  max-height:88vh;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:18px;
  box-shadow:0 28px 90px rgba(0,0,0,.45);
  background:#fff;
}

.avm-galeri-kapat{
  position:absolute;
  top:18px;
  right:18px;
  width:46px;
  height:46px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:34px;
  line-height:1;
  cursor:pointer;
}

.avm-galeri-ok{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:60px;
  border:0;
  border-radius:14px;
  background:rgba(255,255,255,.18);
  color:#fff;
  font-size:46px;
  line-height:1;
  cursor:pointer;
}

.avm-onceki{left:18px}
.avm-sonraki{right:18px}

@media(max-width:650px){
  .avm-galeri{
    display:grid !important;
    grid-auto-flow:column !important;
    grid-auto-columns:78% !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    grid-auto-rows:auto !important;
    gap:14px !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    padding:4px 2px 12px !important;
  }

  .avm-galeri::-webkit-scrollbar{
    display:none;
  }

  .avm-galeri figure,
  .avm-galeri figure.buyuk{
    width:auto !important;
    min-width:0 !important;
    height:260px !important;
    grid-row:auto !important;
    scroll-snap-align:start !important;
  }

  .avm-galeri-modal{
    padding:14px;
  }

  .avm-galeri-modal img{
    max-width:94vw;
    max-height:78vh;
    border-radius:14px;
  }

  .avm-galeri-ok{
    width:42px;
    height:52px;
    font-size:38px;
  }

  .avm-onceki{left:8px}
  .avm-sonraki{right:8px}
}


/* Organik Pazarlar ve Etkinlikler sayfaları */
.pazarlar-bolumu{background:#fbf7ef}
.pazar-liste{display:grid;gap:28px}
.pazar-kart{display:grid;grid-template-columns:.95fr 1.05fr;gap:0;background:#fff;border:1px solid var(--cizgi);border-radius:20px;overflow:hidden;box-shadow:var(--golge)}
.pazar-kart:nth-child(even) .pazar-gorsel{order:2}
.pazar-gorsel img{width:100%;height:100%;min-height:330px;object-fit:cover;background:#eef5ea}
.pazar-yazi{padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.mini-etiket{display:inline-block;background:#edf7ea;color:var(--yesil-koyu);font-weight:800;font-size:13px;letter-spacing:.02em;border-radius:999px;padding:7px 12px;margin-bottom:12px}
.pazar-yazi h2{font-family:"Playfair Display",serif;color:var(--yesil-koyu);font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0 0 14px}
.pazar-yazi p{color:#334238;font-size:17px;margin:0 0 18px}
.pazar-not{background:#f5faf3;border:1px solid #dcebdd;border-radius:12px;padding:13px 15px;color:var(--yesil-koyu);font-weight:700;margin-bottom:20px}
.etkinlik-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.etkinlik-kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.etkinlik-kart span{display:inline-block;background:#edf7ea;color:var(--yesil-koyu);font-weight:800;font-size:13px;border-radius:999px;padding:7px 12px;margin-bottom:14px}
.etkinlik-kart h2{color:var(--yesil-koyu);margin:0 0 10px}
.etkinlik-kart p{color:var(--soluk);margin:0}
@media(max-width:900px){.pazar-kart,.etkinlik-grid{grid-template-columns:1fr}.pazar-kart:nth-child(even) .pazar-gorsel{order:0}.pazar-gorsel img{min-height:250px}.pazar-yazi{padding:24px}}
/* Menü tek satır düzeltme */
.ana-menu{
  display:flex;
  align-items:center;
  gap:28px;
  flex-wrap:nowrap;
}

.ana-menu a{
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1.2;
  padding:10px 0;
}

@media(max-width:1100px){
  .ana-menu{
    gap:18px;
  }

  .ana-menu a{
    font-size:15px;
  }
}

/* =========================================================
   FINAL MOBILE MENU FIX - Kocaeli Organik
   Mobilde menü kapalı başlar, sadece .acik class gelince açılır.
   ========================================================= */

.ana-menu a{
  white-space:nowrap;
}

@media (min-width:821px){
  .ana-menu{
    display:flex !important;
    align-items:center !important;
    flex-direction:row !important;
    justify-content:center !important;
    gap:18px !important;
    flex-wrap:nowrap !important;
    width:auto !important;
    border-top:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
  }

  .ana-menu a{
    display:inline-flex !important;
    width:auto !important;
    padding:10px 0 !important;
    font-size:15px !important;
    line-height:1.2 !important;
    text-align:center !important;
  }
}

@media (max-width:820px){
  .site-baslik{
    position:sticky;
    top:0;
    z-index:999;
  }

  .baslik-ic{
    height:auto !important;
    min-height:92px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    padding:14px 0 !important;
  }

  .site-baslik .logo,
  .site-header .logo,
  header .logo{
    min-width:0 !important;
    width:auto !important;
    max-width:68% !important;
    flex:0 1 auto !important;
  }

  .site-baslik .logo img,
  .site-header .logo img,
  .logo img,
  .logo img.site-logo-img{
    width:170px !important;
    max-width:170px !important;
    max-height:60px !important;
    height:auto !important;
  }

  .menu-dugme{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    border:0 !important;
    background:var(--yesil) !important;
    color:#fff !important;
    border-radius:9px !important;
    padding:11px 16px !important;
    font-weight:800 !important;
    line-height:1 !important;
    cursor:pointer !important;
  }

  .ana-menu{
    display:none !important;
    width:100% !important;
    flex:0 0 100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    margin:8px 0 0 !important;
    padding:8px 0 !important;
    border-top:1px solid var(--cizgi) !important;
    background:#fff !important;
  }

  .ana-menu.acik{
    display:flex !important;
  }

  .ana-menu a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    padding:11px 12px !important;
    margin:0 !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.25 !important;
    text-align:center !important;
    white-space:nowrap !important;
    border-radius:10px !important;
  }

  .ana-menu a.aktif,
  .ana-menu a:hover{
    background:#f3f8f2 !important;
    color:var(--yesil) !important;
  }

  .ana-menu a.aktif:after,
  .ana-menu a:hover:after{
    left:50% !important;
    right:auto !important;
    bottom:5px !important;
    width:72px !important;
    transform:translateX(-50%) !important;
  }

  .whatsapp-buton{
    display:none !important;
  }
}

@media (max-width:480px){
  .kapsayici{
    width:min(100% - 20px,1180px) !important;
  }

  .site-baslik .logo img,
  .site-header .logo img,
  .logo img,
  .logo img.site-logo-img{
    width:158px !important;
    max-width:158px !important;
  }

  .menu-dugme{
    padding:10px 14px !important;
    font-size:14px !important;
  }

  .ana-menu a{
    padding:10px 10px !important;
    font-size:15px !important;
  }

  .ust-bilgi{
    font-size:13px !important;
  }

  .ust-bilgi .kapsayici{
    gap:4px !important;
    padding:7px 0 !important;
  }
}

.organik-harita{
    width:100%;
    margin-top:40px;
    border-radius:28px;
    overflow:hidden;
    box-shadow:0 20px 45px rgba(0,0,0,.18);
    border:4px solid rgba(255,255,255,.15);
    position:relative;
}

.organik-harita iframe{
    width:100%;
    height:420px;
    border:0;
    display:block;
}

@media(max-width:768px){

    .organik-harita{
        margin-top:25px;
        border-radius:20px;
    }

    .organik-harita iframe{
        height:320px;
    }
}