/* =====================================================================
 * onizle_premium.css — DALGA 4 GÖRSEL MADDELER · ÖNİZLEME (2026-10-25)
 * Yalnız ?onizle=premium ile açılır (gs_onizle çerezi, 1 gün). Onur onaylarsa site.css'e taşınır.
 *   18  Eser büyütme (zoom) penceresi KOYU — eser ışıkta, çevre karanlıkta (galeri gibi)
 *   20  Mikro etkileşimler 150–200 ms — kart yükselmesi, görsel yumuşak beliriş, düğme basışı,
 *       odak halkası, favori kalbi
 *   16  Sayfa geçişi (View Transitions) — listeden esere görsel akarak geçer (Chrome/Edge;
 *       desteklemeyen tarayıcı normal açar)
 *  108  Blog okuma deneyimi — okuma ölçüsü, büyük ilk harf, okuma ilerleme çizgisi, süre
 * ===================================================================== */

/* ---------- 18 · koyu zoom ---------- */
#zmArka{background:radial-gradient(ellipse at 50% 45%,#22201d 0%,#121110 70%,#0c0b0a 100%)}
#zmImg{box-shadow:0 30px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.04)}
.zm-bilgi{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0));color:#d9d2c3}
.zm-ipucu{background:rgba(20,19,18,.72);color:#bdb5a6;border:1px solid rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.zm-kademe button{background:rgba(24,23,21,.82);color:#e9e2d2;border-color:rgba(201,163,92,.45);box-shadow:0 8px 24px rgba(0,0,0,.35)}
.zm-kademe button.aktif,.zm-kademe button:hover{background:#c9a35c;color:#16140f;border-color:#c9a35c}
#zmKapat{color:#e9e2d2}
#zmHarita{background:rgba(0,0,0,.45);border-color:rgba(201,163,92,.35)}

/* ---------- 20 · mikro etkileşimler ---------- */
@media (prefers-reduced-motion:no-preference){
  .eser-k img{transition:transform .2s cubic-bezier(.2,.7,.2,1),box-shadow .2s ease}
  .eser-k:hover img,.eser-k a:focus-visible img{transform:translateY(-4px);box-shadow:0 22px 48px rgba(29,42,68,.18)}
  .eser-k .sa,.eser-k .ta{transition:color .18s ease}
  .eser-k:hover .sa{color:var(--altin)}
  .tus,button.tus,a.tus,.ed-ikon{transition:transform .15s ease,background .18s ease,color .18s ease,box-shadow .18s ease}
  .tus:active,.ed-ikon:active{transform:scale(.97)}
  img.gs-belir{opacity:0;transition:opacity .35s ease}
  img.gs-belir.gs-geldi{opacity:1}
  .gs-fav.gs-pop{animation:gsPop .32s cubic-bezier(.3,1.6,.5,1)}
  @keyframes gsPop{0%{transform:scale(1)}45%{transform:scale(1.22)}100%{transform:scale(1)}}
}
:focus-visible{outline:2px solid #c9a35c;outline-offset:3px;border-radius:2px}

/* ---------- 16 · sayfa geçişi ---------- */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}
#edResim{view-transition-name:eser-gorsel}
::view-transition-group(eser-gorsel){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.7,.2,1)}
@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

/* ---------- 108 · blog okuma ---------- */
.bl-yazi .sf-govde{font-size:1.1rem;line-height:1.85;max-width:68ch}
.bl-yazi .sf-govde > p:first-of-type::first-letter{float:left;font-family:'Cormorant Garamond',serif;font-size:4.1em;line-height:.82;
  padding:.06em .1em 0 0;color:var(--altin);font-weight:600}
.bl-yazi .sf-govde p{margin:0 0 1.25rem}
.bl-yazi .sf-govde blockquote{border-left:3px solid var(--altin);background:transparent;font-family:'Cormorant Garamond',serif;
  font-size:1.3rem;line-height:1.5;font-style:italic;padding:.4rem 0 .4rem 1.3rem;color:var(--laci)}
.bl-sure{display:inline-flex;gap:.4rem;align-items:center;font-size:.8rem;letter-spacing:.06em;color:var(--mut);margin:.2rem 0 1.4rem}
#blIlerleme{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#c9a35c,#e5c76b);z-index:300;
  transition:width .1s linear;pointer-events:none}
@media (max-width:700px){.bl-yazi .sf-govde{font-size:1.04rem}}