/* İkram ek düzeltmeler (2026-10-06). PLACEHOLDER dönemine özel hero fallback:
   flexslider bu CMS sürümünde init olmuyor (eski ihya slider'ı); gerçek slayt görselleri
   eklenince slider düzgün kurulup bu kurallar kaldırılabilir. Şimdilik ilk slaytı banner
   gibi gösterir, bozuk dev yön oklarını gizler. */
#hero .custom-navigation, #hero .ok, #hero .flex-direction-nav { display: none !important; }
#hero, #hero.js-fullheight, #hero .flexslider, #hero .flexslider.js-fullheight {
  height: auto !important; max-height: 520px; min-height: 0 !important; overflow: hidden;
}
#hero .flexslider .slides { margin: 0; padding: 0; }
#hero .flexslider .slides > li { list-style: none; }

/* ============================================================
   İkram — anasayfa/ortak bileşen revizyonları (2026-10-06, TR)
   ============================================================ */

/* Kibar buton: ok + hover animasyonu */
.ikram-btn { display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,#0e6c65 0%,#12bbb5 100%); color:#fff !important;
  padding:13px 28px; border-radius:40px; text-decoration:none; font-weight:600;
  font-size:12pt; border:0; cursor:pointer; line-height:1;
  box-shadow:0 6px 16px rgba(18,187,181,.28); transition:transform .3s ease, box-shadow .3s ease; }
