/* ✅ Checkout section */
#checkout-products-section {
  width: 98% !important;
  max-width: 1600px !important;
  margin: 20px auto !important;
  padding: 20px !important;
  background: #fff !important;
  border-radius: 12px !important;
}

#checkout-products-section .s-products-list-wrapper {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)) !important;
  gap: 15px !important;
  justify-content: center !important;
}

/* Desktop */
@media (min-width: 1024px) {
  #checkout-products-section {
    width: 100% !important;
    max-width: 1800px !important;
  }
  #checkout-products-section .s-products-list-wrapper {
    grid-template-columns: repeat(4, 1fr) !important;
  }
}

/* Mobile */
@media (max-width: 768px) {
  #checkout-products-section {
    width: 100% !important;
    max-width: 100% !important;
  }
  #checkout-products-section .s-products-list-wrapper {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .s-products-slider-card {
    width: 45%;
  }
  .s-products-slider-card .s-button-element.s-button-wide {
    padding: 0 42px !important;
    font-size: 10px !important;
    min-width: auto !important;
  }
  .anime-item .bg-area {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
  }
}

/* Images side by side */
.image-style {
  width: auto;
  height: 80px;
  margin-right: 0.1px;
  display: inline-block;
  gap: 1px;
}

/* Shipping popup */
.shipping-popup {
  position: fixed;
  top: 30%;
  left: 35%;
  transform: translate(-50%, -50%);
  background: #f8f6f3;
  color: #000;
  padding: 5px 2px;
  border-radius: 8px;
  z-index: 10000;
  font-size: 15px;
  direction: rtl;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0,0,0,0.3);
}

.shipping-popup .remaining-amount {
  color: #ff3838;
  font-weight: bold;
}

@media (min-width: 1024px) {
  .shipping-popup {
    display: none !important;
  }
}




/* Banner fixes */
.s-block__title .right-side {
  width: 100%;
  display: flex;
  justify-content: center;
}
.s-block.s-block--fixed-banner.wide-placeholder {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

/* Wishlist button hide */
.s-product-card-wishlist-btn {
  display: none !important;
}

/* Dynamic grid */
.dynamic-grid a div {
  font-size: 1.2rem !important;
  margin-top: 8px;
}
.dynamic-grid-title {
  margin-bottom: 5px !important;
}


/* Apply only on desktop (screens 1024px and above) */
@media (min-width: 1024px) {
  .s-block--fixed-banner img {
    max-width: 70% !important; 
    height: auto !important;   
    margin: 0 auto;            
    display: block;
  }
}




/* ستايل البانر فوق الفوتر */
.banner-footer img {
    width: 100%;             /* عرض كامل على الجوال */
    max-width: 1920px;       /* الحد الأقصى للعرض */
    height: auto;
    object-fit: cover;
    border-radius: 8px;
    display: block;
    margin: 0 auto;          /* توسيط الصورة */
}

/* تعديل للبنر على الديسكتوب */
@media (min-width: 1024px) {
    .banner-footer img {
        max-width: 800px;    /* أصغر حجم على الديسكتوب */
        margin: 20px auto;   /* مسافة من الأعلى والأسفل */
    }
}

/* Desktop: make 4 products in a row */
@media (min-width: 1024px) {
 
  #enhanced-fixed-products-2 .s-products-list-wrapper,
    #enhanced-fixed-products-5 .s-products-list-wrapper {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
  }

}

/* Center 2-product section on desktop */
@media (min-width: 768px) {
  #enhanced-fixed-products-7 .s-products-list-wrapper,
  #enhanced-fixed-products-17 .s-products-list-wrapper,
  #enhanced-fixed-products-25 .s-products-list-wrapper,
  #enhanced-fixed-products-20 .s-products-list-wrapper,
  #enhanced-fixed-products-18 .s-products-list-wrapper,
  #enhanced-fixed-products-19 .s-products-list-wrapper,
  #enhanced-fixed-products-6 .s-products-list-wrapper, 
    #enhanced-fixed-products-15 .s-products-list-wrapper {
    display: flex !important;
    justify-content: center !important;
    gap: 20px;
    flex-wrap: nowrap;
  }

 }



@media (max-width: 768px) {
  custom-salla-product-card {
    width: 180px !important;  /* حجم أصغر */
    margin: 10px auto !important; /* توسيط */
  }

  custom-salla-product-card img {
    width: 100% !important;
    height: auto !important;
  }

  custom-salla-product-card button {
    font-size: 12px !important; /* زر أصغر */
    padding: 5px !important;
  }
  .s-product-card-content-sub {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

}


#enhanced-fixed-products-1 {
  margin-top: 22px !important;
  padding-top: 0 !important;
}

h2 {
  font-size: 1.3rem !important;
  font-weight: 500;
    margin-bottom: 1px !important;
}


.custom-subtitle {
  color: black !important;
  font-weight: 500;
  display: block;
  text-align: center;
  font-size: clamp(20px, 4.5vw, 40px); /* حجم متجاوب */
  line-height: 1.4;
}

/* تغيير لون العنوان الرئيسي */
.s-slider-block__title-right h2 {
    color: #dc2626 !important; /* اللون اللي تحبه */
}

