/* Kare Kafa Forum — 20.10.2026 */
:root{
  --zemin:#F3F1EB; --kart:#FFFFFF; --murekkep:#141414; --soluk:#55524B; --cizgi:#E4E0D6;
  --gok:#7EC8F0; --cimen:#5FBF3A; --cimen-koyu:#2E6B1D; --kirmizi:#C0392B; --sari:#FFE27A;
  --baslik:'Unbounded',system-ui,sans-serif; --govde:'Space Grotesk',system-ui,sans-serif;

  --zemin-2:#F3F1EB; --kart-2:#FAF8F3; --yazi-2:#3A3833; --cerceve:#141414; --golge:#141414; --alt-zemin:#141414;
  --ok-zemin:#DFF5D6; --hata-zemin:#FBDAD5; --uyari-zemin:#FFF8DC; --elmas-zemin:#DFF7FB; --pm-ben:#E9F7E2; --yeni-zemin:#F1FAEC;
  --kod-zemin:#F0EDE5; --koyu-yazi:#141414; --odak:#1E5FBF;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]){--zemin:#121417; --zemin-2:#1A1D21; --kart:#1C1F24; --kart-2:#23272D; --murekkep:#ECE8E0; --yazi-2:#D2CDC3; --soluk:#A7A299;
  --cizgi:#2E333A; --cerceve:#3C424B; --golge:#050607; --gok:#24506A; --cimen-koyu:#86DB5C; --alt-zemin:#0B0C0E;
  --ok-zemin:#1E3A21; --hata-zemin:#4A2320; --uyari-zemin:#3A3317; --elmas-zemin:#12363D; --pm-ben:#1E3322; --yeni-zemin:#18291B; --kod-zemin:#0F1114; --odak:#8EC9FF; --kirmizi:#FF8A7A;
  color-scheme:dark;}}
:root[data-tema="koyu"]{--zemin:#121417; --zemin-2:#1A1D21; --kart:#1C1F24; --kart-2:#23272D; --murekkep:#ECE8E0; --yazi-2:#D2CDC3; --soluk:#A7A299;
  --cizgi:#2E333A; --cerceve:#3C424B; --golge:#050607; --gok:#24506A; --cimen-koyu:#86DB5C; --alt-zemin:#0B0C0E;
  --ok-zemin:#1E3A21; --hata-zemin:#4A2320; --uyari-zemin:#3A3317; --elmas-zemin:#12363D; --pm-ben:#1E3322; --yeni-zemin:#18291B; --kod-zemin:#0F1114; --odak:#8EC9FF; --kirmizi:#FF8A7A;
  color-scheme:dark;}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--murekkep);font-family:var(--govde);font-size:16px;line-height:1.5}
a{color:var(--murekkep)} a:hover{color:var(--cimen-koyu)}
img{max-width:100%}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kap{max-width:1200px;margin:0 auto;padding:0 20px}
h1,h2,h3{font-family:var(--baslik);font-weight:600;line-height:1.18;letter-spacing:-.02em;margin:0}

/* üst çubuk */
.ust{background:var(--kart);border-bottom:3px solid var(--cerceve)}
.ust .kap{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--murekkep)}
.logo img{width:34px;height:34px}
.logo span{font-family:var(--baslik);font-weight:600;font-size:1.32rem;letter-spacing:-.03em}
#ana-menu{display:flex;gap:18px;flex-wrap:wrap;font-weight:500}
#ana-menu a{text-decoration:none}
.ust-sag{flex:1 1 220px;display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}
.ara-form{display:flex;flex:1 1 160px;max-width:260px}
.ara-form input{width:100%}
.uye-cip{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700}
.uye-cip img{width:32px;height:32px;border:2px solid var(--cerceve);image-rendering:pixelated}

/* form öğeleri */
input[type=text],input[type=search],input[type=email],input[type=password],input[type=url],input[type=number],textarea,select{
  font:inherit;color:var(--murekkep);background:var(--kart);border:3px solid var(--cerceve);padding:10px 12px;min-height:46px;border-radius:0;width:100%}
input:focus,textarea:focus,select:focus{outline:3px solid var(--odak);outline-offset:2px}
textarea{min-height:180px;resize:vertical;line-height:1.5}
label{font-weight:700;display:block;margin-bottom:6px}
.alan{margin-bottom:18px}
.ipucu{font-size:.88rem;color:var(--soluk);margin-top:6px}

/* düğmeler */
.dg{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;
  background:var(--cimen);color:var(--murekkep);border:3px solid var(--cerceve);box-shadow:4px 4px 0 var(--golge);
  font-family:var(--baslik);font-weight:600;font-size:.92rem;letter-spacing:-.01em;text-decoration:none;cursor:pointer;line-height:1}
