/* هوية بذل: رأس الموقع بخلفية بيضاء بعرض الشاشة */
body header, header.warp{background:#FFFFFF !important}
body header::before, header.warp::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:#FFFFFF;z-index:-1;pointer-events:none}
/* إخفاء علامة للمعاينة في بطاقات الإهداء */
form.ehdaat card::after{display:none !important}
/* هوية بذل: تكبير أسماء المشاريع */
a.popup name{font-size:21px;line-height:1.5;font-weight:700;}
/* هوية بذل: القوائم المنسدلة والتذييل */
footer{background:url(/media/storage/bathl-logo-white.png) no-repeat left 56px center,linear-gradient(135deg,#27500A,#18AF6C) !important;background-size:auto 190px,100% 100% !important;min-height:300px;color:#FFFFFF;border-radius:0;box-shadow:none;position:relative;overflow:hidden}
footer *{color:inherit}
footer blockquote{color:#EAF3DE !important;border:0 !important;background:none !important}
footer img.favicon{display:none !important}
footer a, footer a *{color:#FFFFFF !important}
footer hr{border-color:rgba(255,255,255,.2) !important}
footer .payways, footer .payways *{color:#FFFFFF !important}
footer .payways thumb, footer .payways img{background-color:#FFFFFF;border-radius:6px}
footer .rights, footer .rights *{color:#EAF3DE !important}
footer a.auther img, footer a.auther_qr img{background:#FFFFFF;border-radius:12px;padding:6px}
footer::before{content:"";position:absolute;top:-60px;bottom:-60px;left:34%;width:220px;background:url(/media/storage/bathl-leaf-white.png) no-repeat center/contain;opacity:.07;pointer-events:none}
footer > *{position:relative}
@media (max-width:640px){footer{background-position:center bottom 24px,center !important;background-size:auto 130px,100% 100% !important;padding-bottom:180px !important;padding-left:22px !important;padding-right:22px !important;border-radius:24px;box-sizing:border-box;max-width:100%}footer *{max-width:100%;overflow-wrap:anywhere}footer::before{left:auto;right:-40px}}
/* هوية بذل: زر تبرع الآن */
a.donatelink{font-size:0 !important}
a.donatelink::before{content:"volunteer_activism" !important;font-size:18px !important}
a.donatelink::after{content:"تبرع الآن";font-size:16px;font-family:inherit}
/* هوية بذل: إخفاء الإهداء والسلة من الرأس */
header a.egiftlink, header opencart.cart{display:none !important}
/* هوية بذل: المركز الإعلامي آخر القائمة */
@media (min-width:601px){nav.top_menu ul.pages{display:flex;flex-wrap:wrap;align-items:center}}
@media (max-width:600px){nav.top_menu ul.pages{display:flex;flex-direction:column}}
nav.top_menu ul.pages > li:has(> a[ico="video_camera_back"]){order:99}

/* هوية بذل: الضغط على اسم القائمة يفتح القائمة المنسدلة */
nav.top_menu li[hassubmenu] > a{position:relative}
nav.top_menu li[hassubmenu] > a > i[opensub]::before{content:"";position:absolute;inset:0;cursor:pointer}
/* هوية بذل: بدون المربع الأبيض حول صفحات الهوية */
.page_view:has(.bz){background:transparent !important;box-shadow:none !important;padding:0 !important}
/* هوية بذل: زر ابدأ حملتك يفتح نموذج طلب الحملة */
a[href*="/goal/add/"]{display:none !important}
a.bz-camp-btn{display:inline-flex !important;align-items:center;gap:8px;margin:14px auto 4px;background:#18AF6C !important;color:#FFFFFF !important;border-radius:14px;padding:12px 28px;font-size:18px;text-decoration:none !important;box-shadow:0 0 0 12px #EAF3DE,0 6px 22px 12px rgba(24,175,108,.22)}
a.bz-camp-btn::before{content:"rocket_launch";font-family:mi;font-size:20px;color:#FFFFFF}
a.bz-camp-btn:hover{background:#27500A !important}
/* هوية بذل: زر تبرع المعلّق في الرأس */
@keyframes bzShine{0%,55%{background-position:150% 0}75%,100%{background-position:-50% 0}}
@keyframes bzPulse{0%,100%{box-shadow:0 5px 16px -4px rgba(24,175,108,.75)}50%{box-shadow:0 6px 26px -2px rgba(24,175,108,.95)}}
header a.donatelink{position:relative;overflow:hidden;color:#FFFFFF !important;background-color:#18AF6C !important;background-image:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.30) 50%,transparent 58%) !important;background-repeat:no-repeat !important;background-size:200% 100% !important;animation:bzShine 3s ease infinite,bzPulse 2.2s ease infinite;display:inline-flex !important;flex-direction:column;justify-content:flex-end;align-items:center;min-width:auto !important;height:auto !important;border-radius:0 0 14px 14px !important}
header a.donatelink::before{content:'volunteer_activism' !important;font-size:24px !important;line-height:1;color:#FFFFFF;margin:0 0 4px !important}
header a.donatelink::after{content:'تبرع' !important;font-size:19px !important;font-weight:700;line-height:1.2}
@media (min-width:901px){header a.donatelink{padding:34px 16px 10px !important;margin:-15px 0 !important}}
@media (max-width:900px){header supermemu{position:static !important}header a.donatelink{position:absolute !important;top:0;left:14px;width:auto !important;margin:0 !important;padding:16px 12px 8px !important;z-index:5}header a.donatelink::before{font-size:20px !important}header a.donatelink::after{font-size:15px !important}}

/* هوية بذل: لون النصوص الكحلي */
:root{--txt_color:#3D4F57 !important;--link_color:#3D4F57 !important;--nav_txt_color:#3D4F57 !important;--cats_txt_color:#3D4F57 !important}
html,body,main{color:#3D4F57}
.bz-vision, .bz .bz-card.bz-vision h3, .bz-card.bz-vision h3, .bz-f1, .bz-f2, ul.pages > i{color:#3D4F57 !important}
ul.cats a[active], nav a[active]{color:#FFFFFF !important}

/* هوية بذل: محاذاة عناصر الرئيسية بعرض الموقع */
:root{--bz-g:20px;--bz-in:10px}
@media (max-width:1200px){:root{--bz-in:5px}}
@media (max-width:760px){:root{--bz-g:12px;--bz-in:5px}}
section.ads-container,slid,.posts_list .latestposts{box-sizing:border-box;width:calc(100% - var(--bz-g)*2) !important;max-width:none !important;margin-inline:auto !important}
section.ads-container{overflow:hidden;border-radius:18px}
section.ads-container .splide__track{padding:0 !important}
section.ads-container .splide__slide{width:100% !important;margin:0 !important}
section.ads-container .splide__slide img{width:100% !important;max-width:none !important;height:min(48vw,640px) !important;object-fit:cover;margin:0 !important;display:block}
prodlist.latestProducts,prodlist.specialProducts{box-sizing:border-box;width:calc(100% - var(--bz-g)*2 + var(--bz-in)*2) !important;max-width:none !important;margin-inline:auto !important}
@media (min-width:761px){prodlist.latestProducts > c,prodlist.specialProducts > c{width:33.3333% !important}.posts_list .latestposts .splide__track{padding:0 !important;overflow:visible}.posts_list .latestposts .splide__list{transform:none !important;display:grid !important;grid-template-columns:repeat(3,1fr);gap:20px}.posts_list .latestposts .splide__slide{width:auto !important;margin:0 !important;padding:0 !important}.posts_list .latestposts .splide__slide:nth-child(n+4){display:none}.posts_list .latestposts .splide__arrows,.posts_list .latestposts .splide__pagination{display:none}.posts_list .latestposts a.post{box-sizing:border-box;width:100% !important;margin:0 !important}}
@media (max-width:760px){.posts_list .latestposts{width:calc(100% - var(--bz-g)*2 + 20px) !important}}
slid{display:block !important}
@media (min-width:761px){nav.top > wrap,header.warp{box-sizing:border-box;width:calc(100% - var(--bz-g)*2) !important;max-width:none !important;margin-inline:auto !important;padding-inline:0 !important}}
prodlist.specialProducts,prodlist.latestProducts{align-items:stretch}
prodlist.specialProducts > h2,prodlist.latestProducts > h2{box-sizing:border-box;padding-inline:var(--bz-in) !important}
prodlist.specialProducts > c,prodlist.latestProducts > c{display:flex}
prodlist.specialProducts product,prodlist.latestProducts product{display:flex !important;flex-direction:column;flex-wrap:nowrap;width:100%;height:auto}
prodlist.specialProducts product a.popup,prodlist.latestProducts product a.popup{flex:0 0 auto}
prodlist.specialProducts product picture.thumb,prodlist.latestProducts product picture.thumb{height:auto !important;aspect-ratio:1/1;overflow:hidden}
prodlist.specialProducts product picture.thumb img,prodlist.latestProducts product picture.thumb img{width:100%;height:100%;object-fit:cover}
prodlist.specialProducts product name,prodlist.latestProducts product name{min-height:2.6em;display:flex;align-items:center;justify-content:center;text-align:center}
prodlist.specialProducts product add2cart,prodlist.latestProducts product add2cart{margin-top:auto !important}