/* Add custom CSS styles below */
/*  muen mobile */
.btn-offers-gifts {
    margin: auto;
    width: 178px;
    background: #FFF;
    display: flex;
    background: #FFF;
    color: #dd0000;
    display: inli;
    text-align: center;
    justify-content: center;
    align-items: center;
    padding: 4px;
    border-radius: 29px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 1.5px solid;
}
.btn-offers-gifts img {
  width: 26px;
}
.mburger--collapse {
  text-align: center;
  line-height: 0.5;
}
.mburger--collapse span {
  font-size: 11px !important;
}
.ticker-container {
  /* position: fixed; */
  position: relative;
  width: 100%;
  overflow: hidden;
  color: #fff;
  z-index: 99;
  /* top: 56px; */
  direction: rtl;
  height: 34px;
      display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    background-color: #beb889;
}
.mun-shehab {
   margin-top: 8px;
    margin-right: 1px;
    font-size: 8px !important;
}
.ticker-container b {
  font-weight: BOLD;
  direction: rtl;
}
.ticker-text {
  width: 100%;
  white-space: nowrap;
  font-weight: 500;
  text-align: center;
  font-size: 202px;
  margin-top: 0px;
  line-height: 1.5em;
  padding: 2px;
  /* TEXT-WRAP: pretty; */
  direction: rtl;
  background-color: #beb889;
  right: 0;
  font-size: 15px;
  position: absolute;
  color: #333;
  animation: ticker 60s linear infinite;
}
.button-show {
  margin: auto;
  text-align: center;
  background: #dd0000;
  max-width: 190px;
  font-size: 16px;
  border-radius: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 2px;
  /*animation: shakeme 3s infinite;*/
  transition: all 0.5 ease-in-out;
}
@keyframes shakeme {
  0% {
    transform: scale(1);
    background: #dd0000;
  }
  5% {
    transform: scale(0.7);
    background: #dd0000;
  }
  10% {
    transform: scale(1.5);
    background: #ff7f50 !important;
  }
  15% {
    transform: scale(1.1);
    background: rgb(191 183 139);
  }
  20% {
    transform: scale(1.4);
    background: rgb(191 183 139);
  }
  30% {
    transform: scale(1.1);
    background: #dd0000;
  }
}
.button-show a {
  border-bottom: 2px solid;
  display: none;
}
@keyframes ticker {
  0% {
    right: 100%;
    
  }
  100% {
    right: -4629.66px;
  }
}

/* Begin Code Style Home Page*/
.video-container iframe {
  width: 100%;
  height: 100%;
  min-height: 630px;
  display: block;
}
.ytp-chrome-top {
  display: none !important;
}

.s-product-card-image img.loaded {
  background: #fff;
}

.s-product-card-vertical {
  box-shadow: 1px 2px 9px rgba(0, 0, 0, 0.3);
}
.s-product-card-content-subtitle {
  line-height: 0;
}

/* Begin Code Discount */
.shhab-discount-banner {
  background-color: #f39c12;
  color: white;
  text-align: center;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  display: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.shhab-discount-banner h2 {
  margin: 0;
  font-size: 24px;
  line-height: 1.2;
}

.shhab-discount-banner p {
  font-size: 18px;
  width: 80%;
  margin: auto;
  padding: 6px;
}

.shhab-close-btn {
  position: absolute;
  top: 0px;
  left: 25px;
  font-size: 30px;
  cursor: pointer;
  color: #dd0000;
}

/* Icon whatsapp */
.whatsapp-icon {
  position: fixed;
  bottom: 107px;
  left: 4px;
  width: 30px;
  height: 30px;
  background-color: #25d366;
  border-radius: 0 10px 10px 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index: 9999999;
}

.whatsapp-icon img {
  width: 25px;
  height: 25px;
}

/* prodects hover in the page home */
.has-overlay.with-hover:after {
  opacity: 1;
}
.banner-entry h3,
.banner-entry p {
  opacity: 1;
  --tw-translate-y: 0;
}
.has-overlay:after {
  background: rgba(0, 0, 0, 0.4);
}
.banner-entry h3.text-with-border span {
  font-size: 26px;
}
.swiper-wrapper {
  margin-bottom: 30px;
}
.s-slider-block__title h2 {
  margin: 10px;
  color: #beb78a;
  font-size: 32px;
}
.s-block__title h2 {
  margin: 10px;
  color: #beb78a;
  font-size: 32px;
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
  border: none;
  font-size: 33px;
  /* margin: 34px; */
  color: #beb78a;
  background: 0 0;
  text-align: right;
  padding: 17px 0;
}
.s-button-btn {
  display: block;
}
.navbar-brand .sr-only {
  width: auto;
  height: auto;
  position: static;
  font-size: 14px;
  font-weight: bold;
  color: #beb889;
  margin-right: 5px;
}

/* Begin Testing Coupon */
.cpont-overlay {
  content: "";
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
}

.copon {
  background-color: #f4f4f4;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  width: 80%;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transform: translate(-50%, -50%);
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
}

.copon h3 {
  color: #d9534f;
  font-size: 20px;
  margin-bottom: 10px;
}

.discount-code {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin: 15px 0;
}

.copy-button {
  background-color: #31964a;
  color: #fff;
  border: none;
  border-radius: 5px;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.copy-button:hover {
  background-color: #03910d;
}

.close-button {
  background-color: transparent;
  border: none;
  color: #d9534f;
  font-size: 20px;
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}

.close-button:hover {
  color: #c9302c;
}
/* End Testing Coupon */
/* Begin Navbar */
.main-menu li:last-child > a {
  color: #dd0000 !important;
}
.main-menu li:last-child > a .text-gray-500,
.text-gray-500:contains("عروض وتخفيضات") {
  color: #dd0000 !important;
}
#1947136879 {
  border: 1px solid red;
  color: #dd0000 !important;
}

li#1078325568 a {
  color: red !important; /* تغيير اللون إلى الأحمر */
}

