/* تطبيق الأنماط على الديسكتوب فقط */
@media (min-width: 1024px) {

    .theme-container.flex.max-w-\[960px\].flex-col.gap-20 {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    h1.text-foreground.text-2xl.md\:text-3xl.font-semibold.tracking-tight {
        font-size: 50px;
        color: white;
        line-height: 1.5;
    }

    p.text-foreground.text-base {
        color: white;
    }

    #main > section > div.theme-container.flex.max-w-\[960px\].flex-col.gap-20 > div > div.flex.flex-col.gap-4 {
        margin-right: 123px;
    }

    #main > section > div.theme-container.flex.max-w-\[960px\].flex-col.gap-20 > div > div:nth-child(2) {
        margin-right: 123px;
    }

    #main > section.section-carousel.relative.overflow-hidden > div > div > div > div.absolute.inset-0.-z-10 > picture > img {
        object-fit: contain;
        width: 100%;
    }

    /* التأكد من أن السكشن نفسه يأخذ كامل المساحة */
    section[section-id="3b03050d-da78-4dbe-b1d0-67aef6c8b3c1"] {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100vh; /* لضمان التوسيط الكامل عموديًا وأفقيًا */
        margin-top: -140px;
        margin-bottom: -140px;
    }

    /* لتوسيط محتوى الـ Slide */
    .embla__slide {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%; /* التأكد من أن البانر يأخذ كامل المساحة */
    }

    /* تعديل على الصور داخل البانر لتكون مغطية ومتوسّطة */
    .embla__slide .absolute {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .embla__slide .absolute img {
        object-fit: cover;
        width: 100%; /* لتغطية كامل العرض */
        height: 100%; /* لتغطية كامل الارتفاع */
        object-position: center;
    }
#main > section.section-hero.relative.flex.items-center.overflow-hidden.px-4.md\:px-16 > div.theme-container.flex.max-w-\[960px\].flex-col.gap-20 {
    width: 100%;
    max-width: 1693px;
}
}

/* تطبيق الأنماط للموبايل فقط */
@media (max-width: 767px) {

    .theme-container.flex.max-w-\[960px\].flex-col.gap-20 {
        display: flex;
        justify-content: center; /* توسيط المحتوى */
        align-items: center;
    }

    h1.text-foreground.text-2xl.md\:text-3xl.font-semibold.tracking-tight {
        font-size: 30px; /* تقليل حجم الخط للموبايل */
        color: white;
        line-height: 1.4;
    }

    p.text-foreground.text-base {
        color: white;
        font-size: 18px; /* تصغير حجم الخط */
    }

    #main > section > div.theme-container.flex.max-w-\[960px\].flex-col.gap-20 > div > div.flex.flex-col.gap-4 {
        margin-right: 50px; /* تقليل المسافة على اليمين */
    }

    #main > section > div.theme-container.flex.max-w-\[960px\].flex-col.gap-20 > div > div:nth-child(2) {
        margin-right: 50px;
    }
[section-id="3b03050d-da78-4dbe-b1d0-67aef6c8b3c1"] .embla__slide {
    min-height: 555px !important;
}
  [section-id="a6f94219-dad6-4b40-85ad-f6e30b323d9d"] .embla__slide {
    min-height: 505px !important;
}
  [section-id="55704fb4-9693-4abe-b95c-9d3856a2b972"] .embla__slide {
    min-height: 582px !important;
}
    [section-id="e7863f34-f412-4ad9-bb57-e82a9e989809"] .embla__slide {
    min-height: 540px !important;
}
section.section-carousel.relative.overflow-hidden {
    padding: 17px;
}
img.h-full.w-full.object-cover {
    background-color: #ffffff !important;
    object-fit: contain;
    padding: 11px;
}
#main > section.section-hero.relative.flex.items-center.overflow-hidden.px-4.md\:px-16 > div.absolute.inset-0.-z-10 > picture > img {
    object-fit: cover;
}
}
/* 1. جعل جميع السلايدات في السكاشن المحددة مرجعاً للطبقة الشفافة */
[section-id="eb46ab4c-4732-4577-9280-fb5f43cb6722"] .embla__slide,
[section-id="3b03050d-da78-4dbe-b1d0-67aef6c8b3c1"] .embla__slide,
[section-id="55704fb4-9693-4abe-b95c-9d3856a2b972"] .embla__slide,
[section-id="e7863f34-f412-4ad9-bb57-e82a9e989809"] .embla__slide {
    position: relative !important;
}

/* 2. تحويل أي رابط (زر) داخل هذه السكاشن لطبقة شفافة تغطي السلايد بالكامل */
[section-id="eb46ab4c-4732-4577-9280-fb5f43cb6722"] .embla__slide a,
[section-id="3b03050d-da78-4dbe-b1d0-67aef6c8b3c1"] .embla__slide a,
[section-id="55704fb4-9693-4abe-b95c-9d3856a2b972"] .embla__slide a,
[section-id="e7863f34-f412-4ad9-bb57-e82a9e989809"] .embla__slide a {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    opacity: 0 !important; /* الزر الآن شفاف تماماً */
    z-index: 50 !important;
    cursor: pointer !important;
    display: block !important;
}

/* 3. ضمان أن النقاط (Dots) تظل قابلة للضغط فوق الطبقة الشفافة */
[section-id="eb46ab4c-4732-4577-9280-fb5f43cb6722"] .embla__dots,
[section-id="3b03050d-da78-4dbe-b1d0-67aef6c8b3c1"] .embla__dots,
[section-id="55704fb4-9693-4abe-b95c-9d3856a2b972"] .embla__dots,
[section-id="e7863f34-f412-4ad9-bb57-e82a9e989809"] .embla__dots {
    z-index: 60 !important;
    pointer-events: auto !important;
}