.ikram-btn i { transition:transform .3s ease; }
.ikram-btn:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(18,187,181,.45); color:#fff !important; }
.ikram-btn:hover i { transform:translateX(6px); }
.ikram-btn.ikram-btn-outline { background:transparent; color:#0e6c65 !important; border:2px solid #0e6c65; box-shadow:none; }
.ikram-btn.ikram-btn-outline:hover { background:#0e6c65; color:#fff !important; }

/* Tanıtım video bölümü: tek video + metin + buton */
.film .list.film-tanitim { align-items:stretch; justify-content:center; gap:34px; flex-wrap:wrap; }
.film .list.film-tanitim .video { width:56%; min-width:300px; }
.film .list.film-tanitim .film-metin { width:40%; min-width:280px; display:flex; flex-direction:column;
  justify-content:center; text-align:left; gap:20px; }
.film .list.film-tanitim .film-metin p { color:#39514e; font-size:12.5pt; line-height:1.7; margin:0; }
.film .list.film-tanitim .film-metin .ikram-btn { align-self:flex-start; }
@media (max-width:820px){ .film .list.film-tanitim .video,
  .film .list.film-tanitim .film-metin { width:100%; } .film .list.film-tanitim .film-metin{ text-align:center; }
  .film .list.film-tanitim .film-metin .ikram-btn{ align-self:center; } }

/* İstatistik: görsel yerine ikon */
#istatistik .isbox .ikram-stat-icon { width:96px; height:96px; margin:0 auto; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:radial-gradient(circle at 30% 30%, rgba(18,187,181,.18), rgba(14,108,101,.10));
  border:2px solid rgba(18,187,181,.35); }
#istatistik .isbox .ikram-stat-icon i { font-size:40pt;
  background:linear-gradient(135deg,#0e6c65 0%,#12bbb5 100%);
  -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }

/* Üst bar: sosyal ağ ikonlu dropdown */
.topbg .dropdown .dropdown-menu.ikram-social { padding:10px; min-width:auto !important; }
.topbg .dropdown .dropdown-menu.ikram-social .ikram-social-row { display:flex; gap:8px; align-items:center; }
.topbg .dropdown .dropdown-menu.ikram-social a { display:flex; width:38px; height:38px; border-radius:50%;
  align-items:center; justify-content:center; color:#0e6c65; background:#eef7f6;
  transition:background .3s ease, color .3s ease, transform .3s ease; font-size:15pt; }
.topbg .dropdown .dropdown-menu.ikram-social a:hover { background:#0e6c65; color:#fff; transform:translateY(-2px); }

/* Üst bar: dil dropdown bayrak + kendi dili */
.topbg .dropdown .dropdown-menu .ikram-lang { display:flex; align-items:center; gap:9px; }
.topbg .dropdown .dropdown-menu .ikram-lang .bayrak { font-size:14pt; line-height:1; }
.ikram-lang-toggle .bayrak { font-size:13pt; margin-right:4px; }

/* Hızlı bağış yan kutu: ikon + yumuşak açılış (panel 'left' ile kayar) */
.yanfixhizlibagis { transition: left .45s cubic-bezier(.22,.61,.36,1); }
.yanfix-kutu { transition: left .45s cubic-bezier(.22,.61,.36,1), background .3s ease, border-color .3s ease !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; gap:4px; }
.yanfix-kutu .yanfix-ico { font-size:17pt; float:none !important; }
.yanfix-kutu .text { float:none !important; width:auto !important; }

/* Haberler bölümü kartları */
#haberler { width:100%; padding:50px 0 60px; background:#f7fbfa; }
#haberler .mainbaslik { text-align:center; margin-bottom:34px; }
#haberler .mainbaslik .text { font-size:19pt; font-weight:700; color:#0e6c65; }
#haberler .mainbaslik .subtext { font-size:12pt; color:#6e7d7b; margin-top:6px; }
#haberler .haber-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:18px; }
@media (max-width:1100px){ #haberler .haber-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:600px){ #haberler .haber-grid { grid-template-columns:1fr; } }
#haberler .haber-kart { background:#fff; border-radius:14px; overflow:hidden; text-decoration:none;
  box-shadow:0 4px 16px rgba(14,108,101,.08); display:flex; flex-direction:column;
  transition:transform .3s ease, box-shadow .3s ease; }
#haberler .haber-kart:hover { transform:translateY(-6px); box-shadow:0 14px 30px rgba(14,108,101,.18); }
#haberler .haber-kart .gorsel { height:150px; background-size:cover; background-position:center; }
#haberler .haber-kart .icerik { padding:16px; display:flex; flex-direction:column; gap:8px; flex:1; }
#haberler .haber-kart .tarih { font-size:9pt; color:#12bbb5; font-weight:600; display:flex; align-items:center; gap:6px; }
#haberler .haber-kart .baslik { font-size:11pt; color:#2c3e3c; font-weight:600; line-height:1.45; }
#haberler .haber-kart .devam { margin-top:auto; font-size:9.5pt; color:#0e6c65; font-weight:600; display:inline-flex; align-items:center; gap:6px; }
#haberler .haber-kart .devam i { transition:transform .3s ease; }
#haberler .haber-kart:hover .devam i { transform:translateX(5px); }

/* Hesap Numaralarımız: dikey banka kartları */
main.detay .hesap-kartlar { display:flex; flex-direction:column; gap:16px; width:100%; }
main.detay .hesap-kart { display:flex; align-items:center; gap:22px; background:#fff; border:1px solid #e5efed;
  border-radius:14px; padding:20px 24px; box-shadow:0 3px 12px rgba(14,108,101,.06);
  transition:box-shadow .3s ease, transform .3s ease; }
main.detay .hesap-kart:hover { box-shadow:0 10px 26px rgba(14,108,101,.14); transform:translateY(-2px); }
main.detay .hesap-kart .logo { width:120px; min-width:120px; height:70px; display:flex; align-items:center; justify-content:center; }
main.detay .hesap-kart .logo img { max-width:100%; max-height:100%; width:auto; height:auto; }
main.detay .hesap-kart .bilgi { flex:1; display:flex; flex-direction:column; gap:7px; }
main.detay .hesap-kart .bilgi .banka-ad { font-size:13pt; font-weight:700; color:#0e6c65; }
main.detay .hesap-kart .bilgi .hesap-sahip { font-size:10.5pt; color:#55635f; }
main.detay .hesap-kart .bilgi .iban-satir { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
main.detay .hesap-kart .bilgi .iban { font-family:"Courier New",monospace; font-size:12pt; font-weight:700; color:#223; letter-spacing:.5px; }
main.detay .hesap-kart .bilgi .iban-kopyala { display:inline-flex; align-items:center; gap:6px; cursor:pointer;
  background:#eef7f6; color:#0e6c65; border:0; border-radius:30px; padding:7px 15px; font-size:9.5pt; font-weight:600;
  transition:background .3s ease, color .3s ease; }
main.detay .hesap-kart .bilgi .iban-kopyala:hover { background:#0e6c65; color:#fff; }
main.detay .hesap-kart .bilgi .iban-kopyala.kopyalandi { background:#12bbb5; color:#fff; }
@media (max-width:620px){ main.detay .hesap-kart { flex-direction:column; align-items:flex-start; } }

/* Gönüllü Ol: modern form */
.gonulluform.ikram-form { max-width:860px; }
.gonulluform.ikram-form .form-satir { display:grid; grid-template-columns:1fr 1fr; gap:16px 20px; }
@media (max-width:640px){ .gonulluform.ikram-form .form-satir { grid-template-columns:1fr; } }
.gonulluform.ikram-form .form-group { margin-bottom:16px; }
.gonulluform.ikram-form .form-group.tam { grid-column:1 / -1; }
.gonulluform.ikram-form label { display:block; font-size:10.5pt; font-weight:600; color:#39514e; margin-bottom:6px; }
.gonulluform.ikram-form .form-control { width:100%; background:#f5f9f8; border:1.5px solid #dce8e6; border-radius:10px;
  padding:12px 14px; font-size:11pt; color:#2c3e3c; transition:border-color .25s ease, box-shadow .25s ease; }
.gonulluform.ikram-form .form-control:focus { outline:0; border-color:#12bbb5; box-shadow:0 0 0 3px rgba(18,187,181,.15); background:#fff; }
.gonulluform.ikram-form textarea.form-control { min-height:110px; resize:vertical; }
.gonulluform.ikram-form .form-gonder { margin-top:6px; }

/* ============================================================
   İkram — TR revizyon Tur 2 (2026-10-06)
   ============================================================ */

/* KAMPANYALAR (projelerimiz): görseli kutu içinde tut + hover gölge */
#projelerimiz .faaliyetbox { overflow: hidden; border-radius: 10px;
  transition: box-shadow .3s ease, transform .3s ease; background:#fff; }
#projelerimiz .faaliyetbox:hover { box-shadow: 0 14px 30px rgba(14,108,101,.16); transform: translateY(-5px); }
#projelerimiz .content .imagebox { border-radius: 0 !important; }
#projelerimiz .content .item { overflow: visible; }

/* Hızlı bağış sekmesi: ikon SOLDA, yazı SAĞDA (yatay) */
.yanfix-kutu { flex-direction: row !important; gap: 7px !important; }
.yanfix-kutu .yanfix-ico { order: 0; float: none !important; margin: 0 !important; }
.yanfix-kutu .text { order: 1; text-align: left; line-height: 1.1; }

/* Biz Kimiz (ve tüm ikram-btn): ok altında/altında çizgi olmasın */
.ikram-btn, .ikram-btn:hover, .ikram-btn:focus, .ikram-btn i { text-decoration: none !important; }

/* Tıklayınca mavi odak çerçevesi çıkmasın (klavye erişimi için focus-visible korunur) */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
.btn:focus:not(:focus-visible),
.box:focus:not(:focus-visible),
.haber-kart:focus:not(:focus-visible),
.sepet-btn:focus, .bagis-btn:focus, .share-btn:focus,
[data-toggle]:focus:not(:focus-visible) { outline: none !important; box-shadow: none !important; }
.btn:focus, .btn.active:focus, .btn:active:focus { outline: none !important; box-shadow: none !important; }

/* Bağış yap / Sepete ekle butonları: hover'da hafif büyüme animasyonu */
.faaliyetbox .button_group .sepet-btn,
.faaliyetbox .button_group .bagis-btn,
.faaliyetbox .button_group .share-btn {
  transition: transform .22s ease, background-color .4s ease !important; }
.faaliyetbox .button_group .sepet-btn:hover,
.faaliyetbox .button_group .bagis-btn:hover,
.faaliyetbox .button_group .share-btn:hover { transform: scale(1.07); }

/* Footer iletişim satırları (telefon/e-posta) */
.ikram-iletisim { margin-top: 12px; display: flex; flex-direction: column; gap: 7px; }
.ikram-iletisim a { color: #0e6c65; text-decoration: none; font-size: 10.5pt; display: inline-flex; align-items: center; gap: 8px; transition: color .25s ease; }
.ikram-iletisim a:hover { color: #12bbb5; }
.ikram-iletisim a i { font-size: 13pt; }
/* Hesap kartı logo (SVG) düzgün sığsın */
main.detay .hesap-kart .logo img[src$=".svg"] { width: 100%; height: auto; max-height: 56px; }

/* İçerik sayfaları sağ sidebar (.digerleri) — modern kart (TR revizyon) */
main.detay .digerleri { width:100% !important; padding:0 !important; float:none !important;
  background:#fff; border:1px solid #e5efed; border-radius:14px; overflow:hidden;
  box-shadow:0 4px 18px rgba(14,108,101,.08); }
main.detay .digerleri .baslik { width:100% !important; height:auto !important;
  background:linear-gradient(135deg,#0e6c65 0%,#12bbb5 100%) !important; color:#fff !important;
  padding:15px 20px !important; margin:0 !important; font-size:12.5pt !important; font-weight:700 !important;
  display:flex; align-items:center; gap:10px; border:0 !important; }
main.detay .digerleri .baslik .boxbg { display:none !important; }
main.detay .digerleri ul { width:100% !important; padding:6px 0 !important; margin:0 !important; float:none !important; }
main.detay .digerleri ul li { width:100% !important; padding:0 !important; float:none !important;
  list-style:none !important; border-bottom:1px solid #f0f5f4 !important; }
main.detay .digerleri ul li:last-child { border-bottom:0 !important; }
main.detay .digerleri ul li a { display:flex !important; align-items:center; gap:10px;
  padding:12px 20px !important; color:#39514e !important; font-size:10.5pt !important;
  text-decoration:none !important; transition:background .25s ease, color .25s ease, padding .25s ease; }
main.detay .digerleri ul li a .lnr, main.detay .digerleri ul li a span { color:#12bbb5 !important;
  font-size:10pt !important; margin:0 !important; transition:transform .25s ease; }
main.detay .digerleri ul li:hover { background:transparent !important; }
main.detay .digerleri ul li a:hover { background:#eef7f6 !important; color:#0e6c65 !important; padding-left:26px !important; }
main.detay .digerleri ul li a:hover .lnr, main.detay .digerleri ul li a:hover span { transform:translateX(3px); }

/* ============================================================
   İkram — TR revizyon Tur 3 (2026-10-06)
   ============================================================ */

/* Item 5: KAMPANYALAR başlığı TANITIM FİLMİMİZ ile aynı boyut (19pt) */
#projelerimiz .mainbaslik h1 { font-size: 19pt !important; font-weight: 600 !important; margin: 0 !important; }

/* Item 6: kampanya animasyonu yumuşak (fadeIn) + fazla aşağıdan gelmesin */
#projelerimiz .wow.fadeIn, #projelerimiz .item.fadeIn { animation-duration: .7s; }

/* Item 7: kampanya kartı hover gölgesi kesilmesin — owl clip alanını 22px genişlet */
#projelerimiz .faaliyetlist.owl-carousel .owl-stage-outer { margin: -22px; padding: 22px; }
#projelerimiz .faaliyetbox:hover { box-shadow: 0 10px 24px rgba(14,108,101,.18); }

/* Item 3: bağış/sepet/paylaş butonu ikonları (icofont) + büyüme animasyonu */
.faaliyetbox .button_group .ico i { font-size: 13pt; color: #fff; line-height: 1; display: inline-flex; }
.faaliyetbox .button_group .sepet-btn .ico i,
.faaliyetbox .button_group .bagis-btn .ico i { transition: transform .25s ease; }
.faaliyetbox .button_group .sepet-btn:hover .ico i,
.faaliyetbox .button_group .bagis-btn:hover .ico i { transform: scale(1.18); }
.faaliyetbox .button_group .sepet-btn:hover,
.faaliyetbox .button_group .bagis-btn:hover,
.faaliyetbox .button_group .share-btn:hover { transform: translateY(-2px) scale(1.05); }

/* Haberler "Tüm Haberler" butonu */
.haber-tumu { text-align: center; margin-top: 30px; }

/* Item 1: Gönüllü/İletişim formu kart görünümü + alan tutarlılığı */
.ikram-form { background: #fff; border: 1px solid #e8f0ef; border-radius: 16px; padding: 28px; box-shadow: 0 4px 18px rgba(14,108,101,.06); max-width: 920px; }
.ikram-form .form-control { height: 46px; }
.ikram-form textarea.form-control { height: auto; min-height: 110px; }
.ikram-form select.form-control { appearance: none; -webkit-appearance: none; -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230e6c65' stroke-width='3'><path d='M6 9l6 6 6-6'/></svg>");
  background-repeat: no-repeat; background-position: right 14px center; padding-right: 38px; }
.ikram-form input[type="date"].form-control { line-height: 1.2; }

/* ============================================================
   İkram — İletişim sayfası modern düzen + footer çizgisi (Tur 4)
   ============================================================ */
.ikram-iletisim-wrap { display:grid; grid-template-columns: 1fr 1.25fr; gap:30px; align-items:start; margin:14px 0 36px; }
@media (max-width:860px){ .ikram-iletisim-wrap { grid-template-columns:1fr; } }
.ikram-iletisim-bilgi h3, .ikram-iletisim-form h3 { font-size:15pt; font-weight:700; color:#0e6c65; margin:0 0 18px; }
.iletisim-kart { display:flex; align-items:flex-start; gap:16px; background:#fff; border:1px solid #e8f0ef;
  border-radius:14px; padding:18px 20px; margin-bottom:14px; text-decoration:none; color:inherit;
  transition:box-shadow .3s ease, transform .3s ease; }
a.iletisim-kart:hover { box-shadow:0 10px 24px rgba(14,108,101,.12); transform:translateY(-2px); }
.iletisim-kart .ik-ikon { width:52px; min-width:52px; height:52px; border-radius:50%; display:flex;
  align-items:center; justify-content:center; background:linear-gradient(135deg,#0e6c65 0%,#12bbb5 100%);
  color:#fff; font-size:18pt; }
.iletisim-kart .ik-baslik { font-size:11pt; font-weight:700; color:#0e6c65; margin-bottom:4px; }
.iletisim-kart .ik-metin { font-size:10.5pt; color:#4a5a57; line-height:1.55; }
.ik-sosyal { display:flex; gap:10px; margin-top:4px; }
.ik-sosyal a { width:42px; height:42px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  background:#eef7f6; color:#0e6c65; font-size:15pt; transition:background .3s ease, color .3s ease, transform .3s ease; }
.ik-sosyal a:hover { background:#0e6c65; color:#fff; transform:translateY(-2px); }
.ikram-iletisim-form .ikram-form { max-width:none; width:100%; }
.ikram-harita { margin:6px 0 44px; border-radius:16px; overflow:hidden; box-shadow:0 6px 22px rgba(14,108,101,.12); border:1px solid #e8f0ef; }
.ikram-harita iframe { width:100%; height:420px; display:block; border:0; }

/* Footer üstüne ince çizgi — tüm sayfalarda birleşir gibi */
footer { border-top:1px solid #e3ecea; }

/* ============================================================
   İkram — form/iletişim düzen sağlamlaştırma (eski inline float kurallarını ez)
   ============================================================ */
.ikram-form { float:none !important; width:100% !important; max-width:920px; margin-right:auto !important; text-align:left !important; }
.ikram-form .form-satir { display:grid !important; grid-template-columns:1fr 1fr !important; gap:16px 20px !important; }
@media (max-width:640px){ .ikram-form .form-satir { grid-template-columns:1fr !important; } }
.ikram-form .form-satir .form-group { width:auto !important; float:none !important; display:block !important; margin:0 !important; }
.ikram-form .form-group.tam { grid-column:1 / -1 !important; }
.ikram-form .form-group.form-gonder { margin-top:6px !important; }
.ikram-form .form-control { width:100% !important; float:none !important; }
/* iletişim formu eski .iletisim_form gri kutu/float kuralını ez */
.ikram-iletisim-form .ikram-form.iletisim_form { background:#fff !important; padding:28px !important; }
/* iki sütun wrap görünür ve grid */
.ikram-iletisim-wrap { display:grid !important; }
.ikram-iletisim-bilgi, .ikram-iletisim-form { float:none !important; width:auto !important; visibility:visible !important; opacity:1 !important; }
.ikram-iletisim-bilgi .iletisim-kart, .ikram-iletisim-form .ikram-form { visibility:visible !important; opacity:1 !important; }

/* Tanıtım filmi placeholder (gerçek YouTube videosu gelene kadar) */
.film-poster { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px;
  height:350px; border:4px solid #0e6c65; border-radius:14px; background-size:cover; background-position:center;
  position:relative; text-decoration:none; overflow:hidden; }
.film-poster::before { content:""; position:absolute; inset:0; background:linear-gradient(rgba(14,108,101,.40),rgba(14,108,101,.62)); }
.film-play { position:relative; z-index:2; width:78px; height:78px; border-radius:50%; background:#fff;
  display:flex; align-items:center; justify-content:center; color:#0e6c65; font-size:28pt;
  box-shadow:0 6px 20px rgba(0,0,0,.3); transition:transform .3s ease; }
.film-poster:hover .film-play { transform:scale(1.12); }
.film-not { position:relative; z-index:2; color:#fff; font-weight:600; font-size:12pt; }

/* İletişim sayfası yatay taşma fix: inline .detay{display:inline-block} main'i şişiriyordu */
main.detay { display:block !important; }
.ikram-iletisim-form h3, .ikram-iletisim-bilgi h3 { float:none !important; }

/* Mobil off-canvas menü (mmenu) backdrop'u sayfayı yatay şişiriyordu -> taşmayı kes */
html, body { overflow-x: hidden !important; max-width: 100%; }

/* Grid bu kapsayıcı zincirinde belirsiz-genişlik alıp 0'a çöküyordu -> açık genişlik */
.ikram-iletisim-wrap { width:100% !important; }
.ikram-form .form-satir { width:100% !important; }

/* ============================================================
   İkram — MOBİL düzeltmeler (2026-10-06)
   ============================================================ */
@media (max-width: 768px) {
  /* 1) Yan boşluk (gutter): içerik kenara yapışmasın */
  .ortala { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box; }

  /* 2) Haberler: grid yerine yatay kaydırmalı slider (alt alta gelmesin) */
  #haberler .haber-grid { display: flex !important; grid-template-columns: none !important;
    overflow-x: auto; gap: 14px; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
    padding: 4px 2px 14px; margin: 0 -2px; }
  #haberler .haber-kart { flex: 0 0 82%; scroll-snap-align: start; }

  /* Bağış kutuları da düzgün yatay kaydırılsın */
  .slidebottom .main_center { overflow-x: auto; -webkit-overflow-scrolling: touch;
    justify-content: flex-start !important; padding-bottom: 6px; }
  .slidebottom .main_center .box { flex: 0 0 auto; width: 96px !important; }

  /* 3) Footer: sütunlar alt alta tam genişlik, adres sıkışmasın */
  footer .alt_bolum .list { flex-direction: column !important; gap: 22px; }
  footer .alt_bolum .list > * { width: 100% !important; flex: 1 0 100% !important; }
  footer .logobox { width: 100% !important; }
  footer .logobox .yazi, footer .ikram-iletisim { width: 100% !important; }
  footer .alt_menu_kutu, footer .alt_menu { width: 100% !important; flex: 1 0 100% !important; }
}

/* Mobil/tablet (≤782px): sabit HIZLI BAĞIŞ sekmesini gizle (içeriği/footer'ı örtüyordu;
   mobilde header 'Bağış Yap' + alt bağış çubuğu zaten var) + desktop menü sarılmasın diye hamburger göster */
@media (max-width: 782px) {
  .yanfixhizlibagis { display: none !important; }
  header .laptopmenu { display: none !important; }
  header .mobilmenu { display: flex !important; }
}

/* ===== Kurumsal sayfa bileşenleri — Düzeltmeler 02 (2026-10-08) =====
   Kullanım: bilgi.detay içinde <div class="ik-sayfa">…</div>. İkonlar images/ikon/*.svg (CSS mask, renk = currentColor).
   Köşeler 45° kesik (logodaki yıldız motifi); ikincil renk altın. */
:root{
  --ik-teal:#0e6c65; --ik-teal-a:#12bbb5; --ik-teal-k:#0a4f49;
  --ik-altin:#e3a834; --ik-altin-a:#fdf5a4; --ik-altin-g:linear-gradient(120deg,#fdf5a4 0%,#e3a834 100%);
  --ik-zemin:#f2f8f7; --ik-kc:14px;
}
.ik-kesik, main.detay .ik-sayfa .ik-akis-adim, main.detay .ik-sayfa .ik-kart, main.detay .ik-sayfa .ik-alinti, main.detay .ik-sayfa .ik-cta{
  clip-path:polygon(var(--ik-kc) 0,calc(100% - var(--ik-kc)) 0,100% var(--ik-kc),100% calc(100% - var(--ik-kc)),calc(100% - var(--ik-kc)) 100%,var(--ik-kc) 100%,0 calc(100% - var(--ik-kc)),0 var(--ik-kc));
}
.ik-ikon[class*="ik-i-"]{display:inline-block;width:40px;height:40px;background-color:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:middle}
.ik-i-varlik{--i:url(../../images/ikon/varlik.svg)} .ik-i-gelir{--i:url(../../images/ikon/gelir.svg)} .ik-i-alan{--i:url(../../images/ikon/alan.svg)}
.ik-i-kalkan{--i:url(../../images/ikon/kalkan.svg)} .ik-i-kure{--i:url(../../images/ikon/kure.svg)} .ik-i-ev{--i:url(../../images/ikon/ev.svg)}

main.detay .ik-sayfa{color:#2b3a39}
main.detay .ik-sayfa p{font-size:12pt;line-height:1.75;font-weight:400;color:#33403f;margin:0 0 12px}
main.detay .ik-sayfa p{padding:0}
main.detay .ik-sayfa h3, main.detay .ik-sayfa h4{float:none;width:auto;padding:0}
main.detay .ik-sayfa .ik-rakam, main.detay .ik-sayfa .ik-rakam small, main.detay .ik-sayfa .ik-vurgu p, main.detay .ik-sayfa .ik-kart .ik-alt{text-align:left}
main.detay .ik-sayfa .ik-lead, main.detay .ik-sayfa h3, main.detay .ik-sayfa h4, main.detay .ik-sayfa .ik-kart p, main.detay .ik-sayfa .ik-cta p, main.detay .ik-sayfa .ik-alinti{text-align:left}
main.detay .ik-sayfa strong{color:var(--ik-teal-k);font-weight:600}
main.detay .ik-sayfa .ik-lead{font-size:14pt;line-height:1.7;color:#1d2b2a;border-left:4px solid var(--ik-altin);padding:2px 0 2px 18px;margin:0 0 30px}
main.detay .ik-sayfa h3{font-family:'Norsal','Rubik',sans-serif;font-weight:700;font-size:15pt;color:var(--ik-teal);margin:0;line-height:1.3}
main.detay .ik-sayfa h4{font-family:'Norsal','Rubik',sans-serif;font-weight:600;font-size:12.5pt;color:var(--ik-teal-k);margin:0 0 8px;line-height:1.35}

/* Akış şeması: A → B → C */
main.detay .ik-sayfa .ik-akis{display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr;align-items:stretch;margin:0 0 36px}
main.detay .ik-sayfa .ik-akis-adim{background:var(--ik-zemin);padding:24px 14px 20px;text-align:center;color:var(--ik-teal)}
main.detay .ik-sayfa .ik-akis-adim .ik-ikon{width:46px;height:46px}
main.detay .ik-sayfa .ik-akis-adim b{display:block;font-family:'Norsal','Rubik',sans-serif;font-weight:700;font-size:12.5pt;color:var(--ik-teal-k);margin-top:10px}
main.detay .ik-sayfa .ik-akis-adim small{display:block;font-size:10.5pt;color:#5b6b6a;margin-top:3px}
main.detay .ik-sayfa .ik-akis-adim.vurgu{background:linear-gradient(135deg,var(--ik-teal-k),var(--ik-teal));color:#fff}
main.detay .ik-sayfa .ik-akis-adim.vurgu b{color:#fff} main.detay .ik-sayfa .ik-akis-adim.vurgu small{color:rgba(255,255,255,.8)}
main.detay .ik-sayfa .ik-akis-ok{align-self:center;justify-self:center;width:24px;height:24px;background:var(--ik-altin);-webkit-mask:url(../../images/ikon/ok.svg) center/contain no-repeat;mask:url(../../images/ikon/ok.svg) center/contain no-repeat}

/* Numaralı blok: elmas rozet */
main.detay .ik-sayfa .ik-blok{margin:0 0 26px}
main.detay .ik-sayfa .ik-blok-bas{display:flex;align-items:center;gap:14px;margin-bottom:14px}
main.detay .ik-sayfa .ik-no{flex:none;width:46px;height:46px;display:grid;place-items:center;background:var(--ik-altin-g);color:var(--ik-teal-k);font-family:'Norsal','Rubik',sans-serif;font-weight:700;font-size:15pt;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}

/* Alıntı bandı */
main.detay .ik-sayfa .ik-alinti{position:relative;margin:4px 0 34px;padding:28px 34px 28px 86px;border:0;background:linear-gradient(120deg,var(--ik-teal-k),var(--ik-teal));color:#fff;font-family:'Norsal','Rubik',sans-serif;font-size:16pt;line-height:1.5;font-weight:600}
main.detay .ik-sayfa .ik-alinti::before{content:"\201C";position:absolute;left:26px;top:10px;font:700 64pt/1 Georgia,serif;background:var(--ik-altin-g);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Kartlar */
main.detay .ik-sayfa .ik-kartlar{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:6px 0 34px}
main.detay .ik-sayfa .ik-kart{position:relative;background:var(--ik-zemin);padding:26px 20px 22px;transition:transform .25s ease,background-color .25s ease}
main.detay .ik-sayfa .ik-kart::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--ik-altin-g)}
main.detay .ik-sayfa .ik-kart:hover{background:#e6f2f0;transform:translateY(-3px)}
main.detay .ik-sayfa .ik-kart .ik-ikon{color:var(--ik-teal);margin-bottom:12px}
main.detay .ik-sayfa .ik-kart p{font-size:11pt;line-height:1.6;margin:0;color:#3e4f4e}

/* Eylem bandı + butonlar */
main.detay .ik-sayfa .ik-cta{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;background:linear-gradient(120deg,var(--ik-teal-k),var(--ik-teal));padding:26px 30px;margin-top:8px}
main.detay .ik-sayfa .ik-cta p{margin:0;font-family:'Norsal','Rubik',sans-serif;font-weight:600;font-size:14pt;color:#fff;flex:1 1 260px}
main.detay .ik-sayfa .ik-cta-btn{display:flex;gap:10px;flex-wrap:wrap}
.ik-btn{--ik-kc:9px;display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:#fff;color:var(--ik-teal)!important;font-family:'Norsal','Rubik',sans-serif;font-weight:600;font-size:11.5pt;text-decoration:none!important;transition:background .25s ease,color .25s ease;
  clip-path:polygon(var(--ik-kc) 0,100% 0,100% calc(100% - var(--ik-kc)),calc(100% - var(--ik-kc)) 100%,0 100%,0 var(--ik-kc))}
.ik-btn:hover,.ik-btn:focus-visible{background:var(--ik-altin-g);color:var(--ik-teal-k)!important}
.ik-btn.altin{background:var(--ik-altin-g);color:var(--ik-teal-k)!important}
.ik-btn.altin:hover,.ik-btn.altin:focus-visible{background:#fff;color:var(--ik-teal)!important}

@media (max-width:782px){
  main.detay .ik-sayfa .ik-akis{grid-template-columns:1fr;grid-template-rows:auto}
  main.detay .ik-sayfa .ik-akis-ok{transform:rotate(90deg);margin:6px 0}
  main.detay .ik-sayfa .ik-kartlar{grid-template-columns:1fr}
  main.detay .ik-sayfa p{text-align:left}
  main.detay .ik-sayfa .ik-lead{font-size:12.5pt}
  main.detay .ik-sayfa .ik-alinti{padding:24px 20px 24px 66px;font-size:13.5pt}
  main.detay .ik-sayfa .ik-alinti::before{left:16px;font-size:50pt}
}

/* --- Kurumsal bileşenler 2. paket (2026-10-08, kalan 11 sayfa) --- */
.ik-i-ag{--i:url(../../images/ikon/ag.svg)} .ik-i-aile{--i:url(../../images/ikon/aile.svg)} .ik-i-alet{--i:url(../../images/ikon/alet.svg)} .ik-i-bayrak{--i:url(../../images/ikon/bayrak.svg)} .ik-i-beceri{--i:url(../../images/ikon/beceri.svg)} .ik-i-cadir{--i:url(../../images/ikon/cadir.svg)} .ik-i-cocuk{--i:url(../../images/ikon/cocuk.svg)} .ik-i-ekip{--i:url(../../images/ikon/ekip.svg)} .ik-i-etik{--i:url(../../images/ikon/etik.svg)} .ik-i-fide{--i:url(../../images/ikon/fide.svg)} .ik-i-genc{--i:url(../../images/ikon/genc.svg)} .ik-i-goz{--i:url(../../images/ikon/goz.svg)} .ik-i-hedef{--i:url(../../images/ikon/hedef.svg)} .ik-i-insan{--i:url(../../images/ikon/insan.svg)} .ik-i-kep{--i:url(../../images/ikon/kep.svg)} .ik-i-kitap{--i:url(../../images/ikon/kitap.svg)} .ik-i-konum{--i:url(../../images/ikon/konum.svg)} .ik-i-konusma{--i:url(../../images/ikon/konusma.svg)} .ik-i-kopru{--i:url(../../images/ikon/kopru.svg)} .ik-i-kubbe{--i:url(../../images/ikon/kubbe.svg)} .ik-i-nabiz{--i:url(../../images/ikon/nabiz.svg)} .ik-i-okul{--i:url(../../images/ikon/okul.svg)} .ik-i-para{--i:url(../../images/ikon/para.svg)} .ik-i-pusula{--i:url(../../images/ikon/pusula.svg)} .ik-i-rozet{--i:url(../../images/ikon/rozet.svg)} .ik-i-saglik{--i:url(../../images/ikon/saglik.svg)} .ik-i-terazi{--i:url(../../images/ikon/terazi.svg)} .ik-i-uretim{--i:url(../../images/ikon/uretim.svg)} .ik-i-zaman{--i:url(../../images/ikon/zaman.svg)}
main.detay .ik-sayfa .ik-ust{display:inline-block;font-family:'Norsal','Rubik',sans-serif;font-weight:600;font-size:10.5pt;letter-spacing:.06em;text-transform:uppercase;color:#b07d14;margin:0 0 10px}
main.detay .ik-sayfa .ik-ust::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--ik-altin-g);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);vertical-align:-1px}
main.detay .ik-sayfa .ik-bolum{margin:8px 0 22px}
main.detay .ik-sayfa .ik-bolum h3{font-size:16pt;margin-bottom:12px}
/* Rakam vurguları */
main.detay .ik-sayfa .ik-rakamlar{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 0 32px}
main.detay .ik-sayfa .ik-rakam{display:flex;align-items:center;gap:14px;padding:18px;background:var(--ik-zemin);color:var(--ik-teal)}
main.detay .ik-sayfa .ik-rakam .ik-ikon{flex:none;width:38px;height:38px}
main.detay .ik-sayfa .ik-rakam b{display:block;font-family:'Norsal','Rubik',sans-serif;font-weight:700;font-size:15pt;color:var(--ik-teal-k);line-height:1.15}
main.detay .ik-sayfa .ik-rakam small{display:block;font-size:10.5pt;color:#5b6b6a;margin-top:2px;line-height:1.35}
/* Kart ızgara varyantları */
main.detay .ik-sayfa .ik-kartlar.ik-2{grid-template-columns:repeat(2,1fr)}
main.detay .ik-sayfa .ik-kart.genis{grid-column:1/-1}
main.detay .ik-sayfa .ik-kart.vurgu{background:linear-gradient(135deg,var(--ik-teal-k),var(--ik-teal));color:#fff}
main.detay .ik-sayfa .ik-kart.vurgu .ik-ikon{color:#fff} main.detay .ik-sayfa .ik-kart.vurgu h4{color:#fff} main.detay .ik-sayfa .ik-kart.vurgu p{color:rgba(255,255,255,.88)}
main.detay .ik-sayfa .ik-kart.vurgu:hover{background:linear-gradient(135deg,var(--ik-teal-k),var(--ik-teal))}
main.detay .ik-sayfa .ik-kart .ik-etiket{display:inline-block;margin:0 0 10px 8px;padding:3px 10px;font-size:9.5pt;font-weight:600;background:var(--ik-altin-g);color:var(--ik-teal-k);vertical-align:top;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
main.detay .ik-sayfa .ik-kart .ik-alt{display:block;font-size:10.5pt;font-weight:600;color:#b07d14;margin:-4px 0 8px}
main.detay .ik-sayfa .ik-kart ul{margin:10px 0 0;padding:0;list-style:none}
main.detay .ik-sayfa .ik-kart li{position:relative;padding:0 0 0 18px;margin:0 0 6px;font-size:11pt;line-height:1.5;color:#3e4f4e;text-align:left}
main.detay .ik-sayfa .ik-kart li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;background:var(--ik-altin);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
main.detay .ik-sayfa a.ik-kart{display:block;text-decoration:none!important;color:inherit}
main.detay .ik-sayfa .ik-kart .ik-git{display:inline-block;margin-top:14px;font-family:'Norsal','Rubik',sans-serif;font-weight:600;font-size:11pt;color:var(--ik-teal);transition:color .25s ease,transform .25s ease}
main.detay .ik-sayfa a.ik-kart:hover .ik-git{color:#b07d14;transform:translateX(4px)}
main.detay .ik-sayfa .ik-kart .ik-no{width:40px;height:40px;font-size:13pt;margin-bottom:12px}
/* Açık altın bilgi bandı (alıntı değil, vurgulu ifade) */
main.detay .ik-sayfa .ik-vurgu{margin:4px 0 30px;padding:20px 24px;background:#fdf8e7;border-left:4px solid var(--ik-altin);font-size:12.5pt;line-height:1.7;color:#3a3420;text-align:left}
main.detay .ik-sayfa .ik-vurgu p{margin:0;color:#3a3420;font-size:12.5pt}
main.detay .ik-sayfa .ik-imza{display:block;margin-top:10px;font-size:10.5pt;font-weight:600;color:#b07d14;font-family:'Norsal','Rubik',sans-serif}
@media (max-width:782px){
  main.detay .ik-sayfa .ik-rakamlar, main.detay .ik-sayfa .ik-kartlar.ik-2{grid-template-columns:1fr}
}

/* ===== GENEL: altın hover + 45° kesik köşe — Düzeltmeler 02 (2026-10-08) =====
   Header inline <style> bu dosyadan SONRA yüklendiği için seçiciler "html body" ile güçlendirildi.
   clip-path gölgeyi de kestiği için kart gölgeleri kapsayıcıya filter:drop-shadow olarak taşındı. */
:root{ --ik-kb:8px; } /* buton kesiği */

/* -- Butonlar: sol-üst + sağ-alt kesik (prototip .ik-btn ile aynı) -- */
html body header .top .actions .btn-success,
html body .hizlibagis .icerik .kutus .btn-primary,
html body .ikram-btn,
html body .iban-kopyala,
html body .faaliyetbox .button_group .sepet-btn,
html body .faaliyetbox .button_group .bagis-btn,
html body .slidebottom .main_center .box{
  border-radius:0 !important;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb));
}
html body .ikram-btn{ box-shadow:none !important; }
html body .ikram-btn.ikram-btn-outline{ border:0 !important; background:#e6f2f0 !important; }

/* -- Altın hover (ikincil renk) -- */
html body header .top .actions .btn-success:hover,
html body .hizlibagis .icerik .kutus .btn-primary:hover,
html body .btn-success:hover, html body .btn-primary:hover,
html body .ikram-btn:hover, html body .ikram-btn:focus-visible,
html body .ikram-btn.ikram-btn-outline:hover,
html body .iban-kopyala:hover,
html body .faaliyetbox .button_group .sepet-btn:hover,
html body .faaliyetbox .button_group .bagis-btn:hover{
  background:linear-gradient(120deg,#fdf5a4 0%,#e3a834 100%) !important;
  border-color:#e3a834 !important; color:#0a4f49 !important;
}
html body header .top .actions .btn-success:hover a, html body .btn-success:hover a,
html body .ikram-btn:hover i,
html body .faaliyetbox .button_group .sepet-btn:hover .text, html body .faaliyetbox .button_group .bagis-btn:hover .text,
html body .faaliyetbox .button_group .sepet-btn:hover .ico i, html body .faaliyetbox .button_group .bagis-btn:hover .ico i{ color:#0a4f49 !important; }

/* Menü: aşağıdan dolan zemin altın, yazı koyu teal */
/* (li'ye clip-path VERİLMEZ: açılır alt menüyü keser) */
html body header .menunav #menu > li{ border-radius:0 !important; }
html body header .menunav #menu > li{ background-image:linear-gradient(120deg,#fdf5a4 0%,#e3a834 100%) !important; }
html body header .menunav #menu > li:hover > a{ color:#0a4f49 !important; }

/* Bağış kutuları (ana sayfa slidebottom) */
html body .slidebottom .main_center .box:hover{ background:linear-gradient(120deg,#fdf5a4 0%,#e3a834 100%) !important; }
html body .slidebottom .main_center .box:hover .icon,
html body .slidebottom .main_center .box:hover .text,
html body .slidebottom .main_center .box:hover a{ color:#0a4f49 !important; }
html body .slidebottom .main_center .box:hover .icon i{ -webkit-text-fill-color:#0a4f49 !important; color:#0a4f49 !important; }

/* -- Kartlar: dört köşe kesik; gölge kapsayıcıda -- */
html body #haberler .haber-kart,
html body #projelerimiz .faaliyetbox,
html body .hesap-kart,
html body main.detay .digerleri,
html body .ikram-form,
html body .iletisim-kart,
html body .imgbox, html body .imgbox .img,
html body .film-poster,
html body .ikram-harita{
  border-radius:0 !important;
  clip-path:polygon(var(--ik-kc) 0,calc(100% - var(--ik-kc)) 0,100% var(--ik-kc),100% calc(100% - var(--ik-kc)),calc(100% - var(--ik-kc)) 100%,var(--ik-kc) 100%,0 calc(100% - var(--ik-kc)),0 var(--ik-kc));
}
html body #haberler .haber-grid,
html body .hesap-kartlar,
html body #projelerimiz .owl-stage{ filter:drop-shadow(0 4px 10px rgba(14,108,101,.10)); }
html body #haberler .haber-kart:hover, html body #projelerimiz .faaliyetbox:hover{ box-shadow:none !important; }

/* -- İstatistik: dairesiz line-art ikon + altın ayırıcı (Düzeltmeler 02). .cizgi = icon_text "ik-i-*" (AR/EN icofont'ta eski görünüm sürer) -- */
.ik-i-proje{--i:url(../../images/ikon/proje.svg)}
html body #istatistik .isbox .ikram-stat-icon.cizgi{ width:auto; height:auto; border:0; background:none; border-radius:0; }
html body #istatistik .isbox .ikram-stat-icon.cizgi .ik-ikon{ width:58px; height:58px; color:#0e6c65; font-size:0;
  background:#0e6c65 !important; -webkit-background-clip:border-box !important; background-clip:border-box !important; -webkit-text-fill-color:currentColor !important; }
html body #istatistik .icerik .isbox{ position:relative; border:0; height:auto; padding:26px 34px; }
html body #istatistik .icerik .isbox + .isbox::before{ content:""; position:absolute; left:0; top:20%; height:60%; width:1px; background:linear-gradient(#fdf5a4,#e3a834); }
html body #istatistik .icerik .isbox .sayi{ order:2; font-family:'Norsal','Rubik',sans-serif; font-weight:700; font-size:26pt; line-height:1.1; color:#0e6c65; padding-top:14px; }
html body #istatistik .icerik .isbox .sayi::after{ content:""; display:block; width:28px; height:3px; margin:10px auto 0; background:linear-gradient(120deg,#fdf5a4,#e3a834); }
html body #istatistik .icerik .isbox .yazi{ order:3; font-size:11pt; font-weight:500; color:#4c5c5b; padding-top:8px; }
@media (max-width:782px){ html body #istatistik .icerik .isbox::before{ display:none; } html body #istatistik .icerik .isbox{ padding:18px 10px; } }

/* Kampanya kartı 'Bağış Yap': ihya'dan kalan açık yeşil (#96c749) → palet açık teal */
html body .faaliyetbox .button_group .bagis-btn{ background-color:#12bbb5 !important; border-color:#12bbb5 !important; }
/* Footer logosu mobilde flex içinde 15px'e eziliyordu (eski logoda da; önceden var olan hata) */
@media (max-width:782px){ html body .logobox{ flex-wrap:wrap; } html body .logobox > *{ flex:1 1 100%; } html body .logobox figure.logo{ flex:0 0 auto; width:200px; max-width:70%; margin-bottom:10px; } html body .logobox figure.logo img{ width:100%; height:auto; } }

/* ===== TİPOGRAFİ ÖLÇEĞİ — tutarlılık (2026-10-08) =====
   Başlık/menü/buton: Norsal (400/500-600/700). Gövde: Rubik. Ölçek: 12.5 · 13.5 · 14 · 15 · 16 · 18 · 26 · 30 px */
:root{ --fs-xs:12.5px; --fs-sm:13.5px; --fs-14:14px; --fs-base:15px; --fs-md:16px; --fs-lg:18px; --fs-h2:26px; --fs-h1:30px; --ik-baslik:'Norsal','Rubik',system-ui,sans-serif; }

/* Üst bar (telefon, sosyal ağ, üye, hesap no, dil, para) — gövdeden küçük, yardımcı satır */
html body .topbg .box .text, html body .topbg bdi, html body .topbg .dropdown .text{ font-size:var(--fs-sm) !important; font-weight:500 !important; }
html body .topbg .box .text.colorblue{ font-weight:600 !important; letter-spacing:.02em; }

/* Header butonları (Bağış Yap / Sepet) */
html body header .top .actions .btn, html body header .top .actions .btn a{ font-family:var(--ik-baslik) !important; font-size:var(--fs-14) !important; font-weight:600 !important; }

/* Ana menü + alt menü */
html body header .menunav #menu > li > a{ font-family:var(--ik-baslik) !important; font-size:var(--fs-base) !important; font-weight:600 !important; letter-spacing:.02em; }
html body header .menunav #menu li ul li a{ font-family:var(--ik-baslik) !important; font-size:var(--fs-sm) !important; font-weight:500 !important; }

/* Slider altı kategori kutuları */
html body .slidebottom .main_center .box .text{ font-size:13px !important; font-weight:500 !important; color:#4c5c5b; }

/* Bölüm başlıkları — hepsi aynı */
html body #projelerimiz .mainbaslik h1,
html body #istatistik .mainbaslik .text,
html body section.scholars .ortala > h1,
html body section.film .ortala > h1,
html body #haberler .mainbaslik .text{
  font-family:var(--ik-baslik) !important; font-size:var(--fs-h2) !important; font-weight:700 !important; line-height:1.25 !important;
  color:#0e6c65 !important; text-transform:uppercase; letter-spacing:.02em; }
html body #istatistik .mainbaslik .subtext,
html body section.scholars .ortala > h2,
html body #haberler .mainbaslik .subtext{ font-family:'Rubik',sans-serif !important; font-size:var(--fs-base) !important; font-weight:400 !important; color:#5b6b6a !important; }

/* İçerik sayfası başlığı + breadcrumb */
html body main.detay .detaybaslik h1{ font-family:var(--ik-baslik) !important; font-size:var(--fs-h1) !important; font-weight:700 !important; }
html body main.detay .detaybaslik a, html body main.detay .detaybaslik span{ font-size:var(--fs-sm) !important; }

/* Kampanya kartları */
html body .faaliyetbox .textbox .title a{ font-size:var(--fs-base) !important; font-weight:600 !important; color:#1d2b2a !important; }
html body .faaliyetbox .button_group .text{ font-size:13px !important; font-weight:600 !important; }

/* Haber kartları, film, Ne Dediler */
html body #haberler .haber-kart .haber-baslik, html body #haberler .haber-kart h3{ font-size:var(--fs-base) !important; }
html body section.film p{ font-size:var(--fs-base) !important; line-height:1.75 !important; }
html body section.scholars .title{ font-weight:600 !important; }

/* Hızlı bağış paneli */
html body .hizlibagis .hizlibaslik{ font-family:var(--ik-baslik) !important; font-size:var(--fs-md) !important; font-weight:700 !important; }
html body .hizlibagis label{ font-size:var(--fs-sm) !important; font-weight:600 !important; }
html body .hizlibagis .btn{ font-weight:600 !important; font-size:var(--fs-14) !important; }

/* Footer */
html body .alt_menu .baslik{ font-family:var(--ik-baslik) !important; font-size:var(--fs-md) !important; font-weight:600 !important; }
html body .alt_menu .icerik li{ font-size:var(--fs-14) !important; font-weight:400 !important; line-height:1.9 !important; }
html body .logobox .yazi{ font-size:var(--fs-14) !important; font-weight:500 !important; line-height:1.6 !important; }
html body .ikram-iletisim a, html body .ikram-iletisim bdi{ font-size:var(--fs-14) !important; }
html body footer .uyariyazi{ font-size:13px !important; }
html body footer .alt1, html body footer .alt1 *{ font-size:var(--fs-sm) !important; }
html body footer .alt2 a{ font-size:var(--fs-xs) !important; }
/* Ana menü ara genişliklerde tek satır (pptx: "iki satıra taşma önlenmeli"). Ölçüm: 1024px'te 8 öğe 1057px / kap 896px idi. */
@media (max-width:1279px){ html body header .menunav #menu > li > a{ font-size:var(--fs-sm) !important; padding-left:10px !important; padding-right:10px !important; } }
@media (max-width:1099px){ html body header .menunav #menu > li > a{ font-size:13px !important; padding-left:7px !important; padding-right:7px !important; letter-spacing:0; } }
/* 783-1023px (tablet): 8 menü öğesi tek satıra sığmıyor (900px'te ölçüldü) → hamburger menü. Hızlı bağış sekmesi bu aralıkta kalır. */
@media (min-width:783px) and (max-width:1023px){ header .laptopmenu{ display:none !important; } header .mobilmenu{ display:flex !important; } }

/* Mobil header düzeni header.php'de yalnız ≤600px tanımlı → hamburgerin göründüğü 601-1023px'te logo/ikonlar dağınıktı (900px'te ölçüldü). Aynı kurallar bu aralığa da: */
@media (min-width:601px) and (max-width:1023px){
        header .top .logo { width: 100%; }
        header .basketmenu { display: flex; justify-content: flex-end; gap: 15px; padding-right: 15px; }
        header .basket { display: flex; justify-content: center; align-items: center; padding: 5px;  padding-top: 10px; padding-bottom: 10px;   }
        header .basket .box { position: relative; display: flex; justify-content: space-between; gap: 10px; }
        header .basket .box a { font-size: 22pt; font-weight: 500;  color: #bfbfbf;  }
        
        header .basket .box .icon {   display: grid; grid-auto-flow: column; gap: 8px; align-items: center;
          position: relative; box-sizing: border-box; cursor: pointer;
        }
        
        header .basket .box .text {  display: grid; grid-auto-flow: column; gap: 8px;
          align-items: center; position: relative;  box-sizing: border-box; cursor: pointer;
        }
     
        header .basket .badge { justify-content: center; align-items: center; height: 21px;
          position: absolute; bottom: 2px; background-color: #5cb85c; display: flex; 
        }

        header .member { display: flex; justify-content: center; align-items: center; padding: 5px;  padding-top: 10px; padding-bottom: 10px;   }
        header .member .box { position: relative; display: flex; justify-content: space-between; gap: 10px; }
        header .member .box a { font-size: 19pt; font-weight: 500;  color: #c5c5c5;  }
        
        header .member .box .icon {   display: grid; grid-auto-flow: column; gap: 8px; align-items: center;
          position: relative; box-sizing: border-box; cursor: pointer; font-size: 18pt;  color: #bfbfbf;    }

        header .menubtn { display: flex; justify-content: center; align-items: center; }

        header .mobilmenu .menuboxs { width: 100%; }
        header .mobilmenu .top { display: flex; justify-content: space-around;  align-items: center; }
}
/* Bootstrap .navbar-toggle ≥768px'te display:none → tablette hamburger 0×0 kalıyordu */
@media (min-width:768px) and (max-width:1023px){ html body header .mobilmenu .navbar-toggle{ display:block !important; } }
/* Mobil/tablet çekmece menü (mmenu-light, #respmenu): masaüstü "#menu li{float:left}" burada da uygulanıyordu → öğeler yan yana dizilip
   çekmeceden taşıyordu (390px'te FAALİYETLER/İLETİŞİM kesik — önceden var olan hata). Alt alta + menü tipografisi. */
html body #respmenu.mm-spn li{ float:none !important; width:100% !important; display:block !important; }
html body #respmenu.mm-spn li > a, html body #respmenu.mm-spn li > span{ font-family:var(--ik-baslik) !important; font-size:var(--fs-base) !important; font-weight:600 !important; color:#0e6c65 !important; white-space:normal; }
/* Çekmece alt panelleri (KURUMSAL/ETKİ ALANLARI): masaüstü açılır menü kuralları (ul.dropdown display:none/visibility:hidden/position:relative)
   çekmecede de geçerliydi → alt panel hiç açılmıyordu. mmenu-light.css panel kuralları yüksek öncelikle yeniden: */
html body #respmenu.mm-spn ul{ display:block !important; visibility:visible !important; opacity:1 !important; transform:none !important;
  position:fixed !important; top:0; left:100% !important; bottom:0 !important; width:130% !important; padding:0 30% 0 0 !important; margin:0 !important;
  border:0 !important; box-shadow:none !important; background:inherit !important; min-width:0 !important; height:auto !important; transition:left .3s ease 0s !important; }
html body #respmenu.mm-spn.mm-spn--navbar ul{ top:calc(var(--mm-spn-item-height) + 1px) !important; }
html body #respmenu.mm-spn ul.mm-spn--open{ left:0 !important; }
html body #respmenu.mm-spn ul.mm-spn--parent{ left:-30% !important; overflow-y:hidden !important; }

/* ===== Düzeltmeler 03 — 1. tur: üst bar + header butonları + açılır menü (2026-10-09) ===== */
/* --ik-altin (Düzeltmeler 02, düz #e3a834 — border'larda kullanılıyor) EZİLMEZ; gradyan için mevcut --ik-altin-g kullanılır.
   (2026-10-10 düzeltme: burada --ik-altin gradyana çevrilmişti → .ik-lead/.ik-vurgu sol altın çizgisi 1. turdan beri kaybolmuştu.) */
:root{ --ik-teal:#0e6c65; --ik-teal-acik:#12bbb5; --ik-teal-koyu:#0a4f49; }
/* Üst bar: 68px → ince (pptx: yükseklik/padding fazla), yeni palet */
html body header .laptopmenu .topbg{ background:#eef6f5 !important; padding:0 5px !important; border-bottom:1px solid rgba(14,108,101,.10); color:#3d5553; }
html body header .laptopmenu .topbg .full{ height:36px !important; align-items:center; }
html body header .laptopmenu .topbg .full .one{ align-items:center; gap:24px; }
html body header .laptopmenu .topbg .full .one .box a, html body header .laptopmenu .topbg .box .text{ color:#3d5553; }
html body header .laptopmenu .topbg .box .icon{ color:var(--ik-teal); }
/* Dil: yan yana TR · AR · EN — aktif altın, pasif teal (pptx mock) */
.ik-dil-grup{ display:flex; align-items:center; gap:4px; }
.ik-dil-grup a{ display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:24px; padding:0 8px;
  font-family:var(--ik-baslik); font-size:12.5px; font-weight:600; letter-spacing:.04em; line-height:1; text-decoration:none !important;
  background:var(--ik-teal); color:#fff !important; transition:background-color .2s ease, color .2s ease;
  clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); }
.ik-dil-grup a:hover, .ik-dil-grup a:focus-visible{ background:var(--ik-teal-acik); color:#fff !important; }
.ik-dil-grup a.aktif, .ik-dil-grup a.aktif:hover{ background:var(--ik-altin-g); color:var(--ik-teal-koyu) !important; cursor:default; }
/* Sepet: SVG ikon + altın rozet (taşmadan) */
html body .topbg .ik-sepet-ikon{ display:block; color:var(--ik-teal); }
html body header .laptopmenu .topbg #sepetbolum{ align-items:center; }
html body header .laptopmenu .topbg #sepetbolum a{ align-items:center; }
html body header .badge{ background:var(--ik-altin-g) !important; color:var(--ik-teal-koyu) !important; font-family:var(--ik-baslik); font-weight:700; font-size:11px !important;
  min-width:18px; height:18px !important; padding:0 5px !important; border-radius:9px !important; line-height:18px; display:inline-flex !important; align-items:center; justify-content:center; }
html body header .laptopmenu .topbg #sepetbolum .badge{ position:absolute; top:-7px !important; bottom:auto !important; left:12px; right:auto; }
/* Header "Sepet" butonu: rozet clip-path'le kesiliyordu (konum absolute, buton dışına taşıyordu) → buton içinde satır içi */
html body header .top .actions .sepetss .badge{ position:static !important; margin:0 !important; top:auto !important; }
html body header .top .actions .sepetss a{ align-items:center; gap:7px; }
/* Ana bağış butonu: varsayılan altın, hover açık turkuaz (pptx: site geneli standart) */
html body header .top .actions .btn-success.bagisyp{ background:var(--ik-altin-g) !important; border-color:#e3a834 !important; }
html body header .top .actions .btn-success.bagisyp a{ color:var(--ik-teal-koyu) !important; }
html body header .top .actions .btn-success.bagisyp:hover{ background:var(--ik-teal-acik) !important; border-color:var(--ik-teal-acik) !important; }
html body header .top .actions .btn-success.bagisyp:hover a{ color:#fff !important; }
/* Açılır menü: eski yeşil (iskelet.css rgb(119,160,57)) → altın */
html body header .menunav #menu ul li:hover, html body header .menunav #menu ul li:focus-within{ background:var(--ik-altin-g) !important; }
html body header .menunav #menu ul li:hover > a, html body header .menunav #menu ul li:focus-within > a,
html body header .menunav #menu .has-dropdown .dropdown li:hover a{ color:var(--ik-teal-koyu) !important; }
/* Breadcrumb/başlık alanı (pptx slayt 1): gri desen → aynı desen turkuaz tonlu (luminosity karışımı) + altın alt çizgi; seçilen prototip 2.
   Projeye özel banner fotoğrafı olan sayfalarda (proje.php / category_projeler.php → .ik-ozel-banner) fotoğraf boyanmaz. */
html body main.detay .detaybaslik:not(.ik-ozel-banner){ background-color:#cfeae7 !important; background-blend-mode:luminosity; }
html body main.detay .detaybaslik{ border-bottom:3px solid transparent; border-image:linear-gradient(90deg,#fdf5a4,#e3a834) 1; }
html body main.detay .detaybaslik:not(.ik-ozel-banner) h1{ color:var(--ik-teal) !important; }
html body main.detay .detaybaslik:not(.ik-ozel-banner) .yol_genel, html body main.detay .detaybaslik:not(.ik-ozel-banner) .yol_genel a{ color:#2f4a48 !important; }
html body main.detay .detaybaslik .cizgi_kutu .cizgi{ background:linear-gradient(90deg,#fdf5a4,#e3a834) !important; height:3px !important; }

/* ===== Düzeltmeler 03 — 2. tur (2026-10-10) ===== */
/* C) Kesik köşede kopan çerçeve (pptx slayt 3): clip-path 1px border'ın köşe kısmını kesiyordu. Çerçeve artık arka plan katmanlarıyla
   çiziliyor: 4 kenar + 4 köşe çaprazı (45° kesik çizgisi, c×c kutunun tam köşegeninde = %50). border saydam kalır → yerleşim değişmez.
   background-color korunur (katmanlar background-image). Ölçülen öğeler: .digerleri, .iletisim-kart, .ikram-form, .hesap-kart. */
:root{ --ik-cerceve:#d6e7e4; }
html body main.detay .digerleri,
html body .iletisim-kart,
html body .ikram-form,
html body .ikram-iletisim-form .ikram-form.iletisim_form, /* bu sayfadaki background:#fff !important (0,3,0) katmanları sıfırlıyordu */
html body .hesap-kart{
  --c:var(--ik-kc,14px); --r:var(--ik-cerceve);
  border-color:transparent !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to bottom left,  transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top right,    transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--c) var(--c), var(--c) var(--c), var(--c) var(--c), var(--c) var(--c) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 0, 100% 100%, 0 100% !important;
  background-repeat:no-repeat !important;
  box-shadow:none !important; /* clip-path gölgeyi zaten kesiyordu; köşelerde yarım gölge kalıntısı bırakmasın */
}
/* Harita: içi dolu (iframe çerçeveyi örter) → çerçevesiz kesik köşe */
html body .ikram-harita{ border-color:transparent !important; box-shadow:none !important; }

/* D) Haberler ile footer arası (pptx slayt 4): footer margin-top 10px + 1px gri çizgi beyaz şerit bırakıyordu → anasayfada bölüm doğrudan footer'a bağlanır */
html body:has(#haberler) footer{ margin-top:0 !important; border-top:0 !important; }

/* ===== Düzeltmeler 03 — 3. tur (2026-10-10) ===== */
/* Giriş alanları: buton diliyle aynı kesik (sol-üst + sağ-alt, 8px), çerçeve kesintisiz (2. turdaki katman tekniği; 2 köşe çaprazı).
   İletişim (#ccc/4px) ve Gönüllü Ol (1.5px/10px) alanları farklıydı → tek stil. Odakta çerçeve açık turkuaz. */
html body .ikram-form .form-control,
html body .ikram-iletisim-form .ikram-form .form-control,
html body .yanfixhizlibagis .input-group,
html body .button_group .fiyat .input-group{
  --k:var(--ik-kb,8px); --r:var(--ik-cerceve);
  border:1px solid transparent !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important;
  background-color:#f5f9f8 !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--k) var(--k), var(--k) var(--k) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 100% !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));
}
html body .ikram-form .form-control:focus,
html body .yanfixhizlibagis .input-group:focus-within,
html body .button_group .fiyat .input-group:focus-within{ --r:var(--ik-teal-acik); background-color:#fff !important; }
/* Kart tutar grubunda alt öğelerin border'ı zaten 0'dı → grubun saydam 1px border'ı yüksekliği 33→35px büyütüyordu → 0. (Hızlı Bağış'ta alt öğelerin 1px border'ı vardı → grupta 1px saydam kalır, yükseklik 33/34 korunur.) */
html body .button_group .fiyat .input-group{ border:0 !important; }
/* Grup içindeki parçalar çerçevesiz; ayraç çizgisi */
html body .yanfixhizlibagis .input-group .form-control, html body .yanfixhizlibagis .input-group .input-group-addon,
html body .button_group .fiyat .input-group .form-control, html body .button_group .fiyat .input-group .input-group-addon{
  border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
html body .yanfixhizlibagis .input-group .input-group-addon:last-child, html body .button_group .fiyat .input-group .input-group-addon:last-child{ border-left:1px solid var(--r) !important; color:var(--ik-teal); }
html body .yanfixhizlibagis .input-group .input-group-addon:first-child, html body .button_group .fiyat .input-group .input-group-addon:first-child{ border-right:1px solid var(--r) !important; background:#e8f3f1 !important; color:var(--ik-teal); }

/* Hızlı Bağış sekmesi (pptx slayt 7): altın gradyan + kesik köşe; hover açık turkuaz (eski hover siyah) */
html body .yanfixhizlibagis .yanfix-kutu{ background:var(--ik-altin-g) !important; border-color:#e3a834 !important; color:var(--ik-teal-koyu) !important;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .yanfixhizlibagis .yanfix-kutu .text, html body .yanfixhizlibagis .yanfix-kutu i{ color:var(--ik-teal-koyu) !important; }
html body .yanfixhizlibagis .yanfix-kutu:hover{ background:var(--ik-teal-acik) !important; border-color:var(--ik-teal-acik) !important; }
html body .yanfixhizlibagis .yanfix-kutu:hover .text, html body .yanfixhizlibagis .yanfix-kutu:hover i{ color:#fff !important; }

/* Online Bağış kategori kartları + kategori içi proje kartları (category_projeler.php .kutular): 4 köşe kesik (pptx slayt 6) */
html body main.detay .kutular, html body main.detay .alt_kucuk_resim > .image /* proje detay ana görsel (kapsayıcı butonları da içeriyor → yalnız görsel) */{ border-radius:0 !important;
  clip-path:polygon(var(--ik-kc) 0,calc(100% - var(--ik-kc)) 0,100% var(--ik-kc),100% calc(100% - var(--ik-kc)),calc(100% - var(--ik-kc)) 100%,var(--ik-kc) 100%,0 calc(100% - var(--ik-kc)),0 var(--ik-kc)); }

/* Proje/kampanya kartı butonları (tüm .button_group: anasayfa, kategori, proje detay): kesik köşe */
html body .button_group .sepet-btn, html body .button_group .bagis-btn, html body .button_group .share-btn{ border-radius:0 !important;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
/* Ana bağış butonları: varsayılan altın, hover açık turkuaz (1. turdaki header "Bağış Yap" ile aynı standart). Sepete Ekle ikincil → teal/altın hover kalır. */
html body .button_group .bagis-btn.bagis-btn, html body .button_group .share-btn.share-btn,
html body .hizlibagis .icerik .kutus .btn-primary.btn-primary{ background:var(--ik-altin-g) !important; border-color:#e3a834 !important; color:var(--ik-teal-koyu) !important; }
html body .button_group .bagis-btn.bagis-btn .text, html body .button_group .bagis-btn.bagis-btn .ico i, html body .button_group .share-btn.share-btn .ico i{ color:var(--ik-teal-koyu) !important; }
/* kategori/proje sayfalarında ikonlar beyaz SVG <img> → altın zeminde koyu teal */
html body .button_group .bagis-btn.bagis-btn .ico img, html body .button_group .share-btn.share-btn .ico img{ filter:brightness(0) invert(21%) sepia(43%) saturate(1630%) hue-rotate(141deg) brightness(92%); }
html body .button_group .bagis-btn.bagis-btn:hover, html body .button_group .share-btn.share-btn:hover,
html body .hizlibagis .icerik .kutus .btn-primary.btn-primary:hover{ background:var(--ik-teal-acik) !important; border-color:var(--ik-teal-acik) !important; color:#fff !important; }
html body .button_group .bagis-btn.bagis-btn:hover .text, html body .button_group .bagis-btn.bagis-btn:hover .ico i, html body .button_group .share-btn.share-btn:hover .ico i{ color:#fff !important; }
html body .button_group .bagis-btn.bagis-btn:hover .ico img, html body .button_group .share-btn.share-btn:hover .ico img{ filter:none; }
/* Sepete Ekle: kategori/proje sayfalarında da altın hover (anasayfa .faaliyetbox ile aynı) */
html body .button_group .sepet-btn:hover{ background:var(--ik-altin-g) !important; border-color:#e3a834 !important; }
html body .button_group .sepet-btn:hover .text, html body .button_group .sepet-btn:hover .ico i{ color:var(--ik-teal-koyu) !important; }
html body .button_group .sepet-btn:hover .ico img{ filter:brightness(0) invert(21%) sepia(43%) saturate(1630%) hue-rotate(141deg) brightness(92%); }

/* ===== Düzeltmeler 03 — 4. tur: mobil (2026-10-10) ===== */
/* Mobil header (hamburger görünen ≤1023): logo küçük (390px'te 154×54 idi), ikonlar gri #bfbfbf → teal, sepet rozeti ikon köşesinde, hamburger palete */
@media (max-width:1023px){
  html body header .mobilmenu .top .logo{ max-width:118px !important; flex:0 0 auto; }
  html body header .mobilmenu .top .logo img{ width:100% !important; height:auto !important; }
  html body header .mobilmenu .member .icon, html body header .mobilmenu .member .box a,
  html body header .mobilmenu .basket .box a, html body header .mobilmenu .basket .icon{ color:var(--ik-teal) !important; }
  html body header .mobilmenu .member .icon svg, html body header .mobilmenu .basket .icon svg{ display:block; width:24px; height:24px; }
  html body header .mobilmenu .basket .box{ position:relative; }
  html body header .mobilmenu .basket .badge{ position:absolute !important; top:-4px !important; right:-9px !important; bottom:auto !important; left:auto !important; margin:0 !important; }
  html body header .mobilmenu .navbar-toggle{ background:#fff !important; border:0 !important; border-radius:0 !important; margin:0 !important;
    box-shadow:inset 0 0 0 1px rgba(14,108,101,.25);
    clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
  html body header .mobilmenu .navbar-toggle .icon-bar{ background:var(--ik-teal) !important; }
}

/* Çekmece menü (mmenu-light #respmenu): başlık şeridi teal + altın çizgi, zemin beyaz, ayraçlar palet, oklar teal; bulunulan sayfa / dokunma = altın */
html body #respmenu.mm-spn{ background:#fff !important; color:var(--ik-teal); }
html body #respmenu.mm-spn.mm-spn--navbar:after{ opacity:1 !important; background:var(--ik-teal); color:#fff; font-family:var(--ik-baslik); font-weight:700; font-size:15px; letter-spacing:.08em; text-transform:uppercase; }
html body #respmenu.mm-spn.mm-spn--navbar:before{ z-index:2; color:#fff; opacity:.9 !important; }
html body #respmenu.mm-spn.mm-spn--navbar ul:before{ border-top:2px solid #e3a834 !important; opacity:1 !important; }
html body #respmenu.mm-spn li:after{ border-top-color:#d6e7e4 !important; opacity:1 !important; }
html body #respmenu.mm-spn li:before{ color:var(--ik-teal); opacity:.55 !important; }
html body #respmenu.mm-spn a:not(:last-child):after{ border-right-color:#d6e7e4 !important; opacity:1 !important; }
html body #respmenu.mm-spn li.ik-aktif > a, html body #respmenu.mm-spn li > a:active, html body #respmenu.mm-spn li > span:active{
  background:var(--ik-altin-g) !important; color:var(--ik-teal-koyu) !important; }
html body #respmenu .topbg{ background:#eef6f5 !important; border-top:1px solid #d6e7e4; }
html body #respmenu .topbg .ik-dil-grup{ gap:6px; }
html body #respmenu .topbg .box .icon, html body #respmenu .topbg .box .text{ color:var(--ik-teal) !important; }

/* Tek "Bağış Yap" sabit alt bar (footer.php .ik-alt-bar; eski: yalnız anasayfa, "Aylık Bağış" + "Bağış Yap" turkuaz). Hızlı Bağış sekmesinin gizlendiği ≤782px'te. */
.ik-alt-bar, .ik-wa{ display:none; }
@media (max-width:782px){
  html body .ik-alt-bar{ display:block; position:fixed; left:0; right:0; bottom:0; z-index:1000; background:#fff;
    padding:10px 16px calc(10px + env(safe-area-inset-bottom)); box-shadow:0 -4px 16px rgba(14,108,101,.12); border-top:2px solid #e3a834; }
  html body .ik-alt-bagis{ display:flex; align-items:center; justify-content:center; height:46px; background:var(--ik-altin-g); color:var(--ik-teal-koyu) !important;
    font-family:var(--ik-baslik); font-weight:700; font-size:var(--fs-md); letter-spacing:.02em; text-decoration:none !important; transition:background .2s ease, color .2s ease;
    clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
  html body .ik-alt-bagis:hover, html body .ik-alt-bagis:active, html body .ik-alt-bagis:focus-visible{ background:var(--ik-teal-acik); color:#fff !important; }
  html body{ padding-bottom:68px; } /* bar footer'ın son satırını örtmesin */
  /* proje.php'nin kendi (tutar + bağış) alt barı: aynı zemin/çizgi */
  html body .mobilebuttons{ background:#fff !important; box-shadow:0 -4px 16px rgba(14,108,101,.12); border-top:2px solid #e3a834; }
}
/* WhatsApp: üst bardan çıktı → sağ altta yüzen buton; alt bar varken onun hemen üstünde */
@media (max-width:1023px){
  html body .ik-wa{ display:flex; align-items:center; justify-content:center; position:fixed; right:16px; bottom:20px; z-index:1001; width:54px; height:54px; border-radius:50%;
    background:#25d366; color:#fff !important; box-shadow:0 6px 16px rgba(0,0,0,.22); transition:transform .2s ease; }
  html body .ik-wa:active{ transform:scale(.94); }
}
@media (max-width:782px){ html body .ik-wa{ bottom:84px; } }

/* --- 4. tur, kullanıcı geri bildirimi (2026-10-10) --- */
/* Mobil header: logo width:100% esneyip ikon grubunu logoya yapıştırıyordu (390px: logo 5-159, dünya ikonu 159'da) → logo solda, ikonlar sağda sıkı grup */
@media (max-width:1023px){
  html body header .mobilmenu .top{ justify-content:space-between !important; align-items:center; padding:0 14px !important; gap:12px; }
  html body header .mobilmenu .top .logo{ width:auto !important; }
  html body header .mobilmenu .basketmenu{ width:auto !important; flex:0 0 auto; display:flex !important; align-items:center; justify-content:flex-end; gap:4px !important; padding-right:0 !important; margin-left:auto; }
  html body header .mobilmenu .member, html body header .mobilmenu .basket{ padding:6px 7px !important; }
  html body header .mobilmenu .menubtn{ margin-left:8px; }
}
/* Mobil (sütunlar alt alta, ≤767): içerik → sidebar → footer arasında boşluk yoktu (ölçüm: içerik 1495'te bitiyor, sidebar 1495'te başlıyor; footer +10px) */
@media (max-width:767px){
  html body main.detay .digerleri{ margin:32px 0 40px !important; }
}
/* Kesik köşe daha belirgin (iletişim kutuları vb. "düzelmiş gibi durmuyor"): çerçeveli kutularda kesik 14→20px, çerçeve rengi koyulaştı; giriş alanları 8→10px */
:root{ --ik-cerceve:#bcd8d3; }
html body main.detay .digerleri, html body .iletisim-kart, html body .ikram-form, html body .hesap-kart{ --ik-kc:20px; }
html body .ikram-form .form-control, html body .yanfixhizlibagis .input-group, html body .button_group .fiyat .input-group{ --ik-kb:10px; }
/* Çekmece açıkken alt bar + WhatsApp çekmecenin üstünde kalıp alttaki dil butonlarını örtüyordu → gizle */
html body.mm-ocd-opened .ik-alt-bar, html body.mm-ocd-opened .ik-wa{ display:none !important; }
/* Bulunulan sayfa alt menüdeyse (ör. Etki Alanlarımız › Eğitim…) üst başlığı da işaretle */
html body #respmenu.mm-spn li:has(li.ik-aktif) > a, html body #respmenu.mm-spn li:has(li.ik-aktif) > span{ box-shadow:inset 4px 0 0 #e3a834; color:var(--ik-teal-koyu) !important; }
/* mmenu ".mm-spn a" (zemin inherit + 13px/20px padding + :after ayraç) çekmecedeki dil butonlarını eziyordu */
html body #respmenu .ik-dil-grup a{ display:inline-flex !important; width:auto !important; padding:0 8px !important; background:var(--ik-teal) !important; color:#fff !important; }
html body #respmenu .ik-dil-grup a.aktif{ background:var(--ik-altin-g) !important; color:var(--ik-teal-koyu) !important; }
html body #respmenu .ik-dil-grup a:after{ display:none !important; }
/* proje.php: kendi alt barı (tutar + bağış, ≤600, 89px) WhatsApp ile 5px çakışıyordu (bar üstü 755, buton altı 760) */
@media (max-width:600px){ html body:has(.mobilebuttons) .ik-wa{ bottom:104px; } }

/* ===== Düzeltmeler 03 — ek: bağış penceresi (#bagisyap) + kampanya tutar yüksekliği (2026-10-10) ===== */
/* Pencere: kesik köşe kart, başlık teal Norsal; ihya'dan kalan Bootstrap has-success/has-warning yeşil-sarı etiket ve ek kutuları → palet */
html body #bagisyap .modal-content{ border:0 !important; border-radius:0 !important; box-shadow:none !important;
  clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px); }
html body #bagisyap .modal-dialog{ filter:drop-shadow(0 10px 28px rgba(0,0,0,.28)); }
html body #bagisyap .modal-header{ border-bottom:2px solid #e3a834; }
html body #bagisyap .modal-title{ font-family:var(--ik-baslik); font-weight:700; font-size:var(--fs-lg); color:var(--ik-teal); }
html body #bagisyap .modal-footer{ border-top:1px solid #d6e7e4; }
html body #bagisyap label, html body #bagisyap .control-label{ color:#2c3e3c !important; font-weight:600; }
/* Alanlar: formlarla aynı (sol-üst + sağ-alt 10px kesik, kesintisiz çerçeve, odakta turkuaz) */
html body #bagisyap .form-control:not(.input-group .form-control),
html body #bagisyap .input-group{
  --k:10px; --r:var(--ik-cerceve);
  border:1px solid transparent !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important;
  background-color:#f5f9f8 !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--k) var(--k), var(--k) var(--k) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 100% !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));
}
/* Bootstrap .form-control height:34px sabit → grubun saydam 1px border'ı 34→36 yapıyordu → 0 */
html body #bagisyap .input-group{ border:0 !important; }
html body #bagisyap .form-control:focus, html body #bagisyap .input-group:focus-within{ --r:var(--ik-teal-acik); background-color:#fff !important; }
html body #bagisyap .input-group .form-control, html body #bagisyap .input-group .input-group-addon{ border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
html body #bagisyap .input-group .input-group-addon{ color:var(--ik-teal) !important; font-weight:600; }
html body #bagisyap .input-group .input-group-addon:first-child{ border-right:1px solid var(--r) !important; background:#e8f3f1 !important; }
html body #bagisyap .input-group .input-group-addon:last-child{ border-left:1px solid var(--r) !important; }
/* "Kapat": ikincil buton — açık teal zemin, kesik, hover altın (site standardı) */
html body #bagisyap .btn-secondary{ background:#e6f2f0 !important; color:var(--ik-teal) !important; border:0 !important; border-radius:0 !important; font-weight:600;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body #bagisyap .btn-secondary:hover{ background:var(--ik-altin-g) !important; color:var(--ik-teal-koyu) !important; }

/* Anasayfa kampanya kartı: tutar kutusu 35px, yanındaki butonlar 33px (önceden var) → 33px */
html body .faaliyetbox .button_group .fiyat .form-control, html body .faaliyetbox .button_group .fiyat .input-group-addon{ height:33px !important; min-height:0 !important; box-sizing:border-box; }

/* ===== Düzeltmeler 03 — yeni sayfalar: Haberler listesi, Sepet, Ödeme (2026-10-10) ===== */
/* Ortak: 8 katmanlı kesintisiz çerçeve (4 köşe, --c) — 2. turdaki teknik */
html body .ik-odeme-sayfa .kutu_bg,
html body .ik-sepet-sayfa .divTable.blueTable, html body .ik-odeme-sayfa .divTable.blueTable,
html body .ik-hesap-sayfa .divTable.blueTable, html body .ik-hesap-giris .uyelik_formu_giris, html body .ik-hesap-giris .uyelik_formu_kayitol, html body .ik-hesap-ici .tab-content{
  --c:20px; --r:var(--ik-cerceve);
  border:1px solid transparent !important; background-color:#fff !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to bottom left,  transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top right,    transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--c) var(--c), var(--c) var(--c), var(--c) var(--c), var(--c) var(--c) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 0, 100% 100%, 0 100% !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(var(--c) 0,calc(100% - var(--c)) 0,100% var(--c),100% calc(100% - var(--c)),calc(100% - var(--c)) 100%,var(--c) 100%,0 calc(100% - var(--c)),0 var(--c));
}

/* --- Haberler listesi (category_haberler.php) --- */
html body .ik-haber-sayfa{ padding:44px 0 70px; float:left; width:100%; }
.ik-haber-liste{ display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
@media (max-width:1023px){ .ik-haber-liste{ grid-template-columns:repeat(2,1fr); gap:22px; } }
@media (max-width:600px){ .ik-haber-liste{ grid-template-columns:1fr; } }
a.ik-haber-kart{ display:block; text-decoration:none !important; filter:drop-shadow(0 6px 14px rgba(14,108,101,.12));
  transition:transform .35s cubic-bezier(.22,.61,.36,1), filter .35s ease; }
a.ik-haber-kart:hover, a.ik-haber-kart:focus-visible{ transform:translateY(-8px); filter:drop-shadow(0 16px 26px rgba(14,108,101,.24)); }
.ik-haber-kart .kart-ic{ display:flex; flex-direction:column; height:100%; background:#fff;
  clip-path:polygon(var(--ik-kc) 0,calc(100% - var(--ik-kc)) 0,100% var(--ik-kc),100% calc(100% - var(--ik-kc)),calc(100% - var(--ik-kc)) 100%,var(--ik-kc) 100%,0 calc(100% - var(--ik-kc)),0 var(--ik-kc)); --ik-kc:20px; }
.ik-haber-kart .gorsel-kap{ position:relative; overflow:hidden; aspect-ratio:16/10; }
.ik-haber-kart .gorsel{ position:absolute; inset:0; background-size:cover; background-position:center; transition:transform .6s ease; }
.ik-haber-kart:hover .gorsel{ transform:scale(1.06); }
.ik-haber-kart .gorsel-kap::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:var(--ik-altin-g); transform:scaleX(0); transform-origin:left; transition:transform .45s ease; }
.ik-haber-kart:hover .gorsel-kap::after{ transform:scaleX(1); }
.ik-haber-kart .icerik{ display:flex; flex-direction:column; gap:10px; padding:20px 22px 24px; flex:1; }
.ik-haber-kart .tarih{ font-size:12.5px; font-weight:600; color:var(--ik-teal-acik); display:flex; align-items:center; gap:6px; }
html body main.detay .ik-haber-kart .baslik{ margin:0; font-family:var(--ik-baslik); font-size:var(--fs-lg); font-weight:700; line-height:1.35; color:#1d2b2a; float:none; width:auto; }
html body main.detay .ik-haber-kart .ozet{ margin:0; padding:0; font-size:var(--fs-14); line-height:1.65; color:#5b6b6a; text-align:left;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.ik-haber-kart .devam{ margin-top:auto; padding-top:6px; font-family:var(--ik-baslik); font-size:var(--fs-14); font-weight:600; color:var(--ik-teal); display:inline-flex; align-items:center; gap:8px; }
.ik-haber-kart .devam i{ transition:transform .3s ease; }
.ik-haber-kart:hover .devam i{ transform:translateX(6px); }
.ik-bos{ padding:24px; background:#eef6f5; border-left:4px solid #e3a834; color:#2c3e3c; }
/* Sayfalama */
.ik-sayfalama{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin-top:48px; }
.ik-sayfalama .no, .ik-sayfalama .ok, .ik-sayfalama .bosluk{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-width:44px; height:44px; padding:0 12px;
  font-family:var(--ik-baslik); font-size:var(--fs-base); font-weight:600; text-decoration:none !important; }
.ik-sayfalama .no, .ik-sayfalama .ok{ background:#eef6f5; color:var(--ik-teal) !important; transition:background .2s ease, color .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
.ik-sayfalama .ok{ padding:0 18px; }
.ik-sayfalama a.no:hover, .ik-sayfalama a.ok:hover{ background:var(--ik-altin-g); color:var(--ik-teal-koyu) !important; }
.ik-sayfalama .no.aktif{ background:var(--ik-teal); color:#fff !important; }
.ik-sayfalama .ok.pasif{ opacity:.4; }
.ik-sayfalama .bosluk{ min-width:20px; padding:0; color:#8aa09d; }
@media (max-width:600px){ .ik-sayfalama .ok span{ display:none; } .ik-sayfalama .ok{ padding:0 12px; } }
html[dir=rtl] .ik-sayfalama .ok i, html[dir=rtl] .ik-haber-kart .devam i{ transform:scaleX(-1); }

/* --- Sepet (sepet.php .ik-sepet-sayfa) ve ödeme alt tablosu --- */
html body section.ik-sepet-sayfa, html body section.ik-odeme-sayfa{ padding:34px 0 64px; }
html body .ik-sepet-sayfa .altbaslik, html body .ik-odeme-sayfa .altbaslik{ background:#eef6f5; border-left:4px solid #e3a834; padding:12px 18px; margin-bottom:24px; font-size:var(--fs-14); color:#2c3e3c; }
html body .ik-sepet-sayfa .divTable.blueTable, html body .ik-odeme-sayfa .divTable.blueTable, html body .ik-hesap-sayfa .divTable.blueTable{ border:0 !important; border-collapse:separate; font-family:inherit; margin-top:24px;
  } /* çerçeve + kesik: üstteki ortak 8 katman kuralı (iç gölge kesik köşede kopuyordu) */
html body .ik-sepet-sayfa .divTableHeading, html body .ik-odeme-sayfa .divTableHeading, html body .ik-hesap-sayfa .divTableHeading{ background:var(--ik-teal) !important; }
html body .ik-sepet-sayfa .divTableHeading .divTableHead, html body .ik-odeme-sayfa .divTableHeading .divTableHead, html body .ik-hesap-sayfa .divTableHeading .divTableHead{ border:0 !important; padding:14px 20px !important; color:#fff !important;
  font-family:var(--ik-baslik); font-size:var(--fs-sm) !important; font-weight:600 !important; letter-spacing:.06em; text-transform:uppercase; }
html body .ik-sepet-sayfa .divTableBody .divTableCell, html body .ik-odeme-sayfa .divTableBody .divTableCell, html body .ik-hesap-sayfa .divTableBody .divTableCell{ border:0 !important; border-bottom:1px solid #e3eeec !important; padding:18px 20px !important;
  vertical-align:middle; font-family:var(--ik-baslik); font-size:var(--fs-base) !important; font-weight:600 !important; color:#1d2b2a !important; }
html body .ik-sepet-sayfa .divTableBody .divTableRow:last-child .divTableCell, html body .ik-odeme-sayfa .divTableBody .divTableRow:last-child .divTableCell, html body .ik-hesap-sayfa .divTableBody .divTableRow:last-child .divTableCell{ border-bottom:0 !important; }
html body .ik-sepet-sayfa .divTableBody .divTableCell:nth-child(2), html body .ik-odeme-sayfa .divTableBody .divTableCell:nth-child(2), html body .ik-hesap-sayfa .divTableBody .divTableCell:nth-child(2){ color:var(--ik-teal) !important; font-weight:700 !important; font-size:var(--fs-md) !important; white-space:nowrap; }
html body .ik-sepet-sayfa .buttons .button, html body .ik-odeme-sayfa .buttons .button{ width:38px; height:38px; margin:0; padding:10px; border:0 !important; background:#fdeeee;
  display:inline-flex; align-items:center; justify-content:center; transition:background .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-sepet-sayfa .buttons .button:hover, html body .ik-odeme-sayfa .buttons .button:hover{ background:#f8d3d3; }
html body .ik-sepet-sayfa .buttons .button img, html body .ik-odeme-sayfa .buttons .button img{ width:16px; }
html body .ik-sepet-sayfa .ik-sepet-ozet{ display:flex; justify-content:flex-end; align-items:baseline; gap:16px; margin:26px 0 16px; padding:0 4px; }
html body .ik-sepet-sayfa .ik-sepet-ozet .etiket{ font-family:var(--ik-baslik); font-size:var(--fs-sm); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#5b6b6a; }
html body .ik-sepet-sayfa .ik-sepet-ozet .toplam{ font-family:var(--ik-baslik); font-size:var(--fs-h1); font-weight:700; color:var(--ik-teal); line-height:1; }
html body .ik-sepet-sayfa .button_group{ display:flex; justify-content:flex-end; float:none; width:100%; }
html body .ik-sepet-sayfa .button_group a{ text-decoration:none !important; }
html body .ik-sepet-sayfa .odeme-btn{ display:inline-flex !important; align-items:center; gap:12px; width:auto !important; height:auto !important; margin:0 !important; padding:15px 30px !important;
  background:var(--ik-altin-g) !important; border:0 !important; border-radius:0 !important; transition:background .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-sepet-sayfa .odeme-btn .text{ float:none !important; font-family:var(--ik-baslik); font-size:var(--fs-md) !important; font-weight:700 !important; color:var(--ik-teal-koyu) !important; }
html body .ik-sepet-sayfa .odeme-btn .ico{ float:none !important; width:20px !important; margin:0 !important; }
html body .ik-sepet-sayfa .odeme-btn .ico img{ width:100%; filter:brightness(0) invert(21%) sepia(43%) saturate(1630%) hue-rotate(141deg) brightness(92%); }
html body .ik-sepet-sayfa .odeme-btn:hover{ background:var(--ik-teal-acik) !important; }
html body .ik-sepet-sayfa .odeme-btn:hover .text{ color:#fff !important; }
html body .ik-sepet-sayfa .odeme-btn:hover .ico img{ filter:brightness(0) invert(1); }
html body .ik-sepet-sayfa .alert-warning{ background:#eef6f5 !important; border:0 !important; border-left:4px solid #e3a834 !important; border-radius:0 !important; color:#2c3e3c !important; padding:22px 24px; font-size:var(--fs-base); }

/* --- Ödeme (sepet_odeme.php .ik-odeme-sayfa) — yalnız görünüm; form/doğrulama/ödeme mantığına dokunulmadı --- */
html body .ik-odeme-sayfa .nav-tabs{ border-bottom:2px solid #e3a834 !important; }
html body .ik-odeme-sayfa .nav-tabs > li > a{ border:0 !important; border-radius:0 !important; margin:0 6px 0 0 !important; padding:12px 22px !important; background:#eef6f5 !important; color:var(--ik-teal) !important;
  font-family:var(--ik-baslik); font-weight:600; clip-path:polygon(var(--ik-kb) 0,100% 0,100% 100%,0 100%,0 var(--ik-kb)); }
html body .ik-odeme-sayfa .nav-tabs > li.active > a{ background:var(--ik-teal) !important; color:#fff !important; }
html body .ik-odeme-sayfa .kutu_bg{ padding:30px 28px !important; margin-top:0 !important; }
html body .ik-odeme-sayfa .ilk_kutu, html body .ik-odeme-sayfa .son_kutu{ border-color:#d6e7e4 !important; }
html body .ik-odeme-sayfa h3{ font-family:var(--ik-baslik); font-size:var(--fs-lg); font-weight:700; color:var(--ik-teal); margin:0 0 6px; }
html body .ik-odeme-sayfa h3::after{ content:""; display:block; width:28px; height:3px; margin-top:8px; background:var(--ik-altin-g); }
html body .ik-odeme-sayfa h4{ font-size:var(--fs-sm); font-weight:500; color:#6b7c7a; }
html body .ik-odeme-sayfa label{ font-size:var(--fs-sm); font-weight:600; color:#2c3e3c; }
html body .ik-odeme-sayfa .son_kutu .info .text{ font-size:var(--fs-sm); color:#5b6b6a; }
html body .ik-odeme-sayfa .son_kutu .info .text2{ font-family:var(--ik-baslik); font-size:var(--fs-md); font-weight:700; color:var(--ik-teal); letter-spacing:.03em; }
/* Alanlar (kart görselinin içindekiler hariç): formlarla aynı kesik + kesintisiz çerçeve; doğrulama hatası (.red) kırmızı çerçeve */
html body .ik-odeme-sayfa .form-control:not(.kredi_kart .form-control):not(.input-group .form-control),
html body .ik-odeme-sayfa .input-group{
  --k:10px; --r:var(--ik-cerceve);
  border:1px solid transparent !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important;
  background-color:#f5f9f8 !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--k) var(--k), var(--k) var(--k) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 100% !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));
}
html body .ik-odeme-sayfa .input-group{ border:0 !important; }
html body .ik-odeme-sayfa .form-control:focus, html body .ik-odeme-sayfa .input-group:focus-within{ --r:var(--ik-teal-acik); background-color:#fff !important; }
html body .ik-odeme-sayfa .form-control.red{ --r:#cc0001; background-color:#fff5f5 !important; }
html body .ik-odeme-sayfa .input-group .form-control, html body .ik-odeme-sayfa .input-group .input-group-addon{ border:0 !important; border-radius:0 !important; box-shadow:none !important; background:transparent !important; }
html body .ik-odeme-sayfa .input-group .form-control{ font-family:var(--ik-baslik); font-weight:700; color:var(--ik-teal); }
html body .ik-odeme-sayfa .input-group .input-group-addon:last-child{ border-left:1px solid var(--r) !important; color:var(--ik-teal); font-weight:600; }
/* Kart görseli içindeki alanlar: beyaz, hafif kesik */
html body .ik-odeme-sayfa .kredi_kart .form-control{ border-radius:0 !important; clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px); }
/* Ödeme türü seçim kutusu (gri) → açık teal */
html body .ik-odeme-sayfa .odeme_kutu .form_kutu{ background:#eef6f5 !important; border:0 !important; padding:12px 14px !important;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-odeme-sayfa input[type=radio]{ accent-color:var(--ik-teal); }
/* Ana bağış butonu: altın, tam genişlik, hover turkuaz */
html body .ik-odeme-sayfa .bagis_kutu button{ display:block; width:100%; padding:0 !important; background:transparent !important; border:0 !important; }
html body .ik-odeme-sayfa .bagis-yap{ display:flex !important; align-items:center; justify-content:center; gap:10px; width:100% !important; margin-top:14px !important; padding:15px 20px !important;
  background:var(--ik-altin-g) !important; border:0 !important; border-radius:0 !important; box-shadow:none !important; transition:background .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-odeme-sayfa .bagis-yap .text, html body .ik-odeme-sayfa .bagis-yap span{ float:none !important; margin:0 !important; font-family:var(--ik-baslik); font-size:var(--fs-md) !important; font-weight:700 !important; color:var(--ik-teal-koyu) !important; }
html body .ik-odeme-sayfa .bagis-yap:hover{ background:var(--ik-teal-acik) !important; }
html body .ik-odeme-sayfa .bagis-yap:hover .text, html body .ik-odeme-sayfa .bagis-yap:hover span{ color:#fff !important; }
/* düzeltme: dış kural .ok'a width:44px veriyordu (Önceki/Sonraki kesiliyordu); tarih rengi #333'e eziliyordu */
html body .ik-sayfalama .no, html body .ik-sayfalama .ok{ width:auto !important; flex:0 0 auto; white-space:nowrap; }
html body main.detay .ik-haber-kart .tarih{ color:var(--ik-teal-acik) !important; }
/* 2026-10-10: kesik köşe çaprazları kesme çizgisine ORTALIydı (−0,5…+0,7px) → yarısı clip-path dışında kalıyor, görünen ~0,7px soluk çizgi.
   Artık çizgi tamamen iç tarafta (50% → 50%+1,2px): düz kenarlarla (1px) aynı netlikte. 14 kullanım güncellendi. */
/* Ödeme yöntemi sekmeleri (kullanıcı: sekme ile alan kutusu birbirine yapışık; Havale de açılırsa 2 sekme olacak):
   alt çizgili sekme → kartın üstünde ayrı duran yöntem seçici; eşit kutular, aralarında 12px, kartla 22px boşluk. Aktif: teal + altın alt şerit. */
html body .ik-odeme-sayfa .nav-tabs{ display:flex; flex-wrap:wrap; gap:12px; border:0 !important; margin:0 0 22px !important; padding:0; }
html body .ik-odeme-sayfa .nav-tabs::before, html body .ik-odeme-sayfa .nav-tabs::after{ display:none !important; }
html body .ik-odeme-sayfa .nav-tabs > li{ float:none !important; margin:0 !important; flex:0 1 280px; }
html body .ik-odeme-sayfa .nav-tabs > li > a{ display:flex !important; align-items:center; gap:12px; height:100%; min-height:58px; margin:0 !important; padding:12px 20px !important;
  background:#eef6f5 !important; color:var(--ik-teal) !important; font-size:var(--fs-md); transition:background .2s ease, color .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-odeme-sayfa .nav-tabs > li > a .icons{ float:none !important; width:30px; margin:0 !important; flex:0 0 30px; }
html body .ik-odeme-sayfa .nav-tabs > li > a .icons img{ width:100%; height:auto; }
html body .ik-odeme-sayfa .nav-tabs > li > a:hover{ background:#dceeea !important; }
html body .ik-odeme-sayfa .nav-tabs > li.active > a, html body .ik-odeme-sayfa .nav-tabs > li.active > a:hover{ background:var(--ik-teal) !important; color:#fff !important; box-shadow:inset 0 -4px 0 #e3a834; }
@media (max-width:600px){ html body .ik-odeme-sayfa .nav-tabs > li{ flex:1 1 100%; } }

/* --- Hesabım (hesabim.php .ik-hesap-sayfa): giriş/kayıt kartları + üye paneli (2026-10-10) — yalnız görünüm --- */
html body section.ik-hesap-sayfa{ padding:40px 0 64px; float:left; width:100%; }
html body .ik-hesap-sayfa .uyelik_formu{ margin:0 !important; padding:0 !important; float:none !important; height:100%; background:transparent !important; }
/* Giriş + Kayıt: yan yana eşit kart */
html body .ik-hesap-giris .ortala{ display:flex; flex-wrap:wrap; gap:28px; align-items:stretch; }
html body .ik-hesap-giris .ortala > [class*="col-"]{ float:none !important; width:auto !important; flex:1 1 380px; padding:0 !important; }
html body .ik-hesap-giris .ortala > [class*="col-"] > .row{ margin:0 !important; height:100%; }
html body .ik-hesap-giris .uyelik_formu_giris, html body .ik-hesap-giris .uyelik_formu_kayitol{ padding:32px 34px !important; height:100%; }
html body .ik-hesap-sayfa .uyelik_formu h1{ font-family:var(--ik-baslik); font-size:22px !important; font-weight:700 !important; color:var(--ik-teal); margin:0 0 6px; }
html body .ik-hesap-sayfa .uyelik_formu h1::after{ content:""; display:block; width:32px; height:3px; margin-top:10px; background:var(--ik-altin-g); }
html body .ik-hesap-sayfa .uyelik_formu h3{ font-size:var(--fs-14) !important; font-weight:400 !important; color:#5b6b6a; margin:12px 0 22px !important; line-height:1.6; }
html body .ik-hesap-sayfa .uyelik_formu .aciklama{ display:block; font-size:var(--fs-sm); color:#6b7c7a; margin-bottom:6px; }
html body .ik-hesap-sayfa fieldset{ margin:18px 0 0 !important; padding:0; border:0; }
html body .ik-hesap-sayfa fieldset legend{ width:100%; margin:0 0 14px !important; padding:0 0 8px !important; border:0 !important; border-bottom:1px solid #d6e7e4 !important;
  font-family:var(--ik-baslik); font-size:var(--fs-md) !important; font-weight:600 !important; color:var(--ik-teal) !important; }
html body .ik-hesap-sayfa .uyelik_formu .form-group{ padding:0 !important; margin:0 0 14px !important; }
html body .ik-hesap-sayfa .uyelik_formu label{ font-size:var(--fs-sm) !important; font-weight:600 !important; color:#2c3e3c !important; margin-bottom:6px; }
html body .ik-hesap-sayfa .form-group.required .control-label::after{ color:#c0392b; }
/* Alanlar: site formlarıyla aynı */
html body .ik-hesap-sayfa .uyelik_formu .form-control{
  --k:10px; --r:var(--ik-cerceve);
  height:46px; padding:10px 14px !important; font-size:var(--fs-base) !important; color:#1d2b2a !important;
  border:1px solid transparent !important; border-radius:0 !important; box-shadow:none !important; outline:0 !important;
  background-color:#f5f9f8 !important; background-origin:border-box !important; background-clip:border-box !important;
  background-image:
    linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)), linear-gradient(var(--r),var(--r)),
    linear-gradient(to bottom right, transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)),
    linear-gradient(to top left,     transparent 50%, var(--r) 50%, var(--r) calc(50% + 1.2px), transparent calc(50% + 1.2px)) !important;
  background-size:100% 1px, 100% 1px, 1px 100%, 1px 100%, var(--k) var(--k), var(--k) var(--k) !important;
  background-position:0 0, 0 100%, 0 0, 100% 0, 0 0, 100% 100% !important;
  background-repeat:no-repeat !important;
  clip-path:polygon(var(--k) 0,100% 0,100% calc(100% - var(--k)),calc(100% - var(--k)) 100%,0 100%,0 var(--k));
}
html body .ik-hesap-sayfa .uyelik_formu .form-control:focus{ --r:var(--ik-teal-acik); background-color:#fff !important; }
/* Sözleşme onayı + gönder */
html body .ik-hesap-sayfa .uyelik_formu .buttons{ display:flex; flex-wrap:wrap; align-items:center; gap:12px 16px; margin:8px 0 0 !important; float:none !important; }
html body .ik-hesap-sayfa .uyelik_formu .buttons a.agree{ display:inline-flex; align-items:center; gap:8px; font-size:var(--fs-sm); color:var(--ik-teal) !important; text-decoration:none; }
html body .ik-hesap-sayfa .uyelik_formu input[type=checkbox]{ width:18px; height:18px; margin:0; accent-color:var(--ik-teal); }
html body .ik-hesap-sayfa .uyelik_formu input[type=submit]{ border:0 !important; border-radius:0 !important; padding:13px 30px !important; height:auto;
  background:var(--ik-altin-g) !important; color:var(--ik-teal-koyu) !important; font-family:var(--ik-baslik); font-size:var(--fs-md) !important; font-weight:700 !important; transition:background .2s ease, color .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-hesap-sayfa .uyelik_formu input[type=submit]:hover{ background:var(--ik-teal-acik) !important; color:#fff !important; }
html body .ik-hesap-giris .uyelik_formu_giris input[type=submit]{ width:100%; margin-top:6px; }
/* Üye paneli: sekmeler (ödeme seçiciyle aynı dil), Çıkış sağda; içerik kesik kart */
html body .ik-hesap-ici [class*="col-md-9"]{ width:100% !important; float:none !important; }
html body .ik-hesap-ici .home-content-top .container{ width:100% !important; padding:0 !important; }
html body .ik-hesap-ici .nav-tabs{ display:flex; flex-wrap:wrap; gap:10px; border:0 !important; margin:0 0 22px !important; }
html body .ik-hesap-ici .nav-tabs::before, html body .ik-hesap-ici .nav-tabs::after{ display:none !important; }
html body .ik-hesap-ici .nav-tabs > li{ float:none !important; margin:0 !important; }
html body .ik-hesap-ici .nav-tabs > li > a{ display:flex !important; align-items:center; min-height:48px; margin:0 !important; padding:10px 22px !important; border:0 !important; border-radius:0 !important;
  background:#eef6f5 !important; color:var(--ik-teal) !important; font-family:var(--ik-baslik); font-size:var(--fs-base) !important; font-weight:600 !important; transition:background .2s ease;
  clip-path:polygon(var(--ik-kb) 0,100% 0,100% calc(100% - var(--ik-kb)),calc(100% - var(--ik-kb)) 100%,0 100%,0 var(--ik-kb)); }
html body .ik-hesap-ici .nav-tabs > li > a:hover{ background:#dceeea !important; }
html body .ik-hesap-ici .nav-tabs > li.active > a, html body .ik-hesap-ici .nav-tabs > li.active > a:hover{ background:var(--ik-teal) !important; color:#fff !important; box-shadow:inset 0 -4px 0 #e3a834; }
html body .ik-hesap-ici .nav-tabs > li:last-child{ margin-left:auto !important; }
html body .ik-hesap-ici .nav-tabs > li:last-child > a{ background:#fdeeee !important; color:#a33a3a !important; }
html body .ik-hesap-ici .nav-tabs > li:last-child > a:hover{ background:#f8d3d3 !important; }
html body .ik-hesap-ici .tab-content{ padding:28px 32px !important; margin:0 !important; float:left; width:100%; }
html body .ik-hesap-ici .tab-content .col-sm-2.control-label{ text-align:left; padding-top:12px; }
html body .ik-hesap-sayfa .alert-info{ background:#eef6f5 !important; border:0 !important; border-left:4px solid #e3a834 !important; border-radius:0 !important; color:#2c3e3c !important; padding:18px 22px; margin:0; }
html body .ik-hesap-sayfa .altbaslik{ background:#eef6f5; border-left:4px solid #e3a834; padding:12px 18px; margin-bottom:18px; font-size:var(--fs-14); color:#2c3e3c; }
html body .ik-hesap-sayfa .divTableCell ul{ margin:0; padding-left:18px; }
@media (max-width:600px){ html body .ik-hesap-ici .nav-tabs > li{ flex:1 1 100%; } html body .ik-hesap-ici .nav-tabs > li:last-child{ margin-left:0 !important; } html body .ik-hesap-giris .uyelik_formu_giris, html body .ik-hesap-giris .uyelik_formu_kayitol{ padding:24px 20px !important; } }
/* Giriş kartı kısa içerikli: kayıt kartının boyuna uzayıp boş kalmasın → kendi yüksekliği */
html body .ik-hesap-giris .ortala{ align-items:flex-start; }
html body .ik-hesap-giris .ortala > [class*="col-"] > .row, html body .ik-hesap-giris .uyelik_formu, html body .ik-hesap-giris .uyelik_formu_giris, html body .ik-hesap-giris .uyelik_formu_kayitol{ height:auto !important; }
/* Ödeme düzeni (kullanıcı isteği 2026-10-11): Bize Nasıl Ulaştınız kişisel bilgilerin altında; 3. bölüm: toplam + not + güvenlik + Bağış Yap;
   üç bölümün altında ince çizgiyle ayrılmış güvence şeridi (gri zeminli görsel yerine ikon + kart logoları) */
html body .ik-odeme-sayfa .ik-guvence{ clear:both; float:left; width:100%; margin-top:26px; padding:22px 0 0 !important; border-top:1px solid #d6e7e4;
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px 28px; }
html body .ik-odeme-sayfa .ik-guvence-baslik{ display:flex; align-items:center; gap:10px; font-family:var(--ik-baslik); font-size:var(--fs-md); font-weight:700; color:var(--ik-teal); }
html body .ik-odeme-sayfa .ik-guvence-baslik::before{ content:""; width:4px; height:22px; background:var(--ik-altin-g); }
html body .ik-odeme-sayfa .ik-guvence-ogeler{ display:flex; align-items:center; flex-wrap:wrap; gap:16px 30px; }
html body .ik-odeme-sayfa .ik-guvence-oge{ display:flex; align-items:center; gap:10px; color:var(--ik-teal); }
html body .ik-odeme-sayfa .ik-guvence-oge span{ font-size:var(--fs-sm); font-weight:600; line-height:1.3; color:#3d5553; max-width:130px; }
html body .ik-odeme-sayfa .ik-kart-logolari{ display:flex; align-items:center; gap:8px; }
html body .ik-odeme-sayfa .ik-kart-logolari svg{ display:block; }
/* reCAPTCHA anahtarı yoksa boş "Güvenlik:" etiketi asılı kalmasın */
html body .ik-odeme-sayfa .form_kutu:has(.g-recaptcha:empty){ display:none; }
@media (max-width:767px){ html body .ik-odeme-sayfa .ik-guvence{ justify-content:flex-start; } }
/* Hesabım mesajları (giriş hatası, kayıt doğrulama, güncelleme sonucu) */
html body .ik-hesap-sayfa .ik-hesap-mesaj{ flex:1 1 100%; width:100%; margin:0 0 20px; padding:14px 18px; font-size:var(--fs-14); font-weight:600; border-left:4px solid; }
html body .ik-hesap-sayfa .ik-hesap-mesaj.ik-hata{ background:#fdeeee; border-color:#c0392b; color:#8e2a20; }
html body .ik-hesap-sayfa .ik-hesap-mesaj.ik-basari{ background:#eef6f5; border-color:var(--ik-teal-acik); color:var(--ik-teal); }

/* ===== Müşteri geri bildirimi — mobil son detaylar (2026-10-12) ===== */
/* 1) Mobil header: dünya ikonu + eski "Dil Seçiniz" penceresi yerine menüdeki TR·AR·EN buton grubu (aynı görünüm, sıkı boyut).
   Yer: 360px'te logo 19-137, ikon grubu 165'ten başlıyordu; 3 buton için ikon boşlukları biraz daraltıldı. */
@media (max-width:1023px){
  html body header .mobilmenu .member.ik-m-dil{ padding:0 4px 0 0 !important; }
  html body header .mobilmenu .ik-m-dil .ik-dil-grup{ gap:3px; }
  html body header .mobilmenu .ik-m-dil .ik-dil-grup a{ min-width:0; width:28px; height:26px; padding:0; font-size:12px; }
  html body header .mobilmenu .member.ik-m-banka, html body header .mobilmenu .basket{ padding:6px 5px !important; }
  html body header .mobilmenu .menubtn{ margin-left:4px; }
}
@media (max-width:374px){
  html body header .mobilmenu .top{ gap:8px; padding:0 10px !important; }
  html body header .mobilmenu .top .logo{ max-width:104px !important; }
}
/* 320px: eskiden de hamburger 10px taşıyordu (top 5-315, menü 283-325) → logo ve dil butonları biraz daha küçük */
@media (max-width:359px){
  html body header .mobilmenu .top{ gap:6px; padding:0 8px !important; }
  html body header .mobilmenu .top .logo{ max-width:90px !important; }
  html body header .mobilmenu .ik-m-dil .ik-dil-grup{ gap:2px; }
  html body header .mobilmenu .ik-m-dil .ik-dil-grup a{ width:25px; font-size:11.5px; }
  html body header .mobilmenu .menubtn{ margin-left:2px; }
}
/* 2) Footer logosu: .alt_bolum margin-top:-10px ile footer'ın 10px üstüne taşıyıp üstteki bölümün içine giriyordu (390px ölçüm: logo 3463, footer 3473).
   Taşma kalktı, üstte nefes payı; mobilde logo footer sütununa uygun boyutta. */
html body footer .alt_bolum{ margin-top:0 !important; padding-top:36px !important; }
html body footer .alt_bolum .logo{ margin-bottom:14px !important; } /* masaüstünde logo ile adres arasında boşluk yoktu (1440: logo 3145-3217, adres 3217) */
@media (max-width:767px){
  html body footer .alt_bolum{ padding-top:32px !important; }
  html body footer .alt_bolum .logo{ width:160px !important; max-width:60%; margin:0 0 14px !important; }
  html body footer .alt_bolum .logo img{ width:100% !important; height:auto !important; display:block; }
}