/* Add custom CSS styles below */ 
@media (min-width: 1023px) {
    .main-menu li.root-level>a {
        padding: .75rem 0.7rem;
    }
}

/* إخفاء "عرض الكل" في قائمة الجوال للبنود التي ليس لها رابط (مثل: من نحن) */
.sub-menu li.lg\:hidden:has(> a[href$="/#"]) {
    display: none !important;
}

/* البنر الرئيسي: شعار كبير في المنتصف + توسيط النص والزر */
.s-block--main-slider .swiper-slide .container {
    justify-content: center !important;
    align-items: center !important;
}
.s-block--main-slider .swiper-slide .container > div {
    width: 100% !important;
    max-width: 760px !important;
    margin-inline: auto;
    align-items: center;
    text-align: center;
}
.s-block--main-slider .swiper-slide .container > div .description {
    margin-inline: auto;
}
.s-block--main-slider .swiper-slide .container > div > div {
    display: flex;
    justify-content: center;
}
.s-block--main-slider .swiper-slide .container > div::before {
    content: "";
    display: block;
    width: 220px;
    height: 220px;
    margin: 0 auto 8px;
    background: url("https://cdn.salla.sa/mjNEG/qG535DOMM4AY3GADmDwmAyHczROKX5skzAR7MiXz.png") center / contain no-repeat;
    filter: drop-shadow(0 8px 24px rgba(0,0,0,.5));
}
@media (min-width: 640px) {
    .s-block--main-slider .swiper-slide .container > div::before { width: 280px; height: 280px; }
}
@media (min-width: 1024px) {
    .s-block--main-slider .swiper-slide .container > div::before {
        width: clamp(320px, 30vw, 460px);
        height: clamp(320px, 30vw, 460px);
    }
}

/* صفحة جميع فرص التبرع: 3 في كل صف على الشاشات الكبيرة */
@media (min-width: 768px){
  .allp .s-products-list-vertical-cards{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
/* صفحة جميع فرص التبرع: شريط تمرير أفقي على الجوال */
@media (max-width: 767px){
  .allp .s-products-list-vertical-cards{display:flex !important;flex-wrap:nowrap !important;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;overscroll-behavior-x:contain}
  .allp .s-products-list-vertical-cards::-webkit-scrollbar{display:none}
  .allp .s-products-list-vertical-cards > *{flex:0 0 80% !important;max-width:80% !important;width:80% !important;scroll-snap-align:start}
}

/* صفحة جميع فرص التبرع: إخفاء المبلغ المجمّع وشريط الهدف وتاريخ انتهاء الحملة */
.allp .product-entry__content > div.w-full:has(.progress-bg){display:none !important}
/* نفس الإخفاء لبطاقة سلة الافتراضية */
.allp salla-progress-bar{display:none !important}
/* صفحة جميع فرص التبرع: إخفاء المساعدات العلاجية، زكاة الفطر، زكاة الذهب والفضة، اشتراكات الأعضاء */
.allp :is(custom-salla-product-card,salla-product-card):has(a[href*="/p1908121219"]),
.allp :is(custom-salla-product-card,salla-product-card):has(a[href*="/p1865471175"]),
.allp :is(custom-salla-product-card,salla-product-card):has(a[href*="/p1335767777"]),
.allp :is(custom-salla-product-card,salla-product-card):has(a[href*="/p977861417"]){display:none !important}
/* صفحة جميع فرص التبرع: تثبيت الصدقة الجارية وكفالة يتيم في البداية (قائمتان مدمجتان في شبكة واحدة) */
.allp.allp-merged salla-products-list,.allp.allp-merged .s-products-list-vertical-cards{display:contents !important}
.allp.allp-merged .allp-pin .s-infinite-scroll-status,.allp.allp-merged .allp-pin .s-infinite-scroll-wrapper{display:none !important}
.allp-rest :is(custom-salla-product-card,salla-product-card):has(a[href*="/p1072227536"]),.allp-rest :is(custom-salla-product-card,salla-product-card):has(a[href*="/p149470472"]){display:none !important}
@media (min-width:768px){.allp.allp-merged{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.allp.allp-merged .s-infinite-scroll-status,.allp.allp-merged .s-infinite-scroll-wrapper{grid-column:1/-1}}
@media (max-width:767px){.allp.allp-merged{display:flex;flex-wrap:nowrap;gap:12px;overflow-x:auto;overflow-y:hidden;overflow-anchor:none;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;overscroll-behavior-x:contain}.allp.allp-merged::-webkit-scrollbar{display:none}.allp.allp-merged .s-infinite-scroll-status,.allp.allp-merged .s-infinite-scroll-wrapper{flex:0 0 auto;align-self:center}}
/* خلفية الموقع: بنفسجي فاتح جداً بدلاً من الأبيض */
body,body.bg-white{background-color:#f5eff9 !important}