/* Kayseri’ye Bildir (#/bildir): her kategorinin kendi rengi var (ikon kutusu, seçim halkası, adım numaraları, gönder düğmesi).
   Kullanıcı isteği (2026-10-27): bu bölüm logo renklerine çevrilmez; scripts/uygulama_renk.py bu dosyayı atlar. Normal boyda yazılar. */

.k-yol{--kc:#F2711C;--kc2:#C2410C}
.k-kaldirim{--kc:#B7791F;--kc2:#7C5210}
.k-aydinlatma{--kc:#F5B400;--kc2:#B77F00}
.k-trafik{--kc:#E5383B;--kc2:#A4161A}
.k-temizlik{--kc:#D946EF;--kc2:#9D23B3}
.k-park{--kc:#22A447;--kc2:#137A31}
.k-cevre{--kc:#7CB518;--kc2:#4F7A0A}
.k-ulasim{--kc:#2563EB;--kc2:#1E3FAF}
.k-altyapi{--kc:#0EA5C6;--kc2:#0B6F8A}
.k-hayvan{--kc:#F97362;--kc2:#C2412F}
.k-kayip{--kc:#E5487A;--kc2:#A81E50}
.k-bulunan{--kc:#14A38B;--kc2:#0B6E5E}
.k-metruk{--kc:#64748B;--kc2:#3B4658}
.k-haber{--kc:#7C4DFF;--kc2:#4B22C9}
.k-diger{--kc:#475569;--kc2:#1F2937}

.bl-ust-s{padding-top:28px}
.bl-uyari{display:flex;gap:12px;align-items:flex-start;padding:14px 18px;border-radius:16px;background:color-mix(in srgb,#F5B400 10%,var(--surface));border:1px solid color-mix(in srgb,#F5B400 40%,var(--line));font-size:14px;margin:0}
.bl-uyari>.ic{width:22px;height:22px;color:#B77F00;flex:none;margin-top:1px}
.bl-resmi{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--kc,#F5B400) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--kc,#F5B400) 35%,var(--line));font-size:13.5px;margin:12px 0 0;text-align:left}
.bl-resmi>.ic{width:18px;height:18px;color:var(--kc2,#B77F00);flex:none;margin-top:2px}
.bl-oneri{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13.5px;margin:8px 0 0}
.bl-duzen{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:start;padding-top:24px}

/* Form: seçilen kategorinin rengi (--kc) bütün forma geçer */
.bl-form:not([class*=" k-"]){--kc:#2563EB;--kc2:#1E3FAF}
.bl-form{display:grid;gap:22px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:24px;
  box-shadow:0 1px 2px rgb(0 0 0 / .04),0 18px 40px -26px rgb(15 23 42 / .35);position:relative;overflow:hidden}
.bl-form::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--kc),var(--kc2));transition:background .3s}
.bl-adim{border:0;margin:0;padding:0;min-width:0}
.bl-adim legend{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;margin-bottom:12px;padding:0}
.bl-adim legend span{display:grid;place-items:center;width:26px;height:26px;border-radius:9px;background:linear-gradient(135deg,var(--kc),var(--kc2));color:#fff;font-size:13px;
  box-shadow:0 4px 10px -4px var(--kc);transition:background .3s}
.bl-adim legend small{font-weight:500;color:var(--muted);font-size:12.5px}

/* Kategori kartları */
.bl-kat{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.bl-kat label{position:relative;display:flex;align-items:center;gap:12px;padding:12px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(135deg,color-mix(in srgb,var(--kc) 7%,var(--surface)),var(--surface) 70%);cursor:pointer;min-width:0;
  transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}
.bl-kat input{position:absolute;opacity:0;pointer-events:none}
.bl-kat-ic{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;color:#fff;
  background:linear-gradient(145deg,var(--kc),var(--kc2));box-shadow:inset 0 1px 0 rgb(255 255 255 / .35),0 8px 16px -8px var(--kc)}
.bl-kat-ic .ic{width:22px;height:22px;stroke:#fff}
.bl-kat-y{display:grid;gap:1px;min-width:0}
.bl-kat-y b{font-size:14px;font-weight:650;line-height:1.25;overflow-wrap:anywhere}
.bl-kat-y small{font-size:12px;color:var(--muted);line-height:1.3;overflow-wrap:anywhere}
.bl-kat-tik{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--kc);color:#fff;
  transform:scale(0);transition:transform .18s cubic-bezier(.3,1.5,.5,1)}
.bl-kat-tik .ic{width:12px;height:12px;stroke:#fff;stroke-width:3}
.bl-kat label:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--kc) 45%,var(--line));box-shadow:0 12px 24px -16px var(--kc)}
.bl-kat label:has(input:checked){border-color:var(--kc);background:color-mix(in srgb,var(--kc) 13%,var(--surface));
  box-shadow:0 0 0 1.5px var(--kc),0 14px 28px -16px var(--kc)}
.bl-kat label:has(input:checked) .bl-kat-tik{transform:scale(1)}
.bl-kat label:has(input:checked) .bl-kat-y b{color:var(--kc2)}
.bl-kat label:has(input:focus-visible){outline:3px solid var(--kc);outline-offset:2px}
.bl-kat:has(input:checked) label:not(:has(input:checked)){opacity:.72}
.bl-kat:has(input:checked) label:not(:has(input:checked)):hover{opacity:1}

.bl-foto{display:flex;align-items:center;gap:14px;padding:16px;border-radius:18px;border:1.5px dashed color-mix(in srgb,var(--kc) 45%,var(--line));
  background:color-mix(in srgb,var(--kc) 5%,var(--surface));cursor:pointer;transition:border-color .2s,background .2s}
.bl-foto:hover,.bl-foto:focus-within{border-color:var(--kc);background:color-mix(in srgb,var(--kc) 9%,var(--surface))}
.bl-foto>.ic{width:46px;height:46px;padding:11px;box-sizing:border-box;border-radius:14px;background:linear-gradient(145deg,var(--kc),var(--kc2));stroke:#fff;color:#fff;flex:none}
.bl-foto span{display:grid;gap:2px;min-width:0}
.bl-foto small{color:var(--muted);font-size:12.5px}
.bl-foto img{width:84px;height:84px;object-fit:cover;border-radius:12px;flex:none}
.bl-foto.secili{border-style:solid}
.bl-foto.secili>.ic{display:none}
.bl-foto.yukleniyor{opacity:.6}
.bl-konum-ust{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.bl-konum-ust .btn{background:linear-gradient(135deg,var(--kc),var(--kc2)) !important;color:#fff !important;border-color:transparent}
#bl-konum-yazi{display:inline-flex;align-items:center;gap:6px}
#bl-konum-yazi.tamam{color:var(--ok-ink,#0a7049);font-weight:600}
#bl-konum-yazi .ic{width:16px;height:16px}
.bl-harita{height:300px;border-radius:18px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;cursor:crosshair}
.bl-harita.leaflet-container{display:block}
#bl-aciklama{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:16px;background:var(--surface-2);color:var(--ink);padding:12px 14px;font:inherit;font-size:16px;resize:vertical;min-height:110px}
#bl-aciklama:focus{outline:none;border-color:var(--kc);box-shadow:0 0 0 3px color-mix(in srgb,var(--kc) 22%,transparent)}
.bl-sayac{margin:6px 0 0}
.bl-kvkk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);line-height:1.5}
.bl-kvkk input{width:20px;height:20px;flex:none;margin:1px 0 0;accent-color:var(--kc)}
.bl-hata{margin:0;padding:10px 14px;border-radius:12px;background:color-mix(in srgb,#E5484D 12%,var(--surface));color:var(--bad-ink,#b3261e);font-size:14px;font-weight:600}
#bl-gonder{justify-self:start;min-width:180px;justify-content:center;background:linear-gradient(135deg,var(--kc),var(--kc2)) !important;color:#fff !important;border-color:transparent;
  box-shadow:0 12px 24px -14px var(--kc);transition:transform .15s,box-shadow .15s,background .3s}
#bl-gonder:hover{transform:translateY(-1px);box-shadow:0 16px 28px -14px var(--kc)}

/* Yan sütun */
.bl-yan{display:grid;gap:16px}
.bl-yan .box{border-radius:22px}
.bl-yan h3{font-size:16px;margin:0 0 12px}
.bl-yan h4{font-size:13px;color:var(--muted);margin:18px 0 8px;font-weight:600}
.bl-takip{display:flex;gap:8px}
.bl-takip input{flex:1;min-width:0;border:1px solid var(--line);border-radius:999px;background:var(--surface-2);color:var(--ink);padding:9px 14px;font:inherit;font-size:16px;text-transform:uppercase;letter-spacing:.08em}
.bl-takip input:focus{outline:none;border-color:#2563EB}
.bl-takip input::placeholder{text-transform:none;letter-spacing:0}
.bl-sonuc{padding:12px 14px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line)}
.bl-sonuc p{margin:4px 0 0;font-size:14px}
.bl-benim{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bl-benim button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;padding:9px 12px;color:var(--ink)}
.bl-benim button:hover{border-color:var(--kc,#2563EB)}
.bl-benim-ic{display:grid;place-items:center;width:28px;height:28px;flex:none;border-radius:9px;background:linear-gradient(145deg,var(--kc),var(--kc2))}
.bl-benim-ic .ic{width:15px!important;height:15px!important;stroke:#fff;color:#fff!important}
.bl-benim b{letter-spacing:.06em;font-size:14px}
.bl-benim small{color:var(--muted);font-size:12px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-benim .ic{width:14px;height:14px;color:var(--muted)}
.bl-nasil ol{margin:0;padding-left:20px;display:grid;gap:8px;font-size:13.5px;color:var(--muted)}

/* Gönderildi */
.bl-tamam{display:grid;gap:10px;justify-items:start;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:26px;box-shadow:0 18px 40px -26px rgb(15 23 42 / .35);position:relative;overflow:hidden}
.bl-tamam::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--kc,#22A447),var(--kc2,#137A31))}
.bl-tamam>.ic{width:46px;height:46px;padding:10px;box-sizing:border-box;border-radius:14px;background:linear-gradient(145deg,var(--kc,#22A447),var(--kc2,#137A31));stroke:#fff;color:#fff}
.bl-tamam h2{margin:0;font-size:22px}
.bl-tamam p{margin:0}
.bl-kod{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 18px;border-radius:16px;background:#111827;color:#fff;margin:6px 0}
.bl-kod small{color:#C9CDD1;font-size:12px;width:100%}
.bl-kod b{font-size:26px;letter-spacing:.14em;color:#FFC94D;font-variant-numeric:tabular-nums}

/* Durum rozetleri ve yayınlanan bildirimler */
.bl-durum{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);border:1px solid var(--line);white-space:nowrap}
.bl-durum.d-inceleniyor{background:color-mix(in srgb,#F5A524 16%,var(--surface));color:var(--warn-ink,#8a5200);border-color:transparent}
.bl-durum.d-yayinda{background:color-mix(in srgb,#2F7CF6 14%,var(--surface));color:var(--blue-ink,#1757b8);border-color:transparent}
.bl-durum.d-cozuldu{background:color-mix(in srgb,#2BB673 16%,var(--surface));color:var(--ok-ink,#0a7049);border-color:transparent}
.bl-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.bl-kart{display:grid;grid-template-rows:auto 1fr;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 14px 30px -24px rgb(15 23 42 / .4);min-width:0;position:relative}
.bl-kart>img{width:100%;aspect-ratio:4/3;object-fit:cover;max-width:100%}
.bl-kart-ikon{display:grid;place-items:center;aspect-ratio:4/1;background:linear-gradient(135deg,var(--kc),var(--kc2))}
.bl-kart-ikon .ic{width:30px;height:30px;stroke:#fff;color:#fff}
.bl-kart-ic{padding:14px 16px;display:grid;gap:6px;align-content:start;min-width:0;border-top:3px solid var(--kc)}
.bl-kart-ic p{margin:0;font-size:14px;overflow-wrap:anywhere}
.bl-kart-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}
.bl-kart-ust b{color:var(--kc2)}
.bl-sonuc .bl-kart-ust b{color:inherit}
.bl-kart-ic small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12.5px}
.bl-kart-ic small .ic{width:14px;height:14px}
.bl-not{padding:8px 10px;border-radius:10px;background:var(--surface-2);font-size:13px!important}
.bl-kaynak{margin-top:12px}

:root[data-theme="dark"] .bl-kat label:has(input:checked) .bl-kat-y b,:root[data-theme="dark"] .bl-kart-ust b{color:var(--kc)}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .bl-kat label:has(input:checked) .bl-kat-y b,:root:not([data-theme="light"]) .bl-kart-ust b{color:var(--kc)}
}
@media (max-width:860px){
  .bl-duzen{grid-template-columns:minmax(0,1fr)}
  .bl-form{padding:18px 16px}
  .bl-kat{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .bl-kat label{flex-direction:column;align-items:flex-start;gap:10px;padding:12px}
  .bl-kat-ic{width:40px;height:40px;border-radius:13px}
  .bl-harita{height:260px}
}
@media (prefers-reduced-motion:reduce){
  .bl-kat label,.bl-kat-tik,#bl-gonder{transition:none}
  .bl-kat label:hover{transform:none}
}

/* Kapak (2.40): koyu cam zemin, hareketli renk ışıkları, canlı sayılar, son hikâyelerden yelpaze */
.bl-kapak{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:20px;padding:44px 44px 44px 48px;
  border-radius:32px;overflow:hidden;color:#fff;background:#0B0F1E;isolation:isolate;box-shadow:0 40px 80px -40px rgb(11 15 30 / .9),inset 0 0 0 1px rgb(255 255 255 / .06)}
.bl-kapak-isik{position:absolute;inset:0;z-index:-1;overflow:hidden}
.bl-kapak-isik i{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(70px);opacity:.55;animation:blIsik 14s ease-in-out infinite alternate}
.bl-kapak-isik i:nth-child(1){background:#7C4DFF;left:-120px;top:-160px}
.bl-kapak-isik i:nth-child(2){background:#F2711C;right:-80px;bottom:-200px;animation-delay:-5s}
.bl-kapak-isik i:nth-child(3){background:#0EA5C6;left:40%;top:-220px;width:320px;height:320px;animation-delay:-9s;opacity:.4}
.bl-kapak-isik::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(255 255 255 / .07) 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
@keyframes blIsik{to{transform:translate(60px,40px) scale(1.15)}}
.bl-kapak-ic{display:grid;gap:14px;position:relative}
.bl-kapak-k{display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:0;padding:6px 12px;border-radius:999px;font-size:12.5px;font-weight:600;color:#fff;
  background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .14);backdrop-filter:blur(8px)}
.bl-canli{width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgb(34 197 94 / .6);animation:blNabiz 1.8s infinite}
@keyframes blNabiz{70%{box-shadow:0 0 0 8px rgb(34 197 94 / 0)}100%{box-shadow:0 0 0 0 rgb(34 197 94 / 0)}}
.bl-kapak h1{margin:0;font-size:clamp(28px,3.2vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.12;color:#fff}
.bl-kapak h1 span{background:linear-gradient(90deg,#FFC94D,#F2711C 45%,#E5487A 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.bl-kapak-ic>p:not(.bl-kapak-k){margin:0;color:rgb(255 255 255 / .72);font-size:15.5px;line-height:1.55;max-width:520px}
.bl-kapak-btn{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.bl-kapak .btn-gold{background:linear-gradient(135deg,#FFB020,#F2711C 60%,#E5487A) !important;color:#fff !important;border:0;box-shadow:0 14px 30px -12px rgb(242 113 28 / .8)}
.bl-cam{background:rgb(255 255 255 / .08) !important;color:#fff !important;border:1px solid rgb(255 255 255 / .2) !important;backdrop-filter:blur(8px)}
.bl-kapak .btn .ic{color:#fff}
.bl-kapak-say{display:flex;gap:0;margin-top:8px;padding:12px 4px;border-top:1px solid rgb(255 255 255 / .1);max-width:440px}
.bl-kapak-say div{flex:1;display:grid;gap:1px;padding:0 14px;border-left:1px solid rgb(255 255 255 / .1)}
.bl-kapak-say div:first-child{border-left:0;padding-left:0}
.bl-kapak-say b{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;color:#fff}
.bl-kapak-say small{font-size:12px;color:rgb(255 255 255 / .6)}
.bl-yelpaze{position:relative;height:340px}
.bl-yp{position:absolute;top:50%;left:50%;width:190px;height:290px;margin:-145px 0 0 -95px;border:0;padding:0;border-radius:24px;overflow:hidden;cursor:pointer;
  background:linear-gradient(160deg,var(--kc),var(--kc2));box-shadow:0 30px 50px -24px rgb(0 0 0 / .8),inset 0 0 0 1px rgb(255 255 255 / .15);
  transform:translateX(calc((var(--n) - 1) * 120px)) rotate(calc((var(--n) - 1) * 9deg)) translateY(calc(var(--n) * 0px));transition:transform .35s cubic-bezier(.3,1.3,.5,1)}
.bl-yp:nth-child(2){z-index:2;transform:scale(1.06)}
.bl-yp:hover{transform:translateX(calc((var(--n) - 1) * 130px)) rotate(0) scale(1.08);z-index:3}
.bl-yp img{width:100%;height:100%;object-fit:cover;display:block}
.bl-yp::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgb(0 0 0 / .25),transparent 30%,transparent 55%,rgb(0 0 0 / .75))}
.bl-yp>.bl-yp-ikon{position:absolute;inset:0;display:grid;place-items:center;color:#fff}
.bl-yp>.bl-yp-ikon .ic{width:56px;height:56px}
.bl-yp-cizgi{position:absolute;left:10px;right:10px;top:10px;z-index:1;display:flex;gap:3px}
.bl-yp-cizgi i{flex:1;height:3px;border-radius:3px;background:rgb(255 255 255 / .55)}
.bl-yp-cizgi i:first-child{background:#fff}
.bl-yp-alt{position:absolute;left:10px;right:10px;bottom:12px;z-index:1;display:flex;align-items:center;gap:8px;text-align:left;color:#fff}
.bl-yp-alt .bl-yp-ikon{display:grid;place-items:center;width:32px;height:32px;flex:none;border-radius:50%;background:linear-gradient(145deg,var(--kc),var(--kc2));box-shadow:0 0 0 2px #fff}
.bl-yp-alt .bl-yp-ikon .ic{width:16px;height:16px}
.bl-yp-alt>span:last-child{display:grid;min-width:0}
.bl-yp-alt b{font-size:13px}.bl-yp-alt small{font-size:11.5px;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:860px){
  .bl-kapak{grid-template-columns:1fr;padding:28px 20px 24px;gap:10px;border-radius:26px}
  .bl-yelpaze{height:250px;margin:0 -20px}
  .bl-yp{width:140px;height:210px;margin:-105px 0 0 -70px;border-radius:20px;transform:translateX(calc((var(--n) - 1) * 92px)) rotate(calc((var(--n) - 1) * 8deg))}
  .bl-yp:nth-child(2){transform:scale(1.05)}
  .bl-kapak-say b{font-size:19px}
}
@media (prefers-reduced-motion:reduce){.bl-kapak-isik i,.bl-canli{animation:none}}

/* Kayıp Can Ağı bandı */
.ky-bant{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:30px 34px;border-radius:28px;overflow:hidden;color:#fff;margin-bottom:16px;
  background:radial-gradient(70% 120% at 100% 0%,rgb(255 201 77 / .35),transparent 60%),linear-gradient(135deg,#E5487A,#A81E50 55%,#5B0F2E);box-shadow:0 30px 60px -32px #A81E50}
.ky-bant-ic{display:grid;gap:10px;max-width:560px}
.ky-bant-k{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:700;color:#FFE3EC}
.ky-bant-k .ic{width:16px;height:16px}
.ky-bant h2{margin:0;font-size:26px;font-weight:700;letter-spacing:-.02em;color:#fff}
.ky-bant p{margin:0;color:rgb(255 255 255 / .85);font-size:15px}
.ky-bant-btn{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}
.ky-b1{background:#fff !important;color:#A81E50 !important;border:0}
.ky-b2{background:rgb(255 255 255 / .14) !important;color:#fff !important;border:1px solid rgb(255 255 255 / .35) !important}
.ky-bant .btn .ic{width:16px;height:16px}
.ky-bant-pati{position:relative;width:150px;height:120px;color:#fff}
.ky-bant-pati .ic{position:absolute;opacity:.9;filter:drop-shadow(0 10px 18px rgb(0 0 0 / .3))}
.ky-bant-pati .ic:nth-child(1){width:84px;height:84px;right:10px;top:4px}
.ky-bant-pati .ic:nth-child(2){width:46px;height:46px;left:6px;top:46px;opacity:.6}
.ky-bant-pati .ic:nth-child(3){width:30px;height:30px;right:0;bottom:0;opacity:.45}
.ky-bos{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:color-mix(in srgb,#14A38B 9%,var(--surface));border:1px solid color-mix(in srgb,#14A38B 30%,var(--line));font-size:14.5px}
.ky-bos>.ic{width:34px;height:34px;padding:8px;box-sizing:border-box;border-radius:12px;background:linear-gradient(145deg,#14A38B,#0B6E5E);color:#fff;flex:none}
@media (max-width:860px){.ky-bant{grid-template-columns:1fr;padding:24px 20px}.ky-bant-pati{display:none}}

/* Onay penceresi */
.bl-pencere{border:0;padding:16px;background:none;max-width:none;width:min(452px,100vw);box-sizing:border-box;overflow:visible}
.bl-pencere::backdrop{background:rgb(10 14 24 / .55);backdrop-filter:blur(6px)}
.bl-pencere-ic{width:min(420px,100%);box-sizing:border-box;display:grid;gap:12px;justify-items:center;text-align:center;background:var(--surface);color:var(--ink);border-radius:26px;padding:28px 22px 22px;
  box-shadow:0 30px 60px -20px rgb(0 0 0 / .5);position:relative;overflow:hidden;animation:blPop .28s cubic-bezier(.3,1.4,.5,1)}
.bl-pencere-ic::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--kc),var(--kc2))}
.bl-pencere-ikon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,var(--kc),var(--kc2));box-shadow:0 14px 28px -12px var(--kc);color:#fff}
.bl-pencere-ikon .ic{width:32px;height:32px;stroke-width:2.6}
.bl-pencere h2{margin:0;font-size:21px}
.bl-pencere p{margin:0;color:var(--muted);font-size:14.5px}
.bl-pencere p b{color:var(--ink)}
.bl-pencere .bl-kod{width:100%;box-sizing:border-box;justify-content:center}
.bl-pencere .btn-gold{width:100%;justify-content:center;background:linear-gradient(135deg,var(--kc),var(--kc2)) !important;color:#fff !important}
@keyframes blPop{from{opacity:0;transform:translateY(16px) scale(.96)}}

/* Akış */
.bl-akis-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.bl-akis-ust h2{margin:0;font-size:24px}
.bl-sekme{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line)}
.bl-sekme button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font:inherit;font-size:14px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer}
.bl-sekme button .ic{width:16px;height:16px}
.bl-sekme button.on{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px -3px rgb(0 0 0 / .25)}
.bl-sekme small{font-weight:700;background:#E5487A;color:#fff;border-radius:999px;padding:0 7px;font-size:11.5px;line-height:18px}
.bl-filtre{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;scrollbar-width:none}
.bl-filtre::-webkit-scrollbar{display:none}
.bl-filtre button:not([class*="k-"]){--kc:#111827;--kc2:#374151}
.bl-filtre button{flex:none;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:600;
  padding:7px 12px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s}
.bl-filtre button .ic{width:15px;height:15px;color:var(--kc)}
.bl-filtre button small{color:var(--muted);font-weight:700}
.bl-filtre button:hover{border-color:var(--kc)}
.bl-filtre button.on{background:linear-gradient(135deg,var(--kc),var(--kc2));color:#fff;border-color:transparent}
.bl-filtre button.on .ic{color:#fff}.bl-filtre button.on small{color:rgb(255 255 255 / .85)}

.bl-liste{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}
.bl-kart{grid-template-rows:auto 1fr;border-radius:24px;transition:transform .2s,box-shadow .2s}
.bl-kart:hover{transform:translateY(-3px);box-shadow:0 22px 40px -24px var(--kc)}
.bl-kart-gorsel{position:relative;aspect-ratio:4/3;overflow:hidden;background:linear-gradient(145deg,var(--kc),var(--kc2))}
.bl-kart-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.bl-kart-gorsel::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(transparent,rgb(0 0 0 / .45));pointer-events:none}
.bl-kart-gorsel .bl-kart-ikon{height:100%;aspect-ratio:auto;background:none}
.bl-kart-gorsel .bl-kart-ikon .ic{width:56px;height:56px;opacity:.9}
.bl-kart-rozet{position:absolute;left:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 11px 6px 8px;border-radius:999px;
  background:rgb(255 255 255 / .92);color:var(--kc2);font-size:12.5px;font-weight:700;backdrop-filter:blur(8px);box-shadow:0 6px 14px -8px rgb(0 0 0 / .5)}
.bl-kart-rozet .ic{width:15px;height:15px;color:var(--kc)}
.bl-kart-cozuldu{position:absolute;right:12px;top:12px;z-index:1;display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:999px;background:#22A447;color:#fff;font-size:12px;font-weight:700}
.bl-kart-cozuldu .ic{width:13px;height:13px}
.bl-kart-ic{border-top:0;padding:14px 16px 12px;gap:8px}
.bl-kart-yer{display:flex;align-items:center;gap:6px;margin:0;font-size:13.5px;min-width:0}
.bl-kart-yer .ic{width:16px;height:16px;color:var(--kc);flex:none}
.bl-kart-yer b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bl-kart-yer small{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}
.bl-kart-metin{font-size:14.5px!important;line-height:1.5;color:var(--ink)}
.bl-eylem{display:flex;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
.bl-eylem button{display:inline-flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font:inherit;font-size:13.5px;font-weight:600;padding:7px 10px;border-radius:12px;cursor:pointer;transition:background .15s,color .15s}
.bl-eylem button .ic{width:19px;height:19px}
.bl-eylem button:hover{background:var(--surface-2);color:var(--ink)}
.bl-eylem [data-bl-begen].on{color:#E5487A}
.bl-eylem .bl-kaydet{margin-left:auto}
.bl-eylem .bl-kaydet.on{color:var(--kc2);background:color-mix(in srgb,var(--kc) 12%,var(--surface))}
.bl-yorum-alan{display:grid;gap:10px;padding-top:4px}
.bl-yorumlar{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:260px;overflow:auto}
.bl-yorumlar li{display:grid;gap:2px;padding:9px 12px;border-radius:14px;background:var(--surface-2);font-size:13.5px}
.bl-yorumlar b{font-size:13px}
.bl-yorumlar small{color:var(--muted);font-size:11.5px}
.bl-yorum-yaz{display:grid;gap:6px}
.bl-yorum-yaz input{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);padding:9px 12px;font:inherit;font-size:16px}
.bl-yorum-yaz input:focus{outline:none;border-color:var(--kc)}
.bl-yorum-yaz div{display:flex;gap:6px}
.bl-yorum-yaz .btn{flex:none;background:linear-gradient(135deg,var(--kc),var(--kc2)) !important;color:#fff !important}
@media (max-width:860px){
  .bl-liste{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.bl-pencere-ic{animation:none}.bl-kart:hover{transform:none}}

/* 2.39: çoklu fotoğraf, hikâye daireleri, tam ekran hikâye */
.bl-fotolar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.bl-fotolar:empty{display:none}
.bl-foto-k{position:relative;width:76px;height:76px;border-radius:16px;overflow:hidden;box-shadow:0 0 0 2px var(--kc)}
.bl-foto-k img{width:100%;height:100%;object-fit:cover}
.bl-foto-k button{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:22px;height:22px;border:0;border-radius:50%;background:rgb(0 0 0 / .6);color:#fff;cursor:pointer;padding:0}
.bl-foto-k button .ic{width:12px;height:12px}

.bl-hikayeler{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 16px;scrollbar-width:none}
.bl-hikayeler::-webkit-scrollbar{display:none}
.bl-hk{flex:none;display:grid;justify-items:center;gap:6px;width:76px;border:0;background:none;cursor:pointer;color:var(--ink);font:inherit;padding:0}
.bl-hk-halka{position:relative;width:72px;height:72px;border-radius:50%;padding:3px;box-sizing:border-box;
  background:conic-gradient(from 210deg,var(--kc),var(--kc2),#FFC94D,var(--kc));transition:transform .15s}
.bl-hk:hover .bl-hk-halka{transform:scale(1.05)}
.bl-hk-halka img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--surface);box-sizing:border-box;display:block}
.bl-hk-halka em{position:absolute;right:-2px;bottom:-2px;min-width:22px;height:22px;border-radius:999px;background:var(--kc);color:#fff;font-style:normal;font-size:11.5px;font-weight:700;
  display:grid;place-items:center;border:2px solid var(--surface);box-sizing:border-box;padding:0 5px}
.bl-hk small{font-size:12px;font-weight:600;max-width:76px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}


.bl-hikaye{border:0;padding:0;margin:auto;width:min(440px,100vw);height:min(92vh,100dvh);max-width:none;max-height:none;background:#000;border-radius:22px;overflow:hidden}
.bl-hikaye::backdrop{background:rgb(5 8 15 / .92)}
.bl-hk-ic{position:relative;width:100%;height:100%}
.bl-hk-ic>img{width:100%;height:100%;object-fit:cover;background:#000}
.bl-hk-cizgi{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:4px;z-index:2}
.bl-hk-cizgi i{flex:1;height:3px;border-radius:3px;background:rgb(255 255 255 / .35);overflow:hidden;position:relative}
.bl-hk-cizgi i.tam{background:#fff}
.bl-hk-cizgi i.on::after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:blCizgi 5s linear forwards}
@keyframes blCizgi{from{transform:scaleX(0)}}
.bl-hk-ust{position:absolute;left:12px;right:12px;top:22px;z-index:2;display:flex;align-items:center;gap:10px;color:#fff}
.bl-hk-av{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(145deg,var(--kc),var(--kc2));box-shadow:0 0 0 2px #fff;color:#fff}
.bl-hk-av .ic{width:18px;height:18px}
.bl-hk-ust>span:nth-child(2){display:grid;flex:1;min-width:0;text-shadow:0 1px 4px rgb(0 0 0 / .6)}
.bl-hk-ust b{font-size:14px}.bl-hk-ust small{font-size:12px;opacity:.9}
.bl-hk-ust button{border:0;background:rgb(0 0 0 / .35);color:#fff;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.bl-hk-ust button .ic{width:18px;height:18px}
.bl-hk-geri,.bl-hk-ileri{position:absolute;top:80px;bottom:90px;width:40%;border:0;background:none;cursor:pointer;z-index:1}
.bl-hk-geri{left:0}.bl-hk-ileri{right:0}
.bl-hk-metin{position:absolute;left:0;right:0;bottom:0;margin:0;padding:40px 18px 22px;color:#fff;font-size:15px;line-height:1.45;background:linear-gradient(transparent,rgb(0 0 0 / .8))}
@media (max-width:520px){.bl-hikaye{width:100vw;height:100dvh;border-radius:0}}
@media (prefers-reduced-motion:reduce){.bl-hk-cizgi i.on::after{animation:none}}
.ky .ky-kart{border-radius:22px;box-shadow:0 14px 30px -22px rgb(168 30 80 / .5),inset 0 0 0 1px var(--line)}
.ky .ky-foto-yok{display:grid;place-items:center;background:linear-gradient(145deg,#E5487A,#A81E50);color:#fff}
.ky .ky-foto-yok .ic{width:48px;height:48px}

/* 2.41: Paylaş / Akış görünümleri; telefonda yapışkan geçiş */
.bl-mod{position:sticky;top:calc(var(--ust-h, 64px) + 8px);z-index:20;display:grid;grid-template-columns:1fr 1fr;margin:16px auto 0;max-width:420px;padding:5px;border-radius:999px;
  background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 12px 30px -18px rgb(11 15 30 / .55),inset 0 0 0 1px var(--line)}
.bl-mod button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;font:inherit;font-size:15px;font-weight:700;
  color:var(--muted);padding:11px 10px;border-radius:999px;cursor:pointer;transition:color .25s}
.bl-mod button .ic{width:18px;height:18px}
.bl-mod button.on{color:#fff}
.bl-mod small{min-width:20px;height:20px;padding:0 6px;box-sizing:border-box;border-radius:999px;background:#E5487A;color:#fff;font-size:11.5px;display:grid;place-items:center}
.bl-mod small:empty{display:none}
.bl-mod-kay{position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:linear-gradient(135deg,#0B0F1E,#2A1B5E 60%,#7C4DFF);
  box-shadow:0 8px 18px -8px #7C4DFF;transform:translateX(var(--x,0%));transition:transform .35s cubic-bezier(.3,1.2,.5,1)}
.bl-modlar[data-mod="paylas"] [data-bolum="akis"],.bl-modlar[data-mod="akis"] [data-bolum="paylas"]{display:none}
.bl-modlar [data-bolum]{animation:blMod .35s ease}
@keyframes blMod{from{opacity:0;transform:translateY(10px)}}
.bl-modlar[data-mod="akis"] .bl-akis{padding-top:18px}
.bl-modlar[data-mod="akis"] [data-bolum="akis"] .ky{padding-top:22px}

/* Fotoğraflar kesilmez: tamamı görünür, boşlukta aynı fotoğrafın bulanık hali */
.bl-kart-gorsel[style*="--bg"]::before,.bl-hk-ic::before{content:"";position:absolute;inset:-30px;background:var(--bg) center/cover;filter:blur(26px) brightness(.75) saturate(1.2)}
.bl-kart-gorsel img{position:relative;object-fit:contain !important}
.bl-hk-ic{overflow:hidden}
.bl-hk-ic>img{position:relative;object-fit:contain !important;background:none !important}
@media (prefers-reduced-motion:reduce){.bl-modlar [data-bolum]{animation:none}.bl-mod-kay{transition:none}}
@media (max-width:860px){
  .bl-kapak{padding:22px 18px 18px;gap:0}
  .bl-kapak-ic{gap:10px}
  .bl-kapak-ic>p:not(.bl-kapak-k),.bl-yelpaze,.bl-kapak-btn{display:none}
  .bl-kapak h1{font-size:25px}
  .bl-kapak-say{margin-top:2px;padding-bottom:0}
  .bl-mod{margin-top:12px}
}

/* 2.42: Paylaş/Akış ikonları her durumda net; yorum tepkileri */
.bl-mod button,.bl-mod button:hover,.bl-mod button:focus{background:none !important;box-shadow:none !important}
.bl-mod button:not(.on):hover{color:var(--ink)}
.bl-mod button .ic{width:20px;height:20px;stroke-width:2.2}
.bl-mod button[data-bl-mod="paylas"]:not(.on) .ic{color:#F2711C}
.bl-mod button[data-bl-mod="akis"]:not(.on) .ic{color:#7C4DFF}
.bl-mod button.on,.bl-mod button.on:hover{color:#fff !important}
.bl-mod button.on .ic{color:#fff !important}
.bl-yt{display:flex;align-items:center;gap:6px;margin-top:4px}
.bl-yt small{flex:1}
.bl-yt button{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 9px;font:inherit;font-size:13px;cursor:pointer;transition:transform .12s}
.bl-yt button:active{transform:scale(.92)}
.bl-yt button span{font-size:12px;font-weight:700;color:var(--muted)}
.bl-yt button span:empty{display:none}
.bl-yt button.on{border-color:var(--kc);background:color-mix(in srgb,var(--kc) 12%,var(--surface))}
.bl-yt button.on span{color:var(--kc2)}
.bl-kart-gorsel .ig-galeri{position:relative;height:100%;background:none}.bl-kart-gorsel .ig-serit{height:100%}.bl-kart-gorsel .ig-kare{aspect-ratio:auto;height:100%}