/* Add custom CSS styles below */ 
/* تقليل تضخم صور المنتج في الجوال */
@media (max-width: 768px){
  img{
    object-fit: contain !important;
  }
  .product img,
  .product-details img,
  .product-gallery img{
    max-height: 55vh !important;
  }
}

`.desktop__sidemenu .mm-spn.mm-spn--light {
    background: #635396 !important;
}
.desktop__sidemenu .mm-spn li a, .desktop__sidemenu .mm-spn li > span {
    justify-content: flex-start;
}
.desktop__sidemenu .mm-spn.mm-spn--light {
    background: #635396 !important;
}`

/* =========================================
   White image box + slightly bigger product
   ========================================= */

/* صندوق الصورة نفسه */
.product-entry__image,
.s-product-card-image,
.product-card .image,
.product-item .image{
  background: #ffffff !important;
  padding: 14px !important;
  border-radius: 16px !important;
}

/* صورة المنتج */
.product-entry__image img,
.s-product-card-image img,
.product-card img,
.product-item img{
  background: #ffffff !important;
  object-fit: contain !important;
  transform: scale(1.12) !important;   /* تكبير خفيف */
  transition: transform .25s ease !important;
}

/* تكبير بسيط عند المرور (كمبيوتر فقط) */
@media (hover:hover){
  .product-entry__image img:hover,
  .s-product-card-image img:hover,
  .product-card img:hover,
  .product-item img:hover{
    transform: scale(1.16) !important;
  }
}