/* Add custom CSS styles below */ 
/* ========================================= */
/* 1. إصلاح اهتزاز الموقع (CLS) وحجز مساحة للبنرات */
/* ========================================= */
.s-block.home-sec-2, 
.s-block--banners, 
#featured-products-style2-4 {
    min-height: 250px;
    content-visibility: auto;
}

@media (min-width: 768px) {
    .s-block.home-sec-2, 
    .s-block--banners, 
    #featured-products-style2-4 {
        min-height: 450px;
    }
}

img.lazy {
    background-color: #f9fafb;
    object-fit: cover;
}

/* ========================================= */
/* 2. تسريع الأنيميشن وتقليل الحمل على المتصفح */
/* ========================================= */
.wa-widget, 
.scroll-progress-wrapper {
    will-change: transform, opacity;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}

.scroll-progress-wrapper {
    bottom: 24px !important;
}

/* ========================================= */
/* 3. الحفاظ على أبعاد شعار المتجر */
/* ========================================= */
img.merge-mode-logo, 
img.main-logo {
    width: auto !important;
    max-height: 80px !important;
    object-fit: contain !important;
}
/* تسريع أزرار الواتساب والصعود بدون التأثير على تصميم الموقع */
.wa-widget, 
.scroll-progress-wrapper {
    will-change: transform, opacity;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
}