/* تحديد ارتفاع الهيدر */
:root {
    --header-height: 74px; /* عدّل هذا الرقم حسب ارتفاع الهيدر لديك */
}

/* تطبيق المسافة العلوية على المحتوى */
body {
    scroll-padding-top: var(--header-height);
}

/* تطبيق padding-top على المحتوى الرئيسي في صفحات WooCommerce */
body.woocommerce-cart #main-content,
body.woocommerce-checkout #main-content,
body.woocommerce-order-received #main-content,
body.woocommerce-account #main-content {
    padding-top: var(--header-height) !important;
}