.product-card.hover_style_4:not(.product-card--horizontal):not(.product-entry--horizontal) .product-card__content {
    padding: 12px 14px;
    background: #000d2a;
}
.bg-store-bg-secondary {
    background-color: #000d2a;
}
.md\:mt-4{
color:white;}
.s-block--tabs-produtcs.as-grid .product-card__title a, .s-block--features-products .product-card__title a {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #000;
}
.product-card__price .total-price {
    position: relative;
    top: -2px;
    color: #000;
}
.s-button-primary-outline {
    fill: #000;
    fill: #000;
 color: #000;
}
.rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {
    text-align: right;
    color: white;
}
p.py-3.text-sm.text-store-text-secondary{
color:white;
}
.text-base.text-store-text-primary.mb-2{color:white;}
.product-card__title a{color:white;}

element.style {
}
@media (max-width: 991px) {
    body:not(.enhanced_add_btn_in_mobile) .simplified-products .s-products-slider-card .product-card--simplified .product-card__content, body:not(.enhanced_add_btn_in_mobile) .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__content, body:not(.enhanced_add_btn_in_mobile) .simplified-products .offer-slide .product-card--simplified .product-card__content {
        padding: 6px !important;
    }
}
.product-card.hover_style_4:not(.product-card--horizontal):not(.product-entry--horizontal) .product-card__content{background:#c6ab8d;
}
.product-card__title a {
    color: #111010;
}
.product-brand {
    display: none !important;
}
/* -------------------------- */
/* 1) تثبيت حجم صور المنتجات لتقليل
.footer {
    box-shadow: none !important;
}
<!-- ================== CSS ================== -->
<style>
/* -------------------------- */
/* 1) تثبيت الصور والفيديوهات لتقليل CLS */
.product-card__image img,
img, iframe {
    display: block;
    width: 100%;
    height: auto;
    transition: none !important;
    object-fit: cover;
}

/* Placeholder ذكي قبل تحميل الصور والفيديوهات */
.product-card__image,
img, iframe {
    background-color: #f8f8f8;
}

/* -------------------------- */
/* 2) تثبيت السلايدر */
@media (max-width: 768px) {
    .s-products-slider-card {
        min-height: 300px !important;
        overflow: hidden;
    }
}
@media (min-width: 769px) {
    .s-products-slider-card {
        min-height: 450px !important;
        overflow: hidden;
    }
}

/* -------------------------- */
/* 3) تثبيت ارتفاع الهيدر */
header {
    min-height: 70px;
}

/* -------------------------- */
/* 4) تحسين Lazy Load */
img {
    loading: lazy;
}

/* -------------------------- */
/* 5) إزالة الأنيميشن الثقيلة */
* {
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    transition-duration: 0s !important;
}

/* -------------------------- */
/* 6) تقليل التحريك غير الضروري */
.s-products-slider-card, 
header, 
.product-card__image {
    will-change: auto;
}
</style>

<!-- ================== JavaScript ================== -->
<script type="module">
import { getCLS } from 'https://cdn.jsdelivr.net/npm/web-vitals@2.1.4/dist/web-vitals.es5.min.js';

// 1️⃣ قياس CLS
getCLS((metric) => {
    console.log('CLS الحالي:', metric.value);
});

// 2️⃣ وظيفة لحجز مساحة العناصر وتقليل CLS
function fixCLSForElement(el) {
    const rect = el.getBoundingClientRect();

    // إذا لم يكن محدد ارتفاع، نحدده تلقائيًا
    if (!el.style.height || el.style.height === 'auto') {
        el.style.minHeight = rect.height + 'px';
    }

    // إذا لم يكن محدد عرض، نحدده تلقائيًا
    if (!el.style.width || el.style.width === 'auto') {
        el.style.minWidth = rect.width + 'px';
    }

    // إذا العنصر صورة أو فيديو بدون aspect-ratio، نضيف نسبة تلقائية
    if (el.tagName === 'IMG' || el.tagName === 'IFRAME') {
        if (!el.style.aspectRatio) {
            el.style.aspectRatio = rect.width / rect.height;
        }
    }
}

// 3️⃣ معالجة كل العناصر عند التحميل
function fixAllElements() {
    const elements = document.querySelectorAll('img, iframe, .dynamic-content, .ad-slot, .s-products-slider-card, header, .product-card__image');
    elements.forEach(fixCLSForElement);
}

// 4️⃣ تطبيق عند التحميل الأول
document.addEventListener('DOMContentLoaded', fixAllElements);

// 5️⃣ مراقبة أي عناصر جديدة تظهر بعد scroll أو ajax
const observer = new MutationObserver(() => {
    fixAllElements();
});

// 6️⃣ مراقبة تغييرات DOM
observer.observe(document.body, { childList: true, subtree: true });
</script>