/* Color X — TARİF SAYFASI (tarif.html) + KULLANICI SAYFASI (kullanici.html)
   görünümü (2026-09-17: "tam sayfa açalım tarifleri"). Önceki açılır pencere
   (pencere.css/js) kaldırıldı: Safari'de kaydırma sırasında backdrop-filter
   içeriği hayalet gibi çiziyordu, tam sayfa hem bunu çözer hem paylaşılabilir
   bağlantı verir. Kart ızgaraları card.css'ten. */
/* Yazı tipi KENDİ sunucumuzdan (2026-10-04, gizlilik incelemesi): Google
   Fonts'tan yüklemek her ziyaretçinin IP'sini Google'a iletiyordu (AB'de
   izinsiz yapılması GDPR'a aykırı bulundu). Aynı font, aynı lisans:
   Share Tech Mono, SIL OFL 1.1 — /fonts/ShareTechMono-OFL.txt. */
@font-face{font-family:'Share Tech Mono';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/ShareTechMono-Regular.woff') format('woff')}
.tp-page{max-width:1180px;margin:0 auto;padding:18px 20px 44px}
.tp-geri{display:inline-flex;align-items:center;gap:6px;color:#a7a19a;font-size:.9rem;font-weight:600;margin-bottom:10px}
.tp-geri:hover{color:#efeae0}
.tp-head{display:flex;gap:16px;align-items:center;padding:8px 0 6px;min-width:0}
.tp-chip{width:52px;height:52px;border-radius:11px;object-fit:cover;flex:none;background:#222}
.tp-ad{font-size:clamp(1.45rem,2.6vw,2.05rem);font-weight:900;line-height:1.1;letter-spacing:.01em;overflow-wrap:anywhere;text-wrap:balance}
.tp-alt{color:#a7a19a;font-size:.92rem;font-weight:600;margin-top:4px}
.tp-alt .vt{display:inline-block;background:#b53142;color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.08em;
  padding:2px 8px;border-radius:999px;vertical-align:1px;margin-right:6px}
.tp-body{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;margin-top:16px}
.tp-foto h3,.tp-bilgi h3,.ku h3{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#a7a19a;margin:20px 0 8px;font-weight:700}
.tp-foto h3:first-child,.tp-bilgi h3:first-child{margin-top:0}
/* Büyük kare: fotoğrafın KENDİ oranında, ekranın %78'ine kadar yüksek (dikey
   kareler küçük kalmaz); tıklayınca tam ekran görüntüleyici. */
.tp-buyuk{display:flex;justify-content:center;background:#0b0b0b;border-radius:14px;overflow:hidden;border:1px solid #242424;min-height:200px}
.tp-buyuk-ac{padding:0;border:0;background:none;cursor:zoom-in;display:block;max-width:100%}
.tp-buyuk img{display:block;max-width:100%;max-height:78vh;width:auto;height:auto}
.tp-altyazi{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:#a7a19a;font-size:.82rem;margin-top:8px;min-height:1.2em}
.tp-altyazi .gear{font-family:'Share Tech Mono','Courier New',monospace;color:#ff8a3d;letter-spacing:.02em}
.tp-altyazi a{color:#efeae0;font-weight:700}
.tp-altyazi a:hover{text-decoration:underline}
.tp-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px;margin-top:12px}
.tp-strip button{padding:0;border:2px solid transparent;border-radius:9px;overflow:hidden;background:#111;cursor:pointer;aspect-ratio:1;display:block}
.tp-strip button img{width:100%;height:100%;object-fit:cover;display:block;opacity:.82;transition:opacity .15s}
.tp-strip button:hover img,.tp-strip button.on img{opacity:1}
.tp-strip button.on{border-color:#efeae0}
.tp-yok{color:#a7a19a;font-size:.88rem;margin-top:10px;line-height:1.5}
.tp-desc{font-size:.96rem;line-height:1.65;color:#e2ddd3;white-space:pre-line;max-width:62ch}
.tp-kaynak{font-size:.92rem;line-height:1.6;color:#a7a19a;max-width:62ch}
.tp-kaynak a{color:#efeae0;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(239,234,224,.35)}
.tp-kaynak a:hover{border-bottom-color:#efeae0}
.tp-rows{border-top:1px solid #262626}
.tp-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #262626;font-size:.9rem;line-height:1.35}
.tp-row .k{color:#a7a19a;font-weight:600}
.tp-row .v{font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.tp-chips{display:flex;flex-wrap:wrap;gap:6px}
.tp-chips span{background:#232323;border:1px solid #2e2e2e;color:#efeae0;border-radius:999px;padding:4px 11px;font-size:.8rem;font-weight:600}
.tp-yazar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tp-yazar>a{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;min-width:0}
.tp-yazar>a:hover .ad{text-decoration:underline}
.tp-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex:none;background:#2a2a2a;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.05rem;color:#fff}
.tp-yazar .ad{font-weight:800;font-size:.98rem}
.tp-yazar .hn{color:#a7a19a;font-size:.8rem}
.tp-sosyal{display:flex;gap:8px;flex-wrap:wrap;width:100%;margin-top:2px}
.tp-sos{display:inline-flex;align-items:center;gap:7px;border:1px solid #2e2e2e;background:#1c1c1c;color:#efeae0;
  border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:700;text-decoration:none}
.tp-sos:hover{border-color:#efeae0}
.tp-sos svg{width:15px;height:15px;display:block}
.tp-indir{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:22px}
.tp-rozet{display:inline-block;line-height:0}
.tp-rozet img{height:54px;width:auto;display:block}
.tp-rozet.gp img{height:64px}
.tp-not{color:#8a847c;font-size:.76rem;line-height:1.5;margin-top:10px;max-width:60ch}
/* Silinmekteki tarif uyarısı (2026-10-08). */
.tp-silinme{color:#f3e2c8;background:#2b2622;border:1px solid #6d5a44;border-radius:12px;padding:10px 14px;font-size:.85rem;max-width:none;margin:10px 0}
.tp-bos{color:#a7a19a;text-align:center;padding:60px 0;line-height:1.6}
.tp-bos a{color:#efeae0;font-weight:700;text-decoration:underline}
/* TAM EKRAN GÖRÜNTÜLEYİCİ */
html.tp-kilit{overflow:hidden}
.tp-lb{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.96);display:flex;align-items:center;justify-content:center}
.tp-lb[hidden]{display:none}
.tp-lb img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;cursor:zoom-out}
.tp-lb-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.3);
  background:rgba(0,0,0,.6);color:#fff;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.tp-lb-ok{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:64px;border:0;border-radius:10px;background:rgba(0,0,0,.45);
  color:#fff;font-size:34px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.tp-lb-ok:hover{background:rgba(0,0,0,.75)}
.tp-lb-ok.geri{left:10px}.tp-lb-ok.ileri{right:10px}
.tp-lb-ok[hidden]{display:none}
.tp-lb-alt{position:absolute;left:0;right:0;bottom:0;padding:12px 16px;text-align:center;color:#d9d3c8;font-size:.82rem;
  font-family:'Share Tech Mono','Courier New',monospace;background:linear-gradient(transparent,rgba(0,0,0,.72))}
.tp-lb-x:focus-visible,.tp-lb-ok:focus-visible,.tp-strip button:focus-visible,.tp-buyuk-ac:focus-visible{outline:2px solid #efeae0;outline-offset:2px}
/* KULLANICI SAYFASI */
.ku-head{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:8px 0 4px}
.ku-avatar{width:92px;height:92px;border-radius:50%;object-fit:cover;flex:none;background:#2a2a2a;
  display:flex;align-items:center;justify-content:center;font-weight:900;font-size:2rem;color:#fff}
.ku-ad{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:900;line-height:1.1}
.ku-hn{color:#a7a19a;font-size:.9rem;margin-top:2px}
.ku-bio{color:#e2ddd3;font-size:.92rem;line-height:1.55;margin-top:8px;max-width:60ch;white-space:pre-line}
.ku-sayac{display:flex;gap:18px;color:#a7a19a;font-size:.82rem;margin-top:8px}
.ku-sayac b{color:#efeae0;font-weight:800}
.ku-sosyal{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.ku-kam{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.ku-kam span{font-family:'Share Tech Mono','Courier New',monospace;color:#ff8a3d;background:#1c1c1c;border:1px solid #2e2e2e;border-radius:999px;padding:3px 10px;font-size:.78rem}
.ku h3{margin-top:30px}
.ku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.ku-fotolar{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ku-fotolar a{display:block;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#111}
.ku-fotolar img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.ku-fotolar a:hover img{transform:scale(1.03)}
@media(max-width:820px){
  .tp-body{grid-template-columns:1fr;gap:22px}
  .tp-page{padding:14px 16px 36px}
  .tp-chip{width:44px;height:44px}
}
/* Görsel koruma (2026-09-18): sürükleme/seçme kapalı; tıklamalar kapsayıcıya gider. */
.tp-buyuk img,.tp-lb img,.tp-strip img,.ku-fotolar img{-webkit-user-drag:none;user-select:none;pointer-events:none}