h2.title {
    font-size: 45px !important; /* يمكنك تعديل الرقم للوصول للحجم المطلوب */
}
h3.sub-title {
    font-family: 'Cormorant Garamond', serif !important; /* يمكنك استبدالها بـ 'Italiana' لتجربة شكل آخر */
    font-size: 25px !important;
    text-transform: capitalize !important; 
    font-weight: 500 !important;
    letter-spacing: -0.5px !important; /* تقارب الحروف يعطي طابع الشعار */
}
/* استدعاء خطوط قريبة جداً للطابع الكلاسيكي الفاخر */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;1,500&family=Italiana&display=swap');


/* إزالة الخلفية من الأيقونات داخل قسم تواصل معنا */
footer .contact-us-wapper > div > div,
footer .contact-us-wapper > div > div > a,
footer .contact-us-wapper > div > div > button {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important; /* إزالة أي ظل يظهر كخلفية */
    border: none !important; /* إزالة أي إطار حول الأيقونة */
}

/* استهداف الحاوية الأساسية وكل عنصر بداخلها لإلغاء الخلفيات والظلال تماماً */
body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments,
body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments * {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
}

/* استهداف حاويات أيقونات الشحن وكل ما بداخلها لإزالة الخلفية والظلال */
body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-shipping.mt-8.flex.justify-center.items-center.gap-3 > div,
body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-shipping.mt-8.flex.justify-center.items-center.gap-3 > div * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div > a:nth-child(7) > img {
    /* تحويل الصورة بالكامل إلى اللون الأسود ثم عكسه ليصبح أبيض ناصع */
    filter: brightness(0) invert(1) !important; 
}

body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div > a:nth-child(6) > img {
    filter: brightness(0) invert(1) !important;
}
/* كود شامل وموحد لجميع الأزرار على الكمبيوتر والجوال معاً */
.banner__content aui-button,
.home-component-text-large aui-button,
 [id*="img-group"] aui-button {
    transform: translateY(55px) scale(1.1) !important; /* النزول لأسفل والتكبير بنسبة 30% */
    display: inline-flex !important; 
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important; /* يمنع انقسام الكلمات */
}
/* توسيط تبويبات المنتجات في الجوال فقط */
@media (max-width: 768px) {
    body > div.main-wrapper.\33 xl\:m-auto > div > div.relative > div > div.home > section.container.products-tab-block > aui-tabs > div.aui-tabs-container > div.aui-tab-headers {
        display: flex !important;
        justify-content: center !important; /* لتوسيط الأقسام في المنتصف أفقياً */
        align-items: center !important;
        text-align: center !important;
        width: 100% !important;
    }
}

#paragraph-content-9f2405cb-06aa-466d-8720-4a41d6869a7c > h2 {
    font-size: 28px !important;      /* 1. حجم الخط: كبّر أو صغّر الرقم (مثلاً: 24px أو 35px) */
    line-height: 1.4 !important;     /* 2. ارتفاع السطر: المسافة بين الأسطر إذا كان النص طويلاً */
    
    /* 3. التحكم في المساحة والفراغ العمودي للسكشن (الارتفاع الكلي) */
    padding-top: 20px !important;    /* الفراغ الداخلي من الأعلى */
    padding-bottom: 20px !important; /* الفراغ الداخلي من الأسفل */
    
    /* 4. التحكم في بُعد السكشن عن العناصر التي فوقه وتحته */
    margin-top: 10px !important;     /* المسافة الخارجية من الأعلى */
    margin-bottom: 10px !important;  /* المسافة الخارجية من الأسفل */
}

/* رفع الرابط والـ div المحتوى داخله إلى أعلى الصفحة تماماً */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > div.relative > header > a {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    z-index: 999 !important;
}

/* إضافة مساحة علوية للمتجر حتى لا يختفي اللوجو أو القائمة تحت البانر المنقول */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > div.relative > header {
    padding-top: 30px !important; /* يمكنك زيادة أو تقليل هذا الرقم حسب ارتقاع البانر الخاص بك */
}
/* إزالة الخلفية، الظلال، والحدود عن حاوية الأيقونات وكل ما بداخلها */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div,
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* إزالة الخلفية والظلال والحدود عن أيقونات الشحن وكل ما بداخلها */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-shipping.mt-8.flex.justify-center.items-center.gap-3 > div,
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-shipping.mt-8.flex.justify-center.items-center.gap-3 > div * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}

/* تحويل أيقونة الدفع المحددة إلى اللون الأبيض تماماً */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div > a:nth-child(6) > img {
    filter: brightness(0) invert(1) !important;
}
/* تحويل أيقونة الدفع رقم 7 إلى اللون الأبيض */
body > div.main-wrapper.\33 xl\:m-auto > div.main-content > footer > div > div.w-full.footer-payments-shipping-wapper > div.footer-payments.flex.items-center.justify-center.gap-3 > div > a:nth-child(7) > img {
    filter: brightness(0) invert(1) !important;
}

#media-slider-8c9848dc-91b1-48f9-ac04-93c60ae42ca0 > div > swiper-container > swiper-slide > div > div.slide-content.parallax-content.p-4.bottom-center.lg\:bottom-center.home-component-text-medium.home-component-text-large.home-component-text-bold.z-10.in-view > div > aui-button {
    /* التحكم في الحجم الإجمالي للزر */
    transform: scale(1.7) !important; /* الرقم 1.3 يعني تكبير بنسبة 30% */
    
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important; /* يمنع انقسام النص لسطرين */
}
/* كود التحكم في حجم زر السلايدر (النسخة العربية) */
#media-slider-aad2398c-6b13-4dee-8a47-e3e4b210148f > div > swiper-container > swiper-slide > div > div.slide-content.parallax-content.p-4.bottom-center.lg\:bottom-center.home-component-text-large.home-component-text-bold.z-10.in-view > div > aui-button {
    transform: scale(1.7) !important; /* تكبير بنسبة 30% ليتطابق مع النسخة الأخرى */
    display: inline-flex !important;
    justify-content: center !important;
    align-items: center !important;
    white-space: nowrap !important; /* يمنع انقسام النص لسطرين */
}