@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
font-family:Poppins !important; 
}
.s-product-card-image, .s-product-card-image img {
    background: transparent;
}

.s-product-card-image img 
{
    object-fit: contain;
}


.col-span-4.row-span-3.md\:rtl\:-translate-x-10.rtl\:-translate-x-2.md\:ltr\:translate-x-10.ltr\:translate-x-2.relative.z-20 {
    grid-column: span 6 / span 4;
}

.art-banner[style*="OSt2VGTZ6pJciqKxYStVmRK54BMgfVMFVYnh4u3l.png"] .art-banner-header {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
  justify-content: center !important;
  align-items: center !important;
}
.art-banner[style*="3u9eJz7Jv8zkVuB1A54LzC8KlOiRVahicMfhguB3.png"] .art-banner-header {
  position: absolute;
  bottom: 40px; /* المسافة من أسفل الصورة */
  left: 40px;   /* المسافة من اليسار */
  text-align: left;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: auto;
}
@media (min-width: 1024px) {
  section.art-banner.h-\[512px\].w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden.after\:absolute.after\:top-0.after\:left-0.after\:w-full.after\:h-full.after\:bg-black\/20.after\:z-30.lg\:px-10.md\:px-5.px-1.lg\:py-9.md\:py-7.py-5.block.block {
      height: 775px;
  }
}