.dg:hover{color:var(--murekkep);filter:brightness(1.06)}
.dg:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--golge)}
.dg.beyaz{background:var(--kart)} .dg.kirmizi{background:#E26A5C} .dg.kucuk{min-height:38px;padding:0 12px;font-size:.92rem;box-shadow:3px 3px 0 var(--golge)}
.dg-bag{background:none;border:0;padding:0;font:inherit;color:var(--soluk);text-decoration:underline;cursor:pointer;min-height:32px}
.dg-bag:hover{color:var(--murekkep)}

/* kartlar */
.kart{background:var(--kart);border:3px solid var(--cerceve);box-shadow:6px 6px 0 var(--golge)}
.kart-bas{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.kart-ic{padding:20px}

/* bildirimler */
.bildirim{border:3px solid var(--cerceve);padding:12px 16px;margin:20px 0 0;font-weight:500;background:var(--kart)}
.bildirim.ok{background:var(--ok-zemin)} .bildirim.hata{background:var(--hata-zemin)}

/* kahraman */
.kahraman{background:var(--gok);border-bottom:3px solid var(--cerceve)}
.kahraman .kap{display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding-top:44px;padding-bottom:44px}
.kahraman-yazi{flex:999 1 420px;display:flex;flex-direction:column;gap:18px}
.kahraman h1{color:#fff;text-shadow:4px 4px 0 #2B3A55;font-size:clamp(2.1rem,4.6vw,3.6rem)}
.kahraman p{margin:0;font-size:1.15rem;max-width:560px}
.kahraman-gorsel{flex:1 1 180px;display:flex;justify-content:center}
.kahraman-gorsel img{width:190px}
.dugmeler{display:flex;gap:14px;flex-wrap:wrap}

/* yerleşim */
.govde{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start;padding-top:32px;padding-bottom:56px}
.ana{flex:999 1 560px;min-width:0}
.yan{flex:1 1 290px;min-width:0;display:flex;flex-direction:column;gap:26px}
.tek{max-width:760px;margin:0 auto;padding-top:32px;padding-bottom:56px}

/* kategori satırları */
.satir{display:flex;align-items:center;gap:16px;padding:16px 20px;border-top:2px solid var(--cizgi);text-decoration:none;color:var(--murekkep);flex-wrap:wrap}
.satir:hover{background:var(--kart-2);color:var(--murekkep)}
.blok{width:44px;height:44px;flex-shrink:0;border:3px solid var(--cerceve);box-shadow:inset 0 10px 0 var(--ust)}
.satir-ad{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:3px}
.satir-ad b{font-family:var(--baslik);font-weight:500;font-size:1.05rem;letter-spacing:-.01em}
.satir-ad span{font-size:.95rem;color:var(--soluk)}
.satir-sayi{flex:0 0 auto;display:flex;gap:18px;font-size:.88rem;color:var(--soluk);text-align:center}
.satir-sayi strong{display:block;color:var(--murekkep);font-size:1.05rem}
.satir-son{flex:0 1 230px;min-width:0;font-size:.88rem;color:var(--soluk);display:flex;flex-direction:column;gap:2px}
.satir-son a{color:var(--murekkep);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* konu listesi */
.konu-satir{display:flex;align-items:center;gap:14px;padding:14px 20px;border-top:2px solid var(--cizgi);flex-wrap:wrap}
.konu-satir img{width:40px;height:40px;border:2px solid var(--cerceve);image-rendering:pixelated;flex-shrink:0}
.konu-ad{flex:1 1 260px;min-width:0;display:flex;flex-direction:column;gap:3px}
.konu-ad a{font-weight:700;font-size:1.05rem;text-decoration:none}
.konu-ad span{font-size:.88rem;color:var(--soluk)}
.rozet{display:inline-block;font-size:.75rem;font-weight:700;padding:1px 7px;border:2px solid var(--cerceve);margin-right:6px;vertical-align:2px;background:var(--sari)}
.rozet.kilit{background:#DDD}
.bos{padding:28px 20px;border-top:2px solid var(--cizgi);color:var(--soluk)}

/* konu sayfası */
.yol{font-size:.92rem;color:var(--soluk);margin:24px 0 10px}
.yol a{color:var(--soluk)}
.konu-baslik{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:22px}
.konu-baslik h1{font-size:clamp(1.6rem,3.4vw,2.3rem)}
.mesaj{display:flex;gap:0;flex-wrap:wrap;margin-bottom:22px;scroll-margin-top:16px}
.mesaj-yazar{flex:0 0 170px;padding:18px;border-right:2px solid var(--cizgi);display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;background:var(--kart-2)}
.mesaj-yazar img{width:72px;height:72px;border:3px solid var(--cerceve);image-rendering:pixelated}
.mesaj-yazar a{font-weight:700;text-decoration:none;word-break:break-all}
.mesaj-yazar small{color:var(--soluk);font-size:.8rem}
.rol{font-size:.75rem;font-weight:700;padding:1px 8px;border:2px solid var(--cerceve);background:var(--sari)}
.rol.yonetici{background:#E26A5C} .rol.banli{background:#DDD}
.mesaj-govde{flex:1 1 300px;min-width:0;display:flex;flex-direction:column}
.mesaj-ust{padding:10px 18px;border-bottom:2px solid var(--cizgi);font-size:.85rem;color:var(--soluk);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.mesaj-ust a{color:var(--soluk)}
.mesaj-icerik{padding:18px;overflow-wrap:anywhere;flex:1}
.mesaj-icerik blockquote{margin:6px 0 10px;padding:8px 12px;border-left:4px solid var(--cizgi);background:var(--kart-2);color:var(--yazi-2)}
.mesaj-alt{padding:8px 18px 12px;display:flex;gap:14px;justify-content:flex-end;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--soluk)}
.mesaj-alt form{display:inline}
@media (max-width:640px){
  .mesaj-yazar{flex:1 1 100%;flex-direction:row;justify-content:flex-start;text-align:left;border-right:0;border-bottom:2px solid var(--cizgi);padding:12px 16px}
  .mesaj-yazar img{width:44px;height:44px}
  .satir-sayi{display:none}
}
.mod-cubuk{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px;padding:12px 16px;border:3px dashed var(--cerceve);background:var(--uyari-zemin);align-items:center}
.mod-cubuk form{display:inline}

/* sayfalama */
.sayfalar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.sayfalar a,.sayfalar span{min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--cerceve);background:var(--kart);text-decoration:none;font-weight:700;padding:0 8px}
.sayfalar .aktif{background:var(--cimen)} .sayfalar .bosluk{border:0;background:none}

/* yan sütun */
.liste{display:flex;flex-direction:column;gap:12px}
.liste a{display:flex;gap:10px;align-items:flex-start;text-decoration:none;line-height:1.35}
.liste a::before{content:"";width:10px;height:10px;background:var(--cimen);border:2px solid var(--cerceve);margin-top:5px;flex-shrink:0}
.liste small{display:block;color:var(--soluk);font-size:.8rem}
.sayilar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;text-align:center}
.sayilar strong{display:block;font-family:var(--baslik);font-weight:600;font-size:1.4rem}
.sayilar span{font-size:.82rem;color:var(--soluk)}

/* profil */
.profil{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.profil img{width:96px;height:96px;border:3px solid var(--cerceve);image-rendering:pixelated}

/* alt */
.alt{background:var(--murekkep);color:#E8E6E0}
.alt .kap{display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}
.alt a{color:#E8E6E0}
.alt small{color:#B9B6AE;max-width:460px}

/* ── 20.10 profesyonelleştirme ─────────────────────────────── */
.atla{position:absolute;left:-9999px;top:8px;background:var(--kart);border:3px solid var(--cerceve);padding:8px 14px;z-index:10;font-weight:700}
.atla:focus{left:12px}
a:focus-visible,button:focus-visible,.dg:focus-visible{outline:3px solid var(--odak);outline-offset:3px}
.dg[disabled]{opacity:.65;cursor:wait}
h1{text-wrap:balance}
.mesaj-icerik{font-size:1.02rem;line-height:1.65;max-width:75ch}
.satir-son a,.liste a{text-decoration:none}
.satir-son a:hover,.liste a:hover span{text-decoration:underline}
.sayac{font-size:.8rem;color:var(--soluk);text-align:right;margin-top:4px;font-variant-numeric:tabular-nums}
.sayac.dolu{color:var(--kirmizi);font-weight:700}
.bos-buyuk{display:flex;gap:18px;align-items:center;padding:34px 24px}
.bos-buyuk b{display:block;font-family:var(--baslik);font-size:1.25rem;color:var(--murekkep);margin-bottom:4px}
.metin h1{font-size:2rem;margin-bottom:8px}
.metin h2{font-size:1.25rem;margin:26px 0 8px}
.metin p{margin:0 0 10px;max-width:68ch;line-height:1.65}
.alt-menu{display:flex;gap:18px;flex-wrap:wrap}
.alt-menu a{text-decoration:none}.alt-menu a:hover{text-decoration:underline}
.satir-sayi,.sayilar,.mesaj-ust{font-variant-numeric:tabular-nums}
/* telefonda üst çubuk: logo + kullanıcı üstte, menü yatay kaydırılır, arama tam genişlik */
@media (max-width:760px){
  .ust .kap{gap:10px}
  .logo span{font-size:1.15rem}
  #ana-menu{order:3;flex:1 1 100%;flex-wrap:nowrap;overflow-x:auto;gap:16px;padding-bottom:4px;scrollbar-width:none}
  #ana-menu a{white-space:nowrap;padding:6px 0}
  .ust-sag{flex:1 1 auto}
  .ara-form{order:4;flex:1 1 100%;max-width:none}
  .kahraman .kap{padding-top:30px;padding-bottom:30px;gap:20px}
  .kahraman-gorsel img{width:120px}
  .govde{padding-top:22px}
  .kart{box-shadow:4px 4px 0 var(--golge)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* ── 20.10 yeni logo: sade kare işaret; kahraman başlığı Unbounded ile daha sakin ── */
.kahraman h1{font-size:clamp(1.8rem,4vw,3rem);text-shadow:3px 3px 0 #2B3A55}
.kahraman-gorsel img{width:180px;height:180px;filter:drop-shadow(6px 6px 0 #141414)}
.rozet,.rol{font-family:var(--govde)}
@media (max-width:760px){.kahraman-gorsel img{width:120px;height:120px}}

/* ── 20.10 bildirim, resim, şikayet ── */
.zil{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--murekkep);text-decoration:none}
.zil-sayi{position:absolute;top:3px;right:1px;min-width:19px;height:19px;padding:0 5px;border:2px solid var(--cerceve);background:#E26A5C;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.konu-satir.yeni{background:var(--yeni-zemin)}
.mesaj-icerik a.resim{display:block;margin:8px 0;max-width:100%}
.mesaj-icerik a.resim img{display:block;max-width:100%;max-height:520px;height:auto;border:3px solid var(--cerceve)}
.mesaj-icerik a.bahsetme{font-weight:700;text-decoration:none;color:var(--cimen-koyu)}
.arac-cubuk{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.resim-ekle{cursor:pointer}.resim-ekle.yukleniyor{opacity:.6;cursor:wait}
.sikayet{position:relative}
.sikayet summary{cursor:pointer;color:var(--soluk);text-decoration:underline;list-style:none;min-height:32px;display:flex;align-items:center}
.sikayet summary::-webkit-details-marker{display:none}
.sikayet[open] form{position:absolute;right:0;bottom:36px;z-index:5;width:min(300px,80vw);background:var(--kart);border:3px solid var(--cerceve);box-shadow:4px 4px 0 var(--golge);padding:12px;display:flex;flex-direction:column;gap:8px;text-align:left}
.sikayet label{font-size:.85rem;margin:0}
.sikayet select,.sikayet input{min-height:40px;padding:6px 10px;font-size:.92rem}

/* ── 20.10 Canva maskotu (şeffaf PNG) ── */
.logo img{width:42px;height:42px}
.kahraman-gorsel img{width:220px;height:220px;filter:drop-shadow(0 10px 18px rgba(20,20,20,.25))}
@media (max-width:760px){.kahraman-gorsel img{width:140px;height:140px}.logo img{width:36px;height:36px}}

/* ── 20.10 profil sistemi ── */
.profil-menu{position:relative}
.profil-menu summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:46px;height:46px}
.profil-menu summary::-webkit-details-marker{display:none}
.profil-menu summary img{width:38px;height:38px;border:2px solid var(--cerceve);object-fit:cover;image-rendering:auto}
.profil-menu[open] summary img{outline:3px solid var(--odak);outline-offset:2px}
.pm-panel{position:absolute;right:0;top:54px;z-index:20;width:min(400px,calc(100vw - 24px));background:var(--kart);border:3px solid var(--cerceve);box-shadow:6px 6px 0 var(--golge)}
.pm-bas{display:flex;gap:16px;padding:16px;background:var(--kart-2);border-bottom:2px solid var(--cizgi)}
.pm-avatar{position:relative;flex-shrink:0;display:block;width:96px;height:96px;border:3px solid var(--cerceve)}
.pm-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.pm-avatar span{position:absolute;left:0;right:0;bottom:0;text-align:center;font-size:.8rem;font-weight:700;color:#fff;background:rgba(20,20,20,.55);padding:3px 0}
.pm-kimlik{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
.pm-kimlik b{font-family:var(--baslik);font-weight:600;font-size:1.15rem;overflow-wrap:anywhere}
.pm-unvan{font-size:.9rem;color:var(--yazi-2);overflow-wrap:anywhere}
.pm-kimlik dl{display:grid;grid-template-columns:1fr auto;gap:2px 10px;margin:4px 0 0;font-size:.88rem;color:var(--soluk);font-variant-numeric:tabular-nums}
.pm-kimlik dt,.pm-kimlik dd{margin:0}.pm-kimlik dd{text-align:right;color:var(--murekkep)}
.pm-linkler{display:grid;grid-template-columns:1fr 1fr;padding:8px 8px 4px}
.pm-linkler a{padding:10px;text-decoration:none;font-weight:500;min-height:44px;display:flex;align-items:center}
.pm-linkler a:hover{background:var(--zemin-2)}
.pm-cikis{padding:4px 18px 8px;border-top:2px solid var(--cizgi);margin:0 8px}
.pm-cikis .dg-bag{text-decoration:none;color:var(--murekkep);font-weight:500;min-height:44px}
.pm-durum{padding:0 16px 16px}
.pm-durum input{background:var(--zemin-2);border-width:2px;min-height:44px}
.avatar-buyuk{border:3px solid var(--cerceve);object-fit:cover;background:var(--kart)}
.profil-kart{overflow:hidden}
.profil-kapak{height:110px;background:var(--gok);border-bottom:3px solid var(--cerceve);background-image:linear-gradient(180deg,transparent 70%,#5FBF3A 70%,#5FBF3A 82%,#9A6236 82%)}
.profil-ust{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;padding:0 24px 18px;margin-top:-58px}
.profil-ust .avatar-buyuk{width:128px;height:128px;box-shadow:4px 4px 0 var(--golge)}
.profil-kimlik{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:4px;padding-bottom:4px}
.profil-kimlik h1{font-size:1.9rem;display:flex;gap:10px;align-items:center;flex-wrap:wrap;overflow-wrap:anywhere}
.unvan-buyuk{font-weight:700;color:var(--cimen-koyu)}
.durum{margin:4px 0 0;color:var(--yazi-2);font-style:italic}
.istatistik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--cizgi);text-align:center}
.istatistik div{padding:14px 6px;border-right:2px solid var(--cizgi)}.istatistik div:last-child{border-right:0}
.istatistik strong{display:block;font-family:var(--baslik);font-weight:600;font-size:1.35rem;font-variant-numeric:tabular-nums}
.istatistik span{font-size:.85rem;color:var(--soluk)}
.bilgi{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:0;font-size:.95rem}
.bilgi dt{color:var(--soluk)}.bilgi dd{margin:0;overflow-wrap:anywhere}
.cevrimici{color:var(--cimen-koyu);font-weight:700}
.hakkimda{margin-top:14px;padding-top:14px;border-top:2px solid var(--cizgi);overflow-wrap:anywhere;line-height:1.6}
.sekmeler{display:flex;gap:4px;padding:10px 14px 0;border-bottom:2px solid var(--cizgi);flex-wrap:wrap}
.sekmeler a{padding:10px 14px;text-decoration:none;font-weight:700;color:var(--soluk);border-bottom:3px solid transparent;margin-bottom:-2px}
.sekmeler a[aria-current]{color:var(--murekkep);border-bottom-color:var(--cimen)}
.ozet{color:var(--yazi-2)!important}
.unvan{color:var(--cimen-koyu);font-weight:700}
.iki-sutun{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0 16px}
.elmas-form{display:inline}
.elmas{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 10px;border:2px solid var(--cerceve);background:var(--kart);color:#2BB0C9;font:inherit;font-weight:700;cursor:pointer}
.elmas span{color:var(--murekkep)}
.elmas.verdim{background:var(--elmas-zemin)}
.elmas:hover:not([disabled]){background:var(--elmas-zemin)}.elmas[disabled]{cursor:default;opacity:.8}
@media (max-width:640px){.istatistik strong{font-size:1.1rem}.profil-ust{margin-top:-48px}.profil-ust .avatar-buyuk{width:96px;height:96px}}

/* ── 20.10 özel mesaj, vitrin, ilan, madalya, yönetim ── */
a.konu-satir{text-decoration:none;color:var(--murekkep)} a.konu-satir:hover{background:var(--kart-2)}
.sohbet-satir img,.ilan-satir img{width:40px;height:40px;border:2px solid var(--cerceve);object-fit:cover}
.pm-akis{display:flex;flex-direction:column;gap:14px}
.pm-balon{display:flex;gap:10px;align-items:flex-start;max-width:85%}
.pm-balon img{width:36px;height:36px;border:2px solid var(--cerceve);object-fit:cover;flex-shrink:0}
.pm-balon>div{background:var(--kart);border:3px solid var(--cerceve);padding:10px 14px;min-width:0;box-shadow:3px 3px 0 var(--golge)}
.pm-balon.ben{align-self:flex-end;flex-direction:row-reverse}
.pm-balon.ben>div{background:var(--pm-ben)}
.pm-ust{font-size:.8rem;color:var(--soluk);margin-bottom:4px}
.sunucu-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}
.sunucu-kart{display:flex;flex-direction:column;text-decoration:none;color:var(--murekkep);overflow:hidden}
.sunucu-kart:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--golge)}
.sunucu-kart.one-cikan{border-color:#B8860B;box-shadow:6px 6px 0 #B8860B}
.sunucu-banner{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;border-bottom:3px solid var(--cerceve);max-width:100%}
.bos-banner{display:flex;align-items:center;justify-content:center;background:var(--gok);font-family:var(--baslik);font-size:2.4rem;color:#fff;text-shadow:3px 3px 0 #2B3A55}
.sunucu-govde{padding:14px 16px;display:flex;flex-direction:column;gap:6px}
.sunucu-ad b{font-family:var(--baslik);font-weight:600;font-size:1.05rem}
.sunucu-ip{font-size:.92rem;background:var(--zemin-2);padding:2px 6px;align-self:flex-start;overflow-wrap:anywhere}
.sunucu-alt{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--soluk);flex-wrap:wrap}
.sunucu-modlar{font-size:.85rem;color:var(--yazi-2)}
.durum-nokta::before{content:"";display:inline-block;width:9px;height:9px;margin-right:6px;border:2px solid var(--cerceve);vertical-align:0}
.durum-nokta.acik::before{background:var(--cimen)}.durum-nokta.kapali::before{background:#BBB}
.ip-kutu{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ip-kutu code{font-size:1.25rem;font-weight:700;background:var(--zemin-2);border:3px solid var(--cerceve);padding:8px 14px;overflow-wrap:anywhere}
.fiyat{font-family:var(--baslik);font-weight:600;color:var(--cimen-koyu);white-space:nowrap}.fiyat.buyuk{font-size:1.4rem}
.ilan-satici{display:flex;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:2px solid var(--cizgi);flex-wrap:wrap}
.ilan-satici img{width:48px;height:48px;border:2px solid var(--cerceve);object-fit:cover}
.madalya-liste{display:flex;flex-direction:column;gap:10px}
.madalya{display:flex;gap:10px;align-items:center}
.madalya b{display:block;font-size:.95rem}.madalya small{color:var(--soluk);font-size:.8rem}
.cevrimici-liste{line-height:1.7;overflow-wrap:anywhere}.cevrimici-liste a{text-decoration:none;font-weight:500}
.yetkili-ad{color:var(--kirmizi)!important;font-weight:700!important}
.yonetim-kutular{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.yonetim-kutular .kart-ic{display:flex;flex-direction:column;gap:2px}
.yonetim-kutular span{color:var(--soluk);font-size:.9rem}.yonetim-kutular strong{font-family:var(--baslik);font-size:1.7rem;font-variant-numeric:tabular-nums}
.yonetim-kutular small{color:var(--cimen-koyu);font-weight:700}
.tablo-kutu{overflow-x:auto}
.tablo{width:100%;border-collapse:collapse;font-size:.92rem;font-variant-numeric:tabular-nums}
.tablo th,.tablo td{text-align:left;padding:10px 14px;border-top:2px solid var(--cizgi);white-space:nowrap}
.tablo th{background:var(--kart-2);font-size:.82rem;color:var(--soluk)}
details.yoksayilan{margin-bottom:22px;box-shadow:none;border-style:dashed}
details.yoksayilan summary{padding:12px 18px;cursor:pointer;color:var(--soluk)}
details.yoksayilan .mesaj{margin:0;box-shadow:none;border:0;border-top:2px solid var(--cizgi)}
img[src*="/yuklemeler/"]{object-fit:cover}


/* ── 20.10 karanlık mod: renkli zeminlerdeki yazı her temada koyu, beyaz düğme kart rengini alır ── */
.dg{color:var(--koyu-yazi)} .dg:hover{color:var(--koyu-yazi)} .dg.beyaz{background:var(--kart);color:var(--murekkep)}
.rozet,.rol{color:var(--koyu-yazi)}
.alt{background:var(--alt-zemin)}
.sayfalar .aktif{color:var(--koyu-yazi)}
.kahraman p{color:var(--murekkep)}
img{color-scheme:normal}
.tema-dg{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;border:0;color:var(--murekkep);cursor:pointer;padding:0}
.tema-dg .ay{display:block}.tema-dg .gunes{display:none}
:root[data-tema="koyu"] .tema-dg .ay{display:none}:root[data-tema="koyu"] .tema-dg .gunes{display:block}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]) .tema-dg .ay{display:none}:root:not([data-tema="acik"]) .tema-dg .gunes{display:block}}

/* ── 20.10 düzenleyici, spoiler, kod, en iyi cevap, duvar ── */
.duzenleyici{display:flex;flex-wrap:wrap;gap:4px;padding:6px;border:3px solid var(--cerceve);border-bottom:0;background:var(--kart-2)}
.duzenleyici button{min-width:40px;min-height:38px;padding:0 10px;border:2px solid transparent;background:none;color:var(--murekkep);font:inherit;font-weight:700;cursor:pointer}
.duzenleyici button:hover{background:var(--kart);border-color:var(--cerceve)}
.duzenleyici .ayrac{width:2px;background:var(--cizgi);margin:4px 4px}
.duzenleyici .sag{margin-left:auto}
.duzenleyici button[aria-pressed="true"]{background:var(--cimen);color:var(--koyu-yazi)}
.duzenleyici + textarea{border-top-width:2px}
.onizleme{border:3px dashed var(--cerceve);margin-top:8px;max-width:none;padding:14px 16px;background:var(--kart);min-height:60px;overflow-wrap:anywhere}
.onizleme:empty::before{content:"Önizlenecek bir şey yok.";color:var(--soluk)}
.mesaj-icerik ul{margin:6px 0 10px;padding-left:24px}
.mesaj-icerik li{margin:2px 0}
pre.kod{margin:8px 0;padding:12px 14px;background:var(--kod-zemin);border:2px solid var(--cizgi);overflow-x:auto;font-size:.88rem;line-height:1.5;white-space:pre}
pre.kod code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
details.spoiler{margin:8px 0;border:2px solid var(--cizgi);background:var(--kart-2)}
details.spoiler summary{cursor:pointer;padding:8px 12px;font-weight:700;color:var(--soluk)}
details.spoiler[open] summary{border-bottom:2px solid var(--cizgi)}
details.spoiler>div{padding:10px 12px}
.rozet.cozuldu{background:var(--cimen)}
.mesaj.en-iyi{border-color:#2F7D3A;box-shadow:6px 6px 0 #2F7D3A}
.en-iyi-etiket{background:#2F7D3A;color:#fff;font-weight:700;font-size:.85rem;padding:4px 18px}
.cozum-kutu{display:flex;flex-direction:column;gap:4px;margin:0 18px 14px;padding:12px 14px;border:2px solid #2F7D3A;background:var(--yeni-zemin);text-decoration:none;color:var(--murekkep)}
.cozum-kutu b{color:var(--cimen-koyu)}.cozum-kutu span{font-size:.92rem}.cozum-git{font-weight:700;color:var(--cimen-koyu)}
.cozum-dg{color:var(--cimen-koyu)!important;font-weight:700}
.duvar-form{border-bottom:2px solid var(--cizgi)}
.duvar-mesaj{display:flex;gap:12px;align-items:flex-start;padding:14px 20px;border-top:2px solid var(--cizgi)}
.duvar-mesaj img{width:40px;height:40px;border:2px solid var(--cerceve);object-fit:cover;flex-shrink:0}

.resim-ekle:focus-within{outline:3px solid var(--odak);outline-offset:3px}

/* ── 20.10 isim önerisi, moderatör araçları, uyarılar, yer işareti ── */
.alan,.duvar-form,#cevap form{position:relative}
.oneri-liste{position:absolute;left:0;z-index:30;min-width:220px;max-width:100%;margin:2px 0 0;padding:4px;list-style:none;background:var(--kart);border:3px solid var(--cerceve);box-shadow:4px 4px 0 var(--golge)}
.oneri-liste li{display:flex;align-items:center;gap:10px;padding:8px 10px;cursor:pointer;min-height:40px;font-weight:600}
.oneri-liste li:hover{background:var(--zemin-2)}
.oneri-liste li[aria-selected="true"]{background:var(--cimen);color:var(--koyu-yazi)}
.oneri-liste img{width:24px;height:24px;border:2px solid var(--cerceve);object-fit:cover}
.mod-satir{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}
.uyari-satir{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-top:2px solid var(--cizgi);font-size:.9rem}
.uyari-satir.pasif{opacity:.6}
.kaydet-form button[aria-pressed="true"]{color:var(--cimen-koyu);font-weight:700}

@media (max-width:640px){.sikayet[open] form{position:fixed;left:12px;right:12px;bottom:12px;width:auto;z-index:40}.sikayet select,.sikayet input{font-size:16px}}

/* ── 20.10 SCEditor görsel editörü (forum temasına uyarlandı) ── */
.sceditor-container{border:3px solid var(--cerceve)!important;border-radius:0!important;background:var(--kart)!important;box-shadow:none;max-width:100%}
.sceditor-container iframe,.sceditor-container textarea{background:var(--kart)!important;color:var(--murekkep)!important}
.sceditor-container textarea{font:15px/1.5 ui-monospace,Menlo,Consolas,monospace!important}
div.sceditor-toolbar{background:var(--kart-2)!important;border-bottom:2px solid var(--cizgi)!important;border-radius:0!important;padding:4px!important}
div.sceditor-group{background:transparent!important;border:0!important;border-radius:0!important;margin:1px 4px 1px 0!important;padding:0!important;border-right:2px solid var(--cizgi)!important}
div.sceditor-group:last-child{border-right:0!important}
.sceditor-button{width:auto!important;height:auto!important;min-width:34px;min-height:34px;padding:4px!important;border-radius:0!important;display:inline-flex!important;align-items:center;justify-content:center;color:var(--murekkep)!important}
.sceditor-button:hover,.sceditor-button.active,.sceditor-button:active{background:var(--kart)!important;box-shadow:inset 0 0 0 2px var(--cerceve)!important}
.sceditor-button svg{width:20px!important;height:20px!important;fill:currentColor!important}
.sceditor-button div{background:none!important;width:20px!important;height:20px!important;margin:0!important;padding:0!important;overflow:hidden;text-indent:-999px}
.sceditor-button.disabled{opacity:.35}
div.sceditor-dropdown{background:var(--kart)!important;color:var(--murekkep)!important;border:3px solid var(--cerceve)!important;border-radius:0!important;box-shadow:4px 4px 0 var(--golge)!important;z-index:50}
div.sceditor-dropdown input,div.sceditor-dropdown textarea{background:var(--kart)!important;color:var(--murekkep)!important;border:2px solid var(--cerceve)!important;border-radius:0!important;min-height:38px}
div.sceditor-dropdown .button{background:var(--cimen)!important;color:var(--koyu-yazi)!important;border:2px solid var(--cerceve)!important;border-radius:0!important;font-weight:700}
div.sceditor-dropdown a,div.sceditor-font-option,div.sceditor-fontsize-option{color:var(--murekkep)!important}
div.sceditor-grip{background:var(--kart-2)!important;border-top:2px solid var(--cizgi)}
.ed-oneri{top:auto!important;bottom:-4px;transform:translateY(100%);left:8px}
.sceditor-maximize{z-index:100!important}
/* gösterim: editörün ürettiği boyut / hizalama / video */
.boyut-1{font-size:.7rem}.boyut-2{font-size:.85rem}.boyut-3{font-size:1rem}.boyut-4{font-size:1.2rem}.boyut-5{font-size:1.5rem}.boyut-6{font-size:1.9rem}.boyut-7{font-size:2.4rem;line-height:1.2}
.hiza-sol{text-align:left}.hiza-orta{text-align:center}.hiza-sag{text-align:right}.hiza-iki{text-align:justify}
.mesaj-icerik blockquote cite{display:block;font-style:normal;font-weight:700;font-size:.88rem;margin-bottom:4px;color:var(--soluk)}
.mesaj-icerik ol{margin:6px 0 10px;padding-left:24px}
.mesaj-icerik hr{border:0;border-top:2px solid var(--cizgi);margin:12px 0}
.video{position:relative;max-width:640px;aspect-ratio:16/9;margin:8px 0;border:3px solid var(--cerceve);background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media (max-width:640px){
  div.sceditor-toolbar{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  div.sceditor-dropdown{left:4px!important;right:4px!important;width:auto!important}
  .sceditor-container textarea,div.sceditor-dropdown input{font-size:16px!important}
  div.sceditor-group{display:flex!important;flex:0 0 auto}
  .sceditor-button{min-width:40px;min-height:40px}
}
[hidden]{display:none!important}

/* ── 20.10 anket ── */
.konu-tur{margin-bottom:18px}
.konu-tur>input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}
.konu-tur>label{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;margin:0 4px 0 0;border:3px solid var(--cerceve);border-bottom:0;background:var(--kart-2);cursor:pointer;font-weight:700;color:var(--soluk)}
.konu-tur>input:checked+label{background:var(--kart);color:var(--murekkep);box-shadow:inset 0 4px 0 var(--cimen)}
.konu-tur>input:focus-visible+label{outline:3px solid var(--odak);outline-offset:2px}
.anket-alanlari{display:none;border:3px solid var(--cerceve);padding:16px;background:var(--kart)}
.konu-tur>input[value=anket]:checked~.anket-alanlari{display:block}
.konu-tur>input[value=tartisma]:checked~.anket-alanlari{display:none}
.konu-tur:has(input[value=tartisma]:checked)>label[for=tur-anket]{border-bottom:0}
.anket-girdi{border:0;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:8px}
.anket-girdi legend{font-weight:700;margin-bottom:6px;padding:0}
.anket-girdi .ek-secenek{display:none}
.anket{margin-bottom:22px;border-color:var(--cimen-koyu)}
.anket h2{font-size:1.25rem;margin:8px 0 14px}
.anket-ust{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.anket-not{font-size:.85rem;color:var(--soluk)}
.anket-sonuclar{display:flex;flex-direction:column;gap:12px}
.anket-satir{display:flex;justify-content:space-between;gap:10px;font-size:.95rem;margin-bottom:4px;flex-wrap:wrap}
.anket-satir span:last-child{color:var(--soluk);font-variant-numeric:tabular-nums}
.anket-cubuk{height:14px;border:2px solid var(--cerceve);background:var(--zemin-2)}
.anket-cubuk span{display:block;height:100%;background:var(--cimen)}
.anket-sonuc.benim .anket-satir span:first-child{font-weight:700}
.anket-alt{margin:12px 0 10px;color:var(--soluk);font-size:.9rem}
.anket-secim{border:0;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:8px}
.anket-secenek{display:flex;gap:10px;align-items:center;min-height:44px;padding:6px 12px;border:2px solid var(--cizgi);font-weight:500;cursor:pointer;margin:0}
.anket-secenek:hover{border-color:var(--cerceve)}
.anket-secenek input{width:20px;height:20px;flex-shrink:0}
.rozet.anket-rozet{background:#9ED8F5}

.hiza-orta a.resim,.hiza-sag a.resim{width:fit-content}
.hiza-orta a.resim,.hiza-orta .video{margin-left:auto;margin-right:auto}
.hiza-sag a.resim,.hiza-sag .video{margin-left:auto;margin-right:0}
.ed-oneri{color:var(--murekkep);font:600 15px/1.3 var(--govde)}
div.sceditor-dropdown label{color:var(--murekkep)!important}
div.sceditor-dropdown a:hover{background:var(--zemin-2)!important}

/* ── 20.10 okunmamış konular ── */
.yeni-nokta{display:inline-block;width:10px;height:10px;background:var(--cimen);border:2px solid var(--cerceve);margin-right:8px;vertical-align:1px}
.konu-satir.okundu .konu-ad a{font-weight:500}
.konu-satir.okunmamis{box-shadow:inset 4px 0 0 var(--cimen)}
.satir-ad .yeni-isaret{display:inline-block;font-family:var(--govde);font-size:.72rem;font-weight:700;padding:0 6px;margin-left:4px;border:2px solid var(--cerceve);background:var(--cimen);color:var(--koyu-yazi);vertical-align:2px}
.satir.okunmamis .blok{outline:3px solid var(--cimen);outline-offset:2px}
.okunmamis-sayi{display:inline-block;min-width:22px;padding:0 6px;margin-left:4px;border:2px solid var(--cerceve);background:var(--cimen);color:var(--koyu-yazi);font-family:var(--govde);font-size:.78rem;font-weight:700;line-height:1.5;text-align:center;vertical-align:2px}
.kart-bas .dugmeler{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.kart-bas .dugmeler form{margin:0}

/* ── 20.10 önekler ve etiketler ── */
.onek{display:inline-block;font-family:var(--govde);font-size:.75rem;font-weight:700;padding:1px 7px;border:2px solid var(--cerceve);margin-right:6px;vertical-align:2px;background:var(--onek,#FFE27A);color:var(--koyu-yazi);line-height:1.4}
h1 .onek{font-size:.9rem;vertical-align:5px}
.onek-suzgec{display:flex;flex-wrap:wrap;gap:6px;padding:12px 20px;border-top:2px solid var(--cizgi)}
.onek-suzgec a{display:inline-flex;align-items:center;padding:3px 6px;border:2px solid transparent;text-decoration:none;color:var(--murekkep);font-weight:700;font-size:.85rem;min-height:34px}
.onek-suzgec a .onek{margin:0}
.onek-suzgec a[aria-current]{border-color:var(--cerceve);background:var(--kart-2)}
.onek-suzgec a:hover{background:var(--kart-2)}
.etiket-listesi{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:-4px 0 16px;padding:0}
.etiket-listesi a,.etiket-bulutu a{display:inline-block;padding:2px 10px;border:2px solid var(--cizgi);background:var(--kart);color:var(--yazi-2);text-decoration:none;font-size:.88rem;font-weight:500}
.etiket-listesi a::before,.etiket-bulutu a::before{content:"#";color:var(--soluk);margin-right:2px}
.etiket-listesi a:hover,.etiket-bulutu a:hover{border-color:var(--cerceve);color:var(--murekkep)}
.etiket-bulutu{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:18px 20px;border-top:2px solid var(--cizgi)}
.etiket-bulutu a span{color:var(--soluk);font-size:.8em}
.etiket-bulutu .b2{font-size:1rem}.etiket-bulutu .b3{font-size:1.12rem;font-weight:700}.etiket-bulutu .b4{font-size:1.25rem;font-weight:700}
.etiket-baslik::before{content:"#";color:var(--soluk)}
.ipucu-ic{font-weight:500;color:var(--soluk);font-size:.88em}
.onek-kategoriler{border:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px}
.onek-kategoriler legend{font-weight:700;margin-bottom:6px;padding:0}
.onek-kategoriler label{display:flex;gap:6px;align-items:center;font-weight:500;margin:0}
.onek-kategoriler input{width:18px;height:18px}
.konu-ad span.onek,.konu-ad span.rozet{color:var(--koyu-yazi);font-size:.75rem}

/* ── 20.10 unvan seviyeleri ── */
.unvan-satir{display:inline-flex;align-items:center;gap:6px}
.unvan-seviye{display:inline-block;width:12px;height:12px;flex:0 0 12px;background:var(--seviye,#A8A29A);border:2px solid var(--cerceve);box-shadow:inset -2px -2px 0 rgba(0,0,0,.22)}
.unvan-buyuk .unvan-seviye{width:16px;height:16px;flex-basis:16px;margin-right:8px;vertical-align:-1px}
.unvan-ek{font-weight:500;color:var(--soluk)}
.yazar-madalya{display:inline-flex;gap:3px;align-items:center}
.yazar-madalya svg{display:block}
.unvan-ilerleme{display:flex;flex-direction:column;gap:4px;max-width:280px;margin-top:6px}
.unvan-ilerleme .cubuk{height:10px;border:2px solid var(--cerceve);background:var(--kart-2)}
.unvan-ilerleme .cubuk span{display:block;height:100%;background:var(--cimen)}
.unvan-ilerleme small{color:var(--soluk);font-size:.82rem}
@media (prefers-color-scheme:dark){:root:not([data-tema="acik"]) .unvan-ilerleme .cubuk{border-color:#6B7380;background:var(--zemin)}}
:root[data-tema="koyu"] .unvan-ilerleme .cubuk{border-color:#6B7380;background:var(--zemin)}

/* ── 20.10 sunucu türleri ── */
.tur-sekmeler{margin:18px 0 22px;border:3px solid var(--cerceve);box-shadow:none;padding:6px 10px 0}
.sekme-sayi{display:inline-block;min-width:20px;margin-left:4px;padding:0 5px;font-size:.75rem;font-weight:700;color:var(--soluk);border:2px solid var(--cizgi);text-align:center}
.tur-sekmeler a[aria-current] .sekme-sayi{color:var(--murekkep);border-color:var(--cerceve)}
.tur-rozetler{display:flex;flex-wrap:wrap;gap:5px;margin:6px 0 2px}
dd .tur-rozetler{margin:0}
.tur-rozet{display:inline-block;font-size:.72rem;font-weight:700;padding:0 7px;border:2px solid var(--cerceve);color:var(--koyu-yazi);background:#E2DED4;line-height:1.5}
.tur-skyblock{background:#B9E4FF}.tur-survival{background:#C9E7B0}.tur-pvp{background:#F7B7A8}.tur-ag{background:#FFE27A}.tur-diger{background:#E2DED4}
.tur-sec{border:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.tur-sec legend{font-weight:700;margin-bottom:8px;padding:0}
.tur-sec label{display:flex;gap:8px;align-items:center;font-weight:500;margin:0;min-height:32px}
.tur-sec input{width:20px;height:20px}

/* ── 20.10 imza ── */
.imza{margin:0 18px 4px;padding-top:12px;border-top:2px dashed var(--cizgi);color:var(--yazi-2);font-size:.9rem;line-height:1.5;max-height:150px;overflow:hidden;overflow-wrap:anywhere}
.imza a.resim{display:inline-block;margin:4px 0}
.imza img{max-height:90px;max-width:100%;height:auto;border:0;vertical-align:middle}
.imza .boyut-4{font-size:1.15rem}
.imza-onizleme{margin:0 0 16px}
.imza-onizleme>span{font-size:.85rem;color:var(--soluk)}
.imza-onizleme .imza{margin:6px 0 0}
.imza sub,.imza sup{vertical-align:baseline;font-size:.8em}
.imza-onizleme code{font-size:.8rem;word-break:break-all}

/* ── 20.10 profesyonelleştirme: sakin ana bölüm, karşılama şeridi, alt bilgi grupları, mobil üst çubuk ── */
.kahraman .kap{padding-top:36px;padding-bottom:36px}
.kahraman h1{font-size:clamp(1.7rem,3.6vw,2.7rem);text-shadow:3px 3px 0 #2B3A55;line-height:1.15}
.kahraman-gorsel img{width:180px;height:180px}
.karsilama{background:var(--kart);border-bottom:2px solid var(--cizgi)}
.karsilama .kap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.karsilama p{margin:0;color:var(--yazi-2)}
.karsilama p a{font-weight:700;color:var(--cimen-koyu)}
.alt .alt-ust{display:grid;grid-template-columns:minmax(220px,1.2fr) 3fr;gap:32px;align-items:start}
.alt-marka p{margin:12px 0 0;color:#B9B6AE;font-size:.92rem;max-width:300px}
.alt-gruplar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.alt-gruplar h2{font-family:var(--govde);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#B9B6AE;margin:0 0 10px}
.alt-gruplar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.alt-gruplar a{text-decoration:none}.alt-gruplar a:hover{text-decoration:underline}
.alt .alt-son{display:block;padding-top:0}
.alt-son-ic{border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.menu-dg{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;color:var(--murekkep);cursor:pointer}
.menu-dg .kapa{display:none}
.menu-dg[aria-expanded="true"] .ac{display:none}.menu-dg[aria-expanded="true"] .kapa{display:block}
summary:focus-visible{outline:3px solid var(--odak);outline-offset:3px}
.profil-menu summary:focus-visible{outline:none}.profil-menu summary:focus-visible img{outline:3px solid var(--odak);outline-offset:2px}
@media (max-width:760px){
  .alt .alt-ust{grid-template-columns:1fr}
  .alt-gruplar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kahraman .kap{padding-top:24px;padding-bottom:24px}
  .kahraman-gorsel{display:none}
  /* JS varsa: tek satır üst çubuk; menü + arama "Menü" düğmesiyle açılır */
  .js .menu-dg{display:inline-flex}
  .js .ust .kap{flex-wrap:wrap;row-gap:0}
  .js .ust-sag{flex:1 1 auto;flex-wrap:nowrap;gap:2px}
  .js .ust nav#ana-menu,.js .ust .ara-form{display:none}
  .js .ust.menu-acik nav#ana-menu{display:flex;order:6;flex:1 1 100%;flex-direction:column;gap:0;overflow:visible;padding:6px 0 4px;border-top:2px solid var(--cizgi);margin-top:8px}
  .js .ust.menu-acik nav#ana-menu a{padding:12px 2px;border-bottom:1px solid var(--cizgi);font-weight:700}
  .js .ust.menu-acik .ust-sag{display:contents}
  .js .ust.menu-acik .kap{column-gap:2px}
  .js .ust.menu-acik .logo{margin-right:auto}
  .js .ust.menu-acik .ara-form{display:flex;order:7;flex:1 1 100%;max-width:none;margin:10px 0 2px}
  .js .ust-sag .dg.kucuk{padding:6px 10px;font-size:.85rem}
}
@media (max-width:760px){.js .ust:not(.menu-acik) .tema-dg{display:none}.js .ust.menu-acik .tema-dg{order:8;margin-top:4px}}
@media (max-width:420px){.js .logo span{display:none}}