/* Add custom CSS styles below */ 
/* Add custom CSS styles below */

section .container{

padding-right: 0;

padding-left: 0;

}

section .container img{

border-radius:0;

}


/*body{

background-color:rgb(8 15 22);

}

.mobile-menu{

background:#1b2a39;

}


*/



/* ستايل زر الواتساب*/

#whatsapp-button {

position: fixed;

bottom: 20px;

right: 20px;

width: 60px;

height: 60px;

background-color: #25D366;

border-radius: 50%;

display: flex;

justify-content: center;

align-items: center;

box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);

cursor: pointer;

transition: all 0.3s ease;

z-index: 9999;

}

#whatsapp-button:hover {

transform: scale(1.1);

box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);

}

#whatsapp-button svg {

width: 36px;

height: 36px;

fill: white;

}

@media (max-width: 767px) {

#whatsapp-button {

left: 20px;

right: auto;

bottom: 120px;

}

}

/* تحريك سهم عرض الكل بشكل مستمر */

.sicon-arrow-left {
  color: red !important;
  animation: moveArrow 2s infinite ease-in-out;
  
}

@keyframes moveArrow {
  0% {
    transform: translateX(10px);

  }
  50% {
    transform: translateX(0);

  }
  100% {
    transform: translateX(10px);

  }
}

.s-block__display-all {
  animation: moveArrow 2s infinite ease-in-out;
}

@keyframes moveArrow {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-2px);
  }
  100% {
    transform: translateX(0);
  }
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.details-slider::after {
    content: "تنبيه: قد تختلف صورة المنتج الفعلية عن الصورة المعروضة"; /* النص الذي تريد إظهاره */
    display: block; /* لجعل النص يظهر في سطر جديد */
    margin-top: 10px; /* لإضافة مسافة بينه وبين محتوى الديف */
    color: #cccccc; /* لون النص */
    font-size: 14px; /* حجم الخط */
    text-align: center; /* محاذاة النص */
}