/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
/*كود تغيير لون الخلفية*/
body {
  background-color: #f6c7d0;    
        }


 .s-product-card-image img.loaded {
     transition: transform 0.3s ease; /* إضافة تأثير التحول */
}

.s-product-card-image img.loaded:hover {
     transform: scale(1.2); /* تكبير الصورة بنسبة 20% */
}



/*خلفيه التواصل*/
.footer-is-light .store-footer .store-footer__inner{
    color: #4a3336;
    font-size: 25px;
    background-color: #efe6e7;
}



/*لون الشريط السفلي*/
.copyright-text p {
    color: #ff1493;
   
}
/*خلفيه*/
.text-center  {
    
    background-color: #f6c7d0;
}
.s-button-btn::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #f6c7d0;
  left: 0;
  top: 0;
  border-radius: 10px;
}
/* glow */
.s-button-btn::before {
  content: "";
  background: linear-gradient(
    45deg,
    #FF0000, #FF7300, #FFFB00, #48FF00,
    #00FFD5, #002BFF, #FF00C8, #FF0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 600%;
  z-index: -1;
  width: calc(100% + 4px);
  height:  calc(100% + 4px);
  filter: blur(8px);
  animation: glowing 20s linear infinite;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
  opacity: 0;
}

@keyframes glowing {
  0% {background-position: 0 0;}
  50% {background-position: 400% 0;}
  100% {background-position: 0 0;}
}

/* hover */
.s-button-btn:hover::before {
  opacity: 1;
}

.s-button-btn:active:after {
  background: transparent;
}

.s-button-btn:active {
  color: #000;
  font-weight: bold;
}


/*......*/

/* نمط الشريط الإعلاني */
#announcement-bar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f6c7d0; /* لون الخلفية */
  color: #411116; /* لون النص */
  text-align: center;
  padding: 10px 0;
  z-index: 1000; /* لضمان ظهور الشريط فوق كل العناصر */
  overflow: hidden; /* لإخفاء النص عند خروجه من الشريط */
  box-sizing: border-box;
}

/* حاوية النص المتحرك */
#announcement-bar .scrolling-container {
  display: flex;
  justify-content: start;
  align-items: center;
  white-space: nowrap;
  animation: scroll 20s linear infinite;
}

/* النص المتحرك */
#announcement-bar .scrolling-text {
  display: inline-block;
  padding-right: 80%; /* إضافة مساحة بين تكرار النص */
}

@keyframes scroll {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

/* تعديل الهيدر لضمان عدم اختفائه خلف الشريط الإعلاني */
header {
  margin-top: 50px; /* تعديل القيمة حسب ارتفاع الشريط الإعلاني */
}
/*...............*/
/*#1072104881 .s-product-card-image*/
/* إضافة الشارة فوق الصورة */
.free-shipping-badge::before  {
   content: "شحن مجاني"; 

    background-color: #FFB6C1; 
    color: #000; 
    font-size: 14px; 
    font-weight: bold; 
    padding: 5px 10px; 
    border-radius: 5px; 
    position: absolute;
    top: 10px; 
    right: 10px; 
    z-index: 10; 
    
}

.s-product-card-image {
    position: relative;
}