/* Add custom CSS styles below */ 
/********************************************
 * 0. GLOBAL – منع القفزات بسبب الصور والعناصر
 ********************************************/
html, body {
    scroll-behavior: smooth;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/********************************************
 * 1. الهيدر + شريط الأعلى (يمنع الاهتزاز)
 ********************************************/
header,
.site-header,
.main-header {
    min-height: 70px !important;
}

header img,
.site-header img,
.main-header img {
    max-height: 40px;
}


/********************************************
 * 2. كروت المنتجات
 ********************************************/
.product-card,
.product-item,
.product-box {
    min-height: 330px;
}

.product-card img,
.product-item img,
.product-box img {
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.product-card button,
.product-item button,
.product-box button,
.add-to-cart,
.btn {
    min-height: 44px;
}

/********************************************
 * 3. قسم الآراء / التستيمونيال
 ********************************************/
.testimonials,
.testimonials-slider,
.reviews-section {
    min-height: 180px;
}

.testimonials .swiper,
.reviews-section .swiper {
    min-height: 150px;
    overflow: hidden;
}

/********************************************
 * 4. قسم الإحصائيات
 ********************************************/
.stats,
.statistics {
    min-height: 160px;
}

/********************************************
 * 5. الفوتر
 ********************************************/
footer,
.site-footer {
    min-height: 220px;
}

/********************************************
 * 6. شريط التنقل السفلي للموبايل
 ********************************************/
.bottom-nav,
.mobile-nav,
.sticky-bottom-nav,
.fixed-bottom-bar {
    min-height: 60px;
}

/********************************************
 * 7. منع الانتقالات الثقيلة
 ********************************************/
* {
    transition-property: color, background-color, border-color, box-shadow, transform;
    transition-duration: 0.15s;
}

/********************************************
 * 8. تثبيت شبكة المنتجات لتقليل التحرك
 ********************************************/
.products-grid,
.products-list,
.products-section {
    min-height: 500px;
}