/* تغيير لون العنوان الفرعي وجعله بولد */
.s-slider-block__title-right p {
    color: #dc2626 !important; /* اللون اللي تحبه */
    font-weight: bold !important;
}

.s-advertisement-content {
  overflow: hidden;       /* يخلي النص ما يطلع برا الصندوق */
  position: relative;
}



@keyframes scroll-right {
  0% { transform: translateX(-100%); }
  100% { transform: translateX(100%); }
}
salla-offer .swiper.s-slider-container {
  display: none !important;
}


salla-offer .s-offer-wrapper a {
  display: block;
  width: 90%;            /* ممتد تقريبًا يمين ويسار */
  margin: 20px auto;     /* يثبت بالمنتصف أفقياً */
  text-align: center;    /* النص في الوسط */
  background-color: #fff;/* خلفية بيضاء */
  color: #000;           /* نص أسود */
  border: 1px solid #000;/* حد أسود */
  padding: 10px 0;       /* مساحة فوق وتحت */
  text-decoration: none; /* إزالة أي خط تحت النص */
  border-radius: 6px;    /* حواف مستديرة بسيطة */
  font-weight: bold;     /* نص عريض */
  font-size: 16px;       /* حجم الخط */
}


.flex.rtl\:space-x-reverse.space-x-3 {
    display: none !important;
}



salla-advertisement .s-advertisement-content-main {
  font-size: 15px !important;
  line-height: 1.3;
}

#product-filter {
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 12px;
  height: 40px;
  font-size: 20px;
  box-sizing: border-box;
}

.border-y {
  border-top: none;
  border-bottom: none;
}


#s-comments-item-1915541443 {
    display: none !important;
  }
  

.bg-secondary.text-gray-500\/90.font-thin {
  color: #d00 !important;        /* أسود */
  font-weight: 400 !important;   /* خط ثقيل */
}


/* مسافة فوق ملخص الطلب على الموبايل */
@media (max-width: 768px) {
  .bg-white.p-5.relative {
    margin-top: 20px;
  }
}

/* إخفاء قسم ملخص الطلب */
.flex.justify-between.text-sm.mb-5 {
  display: none;
}

/* تغيير لون كلمات الإجمالي والخصم */
.flex.justify-between.text-lg > span,
#total-discount span {
  color: #000;
}


/* ✅ إظهار خانة الشحن المجاني على الجوال */
@media (max-width: 767px) {
  #free-shipping {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}

@media (max-width:768px){
  salla-mini-checkout-widget,
  apple-pay-button,
  .apple-pay-button,
  .s-apple-pay-button{display:none!important}
  .sticky-product-bar{
    position:fixed; inset:auto 0 0; width:100%;
    background:#fff; padding:10px; border-top:1px solid #eee;
    z-index:10; transform:translateZ(0)
  }
  .sticky-product-bar__quantity label{display:none}
  .sticky-product-bar__quantity salla-quantity-input{width:100%;display:block}
  .s-quantity-input-container{display:flex;width:100%}
  .s-quantity-input-input{flex:1;text-align:center}
}



.s-block--fixed-banner a[href*="252751123"] {
  display: inline-block;    
  margin-top: 25px !important; 
  transform: scale(0.87);       
  transform-origin: top center; 
}

@media (min-width: 1024px) {
.s-block--fixed-banner a[href*="252751123"] {
    display: block;
    margin: 0 auto;      /* يوسّط الصورة */
    width: 100%;         /* يخليها فل عرض */
    height: auto;        /* يحافظ على التناسب */
    max-width: 1200px;   /* اختياري - يحدد أقصى عرض */
  }
}

 

  .header-btn,
  .header-btn *,
  .header-btn img {
    filter: brightness(0) saturate(100%) !important;
  }

  #nav-cart .sicon-shopping-bag {
    filter: brightness(0) saturate(100%) !important;
  }

  #nav-cart,
  #nav-cart * {
    filter: none !important;
  }
  
/* النصوص الوصفية داخل قسم تابي وتمارا */
.bg-secondary-l .flex-col span.text-sm.opacity-60 {
  font-family: 'TheYear', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* العناوين الفرعية داخل صفحات المنتجات */
h2.product-entry__sub-title.text-sm.font-thin.text-gray-500.leading-6.mb-5 {
  font-family: 'TheYear', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* طبّق TheYear فقط على النصين: "قام بالشراء" و "تم التقييم" */
.s-comments-flex .s-comments-item-has-order-check-text,
.s-comments-flex .s-comments-item-rated-widget {
  font-size: 0.875rem; 
}


.s-product-card-content-sub {
  margin-top: auto;
  margin-bottom: 12px; /* small gap before the button */
}

.s-product-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.s-products-slider-wrapper .s-product-card-content{display:flex;flex-direction:column}
.s-products-slider-wrapper .s-product-card-content-main{min-height:64px}
.s-products-slider-wrapper .s-product-card-content-sub{margin:auto 0 8px}
.s-products-slider-wrapper .s-product-card-content-footer{margin-bottom:15px}
.s-products-slider-wrapper .swiper-slide {
  margin: 0 10px; /* space between cards */
}

h1 { font-size: 1.8rem; }