/* End Begin Navbar */

/* Begin Offer 149 */
.product-image {
  display: none;
  z-index: 9999;
  width: 300px;
  height: 300px;
  position: fixed;
  top: 50%;
  left: 50%;
  transition: x;
  transform: translate(-50%, -50%);
  border: 2px solid #dd0000;
  border-radius: 10px;
  overflow: hidden;
  opacity: 1;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* الشادو الاحترافي */
  animation: zoomAndShadow 1.9s infinite ease-in-out; /* إضافة الأنميشن المستمر */
}
@keyframes zoomAndShadow {
  0% {
    transform: scale(1) translate(-50%, -50%); /* الحالة الابتدائية: الحجم الطبيعي */
    opacity: 0.9;
    
  }
  50% {
    transform: scale(0.95) translate(-50%, -50%); /* تكبير الصورة بشكل طفيف */
    opacity: 1;
  }
  100% {
    transform: scale(1) translate(-50%, -50%); /* العودة إلى الحجم الطبيعي */
    opacity: 0.9;
  }
}
.product-image img {
  width: 300px;
}
.close-button {
  position: absolute;
  top: 27px;
  left: 10px;
  font-size: 20px;
  background: rgba(0, 0, 0, 0.6);
  color: white;
  border: none;
  cursor: pointer;
  width: 30px;
}

/* Edit the gift */
.product-gift {
  position: fixed;
    top: 50%;
    left: 50%;
    z-index: 99999;
    transform: translate(-50%, -50%);
}

a[aria-label="1 + 1 مجاناً"] {
    color: #DD0000 !important;
    font-weight: bold !important
}


.custom-baner {
     position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-left: 20px;
    padding-right: 20px;
    /* height: 100%; */
    z-index: 999999;
    max-width: 400px;
    width: 100%;
     /*  animation :zoomAndShadow 1.9s infinite ease-in-out; */

}
.close-show-day-tas {
      color: #dd0000;
    position: absolute;
    top: 14px;
    left: 55px;
    z-index: 99999999;
    font-size: 40px;
    background: rgba(0, 0, 0, 0.5);
    padding: 8px;
    text-align: center;
    display: flex
;
    justify-content: center;
    align-items: center;
    padding-bottom: 11px;
    padding-top: 0;
    cursor: pointer;
}
.custom-baner img {
max-width: 400px;
    display: block;
    width: 100%
}
.discount-prod-shha {
  text-align: center;
  line-height: 2.5em;
      animation :zoomAndShadowCout 1.9s infinite ease-in-out;

}
@keyframes zoomAndShadowCout{
  0% {
    transform: scale(1) ; /* الحالة الابتدائية: الحجم الطبيعي */
    opacity: 0.9;
    
  }
  50% {
    transform: scale(0.95); /* تكبير الصورة بشكل طفيف */
    opacity: 1;
  }
  100% {
    transform: scale(1) ; /* العودة إلى الحجم الطبيعي */
    opacity: 0.9;
  }
}
.discount-prod-shha span {
  display: block
}
.s-offer-modal-cat-item.swiper-slide,
.s-offer-modal-expiry {
  display: none
}
/*
#shipping-cost ~ .border-t:after {
  content: 'عرض اشتري 2 والثالث مجاناً لا يشمل استخدام كود خصم';
  display: block;
  width: 100%;
  height: 100%;
  color: #DD0000;
  margin-top: 8px
}
*/


