/* Austria Yetim Eli - HIZLI BAĞIŞ FORMU (assets/js/hizli-bagis.js)
   Avrupa Yetim Eli formunun görünümü; tüm sınıflar "hb-" önekli (ana sayfadaki .qd-* panelleriyle çakışmaz). */
.hb{
  --hb-accent:#c2410c; --hb-accent-dark:#9a3412; --hb-leaf:#1c6b4d; --hb-gold:#b8860b;
  --hb-ink:#14241c; --hb-muted:#64748b; --hb-line:#e2e8f0; --hb-cream:#faf8f3;
  font-family:Inter,system-ui,sans-serif; color:var(--hb-ink); text-align:left;
  background:#fff; border-radius:1.25rem; padding:2rem; box-sizing:border-box;
  box-shadow:0 18px 40px -24px rgba(14,58,42,.30);
}
.hb *,.hb *::before,.hb *::after{box-sizing:border-box}
.hb [hidden]{display:none!important}
.hb button{font:inherit;cursor:pointer;margin:0}
.hb-label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--hb-muted);margin:1.5rem 0 .6rem}
.hb>.hb-label:first-child{margin-top:0}

/* 1) Tür kutuları: renkli ikon dairesi + başlık; seçili → açık yeşil zemin, yeşil çerçeve, ✓ rozet */
/* Şerit: 2 satır, sütun sütun dolar, yana kayar (3 sütun = 1 sayfa); oklar + kenarda solma */
.hb-car{position:relative}
.hb-cats{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,auto);grid-auto-columns:calc((100% - 1.5rem) / 3);gap:.75rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:.4rem 0 .55rem;margin:-.4rem 0 -.55rem;border-radius:1rem}
.hb-cats::-webkit-scrollbar{display:none}
.hb-cats>.hb-cat{scroll-snap-align:start}
.hb-car::before,.hb-car::after{content:"";position:absolute;top:0;bottom:0;width:2.2rem;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}
.hb-car::before{left:0;background:linear-gradient(to right,#fff 15%,rgba(255,255,255,0))}
.hb-car::after{right:0;background:linear-gradient(to left,#fff 15%,rgba(255,255,255,0))}
.hb-car.can-prev::before,.hb-car.can-next::after{opacity:1}
.hb-car-btn{position:absolute;top:50%;z-index:3;width:2.5rem;height:2.5rem;margin:0;display:grid;place-items:center;border:1px solid #dfe8e2;border-radius:999px;background:#fff;color:#1c6b4d;font-size:.9rem;box-shadow:0 8px 18px -8px rgba(14,58,42,.45);opacity:0;pointer-events:none;transform:translateY(-50%) scale(.9);transition:opacity .2s,transform .2s,background .15s}
.hb-car-btn.is-prev{left:-1.3rem}
.hb-car-btn.is-next{right:-1.3rem}
.hb-car.can-prev .is-prev,.hb-car.can-next .is-next{opacity:1;pointer-events:auto;transform:translateY(-50%) scale(1)}
.hb-car-btn:hover{background:#1c6b4d;color:#fff}
.hb-cat{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.55rem;min-height:7.2rem;padding:1rem .5rem .85rem;border:1.5px solid #ebe7df;border-radius:1.1rem;background:#fff;color:var(--hb-ink);text-align:center;box-shadow:0 4px 12px -8px rgba(14,58,42,.25);transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}
.hb-cat-ic{width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:999px;background:var(--hb-ct,#e8f5ec);color:var(--hb-c,#1f8a4c);font-size:1.45rem;transition:transform .2s}
.hb-cat-t{font-family:Poppins,sans-serif;font-size:.98rem;font-weight:700;line-height:1.2;color:#14241c;
  /* tek satır, kelime bölünmez (DE/EN); sığmazsa hizli-bagis.js fitCats() yazıyı küçültür */
  min-width:0;max-width:100%;white-space:nowrap;word-break:normal;overflow-wrap:normal;overflow:hidden;text-overflow:ellipsis}
.hb-cat-ok{position:absolute;top:.5rem;right:.5rem;width:1.55rem;height:1.55rem;display:none;place-items:center;border-radius:999px;background:#1c6b4d;color:#fff;font-size:.72rem;box-shadow:0 2px 6px rgba(14,58,42,.3)}
.hb-cat:hover{border-color:#b9d9c5;transform:translateY(-2px);box-shadow:0 10px 20px -12px rgba(14,58,42,.35)}
.hb-cat:hover .hb-cat-ic{transform:scale(1.06)}
.hb-cat.is-on{background:#eef8f1;border-color:#1c6b4d;box-shadow:0 0 0 3px rgba(28,107,77,.12)}
.hb-cat.is-on .hb-cat-t{color:#14532d}
.hb-cat.is-on .hb-cat-ok{display:grid}

/* Adımlar: tamamlanan adım tek satırlık özet, aktif adım açık */
.hb-step+.hb-step{margin-top:.6rem}
.hb-step.is-active+.hb-step,.hb-step+.hb-step.is-active{margin-top:1.1rem}
.hb-step.is-active>.hb-body{animation:hbIn .22s ease-out}
@keyframes hbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.hb-sum{width:100%;display:flex;align-items:center;gap:.7rem;padding:.7rem .9rem;border:1px solid var(--hb-line);border-radius:1rem;background:var(--hb-cream);color:var(--hb-ink);text-align:left;transition:border-color .15s,background .15s}
.hb-sum:hover{border-color:var(--hb-accent);background:#fff}
.hb-sum-ok{flex:none;width:1.5rem;height:1.5rem;display:grid;place-items:center;border-radius:999px;background:var(--hb-leaf);color:#fff;font-size:.7rem}
.hb-sum-l{flex:none;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hb-muted)}
.hb-sum-v{flex:1 1 auto;min-width:0;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hb-sum-v i{color:var(--hb-accent);margin-right:.2rem}
.hb-sum-e{flex:none;font-size:.78rem;font-weight:600;color:var(--hb-accent)}
.hb-sum-e i{font-size:.7rem}
@media (max-width:420px){.hb-sum-l{display:none}.hb-sum-e{font-size:0}.hb-sum-e i{font-size:.8rem}}

/* Proje listesi (satır içi) */
.hb-plist{border:1px solid var(--hb-line);border-radius:1rem;background:#fff;max-height:min(20rem,55vh);overflow-y:auto;padding:.4rem}
.hb-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;padding:.7rem .85rem;border:0;border-radius:.75rem;background:none;color:var(--hb-ink);font-size:.95rem;line-height:1.35}
.hb-item+.hb-item{border-top:1px solid #f1f5f9}
.hb-item>span{flex:1 1 auto;min-width:0}
.hb-item>b{flex:none;font-weight:800;color:var(--hb-accent-dark);white-space:nowrap;text-align:right}
.hb-item>b>small{display:block;font-size:.65rem;font-weight:600;color:var(--hb-leaf)}
.hb-item:hover{background:#f5f0e6}
.hb-item.is-on{background:rgba(194,65,12,.08);font-weight:700}

/* Kurban bilgileri (kurban-form.js içeriği, paketteki görünüme uyarlanmış) */
.hb-kchips{display:flex;flex-wrap:wrap;gap:.5rem;border-radius:.75rem}
.hb-kchips.is-missing{outline:2px solid rgba(194,65,12,.4);outline-offset:6px}
.hb-kchip{border:1px solid var(--hb-line);border-radius:.75rem;background:#fff;padding:.6rem .9rem;font-size:.9rem;font-weight:600;color:var(--hb-ink);line-height:1.25;transition:border-color .15s,background .15s}
.hb-kchip:hover{border-color:var(--hb-accent)}
.hb-kchip.is-on{border-color:var(--hb-accent);background:rgba(194,65,12,.1);color:var(--hb-accent-dark);font-weight:700}
.hb .hb-kform.kf{gap:0}
.hb .hb-kform .hb-ktype-field{display:none}
.hb .hb-kform .kf-field{gap:.6rem;margin-top:1.5rem}
.hb .hb-kform .kf-lbl{display:block;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--hb-muted)}
.hb .hb-kform .kf-lbl i{display:none}
.hb .hb-kform .kf-lbl b{color:var(--hb-accent)}
.hb .hb-kform .kf-name{width:100%;border:1px solid var(--hb-line);border-radius:1rem;background:var(--hb-cream);padding:.9rem 1rem;font:inherit;font-size:1rem;font-weight:500;color:var(--hb-ink);box-shadow:none}
.hb .hb-kform .kf-name::placeholder{color:#a0aab8;font-weight:500}
.hb .hb-kform .kf-name:focus,.hb .hb-kform .kf-qin:focus{border-color:var(--hb-accent);box-shadow:none}
.hb .hb-kform .kf-invalid{border-color:#dc2626!important}
.hb .hb-kform .kf-qbtn{border:1px solid var(--hb-line);border-radius:.75rem;color:var(--hb-accent-dark);background:#fff}
.hb .hb-kform .kf-qbtn:hover{border-color:var(--hb-accent)}
.hb .hb-kform .kf-qin{border:1px solid var(--hb-line);border-radius:.75rem}
.hb .hb-kform .kf-names{padding:0;background:none;border:0;border-radius:0;gap:0}
.hb .hb-kform .kf-sbtn{border:1px solid var(--hb-line);border-radius:.75rem;color:var(--hb-ink)}
.hb .hb-kform .kf-sbtn.is-on{border-color:var(--hb-accent);background:rgba(194,65,12,.1);color:var(--hb-accent-dark)}
.hb .hb-kform .kf-hint{margin-top:.5rem;color:var(--hb-muted);font-size:.84rem;line-height:1.45}
.hb .hb-kform .kf-err{margin-top:.9rem}
.hb-note{margin:1rem 0 0;padding:.75rem .9rem;border-radius:.85rem;background:#f0f7f3;color:#2f5a45;font-size:.86rem;line-height:1.5}
.hb-note i{color:var(--hb-leaf)}

/* 3) Tutar */
.hb-amts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.hb-amts.is-1{grid-template-columns:1fr}
.hb-amt{padding:.8rem .5rem;border:1px solid var(--hb-line);border-radius:.75rem;background:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1rem;color:var(--hb-ink);text-align:center;line-height:1.2;transition:border-color .15s,background .15s}
.hb-amt small{display:block;margin-top:.2rem;font-family:Inter,sans-serif;font-size:.64rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hb-leaf)}
.hb-amt:hover{border-color:var(--hb-accent)}
.hb-amt.is-on{border-color:var(--hb-accent);background:rgba(194,65,12,.1);color:var(--hb-accent-dark)}
.hb-amt.is-static{cursor:default}
.hb-custom{position:relative;margin-top:.75rem}
.hb-custom span{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}
.hb-custom input{width:100%;margin:0;border:1px solid var(--hb-line);border-radius:1rem;background:var(--hb-cream);padding:.9rem 1rem .9rem 2.25rem;font:inherit;font-size:1rem;color:var(--hb-ink);outline:none;-moz-appearance:textfield}
.hb-custom input::-webkit-outer-spin-button,.hb-custom input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hb-custom input:focus{border-color:var(--hb-accent)}

/* Gönder */
.hb-err{margin:.9rem 0 0;padding:.6rem .85rem;border-radius:.75rem;background:#fef2f2;color:#b91c1c;font-size:.86rem;font-weight:600}
.hb-go{width:100%;margin-top:1.25rem!important;padding:1rem;border:0;border-radius:1rem;background:var(--hb-accent);color:#fff;font-family:Poppins,sans-serif;font-weight:700;font-size:1.05rem;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 14px 30px -10px rgba(194,65,12,.55);transition:background .15s,transform .15s}
.hb-go:hover{background:var(--hb-accent-dark);transform:translateY(-1px)}
.hb-ssl{text-align:center;font-size:.8rem;color:var(--hb-muted);margin:.8rem 0 0}
.hb-ssl i{color:var(--hb-accent)}
.hb-flash{outline:2px solid rgba(194,65,12,.45);outline-offset:4px}

@media (max-width:480px){
  .hb{padding:1.25rem}
  .hb-amts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Mobil (JS ile aynı eşik: 560px): şerit yok → tam genişlik satırlar (solda ikon dairesi + kalın başlık, seçilince sağda ✓);
   ek türler "Daha fazla göster" (2026-09-29, kullanıcının referans görseli) */
@media (max-width:560px){
  .hb-cats{grid-auto-flow:row;grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-auto-columns:auto;gap:.65rem;overflow:visible;scroll-snap-type:none;padding:0;margin:0}
  .hb-car::before,.hb-car::after,.hb-car-btn{display:none}
  .hb-cat{flex-direction:row;justify-content:flex-start;gap:1rem;min-height:0;padding:.8rem 2.6rem .8rem .95rem;border-radius:1rem;text-align:left}
  .hb-cat:hover{transform:none}
  .hb-cat-ic{flex:none;width:3.1rem;height:3.1rem;font-size:1.25rem}
  .hb-cat-t{font-size:1.08rem;line-height:1.25}
  .hb-cat-ok{top:50%;right:1rem;width:1.5rem;height:1.5rem;font-size:.7rem;transform:translateY(-50%)}
}
/* "Daha fazla göster" (yalnız mobil) */
.hb-more{width:100%;margin-top:.6rem!important;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border:1.5px dashed #cfe1d6;border-radius:.9rem;background:#f7faf8;color:#1c6b4d;font-size:.9rem;font-weight:700}
.hb-more:hover{background:#eef8f1;border-color:#1c6b4d}
.hb-more span{padding:.1rem .5rem;border-radius:999px;background:#1c6b4d;color:#fff;font-size:.72rem}
.hb-more i{font-size:.75rem}

/* Blog kutusu başlığı + yükleniyor */
.hb-kicker{font-family:Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;font-weight:700;font-size:.78rem;color:#c2410c}
.hb-loading{padding:3rem 0;text-align:center;color:#c2410c;font-size:1.6rem}

/* Header / mobil "Hızlı Bağış" düğmeleri (/hizli-bagis bağlantıları) — 2026-09-29: kırmızı + kalp; üzerine gelince
   (mobilde dokununca) kırmızı zemin, beyaz yazı. "Bağış Yap" (projeler.php) header'dan kaldırıldı. */
.hb-open-btn{display:inline-flex;align-items:center;gap:8px;text-decoration:none;border:2px solid #e11d48;background:#fff;color:#e11d48;font:inherit;font-weight:700;font-size:.9rem;padding:8px 16px;border-radius:12px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.hb-open-btn:hover,.hb-open-btn:focus-visible{background:#e11d48;color:#fff;box-shadow:0 8px 20px -6px rgba(225,29,72,.45)}
/* Genişlik: ≥1201 ana satırda (2026-10-01 düz header) · ≤1200 mobil menüde tam genişlik + alt çubuk */
@media (max-width:1200px){
  .navbar-redesign .actions .hb-open-header{order:1;display:flex!important;justify-content:center;gap:10px;width:100%;height:52px;padding:0 16px;border-radius:14px;font-size:1rem}
}

/* Mobil alt çubuk: yanlarda ikon + kısa etiket (WhatsApp, Asistan), ortada büyük "Hızlı Bağış" */
@media (max-width:992px){
  .mobile-bottom-bar{align-items:center;gap:6px;padding:6px 8px;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;box-shadow:0 -6px 20px rgba(15,23,42,.10)}
  .mobile-bottom-bar a.mbb-side{flex:0 0 62px;height:48px;flex-direction:column;gap:3px;background:transparent;box-shadow:none;border-radius:12px;color:#475569;font-family:Inter,system-ui,sans-serif;font-size:.66rem;font-weight:700;transition:background .15s}
  .mobile-bottom-bar a.mbb-side i{font-size:1.35rem}
  .mobile-bottom-bar a.mbb-whatsapp i{color:#25d366}
  .mobile-bottom-bar a.mbb-donate i{color:#1c6b4d}
  .mobile-bottom-bar a.mbb-side:active{background:#f1f5f9}
  .mobile-bottom-bar a.mbb-quick{flex:1 1 auto;min-width:0;height:48px;gap:9px;border:2px solid #e11d48;background:#fff1f2;color:#e11d48;border-radius:14px;font-size:1rem;box-shadow:0 6px 16px -8px rgba(225,29,72,.5);transition:background .15s,color .15s}
  .mobile-bottom-bar a.mbb-quick i{font-size:1.1rem}
  .mobile-bottom-bar a.mbb-quick:hover,.mobile-bottom-bar a.mbb-quick:active{background:#e11d48;color:#fff}
}
/* Adım içi ilk başlıkta üst boşluk yok (adımlar kendi aralığını verir) */
.hb-body>.hb-label:first-child{margin-top:0}
.hb .hb-kform .hb-ktype-field+.kf-field{margin-top:0}
.hb .hb-kform .kf-names>.kf-field:first-child{margin-top:0}
.hb-ssl{margin-top:1rem}
/* Tutar kutuları: ".hb button{font:inherit}" yazı tipini ezmesin */
.hb .hb-amt{font-family:Poppins,sans-serif;font-weight:700;font-size:1rem}
/* Tek tutar (sabit bedel / kurban toplamı): büyük, belirgin */
.hb .hb-amts.is-1 .hb-amt{padding:.95rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem}
.hb .hb-amt-v{display:block;font-family:Poppins,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.1;letter-spacing:-.01em;color:var(--hb-accent-dark)}
.hb .hb-amt-v em{font-style:normal;font-size:.95rem;font-weight:600;color:#9a3412b3;margin-left:.3rem;letter-spacing:0}
.hb .hb-amts.is-1 .hb-amt small{margin:0;display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:999px;background:rgba(28,107,77,.1);color:var(--hb-leaf);font-family:Inter,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.1em}
/* Taşma koruması: form bir grid/flex hücresindeyken içerik (şerit, uzun başlıklar) hücreyi genişletemesin */
.hb{min-width:0;max-width:100%}
.hb-step,.hb-body,.hb-car,.hb-flow,.hb-kform{min-width:0;max-width:100%}
.hb-custom input,.hb .hb-kform .kf-name{max-width:100%}
/* Mobil: uzun proje/tür adı "…" ile kesilmesin, alt satıra geçsin */
@media (max-width:560px){
  .hb-sum{align-items:flex-start;gap:.55rem;padding:.65rem .75rem}
  .hb-sum-v{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}
  .hb-sum-ok{margin-top:.05rem}
  .hb-item>span{overflow-wrap:anywhere}
}
/* Mobil alt çubuk: yazılar kırılmasın */
.mobile-bottom-bar a{white-space:nowrap;min-width:0}

/* ==================== v2 (2026-09-29): seçenek kutuları, belirgin farklı tutar, bilgiler + ödeme adımları ==================== */
/* Seçenek kutuları (bölge, ülke, kıta, kuyu türü, yetim ülkesi/sayısı): başlık + fiyat */
.hb-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.hb-opts.is-wide{grid-template-columns:repeat(2,minmax(0,1fr))}
.hb-opts.is-count{grid-template-columns:repeat(5,minmax(0,1fr))}
.hb-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:3.6rem;padding:.7rem .5rem;border:1.5px solid #ebe7df;border-radius:.9rem;background:#fff;color:var(--hb-ink);text-align:center;line-height:1.25;transition:border-color .15s,background .15s,transform .15s}
.hb-opt:hover{border-color:#b9d9c5;transform:translateY(-1px)}
.hb-opt.is-on{background:#eef8f1;border-color:#1c6b4d;box-shadow:0 0 0 3px rgba(28,107,77,.12)}
.hb-opt-t{font-family:Poppins,sans-serif;font-size:.95rem;font-weight:700;overflow-wrap:anywhere}
.hb-opt-p{font-size:.78rem;font-weight:700;color:var(--hb-accent-dark);white-space:nowrap}
.hb-opts.is-count .hb-opt-t{font-size:1.2rem}
.hb-opts.is-count .hb-opt-p{color:var(--hb-muted);font-weight:600}
.hb-count-more{display:flex;align-items:center;gap:.6rem;margin-top:.75rem;font-size:.88rem;color:var(--hb-muted)}
.hb-count-more input{width:5.5rem;border:1px solid var(--hb-line);border-radius:.75rem;background:var(--hb-cream);padding:.55rem .7rem;font:inherit;color:var(--hb-ink)}
.hb-mini{border:1.5px solid var(--hb-leaf);border-radius:.75rem;background:#fff;color:var(--hb-leaf);padding:.5rem .9rem;font-weight:700}
.hb-mini:hover{background:var(--hb-leaf);color:#fff}
/* Hazır tutarlar 3'lü + belirgin "Farklı tutar girin" kutusu */
.hb-amts.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-amt small{text-transform:none;letter-spacing:0}
.hb-custom-box{margin-top:.9rem;padding:.9rem 1rem 1rem;border:2px dashed #e7c9b6;border-radius:1rem;background:#fffaf6}
.hb-custom-box:focus-within{border-color:var(--hb-accent);border-style:solid;background:#fff}
.hb-custom-l{display:flex;align-items:center;gap:.45rem;font-family:Poppins,sans-serif;font-weight:700;font-size:.98rem;color:var(--hb-accent-dark);margin:0 0 .55rem}
.hb-custom-l i{font-size:.8rem}
.hb-custom-box .hb-custom{margin-top:0}
.hb-custom-box .hb-custom input{background:#fff;font-size:1.1rem;font-weight:600;padding-top:.8rem;padding-bottom:.8rem}
.hb-custom-h{display:block;margin-top:.45rem;font-size:.82rem;color:var(--hb-muted)}
.hb-calc{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:.8rem;font-size:.86rem;color:var(--hb-muted);text-decoration:none}
.hb-calc b{color:var(--hb-leaf)}
.hb-calc:hover b{text-decoration:underline}
/* Seçilen proje + adet + toplam */
.hb-pick{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border:1px solid var(--hb-line);border-radius:1rem;background:var(--hb-cream)}
.hb-pick-t{font-weight:700;line-height:1.35;overflow-wrap:anywhere}
.hb-pick-p{flex:none;font-family:Poppins,sans-serif;font-size:1.2rem;color:var(--hb-accent-dark);text-align:right;white-space:nowrap}
.hb-pick-p small{display:block;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;color:var(--hb-leaf)}
.hb-pick+.hb-amts{margin-top:.8rem}
.hb-qty-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem}
.hb-qty-l{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hb-muted)}
.hb-qty{display:flex;align-items:center;gap:.4rem}
.hb-qty button{width:2.4rem;height:2.4rem;border:1px solid var(--hb-line);border-radius:.75rem;background:#fff;color:var(--hb-accent-dark);font-size:1.15rem;font-weight:700}
.hb-qty button:hover{border-color:var(--hb-accent)}
.hb-qty input{width:3.4rem;height:2.4rem;border:1px solid var(--hb-line);border-radius:.75rem;text-align:center;font:inherit;font-weight:700;-moz-appearance:textfield}
.hb-qty input::-webkit-outer-spin-button,.hb-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.hb-total{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.9rem;padding:.8rem 1rem;border-radius:1rem;background:#eef8f1}
.hb-total span{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hb-leaf)}
.hb-total b{font-family:Poppins,sans-serif;font-size:1.25rem;color:#14532d;text-align:right}
.hb-kslot:empty{display:none}
.hb .hb-kslot .hb-kform .kf-field:first-of-type{margin-top:0}
/* Bilgileriniz */
.hb-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
.hb-field.is-wide{grid-column:1/-1}
.hb-field label{display:block;margin:0 0 .35rem;font-size:.82rem;font-weight:700;color:#334155}
.hb-field label b{color:var(--hb-accent)}
.hb-field input,.hb-field textarea{width:100%;margin:0;border:1px solid var(--hb-line);border-radius:.85rem;background:var(--hb-cream);padding:.8rem .9rem;font:inherit;font-size:1rem;color:var(--hb-ink);outline:none;resize:vertical}
.hb-field input:focus,.hb-field textarea:focus{border-color:var(--hb-accent);background:#fff}
.hb-privacy{margin:.7rem 0 0;font-size:.8rem;color:var(--hb-muted)}
.hb-privacy i{color:var(--hb-leaf)}
/* Ödeme: özet + yöntem + tamamla */
.hb-review{border:1px solid var(--hb-line);border-radius:1rem;overflow:hidden}
.hb-review-h{padding:.6rem 1rem;background:var(--hb-cream);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hb-muted)}
.hb-review-r{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 1rem;border-top:1px solid #f1f5f9;font-size:.92rem}
.hb-review-r span{font-weight:700;overflow-wrap:anywhere}
.hb-review-r small{display:block;font-weight:500;color:var(--hb-muted);font-size:.8rem;margin-top:.15rem}
.hb-review-r b{flex:none;text-align:right;white-space:nowrap}
.hb-review-t{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-top:1px dashed var(--hb-line);background:#eef8f1}
.hb-review-t span{font-weight:800;color:#14532d}
.hb-review-t b{font-family:Poppins,sans-serif;font-size:1.35rem;color:#14532d}
.hb-pays{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem}
.hb-pays.is-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.hb-paym{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem .6rem;border:1.5px solid #ebe7df;border-radius:.9rem;background:#fff;color:var(--hb-ink);font-weight:700;font-size:.95rem}
.hb-paym i{font-size:1.1rem;color:var(--hb-muted)}
.hb-paym:hover{border-color:#b9d9c5}
.hb-paym.is-on{background:#eef8f1;border-color:#1c6b4d;box-shadow:0 0 0 3px rgba(28,107,77,.12)}
.hb-paym.is-on i{color:#1c6b4d}
.hb-paym.is-on .fa-paypal{color:#003087}
.hb-complete{background:#1c6b4d;box-shadow:0 14px 30px -10px rgba(28,107,77,.55)}
.hb-complete:hover{background:#14532d}
.hb-complete[disabled]{opacity:.75;cursor:wait;transform:none}
a.hb-go{text-decoration:none}
.hb-sumslot:empty{display:none}
@media (max-width:480px){
  .hb-opts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hb-opts.is-wide{grid-template-columns:1fr}
  .hb-opts.is-count{grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem}
  .hb-amts.is-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}
  .hb-fields{grid-template-columns:1fr}
  .hb-pays.is-3{grid-template-columns:1fr}
}
/* Adımlar: tür adımı ile akış kabı ayrı öğeler → aralık burada verilir */
.hb-flow>.hb-step{margin-top:.6rem}
.hb-flow>.hb-step.is-active{margin-top:1.1rem}
.hb-flow:empty{display:none}
/* ==== Kurban Bilgileri adımı — sade görünüm (2026-09-29): normal yazımlı sorular, yan yana seçim anahtarı, beyaz özet kartı ==== */
/* Sorular / etiketler: büyük harf + harf aralığı yok (uzun sorular "bağırmasın") */
.hb .hb-kform .kf-field{gap:.5rem;margin-top:1.15rem}
.hb .hb-kform .kf-lbl,.hb .hb-qbox .kf-lbl{display:block;font-size:.92rem;font-weight:600;letter-spacing:0;text-transform:none;color:#334155;line-height:1.35}
.hb .hb-kform .kf-lbl b{color:var(--hb-accent);font-weight:700}
/* "Hepsi aynı kişi adına mı?" → yan yana ince anahtar (mobilde de) */
.hb .hb-kform .kf-same{display:grid;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;border:1px solid var(--hb-line);border-radius:.9rem;background:#f5f7f6}
.hb .hb-kform .kf-sbtn{display:flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.6rem;padding:.5rem .6rem;border:0;border-radius:.7rem;background:transparent;color:var(--hb-muted);font-size:.88rem;font-weight:600;line-height:1.2;text-align:center;box-shadow:none;transition:background .15s,color .15s,box-shadow .15s}
.hb .hb-kform .kf-sbtn i{font-size:.85rem;opacity:.8}
.hb .hb-kform .kf-sbtn:hover{color:var(--hb-ink);background:rgba(255,255,255,.6)}
.hb .hb-kform .kf-sbtn.is-on{background:#fff;color:#14532d;box-shadow:0 1px 3px rgba(15,23,42,.12)}
.hb .hb-kform .kf-sbtn.is-on i{color:var(--hb-leaf);opacity:1}
/* İsim alanı: bağışçı bilgileri alanlarıyla aynı */
.hb .hb-kform .kf-name{border:1px solid var(--hb-line);border-radius:.85rem;background:var(--hb-cream);padding:.8rem .95rem;font-size:1rem;font-weight:500}
.hb .hb-kform .kf-name:focus{background:#fff}
.hb .hb-kform .kf-hint{margin-top:.4rem;font-size:.82rem}

/* Özet kartı: [Adet − 2 +] │ [Toplam €200 · 2 × €100] */
.hb-krow{display:flex;align-items:center;padding:.85rem 1rem;border:1px solid var(--hb-line);border-radius:1rem;background:#fff}
.hb-kslot+.hb-krow{margin-top:1.25rem}
.hb-qbox{flex:none;display:flex;align-items:center;padding:0 1rem 0 0;margin-right:1rem;border-right:1px solid #edf1ee}
.hb-qbox:empty{display:none}
.hb .hb-qbox .kf-field{margin:0;gap:.4rem}
.hb .hb-qbox .kf-lbl{font-size:.8rem;font-weight:600;color:var(--hb-muted)}
.hb .hb-qbox .kf-lbl i,.hb .hb-qbox .kf-unit{display:none}
.hb .hb-qbox .kf-qty{display:inline-flex;align-items:center;gap:0;padding:.15rem;border:1px solid var(--hb-line);border-radius:999px;background:#fff}
.hb .hb-qbox .kf-qbtn{width:2rem;height:2rem;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--hb-ink);font-size:1.05rem;font-weight:600;line-height:1;transition:background .15s,opacity .15s}
.hb .hb-qbox .kf-qbtn:hover{background:#f1f5f9}
.hb .hb-qbox .kf-qbtn.is-min{opacity:.3;pointer-events:none}
.hb .hb-qbox .kf-qin{width:2.4rem;height:2rem;padding:0;border:0;background:transparent;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700;color:var(--hb-ink);text-align:center;box-shadow:none}
.hb .hb-qbox .kf-qin:focus{outline:2px solid rgba(28,107,77,.3);outline-offset:1px;border-radius:.4rem}
.hb-total.is-k{flex:1 1 auto;min-width:0;margin:0;padding:0;border-radius:0;background:none;flex-direction:column;align-items:flex-end;justify-content:center;gap:.1rem;text-align:right}
.hb-total.is-k span{font-size:.8rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--hb-muted)}
.hb-total.is-k b{font-size:1.45rem;line-height:1.1;letter-spacing:-.01em;color:#14532d;white-space:nowrap}
.hb-total.is-k small{font-size:.8rem;font-weight:500;color:var(--hb-muted);white-space:nowrap}
.hb-total.is-k small:empty{display:none}
.hb-total.is-k b.hb-bump{animation:hbBump .28s ease-out}
@keyframes hbBump{0%{transform:scale(1)}45%{transform:scale(1.05)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.hb-total.is-k b.hb-bump{animation:none}}
@media (max-width:380px){
  .hb .hb-kform .kf-sbtn{font-size:.82rem;padding:.45rem .4rem;gap:.35rem}
  .hb-krow{padding:.8rem .85rem}
  .hb-qbox{padding-right:.8rem;margin-right:.8rem}
  .hb-total.is-k b{font-size:1.3rem}
}
@media (max-width:330px){
  .hb .hb-kform .kf-same{grid-template-columns:1fr}
  .hb-krow{flex-direction:column;align-items:stretch;gap:.7rem}
  .hb-qbox{padding:0 0 .7rem;margin:0;border-right:0;border-bottom:1px solid #edf1ee}
  .hb-total.is-k{align-items:flex-start;text-align:left}
}

/* Telefon: ülke kodu + bayrak düğmesi (assets/js/phone-input.js) alanla aynı görünümde */
.hb-field .aph-cc { border-color: var(--hb-line); border-radius: .85rem 0 0 .85rem; background: #f1eee6; }

/* Proje detay sayfası — sepet kipi (includes/detail-steps.php): form zaten kartın içinde → ikinci kutu yok */
.hb.hb--cart{padding:0;background:none;box-shadow:none;border-radius:0;margin-bottom:6px}
.hb--cart .hb-durrow{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;margin:.9rem 0 .2rem}
.hb--cart .hb-durrow .hb-kchips{margin:0}
.hb--cart .btn-donate-submit{margin-top:1rem}