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

/* نلغي تأثير الكاروسيل الأصلي */
#main-links-1 .swiper-wrapper {
  transform: none !important; /* نلغي الـ Translate بتاع Swiper */
  display: grid; /* نحولها لـ Grid */
  grid-template-columns: repeat(5, 1fr); /* 5 أعمدة */
  grid-gap: 5px; /* مسافة 5px بين العناصر */
  padding: 10px 0;
  transition: none !important; /* نلغي أي Animation من Swiper */
}

/* نلغي كلاسات الكاروسيل اللي مش لازمة */
#main-links-1 .swiper-slide {
  width: auto !important; /* نلغي العرض الافتراضي بتاع Swiper */
  margin: 0 !important; /* نلغي المسافات الافتراضية */
}

/* تنسيق العنصر الواحد */
#main-links-1 .slide--cat-entry {
  text-align: center;
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: #fff;
  border-radius: 8px;
  transition: transform 0.3s ease;
}






#main-links-1 .slide--cat-entry:hover {
  transform: scale(1.05); /* تأثير Hover */
}

#main-links-1 .slide--cat-entry i.bg-cover {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  margin-bottom: 10px;
}

#main-links-1 .slide--cat-entry h4 {
  font-size: 14px;
  margin: 0;
  font-weight: 500;
}

/* إخفاء عناصر التحكم بتاعة الكاروسيل */
#main-links-1 .swiper {
  overflow: visible !important; /* نلغي الـ Overflow بتاع Swiper */
}

/* التجاوب (Responsive Design) */
@media (max-width: 1024px) {
  #main-links-1 .swiper-wrapper {
    grid-template-columns: repeat(4, 1fr); /* 4 أعمدة على التابلت */
  }
}

@media (max-width: 768px) {
  #main-links-1 .swiper-wrapper {
    grid-template-columns: repeat(3, 1fr); /* 3 أعمدة على الموبايل المتوسط */
  }
}

@media (max-width: 480px) {
  #main-links-1 .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr); /* عمودين على الموبايل الصغير */
  }

  #main-links-1 .slide--cat-entry i.bg-cover {
    width: 60px;
    height: 60px; /* تقليل حجم الصورة */
  }

  #main-links-1 .slide--cat-entry h4 {
    font-size: 12px; /* تقليل حجم الخط */
  }
}
/*End Category*/
.top-nav {
border-bottom: 0.8px solid black !important;
background-color:white !important;
color:black !important;
}
.mainmenu-is-dark .main-nav-container {
background-color:#3A96D3!important;
}
.mainbar-is-dark .header-mainbar.fixed-pinned .inner, .mainmenu-is-dark #mainnav.fixed-pinned .inner {
    --tw-bg-opacity: 1;
    background-color: #3A96D3;
}
.topnav-is-dark .btn--gray {
    color: #000000 !important;
}
.s-block__title, #main-links-1 .container .s-slider-block__title {
    border-radius: 0.75rem;
    height: 50px;
    color: black;
    max-width: 100%;
}
/* Add custom CSS styles below */
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden; /* منع السكرول الأفقي */
  box-sizing: border-box;
}

.product-entry .btn--add-to-cart:not(.deal)
 {
border: 1px ;
color: white;
border-radius: 0.75rem !important;
height: 75% !important;
max-width: 95%;
justify-content: center;
align-items: center;
}
.s-button-primary-outline {
background-color: white;
}

.product-entry,
.s-product-card-entry {
text-align: center;
border: 2px solid #f9f9f9;
border-radius: 0.75rem;
}
.product-entry__content>:not([hidden])~:not([hidden]) {
justify-content: center;
    align-items: center;
    }

