/* Add custom CSS styles below */
/* إصلاح عرض الموقع في الجوال بالكامل */

@media (max-width:768px){

/* إصلاح عرض الصفحة */
html,body{
width:100% !important;
max-width:100% !important;
overflow-x:hidden !important;
margin:0 !important;
padding:0 !important;
}

/* إصلاح الحاويات */
.container,
.salla-container,
.main-content,
.main-wrapper,
section{
width:100% !important;
max-width:100% !important;
padding-left:10px !important;
padding-right:10px !important;
margin:0 auto !important;
}

/* إصلاح السلايدر */
.salla-slider,
.swiper,
.swiper-wrapper,
.swiper-slide{
width:100% !important;
max-width:100% !important;
}

/* عرض البنر كامل */
.salla-slider img,
.swiper-slide img{
width:100% !important;
height:auto !important;
object-fit:contain !important;
}

/* منع قص الصورة */
.swiper-slide{
display:flex !important;
align-items:center !important;
justify-content:center !important;
}
}