/* VİTRİN (ae96) — ana sayfadaki Analizler + Notlu sayfalar ve 404/410 sayfası.
   Türkçe (style.css) ve İngilizce (en.css) değişkenleriyle çalışır; lib/vitrin.php çizer. */
.vt,.vt-nf{
  --vt-kart:var(--card,var(--paper,#121216));
  --vt-zemin:var(--bg3,var(--noimg,#1c1c22));
  --vt-cizgi:var(--border,var(--rule,#26262e));
  --vt-cizgi2:var(--border-h,var(--rule-2,#3a3a46));
  --vt-metin:var(--text,var(--ink,#f3f2ef));
  --vt-metin2:var(--text2,var(--ink-2,#a8a7a2));
  --vt-metin3:var(--text3,var(--ink-soft,#71707a));
  --vt-vurgu:var(--accent,#e5a341);
  --vt-r:var(--r-sm,.4rem);
}
.vt{margin:2.2rem 0}
.vt-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.vt-bas h2{display:flex;align-items:center;gap:.5rem;margin:0;font-size:clamp(1.12rem,2vw,1.42rem);font-weight:700;letter-spacing:-.01em;color:var(--vt-metin)}
.vt-bas h2::before{content:"";width:3px;height:1em;background:var(--vt-vurgu);border-radius:2px;flex-shrink:0}
.vt-ust{display:block;margin-bottom:.15rem;color:var(--vt-vurgu);font-size:.72rem;font-weight:750;letter-spacing:.11em;text-transform:uppercase}
.vt-tumu{flex-shrink:0;color:var(--vt-vurgu);font-size:.84rem;font-weight:600;text-decoration:none;white-space:nowrap}
.vt-tumu:hover{text-decoration:underline}
.vt-say{flex-shrink:0;color:var(--vt-metin3);font-size:.78rem;white-space:nowrap}

/* Analiz kartları: telefonda tek sıra kaydırma, masaüstünde ana sayfada iki sıra kaydırma, 404'te ızgara. */
.vt-analizler{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,84%);gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem .5rem;scrollbar-width:thin}
.vt-analizler>*{scroll-snap-align:start}
.vt-analiz{display:flex;gap:.8rem;min-width:0;padding:.7rem;border:1px solid var(--vt-cizgi);border-radius:var(--vt-r);background:var(--vt-kart);color:var(--vt-metin);text-decoration:none;transition:border-color .15s,transform .15s}
.vt-analiz:hover{border-color:var(--vt-vurgu)}
.vt-analiz:hover b{color:var(--vt-vurgu)}
.vt-analiz-gorsel{flex:0 0 64px;height:96px;overflow:hidden;border-radius:calc(var(--vt-r) - 1px);background:var(--vt-zemin);display:flex;align-items:center;justify-content:center}
.vt-analiz-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.vt-analiz-govde{display:flex;flex-direction:column;gap:.22rem;min-width:0}
.vt-tur{color:var(--vt-vurgu);font-size:.66rem;font-weight:750;letter-spacing:.09em;text-transform:uppercase}
.vt-analiz b{font-size:.92rem;font-weight:650;line-height:1.3;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-ozet{color:var(--vt-metin2);font-size:.78rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-meta{margin-top:auto;color:var(--vt-metin3);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (min-width:760px){
  .vt-ana .vt-analizler{grid-template-rows:repeat(2,auto);grid-auto-columns:minmax(300px,calc((100% - 1.5rem)/3))}
  .vt-404 .vt-analizler,.vt-en .vt-analizler{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow:visible;margin:0;padding:0}
}

/* Afişli kartlar (notlu sayfalar, öneriler) */
.vt-kartlar{display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:1rem;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem .5rem;scrollbar-width:thin}
.vt-kartlar::-webkit-scrollbar,.vt-analizler::-webkit-scrollbar{height:4px}
.vt-kartlar::-webkit-scrollbar-thumb,.vt-analizler::-webkit-scrollbar-thumb{background:var(--vt-cizgi2);border-radius:4px}
.vt-kart{flex:0 0 142px;scroll-snap-align:start;display:block;color:var(--vt-metin);text-decoration:none}
.vt-kart-gorsel{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:2/3;overflow:hidden;border:1px solid var(--vt-cizgi);border-radius:var(--vt-r);background:var(--vt-zemin)}
.vt-kart-gorsel img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88);transition:filter .2s}
.vt-kart:hover .vt-kart-gorsel img{filter:saturate(1)}
.vt-kart:hover .vt-kart-gorsel{border-color:var(--vt-vurgu)}
.vt-kart>b{display:-webkit-box;margin-top:.45rem;font-size:.84rem;font-weight:600;line-height:1.35;letter-spacing:-.01em;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-kart:hover>b{color:var(--vt-vurgu)}
.vt-kart-alt{display:block;margin-top:.1rem;color:var(--vt-metin3);font-size:.72rem}
.vt-rozet-not{position:absolute;left:.4rem;bottom:.4rem;padding:.16rem .5rem;border-radius:999px;background:rgba(10,10,12,.78);color:#f2c46b;font-size:.68rem;font-style:normal;font-weight:700;letter-spacing:.01em}
.vt-yer{color:var(--vt-metin3);font-size:1.6rem;font-weight:700}
@media (min-width:760px){.vt-kart{flex-basis:156px}}

/* 404 / 410 */
.vt-nf{max-width:660px;margin:0 auto;padding:3rem 0 .5rem;text-align:center}
.vt-nf-kod{margin:0;color:var(--vt-vurgu);font-size:3.25rem;font-weight:750;line-height:1;letter-spacing:-.04em}
.vt-nf h1{margin:.45rem 0 .55rem;font-size:clamp(1.3rem,3vw,1.7rem);letter-spacing:-.02em;color:var(--vt-metin)}
.vt-nf-metin{max-width:54ch;margin:0 auto 1.3rem;color:var(--vt-metin2);line-height:1.55}
.vt-nf-metin b{color:var(--vt-metin)}
.vt-nf-ara{display:flex;gap:.5rem;max-width:500px;margin:0 auto 1rem}
.vt-nf-ara input{flex:1;min-width:0;min-height:46px;padding:0 1rem;border:1px solid var(--vt-cizgi2);border-radius:var(--vt-r);background:var(--vt-kart);color:var(--vt-metin);font-size:1rem}
.vt-nf-ara input:focus{outline:2px solid var(--vt-vurgu);outline-offset:1px}
.vt-nf-ara button{min-height:46px;padding:0 1.3rem;border:0;border-radius:var(--vt-r);background:var(--vt-vurgu);color:#17130a;font-size:.9rem;font-weight:650;cursor:pointer}
.vt-nf-bag{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}
.vt-nf-bag a{padding:.35rem .85rem;border:1px solid var(--vt-cizgi);border-radius:999px;color:var(--vt-metin2);font-size:.82rem;text-decoration:none}
.vt-nf-bag a:hover{border-color:var(--vt-vurgu);color:var(--vt-vurgu)}
.vt-oneri{margin-top:2rem}
@media (max-width:420px){.vt-nf{padding-top:2rem}.vt-nf-kod{font-size:2.6rem}.vt-bas{flex-wrap:wrap}}

/* ae100 — /editoryal-notlar/ sayfası */
.vt-sayfa-bas{max-width:760px;margin:1.6rem 0 1rem}
.vt-sayfa-bas h1{margin:.2rem 0 .6rem;font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.025em}
.vt-sayfa-bas p{color:var(--text2);line-height:1.6;margin:0 0 .5rem}
.vt-notlu-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}
.vt-notlu{display:flex;gap:.85rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--r-sm,.4rem);background:var(--card);color:var(--text);text-decoration:none;transition:border-color .15s,transform .15s}
.vt-notlu:hover{border-color:var(--accent);transform:translateY(-2px)}
.vt-notlu-gorsel{flex:0 0 72px;height:108px;border-radius:6px;overflow:hidden;background:var(--bg3);display:grid;place-items:center}
.vt-notlu-gorsel img{width:100%;height:100%;object-fit:cover;display:block}
.vt-notlu-govde{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.vt-notlu-govde b{font-size:.98rem;letter-spacing:-.01em}
.vt-rozet-not2{align-self:flex-start;padding:.1rem .55rem;border-radius:999px;background:var(--accent-bg);color:var(--accent);font-size:.7rem;font-weight:700}
.vt-notlu-govde q{color:var(--text2);font-size:.8rem;line-height:1.45;font-style:italic;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vt-bos{color:var(--text3)}

/* ae124 — ana sayfa: Analizler, Editöryal Not İçeren Dünyalar ve Listeler tıklanmadan tıklanır görünsün.
   Fareyle üzerine gelmeye bağlı değil (telefonda hover yok): her kartta görünür eylem satırı, köşede ok,
   "Bütün …" bağları düğme biçiminde, kartlarda belirgin çerçeve ve basınca tepki. */
.vt-tumu{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .95rem;border:1px solid var(--vt-vurgu);border-radius:999px;background:var(--accent-bg,rgba(229,163,65,.13));color:var(--vt-vurgu);font-weight:650;line-height:1.2;transition:background .15s,color .15s}
.vt-tumu:hover,.vt-tumu:focus-visible{background:var(--vt-vurgu);color:#17130a;text-decoration:none}
.vt-cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:.4rem;color:var(--vt-vurgu);font-size:.78rem;font-weight:700;letter-spacing:.01em}
.vt-cta>span{transition:transform .15s}
.vt-analiz-cta{border-color:var(--vt-cizgi2);box-shadow:0 1px 2px rgba(0,0,0,.18)}
.vt-analiz-cta .vt-meta{margin-top:auto}
.vt-analiz-cta .vt-cta{margin-top:.3rem}
.vt-analiz:hover .vt-cta>span,.vt-kart:hover .vt-cta>span,.ls-kart:hover .vt-cta>span{transform:translateX(3px)}
.vt-analiz:hover .vt-cta,.vt-kart:hover .vt-cta,.ls-kart:hover .vt-cta{text-decoration:underline;text-underline-offset:3px}
.vt-kart-cta .vt-kart-gorsel{border-color:var(--vt-cizgi2)}
.vt-kart-ok{position:absolute;top:.4rem;right:.4rem;display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:50%;background:rgba(10,10,12,.74);color:#f2c46b;font-size:.92rem;font-style:normal;font-weight:700;line-height:1;transition:background .15s,color .15s}
.vt-kart:hover .vt-kart-ok{background:var(--vt-vurgu);color:#17130a}
.vt-kart .vt-cta{margin-top:.25rem;font-size:.74rem}
.vt-listeler .ls-kart{border-color:var(--vt-cizgi2);box-shadow:0 1px 2px rgba(0,0,0,.18)}
.ls-cta{margin-top:.65rem;font-size:.82rem}
.vt-analiz:active,.vt-listeler .ls-kart:active{transform:scale(.99)}
.vt-kart:active .vt-kart-gorsel{transform:scale(.985)}
.vt-analiz:focus-visible,.vt-kart:focus-visible,.ls-kart-bag:focus-visible{outline:2px solid var(--vt-vurgu);outline-offset:2px}
@media (max-width:420px){.vt-tumu{padding:.36rem .8rem;font-size:.8rem}}