.product-entry .btn--add-to-cart:not(.deal) button:hover {
opacity: 1;
height: 75%;
border-radius: 0.75rem;
}
.product-entry .content-wrap,
.s-product-card-content {
background-color: #f9f9f9;
}
@media (min-width: 640px) {
    [dir=rtl] .product-entry .s-button-icon {
        margin-right: .5rem;
        height: 75%;
        max-width: 40px;
        margin-left: 10px;
        margin-top: 5px;
    }
}
.store-footer {
background-color: #f3f4f6;
    border: 0.8px solid black;
    border-radius: 0.75rem;
    padding: 0px 30px 10px;
    margin: 0 10px 10px;
    text-align: center;
}
.text-gray-500 {
margin-top: 5px
}
.text-white{
color: black;
}
.bg-darker {
background-color:#f9f9f9;
}
.bg-gray-100 {
display: none;
}
.max-w-\[75\%\] {
max-width: 100%;
}
.footer-logo {
text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;

}
.s-contacts-list {
justify-content: center;
    align-items: center;
}
.footer-logo img {
width: 150px;
max-height: 140px;
}
.py-5 {
    padding-bottom: 3.25rem;
}
salla-button .s-button-btn {
    border-radius: 0.75rem;
    color: white;
}
.swiper .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none;
    }
    .s-product-card-content-sub{
    justify-content: center;
    }
    .s-product-card-starting-price {
        justify-content: center;
        gap: 10px;

    }
    .s-product-card-rating {
    position: absolute;
    margin-top: 5px;
    left: 10%;
}
.s-block__title,
#main-links-1 .container .s-slider-block__title {
        border-radius: 0.75rem;
    height: 50px;
        color: black;
        max-width: 100%;
        
}
.s-add-product-button-main:not(.w-full) > salla-button {
width: 80% !important;
}
.slide--cat-entry i {
width: 75px;
height: 75px;
}
.slide--cat-entry h4 {
font-size: 14px;
line-height: 1.5rem;
}
.topnav-is-light .top-nav {
display: none;
}
.header-section-wrapper {
    display: flex;
    flex-direction: column;
}
.page-header {
display: none;
}
@media (min-width: 1024px) {
.mainmenu-is-light .main-nav-container {
display: none;
}
}
@media (max-width: 1025px) {
.s-block__title, #main-links-1 .container .s-slider-block__title {
text-align: center;
    justify-content: center;
    align-items: center;
}
.s-slider-block__title p {
padding-left: 2rem !important;
}
}
[dir="rtl"] .carousel-slider .swiper,
[dir="rtl"] .s-slider-block__title-right {
padding-left: 0;
}

new 12dec 2024 
#main-links-1 .s-slider-swiper-wrapper {
    display: grid;
    gap: 0;
    width: 100%;
    grid-template-columns: repeat(5, 1fr);
    margin: 0 auto;
    justify-items: center;
    overflow-x: hidden !important ;
    overflow-y: hidden !important;
}
.slide--cat-entry {
padding: 0;
}
.swiper-slide h4 {
  font-size: 14px;
  text-align: center;
  line-height: 1.5em;
   height: 3em;
   width: calc(100% + 100px);
   letter-spacing:0;
}

.swiper-slide h4 span {
  display: inline;      /* Keep span inline to match heading text */
  font-size: inherit;   /* Inherit font size from parent h4 */
  color: inherit;       /* Inherit text color from h4 */
  font-weight: inherit; /* Inherit font weight */
  line-height: inherit; /* Inherit line-height */
}
@media(max-width: 767px) {
.slide--cat-entry i {
    width: 45px;
    height: 45px;
}
.salla-slider .slide--one-sixth {
width: 100%; 
max-width: 20%;
}
.container {
max-width: 100%;
margin: 0 auto;
}

} price-product.

Regular-family: DINNextLTArabic-font :٤٥٠٠color: #ff :items: center-align {

.swiper-slide h4 {
  font-size: 6px;
  text-align: center;
  line-height: 1.5em;
   height: 3em;
   width: calc(100% + 41px);
   margin-top: -10px;
   letter-spacing:0;
   display: -webkit-box;
    -webkit-line-clamp: 2;
        text-overflow: ellipsis; 
    -webkit-box-orient: vertical;
 
}
salla-slider[type]:not(.hydrated) > div > div, salla-slider[type]:not(.hydrated) .swiper > div > div > div, .carousel-slider .swiper-wrapper > div {
    margin-bottom: -43px;
}
.topnav-is-dark .top-nav {
    --tw-text-opacity: 1;
    color: rgb(85 194 243);
}
  .price-class {
  font-size: 20px;
}