/* Add custom CSS styles below */
/* اطار عام مثل Osan */

header,
.main-header,
.site-header,
footer,
.site-footer,
.banner,
.salla-banner,
.product-card,
.product-item,
.s-product-card {

border: 1px solid #000;
border-radius: 10px;
background: #fff;
overflow: hidden;
}

/* مسافات بين الأقسام */
section,
.container {
margin-bottom: 20px;
}

/* الصور داخل البنرات والمنتجات */
.product-card img,
.banner img {
width: 100%;
display: block;
}

/* تأثير خفيف عند المرور */
.product-card:hover,
.banner:hover {

transform: translateY(-3px);
transition: 0.25s;
box-shadow: 0 8px 18px rgba(0,0,0,0.08);

}