:root{--yesil:#1a5c2a;--yesil2:#2d7a3a;--altin:#c8a84b;--altin2:#e8c870;--kirmizi:#c0392b;--beyaz:#fff;--acik:#f8f9fa;--koyu:#1a1a1a;--metin:#333;--golge:0 4px 20px rgba(0,0,0,.1);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;color:var(--metin);background:#fff;}
img{max-width:100%;}
a{color:inherit;text-decoration:none;}

/* TOP BAR */
.top-bar{background:var(--yesil);color:#fff;padding:7px 0;font-size:13px;}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px;}
.top-bar a{color:var(--altin2);transition:color .3s;}
.top-bar a:hover{color:#fff;}
.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:12px;}

/* HEADER */
header{background:#fff;box-shadow:var(--golge);position:sticky;top:0;z-index:1000;}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:12px;flex-wrap:nowrap;}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;min-width:0;}
.logo img{width:56px;height:56px;object-fit:contain;flex-shrink:0;}
.logo-text h1{font-size:15px;color:var(--yesil);font-weight:800;line-height:1.2;white-space:nowrap;}
.logo-text span{font-size:10px;color:var(--altin);font-weight:600;white-space:nowrap;}
nav{flex:1;overflow:visible;min-width:0;}
nav ul{list-style:none;display:flex;gap:2px;align-items:center;overflow:visible;flex-wrap:nowrap;}
.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative;z-index:1001;}
nav ul{list-style:none;display:flex;gap:2px;align-items:center;overflow:visible;}
nav ul li{position:relative;}
nav ul li a{color:var(--koyu);font-weight:600;font-size:13.5px;padding:7px 10px;border-radius:6px;transition:all .3s;display:block;white-space:nowrap;}
nav ul li > a:hover{background:none;color:var(--yesil)!important;} /* dropdown linkleri ayrı handle ediliyor */
/* ── DROPDOWN ── */
nav ul li { position:relative; }

.dropdown {
  position:absolute;
  top:calc(100% + 6px);
  left:0;
  transform:translateY(-6px) scale(0.98);
  transform-origin:top left;
  background:transparent;
  opacity:0;
  visibility:hidden;
  transition:opacity .2s ease, transform .2s ease, visibility .2s;
  z-index:9999;
  pointer-events:none;
  /* padding yok - blok sorunu çözüldü */
}
/* Gerçek kutu - padding'in altında */
.dropdown-inner {
  background:#fff;
  border-radius:14px;
  box-shadow:0 20px 60px rgba(0,0,0,.18), 0 4px 16px rgba(0,0,0,.07);
  border:1px solid rgba(0,0,0,.06);
  overflow:hidden;
  min-width:252px;
  position:relative;
}
/* Ok işareti */
.dropdown-inner::before {
  content:'';
  position:absolute;
  top:-6px; left:20px;
  width:12px; height:12px;
  background:#fff;
  transform:rotate(45deg);
  border-left:1px solid rgba(0,0,0,.07);
  border-top:1px solid rgba(0,0,0,.07);
  z-index:1;
}
.dropdown.dd-open {
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}

/* Dropdown linkleri */
.dropdown a, .dropdown-inner a {
  display:flex!important;
  align-items:center;
  gap:12px;
  padding:11px 16px 11px 14px!important;
  border-bottom:1px solid #f5f5f5;
  font-size:13px; font-weight:600;
  color:#333!important;
  background:none!important;
  text-decoration:none;
  transition:background .16s, color .16s, padding-left .16s;
  border-radius:0!important;
  position:relative;
}
.dropdown a::after, .dropdown-inner a::after {
  content:'';
  position:absolute;
  left:0; top:0; bottom:0; width:3px;
  background:var(--yesil);
  transform:scaleY(0);
  transition:transform .16s ease;
}
.dropdown a:hover::after, .dropdown-inner a:hover::after { transform:scaleY(1); }
.dropdown a:first-child, .dropdown-inner a:first-child { border-radius:14px 14px 0 0!important; }
.dropdown a:last-child, .dropdown-inner a:last-child  { border-radius:0 0 14px 14px!important; border:none; }
.dropdown a:hover, .dropdown-inner a:hover {
  background:#f0f9f0!important;
  color:#1a5c2a!important;
  padding-left:20px!important;
}
/* İkon - zıplama efekti */
.dd-icon {
  width:32px; height:32px;
  border-radius:9px;
  background:#f0f7f0;
  display:flex; align-items:center; justify-content:center;
  font-size:13px; color:var(--yesil);
  flex-shrink:0;
  transition:background .2s, transform .3s cubic-bezier(.34,1.56,.64,1), color .2s, box-shadow .2s;
}
.dropdown a:hover .dd-icon, .dropdown-inner a:hover .dd-icon {
  background:var(--yesil); color:#fff;
  transform:scale(1.22) rotate(-8deg);
  box-shadow:0 4px 12px rgba(39,174,96,.35);
}
/* Yazı büyütme efekti */
.dropdown a span.dd-label, .dropdown-inner a span.dd-label {
  transition:transform .18s ease, letter-spacing .18s ease;
  display:inline-block;
}
.dropdown a:hover span.dd-label, .dropdown-inner a:hover span.dd-label {
  transform:scale(1.04);
  letter-spacing:0.02em;
}
/* Ok ikon */
.dd-arrow {
  margin-left:auto; font-size:10px; color:#ddd;
  transition:transform .18s, color .18s, opacity .18s; flex-shrink:0;
  opacity:0;
}
.dropdown a:hover .dd-arrow, .dropdown-inner a:hover .dd-arrow {
  color:var(--yesil); transform:translateX(5px); opacity:1;
}
/* Nav üst linkler */
nav ul > li > a {
  transition:color .18s, transform .18s;
  display:inline-flex; align-items:center; gap:5px;
}
nav ul > li > a:hover { color:var(--yesil)!important; transform:translateY(-1px); }
nav ul > li > a i.fa-chevron-down { transition:transform .25s ease; font-size:10px; }
nav ul > li:hover > a i.fa-chevron-down { transform:rotate(180deg); }

.header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative;z-index:1001;}
.bagis-btn-header{background:var(--kirmizi);color:#fff!important;padding:9px 18px;border-radius:22px;font-weight:700;font-size:13px;transition:all .3s;white-space:nowrap;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(192,57,43,.4);}50%{box-shadow:0 0 0 8px rgba(192,57,43,0);}}
.bagis-btn-header:hover{background:#a93226;transform:scale(1.05);}
.sepet-btn{position:relative;width:40px;height:40px;background:var(--acik);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--yesil);transition:all .3s;}
.sepet-btn:hover{background:var(--yesil);color:#fff;}
.sepet-badge{position:absolute;top:-4px;right:-4px;background:var(--kirmizi);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;}
.uye-btn{background:none;border:2px solid var(--yesil);color:var(--yesil);padding:7px 13px;border-radius:20px;font-family:'Nunito',sans-serif;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;}
.uye-btn:hover{background:var(--yesil);color:#fff;}
.uye-link{color:var(--yesil);font-weight:700;font-size:13px;padding:7px 13px;border:2px solid var(--yesil);border-radius:20px;transition:all .3s;white-space:nowrap;background:var(--yesil);color:#fff;}
.uye-link:hover{background:#145221;border-color:#145221;color:#fff;transform:scale(1.07);box-shadow:0 4px 14px rgba(26,92,42,.3);}
.uye-menu{position:relative;}
.uye-dropdown{right:0;left:auto;min-width:200px;transform-origin:top right;}
.hamburger{display:none;cursor:pointer;font-size:22px;color:var(--yesil);background:none;border:none;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}

/* BUTONLAR */
.btn{display:inline-flex;align-items:center;gap:7px;padding:11px 24px;border-radius:25px;font-weight:700;font-size:14px;transition:all .3s;cursor:pointer;border:none;font-family:'Nunito',sans-serif;}
.btn-primary{background:var(--altin);color:var(--koyu);}
.btn-primary:hover{background:var(--altin2);transform:translateY(-2px);}
.btn-outline{border:2px solid #fff;color:#fff;background:transparent;}
.btn-outline:hover{background:#fff;color:var(--yesil);}
.btn-yesil{background:var(--yesil);color:#fff;}
.btn-yesil:hover{background:var(--yesil2);}
.btn-kirmizi{background:var(--kirmizi);color:#fff;}
.btn-kirmizi:hover{background:#a93226;}
.btn-sepet{background:#fff;color:var(--yesil);border:2px solid var(--yesil);}
.btn-sepet:hover{background:var(--yesil);color:#fff;}

/* HERO */
.hero{position:relative;height:calc(100vh - 108px);min-height:480px;overflow:hidden;}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .9s;display:flex;align-items:center;}
.slide.active{opacity:1;}
.slide-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(0,0,0,.45),rgba(0,0,0,.1));}
.slide-content{position:relative;z-index:2;color:#fff;max-width:620px;}
.slide-tag{background:var(--altin);color:var(--koyu);display:inline-block;padding:4px 14px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;}
.slide-content h2{font-size:40px;font-weight:800;line-height:1.2;margin-bottom:14px;font-family:'Amiri',serif;}
.slide-content p{font-size:15px;line-height:1.7;margin-bottom:26px;opacity:.9;}
.slide-btns{display:flex;gap:12px;flex-wrap:wrap;}
.slider-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10;}
.slider-dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;border:none;transition:all .3s;}
.slider-dot.active{background:#fff;width:28px;border-radius:5px;}
.slider-arrows{position:absolute;top:50%;transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 16px;z-index:10;}
.arrow-btn{background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.5);color:#fff;width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:16px;transition:all .3s;}
.arrow-btn:hover{background:#fff;color:var(--yesil);}

/* STATS */
.stats-bar{background:linear-gradient(135deg,var(--yesil),var(--yesil2));padding:26px 0;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;}
.stat-item{color:#fff;padding:8px;border-right:1px solid rgba(255,255,255,.2);}
.stat-item:last-child{border:none;}
.stat-num{font-size:34px;font-weight:800;color:var(--altin2);display:block;}
.stat-label{font-size:13px;font-weight:600;opacity:1;margin-top:6px;color:rgba(255,255,255,.9);}

/* SECTION HEADER */
.section-header{text-align:center;margin-bottom:44px;}
.section-header .tag{background:rgba(26,92,42,.1);color:var(--yesil);padding:5px 16px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;display:inline-block;margin-bottom:10px;}
.section-header h2{font-size:34px;font-weight:800;color:var(--koyu);font-family:'Amiri',serif;margin-bottom:10px;}
.section-header p{color:#666;font-size:15px;max-width:580px;margin:0 auto;line-height:1.7;}
.divider{width:56px;height:4px;background:linear-gradient(to right,var(--yesil),var(--altin));margin:14px auto 0;border-radius:2px;}

/* TÜM BAĞIŞLAR / PROJE KARTLARI */
.bagis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.bagis-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.07);transition:all .3s;border:1px solid #eee;scroll-margin-top:90px;}
.bagis-card:hover{transform:translateY(-6px);box-shadow:0 14px 38px rgba(0,0,0,.13);}
.bagis-card .card-img{height:180px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;font-size:52px;border-radius:12px 12px 0 0;}
.bagis-card .card-img img{width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0;}
.bagis-card .card-body{padding:18px;}
.bagis-card h3{font-size:15px;font-weight:700;color:var(--koyu);margin-bottom:7px;line-height:1.4;}
.bagis-card p{font-size:12.5px;color:#777;line-height:1.6;margin-bottom:12px;}
.progress-bar{background:#eee;height:7px;border-radius:4px;margin-bottom:6px;overflow:hidden;}
.progress-fill{height:100%;background:linear-gradient(to right,var(--yesil),var(--altin));border-radius:4px;}
.progress-info{display:flex;justify-content:space-between;font-size:11px;color:#999;margin-bottom:12px;}
.progress-info .raised{color:var(--yesil);font-weight:700;}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.card-actions a,.card-actions button{padding:9px;border-radius:8px;font-size:12px;font-weight:700;text-align:center;transition:all .3s;cursor:pointer;border:none;font-family:'Nunito',sans-serif;}
.btn-bagis-yap{background:var(--kirmizi);color:#fff;}
.btn-bagis-yap:hover{background:#a93226;}
.btn-sepete-ekle{background:#fff;color:var(--yesil);border:2px solid var(--yesil)!important;}
.btn-sepete-ekle:hover{background:var(--yesil);color:#fff;}

/* DETAY SAYFASI */
.detay-grid{display:grid;grid-template-columns:1fr 380px;gap:36px;align-items:start;}
.detay-gorsel{border-radius:16px;overflow:hidden;box-shadow:var(--golge);}
.detay-gorsel img{width:100%;display:block;}
.detay-gorsel-placeholder{height:320px;display:flex;align-items:center;justify-content:center;font-size:80px;background:linear-gradient(135deg,var(--yesil),var(--altin));}
.detay-icerik h1{font-size:28px;font-weight:800;font-family:'Amiri',serif;color:var(--koyu);margin-bottom:12px;}
.detay-icerik .aciklama{color:#555;line-height:1.9;font-size:15px;margin-bottom:22px;}
.bagis-kutusu{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid #eee;position:sticky;top:90px;}
.bagis-kutusu h3{font-size:18px;font-weight:800;margin-bottom:18px;color:var(--koyu);text-align:center;}
.miktar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;}
.miktar-btn{padding:10px;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;font-family:'Nunito',sans-serif;}
.miktar-btn:hover,.miktar-btn.aktif{border-color:var(--yesil);background:var(--yesil);color:#fff;}
.form-group{margin-bottom:14px;}
.form-group label{display:block;font-size:12px;font-weight:700;color:var(--koyu);margin-bottom:5px;}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 13px;border:2px solid #e0e0e0;border-radius:9px;font-size:13px;font-family:'Nunito',sans-serif;outline:none;transition:border-color .3s;}
.form-group input:focus,.form-group select:focus{border-color:var(--yesil);}
.guvenli-info{text-align:center;font-size:11px;color:#aaa;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:5px;}

/* SEPET */
.sepet-wrapper{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start;}
.sepet-tablo{background:#fff;border-radius:14px;box-shadow:var(--golge);overflow:hidden;}
.sepet-satir{display:grid;grid-template-columns:60px 1fr auto auto auto;gap:14px;align-items:center;padding:16px 20px;border-bottom:1px solid #f0f0f0;}
.sepet-satir:last-child{border:none;}
.sepet-gorsel{width:55px;height:55px;border-radius:8px;object-fit:cover;}
.sepet-gorsel-placeholder{width:55px;height:55px;border-radius:8px;background:linear-gradient(135deg,var(--yesil),var(--altin));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;}
.adet-kontrol{display:flex;align-items:center;gap:8px;}
.adet-btn{width:28px;height:28px;border-radius:50%;border:2px solid #e0e0e0;background:#fff;cursor:pointer;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s;}
.adet-btn:hover{background:var(--yesil);color:#fff;border-color:var(--yesil);}
.sepet-ozet{background:#fff;border-radius:14px;padding:22px;box-shadow:var(--golge);position:sticky;top:90px;}
.ozet-satir{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0;font-size:14px;}
.ozet-satir.toplam{font-size:18px;font-weight:800;color:var(--yesil);border:none;margin-top:6px;}
.bos-sepet{text-align:center;padding:60px 20px;color:#aaa;}
.bos-sepet i{font-size:60px;margin-bottom:16px;display:block;}

/* ÖDEME */
.odeme-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:start;}
.odeme-form-box{background:#fff;border-radius:14px;padding:28px;box-shadow:var(--golge);}
.odeme-yontem-sec{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:20px;}
.odeme-kart{border:2px solid #e0e0e0;border-radius:10px;padding:14px 10px;text-align:center;cursor:pointer;transition:all .3s;}
.odeme-kart.aktif{border-color:var(--yesil);background:#e8f5e9;}
.odeme-kart img{height:28px;object-fit:contain;margin-bottom:6px;}
.odeme-kart span{display:block;font-size:12px;font-weight:700;color:var(--koyu);}
.odeme-panel{display:none;}
.odeme-panel.aktif{display:block;}
.siparis-ozet-kucuk{background:#f8f9fa;border-radius:10px;padding:16px;}
.siparis-kalem{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid #eee;}
.siparis-kalem:last-child{border:none;}

/* BAĞIŞ KATEGORILERI TABS */
.kategori-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;}
.tab-btn{padding:8px 18px;border-radius:20px;border:2px solid #e0e0e0;background:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s;font-family:'Nunito',sans-serif;}
.tab-btn:hover,.tab-btn.aktif{background:var(--yesil);color:#fff;border-color:var(--yesil);}

/* HESABIM */
.hesabim-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start;}
.hesabim-menu{background:#fff;border-radius:14px;padding:16px;box-shadow:var(--golge);}
.hesabim-menu a{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:9px;font-size:13px;font-weight:600;color:var(--metin);transition:all .3s;margin-bottom:2px;}
.hesabim-menu a:hover,.hesabim-menu a.aktif{background:var(--yesil);color:#fff;}
.hesabim-menu a i{width:16px;text-align:center;}

/* ÜYELİK */
.auth-box{background:#fff;border-radius:20px;padding:44px;width:460px;max-width:95vw;box-shadow:0 16px 50px rgba(0,0,0,.12);margin:60px auto;}
.auth-box .logo-c{text-align:center;margin-bottom:24px;}
.auth-box .logo-c img{width:70px;height:70px;object-fit:contain;}
.auth-box h2{font-size:22px;font-weight:800;text-align:center;color:var(--yesil);margin-bottom:22px;}
.auth-divider{text-align:center;position:relative;margin:16px 0;color:#bbb;font-size:12px;}
.auth-divider::before,.auth-divider::after{content:'';position:absolute;top:50%;width:42%;height:1px;background:#e0e0e0;}
.auth-divider::before{left:0;}
.auth-divider::after{right:0;}

/* PAGE HERO */
.page-hero{background:linear-gradient(135deg,var(--yesil),#0d3b1a);color:#fff;padding:52px 0;text-align:center;}
.page-hero h1{font-size:34px;font-weight:800;font-family:'Amiri',serif;margin-bottom:10px;}
.page-hero p{font-size:15px;opacity:.85;}
.breadcrumb{display:flex;justify-content:center;gap:7px;font-size:12px;margin-top:10px;flex-wrap:wrap;}
.breadcrumb a{color:var(--altin2);}

/* KAMPANYA BÖLÜMÜ */
section.campaigns{padding:72px 0;}
.campaigns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

/* AKTİVİTE ALANI */
section.activities{padding:72px 0;background:#fff;}
.activities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.activity-card{text-align:center;padding:24px 14px;border-radius:14px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.07);border:1px solid #eee;transition:all .3s;display:block;color:inherit;}
.activity-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(26,92,42,.15);border-color:var(--yesil);}
.activity-icon{width:62px;height:62px;background:linear-gradient(135deg,var(--yesil),var(--altin));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-size:26px;color:#fff;}
.activity-card h4{font-size:14px;font-weight:700;color:var(--koyu);margin-bottom:6px;}
.activity-card p{font-size:11.5px;color:#888;line-height:1.6;}

/* YEŞİL ŞERIT */
.yesil-serit{background:linear-gradient(135deg,var(--yesil),var(--yesil2));padding:52px 0;color:#fff;text-align:center;}
.yesil-serit h2{font-size:30px;font-weight:800;font-family:'Amiri',serif;margin-bottom:12px;}
.yesil-serit p{font-size:15px;opacity:.9;margin-bottom:22px;}

/* YORUMLARs */
section.testimonials{padding:72px 0;background:linear-gradient(135deg,var(--yesil),#0d3b1a);}
section.testimonials .section-header h2{color:#fff;}
section.testimonials .section-header p{color:rgba(255,255,255,.8);}
section.testimonials .divider{background:linear-gradient(to right,#fff,var(--altin));}
section.testimonials .tag{background:rgba(255,255,255,.15);color:#fff;}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.testimonial-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:14px;padding:22px;transition:all .3s;}
.testimonial-card:hover{background:rgba(255,255,255,.15);transform:translateY(-4px);}
.stars{color:var(--altin2);margin-bottom:12px;font-size:13px;}
.testimonial-card p{color:rgba(255,255,255,.9);font-size:13.5px;line-height:1.8;font-style:italic;margin-bottom:16px;}
.testimonial-author{display:flex;align-items:center;gap:10px;}
.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--altin);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--koyu);}
.author-avatar img{width:100%;height:100%;object-fit:cover;}
.author-info h5{color:#fff;font-size:13px;font-weight:700;}
.author-info span{color:rgba(255,255,255,.55);font-size:11px;}

/* HABERLER */
section.news{padding:72px 0;background:#f8f9fa;}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.news-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(0,0,0,.07);transition:all .3s;display:block;color:inherit;}
.news-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px rgba(0,0,0,.12);}
.news-img{height:168px;overflow:hidden;position:relative;}
.news-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.news-card:hover .news-img img{transform:scale(1.05);}
.news-img-ph{height:168px;display:flex;align-items:center;justify-content:center;font-size:46px;}
.news-body{padding:18px;}
.news-date{font-size:11px;color:var(--altin);font-weight:700;margin-bottom:6px;}
.news-body h4{font-size:15px;font-weight:700;color:var(--koyu);margin-bottom:7px;line-height:1.4;}
.news-body p{font-size:12.5px;color:#888;line-height:1.6;}
.read-more{color:var(--yesil);font-weight:700;font-size:12px;margin-top:10px;display:inline-flex;align-items:center;gap:4px;}

/* BANKA */
section.bank{padding:72px 0;background:#fff;}
.bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.bank-card{border-radius:14px;padding:24px;background:#fff;border:2px solid #eee;transition:all .3s;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.bank-card:hover{border-color:var(--yesil);transform:translateY(-3px);box-shadow:var(--golge);}
.bank-card-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.bank-logo{width:auto;height:44px;max-width:120px;object-fit:contain;}
.bank-logo-ph{width:80px;height:44px;background:var(--yesil);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;}
.bank-card h4{font-size:15px;font-weight:700;color:var(--yesil);}
.iban-label{font-size:11px;color:#aaa;font-weight:600;margin-top:10px;margin-bottom:3px;}
.iban-text{font-family:monospace;font-size:12.5px;color:var(--koyu);font-weight:600;background:#e0e0e0;padding:7px 10px;border-radius:6px;}
.copy-btn{background:var(--yesil);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:11px;cursor:pointer;margin-top:8px;font-family:'Nunito',sans-serif;font-weight:700;transition:all .3s;}
.copy-btn:hover{background:var(--yesil2);}

/* HAKKIMIZDA */
section.about{padding:72px 0;background:linear-gradient(135deg,#f8f9fa,#e8f5e9);}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;}
.about-logo img{width:280px;height:280px;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(26,92,42,.25));}
.about-content h2{font-size:34px;font-weight:800;color:var(--yesil);font-family:'Amiri',serif;margin-bottom:14px;}
.about-content p{color:#555;line-height:1.9;margin-bottom:12px;}
.official-badge{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,var(--yesil),var(--yesil2));color:#fff;padding:11px 18px;border-radius:9px;font-size:12.5px;font-weight:600;margin-top:10px;}

/* İLETİŞİM */
section.contact{padding:72px 0;}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;}
.contact-item{display:flex;align-items:flex-start;gap:13px;padding:16px;background:#f8f9fa;border-radius:11px;margin-bottom:12px;}
.contact-icon{width:42px;height:42px;background:var(--yesil);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;flex-shrink:0;}
.contact-item h5{font-size:13px;font-weight:700;color:var(--koyu);margin-bottom:3px;}
.contact-item p{font-size:12.5px;color:#888;line-height:1.6;}
.contact-item a{color:var(--yesil);font-weight:600;}
.contact-form-box{background:#f8f9fa;padding:28px;border-radius:18px;}
.contact-form-box h3{font-size:20px;font-weight:800;margin-bottom:20px;color:var(--koyu);}

/* FOOTER */
footer{background:linear-gradient(135deg,#0a1f0f,#1a3a22);color:rgba(255,255,255,.75);padding-top:52px;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1);}
.footer-brand img{width:80px;height:80px;object-fit:contain;border-radius:50%;margin-bottom:12px;}
.footer-brand h3{color:#fff;font-size:14px;font-weight:700;margin-bottom:9px;}
.footer-brand p{font-size:12.5px;line-height:1.8;}
.kutuk-badge{background:rgba(200,168,75,.15);border:1px solid var(--altin);border-radius:7px;padding:8px 12px;font-size:11px;margin-top:12px;color:var(--altin2);display:inline-block;}
.socials{display:flex;gap:7px;margin-top:12px;}
.social-btn{width:34px;height:34px;background:rgba(255,255,255,.1);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;transition:all .3s;}
.social-btn:hover{background:var(--altin);color:var(--koyu);}
footer h4{color:#fff;font-size:13px;font-weight:700;margin-bottom:12px;border-bottom:2px solid var(--altin);padding-bottom:5px;display:inline-block;}
footer ul{list-style:none;}
footer ul li{margin-bottom:8px;}
footer ul li a{color:rgba(255,255,255,.6);font-size:12.5px;transition:color .3s;}
footer ul li a:hover{color:var(--altin2);}
.footer-bottom{padding:16px 0;text-align:center;font-size:12.5px;color:rgba(255,255,255,.4);}
.footer-bottom a{color:var(--altin);}

/* WHATSAPP FLOAT */
.wp-float{position:fixed;bottom:88px;right:24px;background:#25d366;color:#fff;padding:12px 16px;border-radius:25px;display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;box-shadow:0 6px 20px rgba(0,0,0,.25);z-index:998;transition:all .3s;}
.wp-float:hover{background:#1db954;transform:scale(1.05);}
.wp-float i{font-size:20px;}

/* BACK TOP */
.back-top{position:fixed;bottom:28px;right:28px;width:44px;height:44px;background:var(--yesil);color:#fff;border:none;border-radius:50%;font-size:16px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.25);transition:all .3s;opacity:0;z-index:999;}
.back-top.visible{opacity:1;}
.back-top:hover{background:var(--altin);transform:translateY(-3px);}

/* TOAST */
.toast{position:fixed;bottom:84px;right:24px;background:var(--yesil);color:#fff;padding:11px 20px;border-radius:9px;font-size:13px;font-weight:600;box-shadow:0 7px 22px rgba(0,0,0,.2);opacity:0;transform:translateY(14px);transition:all .3s;z-index:9999;pointer-events:none;}
.toast.show{opacity:1;transform:translateY(0);}

/* FLASH */
.flash-msg{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:600;font-size:13.5px;}
.alert{padding:13px 16px;border-radius:9px;margin-bottom:16px;font-size:13.5px;font-weight:600;}
.alert-success{background:#d4edda;color:#155724;}
.alert-danger{background:#f8d7da;color:#721c24;}
.alert-info{background:#cce5ff;color:#004085;}

/* PAGINATION */
.pagination{display:flex;gap:7px;justify-content:center;margin-top:30px;flex-wrap:wrap;}
.pagination a,.pagination span{padding:8px 14px;border-radius:7px;font-size:12.5px;font-weight:700;border:2px solid #e0e0e0;color:var(--metin);transition:all .3s;}
.pagination a:hover,.pagination .active{background:var(--yesil);color:#fff;border-color:var(--yesil);}

/* ZEKAT HESAPLAMA */
.zekat-box{background:#fff;border-radius:16px;padding:36px;box-shadow:var(--golge);max-width:560px;margin:0 auto;}
.zekat-result{background:linear-gradient(135deg,var(--yesil),var(--yesil2));color:#fff;border-radius:12px;padding:20px;text-align:center;margin-top:18px;display:none;}
.zekat-result h3{font-size:28px;font-weight:800;}

/* RESPONSIVE */
@media(max-width:1024px){
  .bagis-grid,.campaigns-grid{grid-template-columns:repeat(2,1fr);}
  .activities-grid{grid-template-columns:repeat(2,1fr);}
  .testimonials-grid{grid-template-columns:repeat(2,1fr);}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .detay-grid,.sepet-wrapper,.odeme-grid{grid-template-columns:1fr;}
  .hesabim-grid{grid-template-columns:1fr;}
}
@media(max-width:768px){
  /* Header */
  .header-inner{flex-wrap:wrap;padding:8px 15px;}
  nav{display:none;width:100%;order:3;}
  nav.open{display:block;}
  nav ul{flex-direction:column;gap:0;padding:10px 0;}
  nav ul li{width:100%;}
  nav ul li a{padding:12px 15px;display:block;border-bottom:1px solid #f0f0f0;}
  .hamburger{display:block;}
  .dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;width:100%;background:#f8f9fa;}
  .nav-item.open .dropdown{display:block;}
  .dropdown a{padding:10px 20px !important;}
  
  /* Hero/Slider */
  .hero{height:auto;min-height:300px;}
  .slide-content h2{font-size:22px;}
  .slide-content p{font-size:13px;}
  
  /* Grid düzenleri */
  .stats-grid,.bagis-grid,.news-grid,.bank-grid{grid-template-columns:1fr;}
  .activities-grid{grid-template-columns:1fr;}
  .testimonials-grid{grid-template-columns:1fr;}
  .about-grid,.contact-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  
  /* Başlıklar */
  .section-header h2{font-size:22px;}
  
  /* Ödeme */
  .odeme-yontem-sec{grid-template-columns:1fr;}
  
  /* Header aksiyonları */
  .header-actions .uye-link span{display:none;}
  .header-actions{gap:6px;}
  
  /* Konteyner */
  .container{padding:0 15px;}
  
  /* Fiyat kutusu */
  [id^="fiyat_wrap_"]{flex-wrap:wrap;}
  select{width:100%;margin-bottom:6px;font-size:13px;}
  
  /* Butonlar */
  .btn-bagis-yap{width:100%;padding:12px;}
  
  /* Top bar */
  .top-bar{display:none;}
}

/* Toast bildirimi */
#bagis-toast{position:fixed;bottom:24px;right:24px;background:#1a5c2a;color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:700;font-family:"Nunito",sans-serif;box-shadow:0 8px 24px rgba(0,0,0,.2);z-index:999999;display:flex;align-items:center;gap:10px;transform:translateY(80px);opacity:0;transition:all .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;}
#bagis-toast.goster{transform:translateY(0);opacity:1;}

/* ===== KAYAN HABER BANDI ===== */
.haber-ticker{background:linear-gradient(90deg,#0a2714,#1a5c2a);display:flex;align-items:stretch;height:34px;overflow:hidden;position:relative;z-index:999;}
.ticker-etiket{background:var(--altin);color:#1a1a1a;font-size:11px;font-weight:900;padding:0 16px;display:flex;align-items:center;gap:6px;white-space:nowrap;letter-spacing:.5px;flex-shrink:0;}
.ticker-wrapper{flex:1;overflow:hidden;position:relative;}
.ticker-icerik{display:flex;align-items:center;gap:0;white-space:nowrap;animation:tickerKay 35s linear infinite;}
.ticker-icerik a{color:rgba(255,255,255,.9);text-decoration:none;font-size:12px;font-weight:600;padding:0 28px;transition:color .2s;border-right:1px solid rgba(255,255,255,.1);}
.ticker-icerik a:hover{color:var(--altin);}
.ticker-butonlar{display:flex;align-items:center;padding:0 10px;flex-shrink:0;}
.ticker-butonlar button{background:rgba(255,255,255,.15);border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:9px;display:flex;align-items:center;justify-content:center;transition:background .2s;}
.ticker-butonlar button:hover{background:rgba(255,255,255,.3);}
@keyframes tickerKay{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
@keyframes topTickerKay{0%{transform:translateX(100%);}100%{transform:translateX(-100%);}}
.ticker-icerik.durduruldu{animation-play-state:paused;}

/* Dropdown seçenek kutusu genel stili */
select option { font-size:14px; font-weight:600; color:#222; padding:6px 10px; }
select optgroup { font-size:13px; font-weight:800; color:#1a6e3c; font-style:normal; background:#f5faf7; }
select optgroup option { font-size:14px; font-weight:600; color:#333; padding-left:18px; }

/* Hızlı bağış butonları */
.hizli-btn-aktif {
  background: var(--yesil) !important;
  color: #fff !important;
  border-color: var(--yesil) !important;
}