#total-discount {
  font-size: 20px;
  color: #DD0000;
}
#total-discount .text-store-text-secondary {
  color: #DD0000;
}
#total-discount .text-store-text-primary {
  color: #DD0000;
}

.text-store-text-secondary.offer-name div {
   color: #DD0000;
    background: #DD0000;
    color: #FFF;
    padding: 4px 8px;
    border-radius: 13px 4px 16px 4px;
text-align: center
}

.text-store-text-secondary.item-price {
    display: block;
}

.cart.salla-632105401 .item-price.text-red-400 {
  display: none
}
.cart.salla-632105401 .text-sm.text-store-text-secondary.line-through.item-regular-price {
  color: #DD0000
}
.cart.salla-632105401 .sicon-discount-calculator.text-store-text-secondary.offer-icon {
  color: #DD0000
}
.product-features--wrapper .product-features-item {
    display: block;
      text-align: center;

}
.product-features--wrapper .feature-icon {
  display: block;
  text-align: center;
  color: red
}
.product-features--wrapper .feature-icon i {
  font-size: 50px
}
/*
.s-offer-modal-type-categories .s-modal-overlay.s-modal-entering ~ .s-modal-wrapper .s-modal-body.s-modal-entering  {
    transition: all 0s;
    width: 95%;
    height: 80%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
        position: absolute;
}
.s-offer-modal-type-categories .s-modal-overlay.s-modal-entering ~ .s-modal-wrapper .s-modal-body.s-modal-entering 
{
width: 95%;
    height: 80%;
    background: url(https://cdn.salla.sa/Nzwxr/ad95abea-6727-45f8-9f16-168d3b057da0-706.54296875x1000-05TBAXv2uUBIynX4smjO0EzTL0FHMpml5Ex8hKNq.png) no-repeat;
    background-size: contain;
    height: 574px;
}
.s-offer-modal-type-categories .s-modal-overlay.s-modal-entering ~ .s-modal-wrapper .s-modal-body.s-modal-entering .s-offer-modal-footer {
    margin-top: 1rem;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(156, 163, 175, var(--tw-text-opacity));
    margin-top: 10px; 
    position: absolute;
    bottom: -44px;
    background: #FFF;
    width: 100%;
    padding: 10px;
    left: 0;
    font-size: 19px;
}
.s-offer-modal-remember-label {
    font-size: 18px;
}
.s-offer-modal-type-categories .s-modal-overlay.s-modal-entering ~ .s-modal-wrapper .s-modal-body.s-modal-entering .s-modal-header-inner {
  display: none
}
*/
.product-features--wrapper h3 {
  color: #bfb68b;
  font-size: 14px;
  margin-top: 15px
}
.product-features--wrapper .product-features-item {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #bfb68b;
  padding: 10px;
  border-radius: 10px
}
.has-category-545613336 h1 {
  color: #DD0000;
  text-align: center;

}
.has-category-545613336 h1::after {
  content: " 🎁 احصل على هدية من اختيارك عند شرائك منتجًا واحدًا فأكثر! استمتع بتجربة تسوق مميزة وابدأ باختيار هديتك الآن";
  display: block;
  width: 100%;
  font-size: 20px;
  color: #DD0000;
  margin-top: 10px;
}
.has-category-545613336 .justify-between.items-center.flex {
  display: block;
}

.has-category-545613336 h1 ~ .center-between {
  display: none;
}
.has-category-545613336 h2, .has-category-545613336  .product-card__price {
  font-size: 0px;
  color: transparent ;
}
.has-category-545613336  .product-card__price:after {
     content: "مجاناً";
    display: block;
    width: 100%;
    font-size: 20px;
    color: #DD0000;
    margin-top: 10px;
    font-size: 16px;
    position: absolute;
    background: #DD0000;
    height: 16px;
    padding: 13px;
    color: #FFF;
    border-radius: 16px;
  }
 .has-category-545613336  .s-products-list-wrapper {
   display: block
 }
 .product-card__addToCart__btn salla-button,
 .product-card__addToCart__btn salla-button button {
   background: rgba(190,184,137, 0.9);
 }
  .has-category-545613336  .product-card {
    background: #fff;
    height: 100%;
    padding: 5px;
    max-width: 300px;
    margin: auto;
      margin-top: 60px;

    border-raduis: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
 }