/* Add custom CSS styles below */ 




.top-navbar { background-color: #e9431a; }


    
    .h-16 {
    height: 10rem;
}

.w-16 {
    width: 10rem;
}


.main-menu li>a:hover{
     color: #e9431a !important;}
     
.main-nav-container { background-color: #131412;}



.main-menu li.root-level>a {color: white;}

.s-cart-summary-total {color: rgb(255 255 255);}

.header-btn__icon.icon:where([dir="rtl"], [dir="rtl"] *) {color: white;}


.header-btn__icon.icon:hover{ color: #e9431a !important;}


    
.main-nav-container.fixed-pinned .navbar-brand img { max-height: 110px;}


.footer-is-light .store-footer .store-footer__inner {
background-color: rgb(19 20 18);
color:#ffffff;}

.footer-is-light .store-footer {background-color: #e9431a;}

.copyright-text p {color: white;}
.store-footer h3 {color: #e9431a;}


.article--main iframe {height: 333px;}


.s-menu-topnav-list:where([dir="rtl"], [dir="rtl"] *) {color: white;}

.s-contacts-topnav-link:last-child:where([dir="rtl"], [dir="rtl"] *) {color: white;}

/*جديد*/

.s-slider-block__title-right,
.right-side   {

  font-weight: bold;
  color: white;
  position: relative;
  z-index: 1;
  display: inline-block;
}

/* الخلفية المتدرجة */
.s-slider-block__title-right::before,
.right-side::before {
  content: attr(data-text);
  position: absolute;
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);

  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;

  background: linear-gradient(135deg, orange, red, gold);
  background-size: 300% 300%;
  background-position: 100% 100%;
  animation: gradientMove 5s linear infinite;

  mix-blend-mode: lighten;
  pointer-events: none;
  z-index: -1;

  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
.s-button-wide , .s-button-btn, .s-price-range-number-input {
   font-size: 27px;
  font-weight: bold;
  display: inline-block;
  color: transparent;

  background: linear-gradient(135deg, orange, red, gold);
  background-size: 300% 300%;
  background-position: 100% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  animation: gradientMove 5s linear infinite;

  /* خلفية للزر عشان يظهر بشكل أكبر شوية */
  padding: 10px 20px;
  border-top-right-radius: 25px;
  border-bottom-left-radius: 25px;
}
@keyframes gradientMove {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
body {
  background-color: white;
}
.gap-4 ,.s-block{
  background-color: rgb(255,255,255);
  padding: 20px; /* اختياري */
}

.slide--cat-entry {
  width: 11rem; /* حجم العنصر الكامل */
  height: 14rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
  gap: 0.5rem;
  border-radius: 2rem;
  background-color: white;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
  text-align: center;
}

.slide--cat-entry img {
  width: 90%;
  height: 8rem;
  object-fit: contain;
  margin-bottom: 0.5rem;
}

.sicon-fire::before {
  content: "";
  display: inline-block;
  width: 10.25rem;   /* تقريبًا نفس حجم text-md */
  height: 10.25rem;
  background-image: url("https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExNHVtZDE4azljZm1yb2dyMGxidGFvM3ZkaWtqMTRmY2ZqcjdwdDZpaiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/e3YpU7g3n0aDafgAEa/giphy.gif"); /* 🔥 رابط GIF */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
      border: none !important;
  outline: none !important;
    box-shadow: none !important;
background-color: #ffffff;}



.sicon-shipping-fast::before {
  content: "";
  display: inline-block;
  width: 4.25rem;   /* تقريبًا نفس حجم text-md */
  height: 4.25rem;
  background-image: url("https://media1.giphy.com/media/v1.Y2lkPTc5MGI3NjExOGR0eTgxMDA2MWZ6bnM2ZHEycWo5a3hvdmU3emhuMXc5NTViOWwzaSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/qzqNTDwMeaShhvxV6f/giphy.gif"); /* 🔥 رابط GIF */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
      border: none !important;
  outline: none !important;
    box-shadow: none !important;
background-color: #ffffff;}

.sicon-store2::before {
  content: "";
  display: inline-block;
  width: 4.25rem;   /* تقريبًا نفس حجم text-md */
  height: 4.25rem;
  background-image: url("https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExZDQ4cWp2Mmh0Z3U2MTZ5MmY0amxid2pzZHVxcnk0a2I3N2d3bHF6ciZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/Y01fdHwcwnhPqQEQCd/giphy.gif"); /* 🔥 رابط GIF */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
      border: none !important;
  outline: none !important;
    box-shadow: none !important;
background-color: #ffffff;}

 @keyframes gradientMove {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}