Dawn teması içinde özel CSS eklemek istiyorum ama kod kayboluyor, ne yapmalı?

Geçen ay yeni bir koleksiyon açtım ve Dawn temasıyla devam ettim. Tasarımı biraz daha kendime göre özelleştirmek istedim; örneğin ürün kartının hover efektiyle renk değiştirmesini, başlık fontunu küçültmeyi düşündüm. Bunun için “assets” klasörüne bir **custom.css** dosyası ekleyip, Online Store > Themes > Actions > Edit code yolunu izleyerek **theme.liquid** içinde “ kısmına `{% style ‘custom.css’ %}` satırını koydum.

İlk denememde 3 hafta önce eklediğim CSS hâlâ çalışıyordu, ama bir hafta sonra bir gün fark ettim ki, ürün sayfasını yenilediğimde stiller kaybolmuş! Aynı dosya hâlâ orada, ama tarayıcıda hiç yüklenmiyormuş gibi. Chrome DevTools’ta 404 hatası alıyorum.

Denediğim şeyler:
– **Assets > custom.css** dosyasını silip yeniden upload ettim.
– `theme.liquid` içindeki `{% style ‘custom.css’ %}` satırını `{% stylesheet ‘custom.css’ %}` yaparak denedim.
– **Online Store > Preferences** sekmesinde “Storefront language” ayarını değiştirdim, hiç bir etkisi olmadı.
– **Shopify admin**’deki **Theme settings > Custom CSS** kutusuna da aynı kodları yapıştırdım ama orası sadece inline CSS kabul ediyor gibi davranıyor.

Şimdi tam bir çıkmaza girdim, çünkü Dawn teması güncellemeleri otomatik geldiğinde custom dosyalar bazen siliniyor gibi görünüyor. Bu durumdan önceki 6 aydır **PageSpeed Insights** puanım 92 iken şimdi 78’e düştü.

Dostum, ben bu kodu kalıcı hâle getirmek ve tema güncellemelerinden etkilenmemek için en iyi yöntem nedir?
– Bir **app** üzerinden CSS injection yapmalı mıyım?
– Veya **theme.liquid** yerine **layout/theme.liquid** içinde mi eklemeliyim?
– Başka bir ücretsiz uygulama (örneğin **Custom CSS Pro** gibi) önerir misin?

Bu arada, **Shopify admin > Settings > Files** kısmına dosya yükleyip oradan referans vermek de bir çözüm olur mu? Yardımcı olursan çok sevinirim. 🙏