AstraLux Kristal LED Duvar Lambası Şeffaf Cam Abajurlu
Aşağıda, ürün sayfasında kullanılan stil detaylarından türetilmiş yapılandırılmış bir genel bakış bulunmaktadır. Bu, ürün açıklamasının sunumunu yöneten açık durum stili, düzen davranışı ve tipografi kurallarını özetler.
Açık durum stili
- .is-open { arka plan: #f7f7f7; dolgu: 0px 30px; }
Altbilgi başlığı stili
- .section-footer__title { harf aralığı: 2px!important; yazı kalınlığı: 500!important; yazı boyutu: 1rem!important; }
Akordiyon panel davranışı
- .styles-module--accordionPanel--r0+I+ { arka plan rengi: #f7f7f7; maksimum yükseklik: 2200px; taşma: gizli; }
- Medya sorguları: Minimum genişlik 768px olduğunda, akordiyon panel maksimum yüksekliği 1 saniyede aynı arka plan ve yükseklik kısıtlamalarıyla geçiş yapar.
Akordiyon sarmalayıcı davranışı
- .styles-module--accordionWrapper--3e-Eu { dolgu: 0rem 0rem; geçiş: opaklık 0.5s kolaylık 0.2s; opaklık: 1; değişecek: opaklık; }
Sütun düzeni
- Daha büyük ekranlarda (minimum genişlik: 768px), .styles-module--columns--sZFL5 iki sütunlu düzen kullanır.
Genel sıfırlamalar ve tipografi
- Liste ve form elemanları için sıfırlama kuralları şunlardır: menu, ol, ul varsayılan liste stili yoktur ve uygulanabilir yerlerde sıfır kenar boşluğu/dolgu vardır.
- .mb-8 alt boşluğu 2rem olarak ayarlar.
- .type-upper-070 yazı kalınlığını 700 ve harf aralığını 0.0875rem olarak ayarlar.
- .type-upper-040 ve .type-upper-070 Replica Std, Helvetica Neue, sans-serif yazı ailesini, 0.625rem yazı boyutunu, 1.6 satır yüksekliğini paylaşır ve büyük harfe dönüştürülür.
- .max-w-sm maksimum genişliği 24rem olarak ayarlar; .mb-6 alt boşluğu 1.5rem olarak ayarlar.
- .gatsby-image-wrapper içeriği [data-main-image] ile performans için başlangıçta gizlenir, opaklık 0 ve translateZ(0) dönüşümü kullanılır.
Not: İçerik, ürün sayfasını sunmak için kullanılan stil sistemini yansıtır ve ek ürün özellikleri sunmaz.