/* تثبيت مساحة البنر (Hero Banner) لتقليل CLS */
.banner-entry {
aspect-ratio: 1536 / 696; /* النسبة الدقيقة للبنر */
overflow: hidden;
}
.banner-entry picture img,
.banner-entry img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* كروت المنتجات مربعة دايمًا */
.product-card img {
aspect-ratio: 1 / 1;
width: 100%;
height: auto;
display: block;
}
/* صور الأقسام */
.category-item img {
aspect-ratio: 1 / 1;
width: 100%;
height: auto;
object-fit: cover;
}
/* شريط الإعلان العلوي ثابت */
.top-bar, .announcement-bar {
min-height: 36px;
display: flex;
align-items: center;
}
.banner-entry { aspect-ratio: 1536 / 696; overflow:hidden; }
.banner-entry img { width:100%; height:100%; object-fit:cover; display:block; }
![...]()