/* ========================================================================== ROTOR — OTO YEDEK PARÇA ========================================================================== ÖLÇÜ FİŞİ. Bu tema göz kararıyla değil ÖLÇÜLEREK yazıldı. Kaynak: wpamerce.com/auto/ — 1440px görüntü alanında Playwright ile getComputedStyle + getBoundingClientRect (/root/screenshot-tool/oto-olc.mjs). İkinci referans (ochaka … /home-car-auto/?layout=autopart) yalnız EKRAN GÖRÜNTÜSÜ olarak elimizde — alan adı kayıtlı olmadığı için canlı ölçülemedi ve ondan yalnız KOMPOZİSYON okundu, sayı alınmadı. kapsayıcı 1400px gövde 16px / 26px · Public Sans · #3d444d h1 (kahraman) 44px / 52px · Space Grotesk · 600 bölüm başlığı 30px / 38px · Space Grotesk · 600 ürün kartı ÇERÇEVELİ · yarıçap 4px · GÖLGE YOK kart fotoğrafı 1 : 1 · object-fit CONTAIN (parça kırpılmaz) düğme yükseklik 46 · yarıçap 4 · 14px / 22px · 600 parça numarası 13px · tabular-nums · harf aralığı 0,04em bölüm zemini #f4f5f7 REFERANSIN KODU KOPYALANMADI. Ölçü kopyalanmaz, ölçülür. TEMANIN TEK CÜMLESİ ------------------- "Bu parça benim arabama uyar mı?" Sayfadaki her karar bu soruya hizmet eder: kahraman bir fotoğraf değil ARAÇ SEÇİCİdir, kartta parça numarası KALICIDIR, fotoğraf KIRPILMAZ (kırpılan bir fren diski tanınmaz), uyumluluk rozeti fiyatın önünde gelir. TÜRKÇE BÜYÜK HARF UYARISI ------------------------- Bu dosyada `text-transform: uppercase` HİÇBİR YERDE YOK. Türkçe'de o kural "ilgi"yi "ILGI" yapar, "İLGİ" yapmaz. Büyük harf istenen her yerde metin Blade tarafında `Metin::buyuk()` ile üretilir; `--btn-transform` ve `--heading-transform` jetonları bilerek `none`. TEMEL TİPOGRAFİ `:where()` İÇİNDE — NİÇİN ----------------------------------------- `.tema-rotor h2` seçicisinin özgüllüğü (0,1,1); çekirdek bileşenlerin yaprak CSS'i tek sınıfla yazılmıştır (`.riza__baslik`, `.bulten__baslik` → 0,1,0). Temanın GENEL kuralı bileşenin ÖZEL kuralını yeniyor ve çerez bandının başlığını temanın rengiyle çiziyordu (lale'de ölçüldü: karşıtlık 1,03). `:where()` özgüllüğü 0,1,0'a indirir; yaprak CSS `` sırasında temadan sonra geldiği için beraberlik bileşenin lehine çözülür. ÇEKİRDEK SINIFLAR BU DOSYADA YENİDEN ÇİZİLİR -------------------------------------------- Tema kendi Blade iskeletini getirdiği için `css/shop.css` YÜKLENMEZ. Düğme, form alanı, uyarı, sepet satırı, ödeme adımı, sayfalama, prose ve veri tablosu burada yeniden tanımlanmazsa temanın EZMEDİĞİ her ekran (hesabım, kasa, sipariş takibi) tarayıcı varsayılanlarıyla çizilir. ARAÇ UYUMLULUK MODÜLÜ KENDİ CSS'İNİ GETİRİR (`css/shop-oto.css`) ve jetonları okur; `.oto-*` sınıfları burada yeniden çizilmez. DOĞRULAMA — 23 Ağustos 2026, canlı sayfada ölçüldü -------------------------------------------------- ölçü fişi 25 / 25 tuttu rotor-olc.mjs yatay taşma 11 genişlikte YOK rotor-tasma.mjs karşıtlık 3 sayfada ihlal YOK rotor-karsit.mjs odak halkası 45 / 45 görünür (Tab ile) rotor-odak.mjs mobil çekmece açılıyor VE kapanıyor rotor-odak.mjs CLS pc 0,002 · mobil 0,027 rotor-cls.mjs Lighthouse masaüstü 99/100/100/100 wp-lh.mjs mobil 99/100/100/100 uyumluluk akışı seçici → garaj → şerit → rotor-uyum.mjs 24 kartta rozet, 3'ü kesin uyumlu Betiklerin hepsi /root/screenshot-tool altında. BU TEMAYI YAZARKEN BULUNAN PLATFORM ARIZALARI (üçü de düzeltildi) ----------------------------------------------------------------- 1) `public/js/shop-oto.js` DEPODA YOKTU ama seçici sayfası onu `