/* inurdemirel performans katmanı (INRDMRL-2026-A9D19A14): yüklenme sırasında düzen kaymasını (CLS) önler. Kaldırmak için temp.php'deki bağlantıyı silin. */

/* Ana sayfa kaydırıcısı: bxSlider çalışmadan önce yalnızca ilk görsel görünür; tüm görseller alt alta açılıp sonra kapanmaz */
.homeslider .content-slide > #contenhomeslider > li:not(:first-child) { display: none; }
#contenhomeslider > li img { display: block; width: 100%; height: auto; aspect-ratio: 1600 / 732; object-fit: contain; }

/* Owl Carousel: yüklenmeden önce görünmez ama yer kaplar (varsayılan display:none, yüklenince içerik aşağı itiliyordu) */
.owl-carousel:not(.owl-loaded) { display: flex; flex-wrap: nowrap; overflow: hidden; visibility: hidden; }
.owl-carousel:not(.owl-loaded) > * { flex: 0 0 100%; max-width: 100%; }
@media (min-width: 600px) { .owl-carousel:not(.owl-loaded) > * { flex-basis: 50%; max-width: 50%; } }
@media (min-width: 1000px) { .owl-carousel:not(.owl-loaded) > * { flex-basis: 25%; max-width: 25%; } }
/* Ana sayfa ürün karuseli: ilk ürünler karusel başlamadan görünür (LCP görseli bu alanda) */
.UrunSliderWrap .owl-carousel:not(.owl-loaded) { visibility: visible; }
.UrunSliderWrap .owl-carousel:not(.owl-loaded) > li { padding: 0 15px; }
#urunResimListContainer .owl-carousel:not(.owl-loaded) > *, .product-image .owl-carousel:not(.owl-loaded) > * { flex-basis: 20%; max-width: 20%; }

/* Telefondaki hizmetler şeridi (Ücretsiz kargo, Kapıda ödeme …): karusel başlamadan önce 4 madde alt alta açılıp sonra tek satıra iniyordu */
.serviceMobile:not(.owl-loaded) { height: 60px; overflow: hidden; }
.serviceMobile:not(.owl-loaded) > .service-item:not(:first-child) { display: none; }

/* Ürün görselleri kare (resize.php kareye tamamlar): görsel gelmeden önce yer ayrılır */
.left-block img.lozad, .product-container .left-block img, a.lightbox > img.lozad { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: contain; }

/* Font Awesome: simgeler yazı tipi gelene kadar yer tutar, sonradan değişip kaydırmaz (yazı tipi temp.php içinde önceden yükleniyor) */
@font-face { font-family: 'FontAwesome'; src: url('../lib/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'); font-weight: normal; font-style: normal; font-display: block; }