/* Topluluk ve rehber sayfaları — site.css üzerine */
.mi{display:inline-block;flex-shrink:0;width:48px;height:48px}
.ik{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle}
.ust-linkler a.aktif{color:#fff;font-weight:800}
body.detay .t-giris{display:none}

/* ── HERO ── */
.t-giris{background:var(--gece);color:#fff;padding:64px 0 56px;position:relative;overflow:hidden}
.t-giris::before{content:'';position:absolute;inset:0;background:
  radial-gradient(ellipse 40% 70% at 85% 20%,rgba(244,133,122,.16),transparent 70%),
  radial-gradient(ellipse 35% 60% at 10% 90%,rgba(74,144,196,.14),transparent 70%);pointer-events:none}
.t-giris .icerik{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.t-giris .etiket{color:rgba(255,255,255,.55)}
.t-giris h1{font-family:var(--d);font-size:clamp(34px,4.6vw,52px);font-weight:600;line-height:1.08;letter-spacing:-.015em;margin-bottom:14px}
.t-giris p{color:rgba(255,255,255,.66);font-size:16px;line-height:1.7;max-width:540px}
.t-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.dugme-acik{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.18)}
.dugme-acik:hover{background:rgba(255,255,255,.14)}
.t-vitrin{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.t-vitrin-kart{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:16px 12px;text-align:center}
.t-vitrin-kart .mi{width:56px;height:56px;margin-bottom:8px}
.t-vitrin-sayi{font-family:var(--d);font-size:24px;font-weight:600;line-height:1}
.t-vitrin-ad{font-size:11.5px;color:rgba(255,255,255,.55);margin-top:5px;font-weight:600}

/* ── KURALLAR ŞERİDİ ── */
.t-kural{background:var(--altin-a);border-bottom:1px solid rgba(217,164,65,.3)}
.t-kural .icerik{display:flex;align-items:center;gap:12px;padding-top:12px;padding-bottom:12px;font-size:13px;color:var(--murekkep-o);line-height:1.55}
.t-kural .ik{color:#B07F20}
.t-kural strong{color:var(--murekkep)}

/* ── DÜZEN ── */
.t-govde{padding:36px 0 72px}
.t-izgara{display:grid;grid-template-columns:1fr 300px;gap:28px;align-items:start}
.t-yan{position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}

/* Sekmeler ve filtreler */
.t-arac{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px}
.t-sekmeler{display:inline-flex;background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:12px;padding:4px;gap:2px;flex-wrap:wrap}
.t-sekme{padding:9px 16px;border-radius:9px;font-size:13.5px;font-weight:700;color:var(--murekkep-s);background:none;border:none;display:inline-flex;align-items:center;gap:7px}
.t-sekme .say{font-size:11px;background:var(--kagit);color:var(--murekkep-s);border-radius:8px;padding:1px 7px}
.t-sekme.aktif{background:var(--murekkep);color:#fff}
.t-sekme.aktif .say{background:rgba(255,255,255,.15);color:#fff}
.t-filtre{display:flex;gap:8px;flex-wrap:wrap}
.t-alan{padding:10px 13px;border:1.5px solid var(--cizgi);border-radius:10px;font-size:13.5px;font-family:var(--g);color:var(--murekkep);background:var(--beyaz);outline:none}
.t-alan:focus{border-color:var(--gok)}
.t-ara{min-width:200px}

/* Gönderi kartı */
.g-liste{display:flex;flex-direction:column;gap:12px}
a.g-kart{text-decoration:none}
.g-kart{display:flex;gap:16px;background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;transition:transform .2s, box-shadow .2s, border-color .2s;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit}
.g-kart:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(34,34,58,.08);border-color:rgba(34,34,58,.2)}
.g-ikon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.g-ikon .mi{width:42px;height:42px}
.gi-soru{background:var(--gok-a)} .gi-deneyim{background:var(--somon-a)} .gi-rehber{background:var(--yaprak-a)}
.g-bilgi{flex:1;min-width:0}
.g-ust{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.g-rozet{font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:8px}
.gr-soru{background:var(--gok-a);color:var(--gok-k)} .gr-deneyim{background:var(--somon-a);color:var(--somon-k)} .gr-rehber{background:var(--yaprak-a);color:#3F6B44}
.g-etiket{font-size:11.5px;font-weight:700;color:var(--murekkep-s)}
.g-baslik{font-family:var(--d);font-size:19px;font-weight:600;line-height:1.3;color:var(--murekkep)}
.g-ozet{font-size:14px;color:var(--murekkep-o);line-height:1.6;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.g-alt{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:12px;font-size:12.5px;color:var(--murekkep-s)}
.g-yazar{display:inline-flex;align-items:center;gap:7px;font-weight:700;color:var(--murekkep-o)}
.g-yazar .karo{font-size:11px}
.g-cevap{display:inline-flex;align-items:center;gap:5px;font-weight:700}
.g-cevap.var{color:var(--gok-k)}
.g-bekliyor{background:var(--altin-a);color:#9A6E17;font-size:10.5px;font-weight:800;padding:3px 8px;border-radius:8px;text-transform:uppercase;letter-spacing:.05em}

/* Boş durum */
.t-bos{background:var(--beyaz);border:1.5px dashed rgba(34,34,58,.18);border-radius:var(--r-b);padding:44px 28px;text-align:center}
.t-bos .mi{width:84px;height:84px;margin-bottom:12px}
.t-bos h3{font-family:var(--d);font-size:22px;font-weight:600;margin-bottom:8px}
.t-bos p{color:var(--murekkep-o);font-size:14.5px;line-height:1.7;max-width:460px;margin:0 auto}
.oneriler{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:20px}
.oneri{background:var(--kagit);border:1.5px solid var(--cizgi);border-radius:20px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--murekkep-o);font-family:var(--g)}
.oneri:hover{border-color:var(--somon);color:var(--murekkep)}

/* Yan kartlar */
.y-kart{background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:20px}
.y-kart h4{font-family:var(--d);font-size:17px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.y-kart h4 .mi{width:34px;height:34px}
.y-adim{display:flex;gap:12px;padding:9px 0;font-size:13.5px;color:var(--murekkep-o);line-height:1.5}
.y-adim b{width:24px;height:24px;border-radius:7px;background:var(--somon-a);color:var(--somon-k);display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.y-link{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--cizgi);font-size:14px;font-weight:700;color:var(--murekkep)}
.y-link:first-of-type{border-top:none}
.y-link .mi{width:36px;height:36px}
.y-link small{display:block;font-size:12px;font-weight:500;color:var(--murekkep-s)}
.y-link:hover{color:var(--somon-k)}

/* ── DETAY ── */
.d-geri{display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:var(--murekkep-s);margin-bottom:16px;background:none;border:none;font-family:var(--g)}
.d-geri:hover{color:var(--murekkep)}
.d-kart{background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r-b);padding:28px}
.d-kart .g-baslik{font-size:clamp(24px,3vw,32px);margin:6px 0 14px}
.d-metin{font-size:15.5px;line-height:1.8;color:var(--murekkep-o);white-space:pre-wrap;word-wrap:break-word}
.d-alt{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin-top:22px;padding-top:16px;border-top:1px solid var(--cizgi);font-size:13px;color:var(--murekkep-s)}
.link-dugme{background:none;border:none;font-family:var(--g);font-size:13px;font-weight:700;color:var(--murekkep-s);display:inline-flex;align-items:center;gap:6px;padding:4px 0}
.link-dugme:hover{color:var(--somon-k)}
.d-uyari{background:var(--altin-a);border:1px solid rgba(217,164,65,.35);border-radius:12px;padding:12px 16px;font-size:13.5px;color:var(--murekkep-o);margin-bottom:16px;display:flex;gap:10px;align-items:flex-start}
.d-uyari .ik{color:#B07F20;margin-top:2px}
.c-baslik{font-family:var(--d);font-size:22px;font-weight:600;margin:32px 0 14px}
.c-kart{background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;margin-bottom:10px}
.c-kart.uzman{border-color:rgba(92,138,94,.5);background:linear-gradient(180deg,#F4F9F4,#fff)}
.c-ust{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:12.5px;color:var(--murekkep-s)}
.uzman-rozet{display:inline-flex;align-items:center;gap:5px;background:var(--yaprak);color:#fff;font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:8px;letter-spacing:.04em;text-transform:uppercase}
.c-metin{font-size:15px;line-height:1.75;color:var(--murekkep-o);white-space:pre-wrap;word-wrap:break-word}
.c-form{background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;margin-top:14px}
.c-form textarea{width:100%;min-height:110px;resize:vertical}
.c-form-alt{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-top:10px;font-size:12.5px;color:var(--murekkep-s)}

/* ── FORM PENCERESİ ── */
.pencere-ort{position:fixed;inset:0;background:rgba(21,21,42,.55);z-index:500;display:none;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto}
.pencere-ort.acik{display:flex}
.pencere{background:var(--beyaz);border-radius:var(--r-b);width:640px;max-width:100%;box-shadow:0 30px 70px rgba(0,0,0,.25)}
.p-bas{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cizgi)}
.p-bas h3{font-family:var(--d);font-size:21px;font-weight:600}
.p-kapat{background:none;border:none;color:var(--murekkep-s);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}
.p-kapat:hover{background:var(--kagit)}
.p-govde{padding:22px 24px}
.p-tur{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.p-tur button{border:1.5px solid var(--cizgi);background:var(--beyaz);border-radius:12px;padding:12px 8px;font-family:var(--g);font-size:13px;font-weight:700;color:var(--murekkep-o);display:flex;flex-direction:column;align-items:center;gap:6px}
.p-tur button .mi{width:36px;height:36px}
.p-tur button.secili{border-color:var(--murekkep);background:var(--kagit);color:var(--murekkep)}
.p-grup{margin-bottom:16px}
.p-grup label{display:block;font-size:12.5px;font-weight:800;color:var(--murekkep-o);margin-bottom:6px}
.p-grup .t-alan{width:100%}
.p-grup textarea.t-alan{min-height:170px;resize:vertical;line-height:1.6}
.p-ipucu{font-size:12px;color:var(--murekkep-s);margin-top:5px;display:flex;justify-content:space-between;gap:10px}
.p-satir{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.p-onay{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--murekkep-o);line-height:1.55;background:var(--kagit);border-radius:12px;padding:12px 14px}
.p-onay input{margin-top:3px;accent-color:var(--somon);flex-shrink:0}
.p-alt{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--cizgi)}
.p-ad{font-size:12.5px;color:var(--murekkep-s)}
.p-ad b{color:var(--murekkep)}
.p-hata{color:#C0392B;font-size:13px;font-weight:700;margin-top:10px;display:none}
.p-sonuc{text-align:center;padding:36px 24px}
.p-sonuc .mi{width:80px;height:80px;margin-bottom:10px}
.p-sonuc h3{font-family:var(--d);font-size:22px;margin-bottom:8px}
.p-sonuc p{color:var(--murekkep-o);font-size:14.5px;line-height:1.7;max-width:420px;margin:0 auto 18px}

.bildirim-k{position:fixed;bottom:20px;left:50%;transform:translate(-50%,90px);background:var(--murekkep);color:#fff;padding:12px 18px;border-radius:12px;font-size:13.5px;font-weight:700;z-index:600;opacity:0;transition:all .3s;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.bildirim-k.goster{transform:translate(-50%,0);opacity:1}

.yukleniyor-k{padding:40px;text-align:center;color:var(--murekkep-s);font-size:14px}

/* ── REHBER SAYFALARI ── */
.r-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.r-kart{background:var(--beyaz);border:1.5px solid var(--cizgi);border-radius:var(--r);padding:22px;display:flex;flex-direction:column;gap:8px;transition:transform .2s, box-shadow .2s}
.r-kart:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(34,34,58,.08)}
.r-kart .mi{width:52px;height:52px;margin-bottom:4px}
.r-kat{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--somon-k)}
.r-ad{font-family:var(--d);font-size:19px;font-weight:600;line-height:1.3}
.r-ozet{font-size:13.5px;color:var(--murekkep-o);line-height:1.6;flex:1}
.r-meta{font-size:12px;color:var(--murekkep-s);font-weight:600}

@media(max-width:980px){
  .t-giris .icerik{grid-template-columns:1fr}
  .t-izgara{grid-template-columns:1fr}
  .t-yan{position:static}
  .r-izgara{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .t-giris{padding:44px 0 40px}
  .t-vitrin-kart{padding:12px 6px}
  .t-vitrin-kart .mi{width:44px;height:44px}
  .t-arac{flex-direction:column;align-items:stretch}
  .t-sekmeler{display:grid;grid-template-columns:1fr 1fr}
  .t-filtre{display:grid;grid-template-columns:1fr 1fr}
  .t-ara{grid-column:1/-1;min-width:0}
  .g-kart{padding:16px;gap:12px}
  .g-ikon{width:46px;height:46px}
  .g-ikon .mi{width:34px;height:34px}
  .g-baslik{font-size:17px}
  .d-kart{padding:20px}
  .p-satir{grid-template-columns:1fr}
  .p-tur button{font-size:12px}
  .r-izgara{grid-template-columns:1fr}
}

/* Açık zeminde ikincil düğme */
.pencere .dugme-hayalet,.t-govde .dugme-hayalet{color:var(--murekkep);border:1.5px solid var(--cizgi);background:var(--kagit)}
.pencere .dugme-hayalet:hover,.t-govde .dugme-hayalet:hover{border-color:var(--murekkep)}