/* === KAYDIRMA EFEKTLERİ (2026-09-25) === assets/efekt.js ile birlikte çalışır (GSAP + ScrollTrigger). Hareketleri JS yapar; burası sadece efektli öğeleri JS başlayana kadar gizler (sayfa açılışında "yanıp sönme" olmasın). üzerindeki .fx-hazir sınıfını 'deki küçük betik ekler; JS yüklenemezse sayfa işlenince (DOMContentLoaded+0,3 sn, en geç 4 sn) kaldırılır ve içerik normal görünür. "Hareketi azalt" ayarında hiç eklenmez. */ /* Efektlerin başlangıç hâli (görsel %110 büyütülmüş) sayfayı sağdan taşırmasın → yana kaydırma olmasın. (2026-09-25: ana sayfadaki "Sarsılmaz güç" görseli en üstteyken telefonda yana kaydırmaya izin veriyordu. html{overflow-x:clip} denendi, tarayıcı kök öğede uygulamadı; bölümün kendisinde kırpılıyor.) */ .c-vizyon,.c-hk-hero-alt{overflow-x:clip} /* SAYFA GEÇİŞ EFEKTİ KAPALI (2026-09-26, Kağan: "sayfa geçişinde ekran takılıyor, özellikle ana sayfa"). Tarayıcı geçişte eski sayfanın görüntüsünü alıp yeni sayfa hazır olana kadar ekranı donduruyordu. Geri açmak için aşağıdaki bloğun yorumunu kaldır (içindeki *\/ → */). /* Sayfalar arası yumuşak geçiş (tarayıcının kendi özelliği, destekleyen tarayıcılarda) *\/ @view-transition{navigation:auto} ::view-transition-old(root),::view-transition-new(root){animation-duration:.25s!important} /* Ürün detay sayfalarına gelişte (103 sayfa, hepsinde #specs var) yeni sayfa biraz daha uzun ve hafifçe aşağıdan belirir. Sebep (Kağan, 25 Eylül): diğer 4 sayfada açılıştan sonra başlık/kart giriş hareketi olduğu için geçiş yumuşak hissediliyor; detay sayfalarında giriş hareketi yok → düz 0.25 sn solma "keskin" geliyordu. *\/ @media (prefers-reduced-motion:no-preference){ :root:has(#specs)::view-transition-old(root){animation:fx-vt-cik .22s ease-out both!important} :root:has(#specs)::view-transition-new(root){animation:fx-vt-gir .42s cubic-bezier(.22,.7,.2,1) .04s both!important} } @keyframes fx-vt-cik{to{opacity:0}} @keyframes fx-vt-gir{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} */ .fx-hazir .c-hero-baslik, .fx-hazir .c-mozaik-kutu, .fx-hazir .c-oc-kart, .fx-hazir .c-vizyon-yazi>*, .fx-hazir .c-vizyon-gorsel, .fx-hazir .c-hk-baslik, .fx-hazir .c-hk-gorsel, .fx-hazir .c-hk-hero-yazi>*, .fx-hazir .c-degerler-bas, .fx-hazir .c-deger, .fx-hazir .c-surec-bas, .fx-hazir .c-adim, .fx-hazir .c-bant, .fx-hazir .product-card, .fx-hazir aside .glass-card, .fx-hazir .c-il-baslik, .fx-hazir .fx-katalog-baslik, .fx-hazir .c-il-aciklama, .fx-hazir .c-il-dugmeler, .fx-hazir .c-il-bilgi, .fx-hazir .c-il-izgara .c-form-kart{opacity:0} /* Başlık satırları: her satır kendi maskesinin içinden aşağıdan kayar. Maske clip-path ile: yazının düzenini (satır aralığını) hiç değiştirmez; yukarı ve yanlara taşmaya izin verir (İ/Ü noktaları), alttan sadece Ç/Ş çengeli kadar pay bırakır. (Eski padding/negatif margin yöntemi büyük başlıklarda satır arasını ~.12em açıyordu — Kağan "Hakkımızda başlığı farklı geliyor" dedi.) */ .fx-satir{display:block;clip-path:inset(-.6em -.3em -.18em -.3em)} .fx-satir-ic{display:block} /* Çalışma Sürecimiz: numaralar arasındaki çizginin turuncu dolan kısmı */ .fx-cizgi-dolu{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--c-turuncu);transform-origin:left center;transform:scaleX(0)} /* Ürünler sayfası hız düzeltmesi: 103 kartta ve rozetlerinde arka plan bulanıklaştırması vardı (glass-card blur 20px + rozet blur 4px). Kartların arkası düz renk olduğundan bulanıklık görünmüyordu ama telefonda kaydırırken her kareyi yavaşlatıyordu (21 Eylül'deki takılmanın başlıca şüphelisi). Görünüm aynı kalır. */ .product-card.glass-card,aside .glass-card,.product-card .backdrop-blur-sm{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}