/* Add custom CSS styles below */ 

/*  حواف بطاقة المنتج */
.swiper-slide.slide--one-fifth:hover {
    border: 1px solid #f3bc1b;
    padding: 10px;
    border-radius: 12px;
}

.custom-promotion-with-value .promotion-badge.has-discount {
    color: white;
}

/* المسافه بين بطاقات المنتج */
.swiper-wrapper {
    gap: 10px;
}


/* السعر قبل وبعد الخصم */
h4.total-price.font-bold.text-base.inline-block {
    color: red;
}

span.before-price.text-gray-400.line-through.whitespace-nowrap.leading-none {
    position: relative;
    left: 21px;
}

span.before-price.text-gray-400.line-through.whitespace-nowrap.leading-none {
    padding-right: 40px;
}


/* نسبة الخصم فى بطاقة المنتج */
 span.discount-amount.font-bold {
    display: none;
} 


/* صور الاقسام الدائرية */ 
@media (max-width: 767px) {
  .grid.md\:grid-cols-6.gap-2\.5.lg\:gap-5 {
    display: flex;
    flex-wrap: wrap; 
    justify-content: center;
    gap: 10px;
  }

  .grid.md\:grid-cols-6.gap-2\.5.lg\:gap-5 a {
    width: 23%; /* حجم مناسب للصورة داخل الصف */
  }

  .grid.md\:grid-cols-6.gap-2\.5.lg\:gap-5 img {
    width: 100%;
    height: auto;
    display: block;
  }
}


/* حجم صوره البراندات */
.max-w-20 {
    max-width: 7rem;
}

.max-h-20 {
    max-height: 7rem;
}


/* صفحة المنتج */
h4.sale-price {
    color: red;
}


/* عباره متوفر فى صفحة المنتج */
li.flex.items-center.gap-1\.5 {
    position: relative;
    top: 33px;
    right: 170px;
}

strong.text-green-500 {
    color: green;
}


/* بطاقة منتج جونسون بيبى */
p.product-entry__subtitle.text-sm.text-gray-500.leading-6 {
    color: red;
}


/* بطاقة منتج قيم الادوبه */
label.s-product-options-option-label {
    color: red;
}


/* حذف ايقونه الشخص من الهيدر */
/* .s-user-menu-trigger {
    display: none;
} */

/* خلفية صورة المنتج */
a.swiper-slide.magnify-wrapper.homeslider__slide.swiper-slide-active {
    background-color: white;
}

/* h2.total-price.font-bold.text-lg.inline-block {
    padding-left: 38px;
} */

a.underline.font-bold.text-sm.text-primary {
    color: blue;
}

.h-full object-contain w-full {
    width: 210px;
    height: 415px;
    position: relative;
    right: 220px;
}

@media (max-width: 767px) {
    .h-full object-contain w-full {
    position: relative;
    right: 80px;
    }
}

.flex-center.mt-8 a.more-link.more-link--arrowed.group.transition-all.duration-300 {
    display: none;
}

@media (max-width: 767px) {
    .grid.md\:grid-cols-3.gap-2\.5.lg\:gap-5 {
        display: flex;
        justify-content: center;
        align-items: center;
     }
}



@media (max-width: 767px) {
    .grid.md\:grid-cols-2.gap-2\.5.lg\:gap-5 {
    display: flex;
}
}

@media (min-width: 1024px) {
    salla-slider .slide--one-fifth {
        width: 16%;
    }
}

small.color-gray {
   color: red;
}

.product-card-img--square .product-entry__image-main {
    padding-bottom: 85%;
} 

img.s-user-menu-trigger-avatar {
    display: none;
}

.s-user-menu-avatar-wrap {
   background-image: url('https://cdn.salla.sa/aeogjR/TuoylxT0cxjINyUYhM2Q7ZatOeZgfTs4et3FGPV9.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 32px; /* تأكد من نفس حجم الـ SVG القديم */
  height: 32px;
  display: inline-block;
}

[dir="ltr"] li.flex.items-center.gap-1\.5 {
    position: relative;
    top: 33px;
    left: 140px;
}

@media (max-width: 767px) {
    .grid.md\:grid-cols-4.gap-2\.5.lg\:gap-5 {
       display: flex;
     }
}