/* إصلاح نهائي للبانر وشبكة الخدمات */
.khamaj-banner{display:flex!important;position:relative!important;visibility:visible!important;opacity:1!important;min-height:390px!important;width:100%!important;background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;overflow:hidden!important}
.khamaj-banner .banner-inner{display:flex!important;align-items:center!important;min-height:350px!important}
.khamaj-banner .banner-copy{display:block!important;visibility:visible!important;opacity:1!important}
.khamaj-banner .banner-copy h1{display:block!important;color:#fff!important}
.khamaj-banner .banner-copy p{display:block!important;color:#fff!important}
.banner-dots{height:24px!important;min-height:24px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}
.banner-dot{display:block!important;visibility:visible!important;opacity:1!important}
/* الخدمات: بطاقات ذات عرض ثابت وصور متساوية */
.services-grid{display:grid!important;width:min(1160px,calc(100% - 32px))!important;margin:28px auto 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px!important;align-items:stretch!important}
.services-grid .service-item{display:flex!important;flex-direction:column!important;width:100%!important;min-width:0!important;min-height:540px!important;height:100%!important;padding:0!important;overflow:hidden!important;border-radius:20px!important;background:#fff!important;box-shadow:0 12px 32px rgba(3,105,161,.13)!important}
.services-grid .service-item>.service-band{width:100%!important;height:7px!important;min-height:7px!important;position:static!important;flex:none!important}
.services-grid .service-item>.service-slider{position:relative!important;width:100%!important;height:245px!important;min-height:245px!important;flex:none!important;overflow:hidden!important;background:#f0f9ff!important;border-radius:0!important}
.services-grid .service-item>.service-slider .slide{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:none!important}
.services-grid .service-item>.service-slider .slide.active{display:flex!important;align-items:center!important;justify-content:center!important}
.services-grid .service-item>.service-slider img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}
.services-grid .service-item>.service-content{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;justify-content:flex-start!important;padding:20px 24px 8px!important;text-align:right!important}
.services-grid .service-item>.service-content h3{font-size:21px!important;line-height:1.5!important;margin:0 0 10px!important;color:#075985!important}
.services-grid .service-item>.service-content p{font-size:14px!important;line-height:1.9!important;margin:0!important;color:#475569!important}
.services-grid .service-item>.service-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;flex:none!important;padding:14px 24px 20px!important}
.services-grid .service-item>.service-actions a{font-size:13px!important;white-space:nowrap!important}
/* المنشورات: نفس العرض والارتفاع البصري */
.blog-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:stretch!important}
.blog-grid .blog-card{min-width:0!important;height:100%!important}
.blog-grid .blog-card .slider-container{height:250px!important;min-height:250px!important}
@media(max-width:760px){
  .khamaj-banner{min-height:330px!important;padding:52px 18px 64px!important}
  .khamaj-banner .banner-inner{min-height:260px!important;justify-content:center!important;text-align:center!important}
  .services-grid,.blog-grid{width:calc(100% - 24px)!important;grid-template-columns:1fr!important;gap:18px!important}
  .services-grid .service-item{min-height:0!important}
  .services-grid .service-item>.service-slider{height:210px!important;min-height:210px!important}
  .services-grid .service-item>.service-content{padding:17px 18px 7px!important;text-align:center!important}
  .services-grid .service-item>.service-actions{justify-content:center!important;padding:12px 18px 17px!important}
}
