/* Add custom CSS styles below */ 
/* خلفية المتجر */
.flex-col {
    background: #efefef;
}

/* البنرات */
section.s-block.s-block--fixed-banner.wide-placeholder {
    margin: auto;
    padding: 0px;
}

section.s-block.s-block--fixed-banner.wide-placeholder div.container {
    margin: 0px;
    padding: 0px;
}

.banner--fixed img {
    border-radius: 0px;
}

/* الهدر */

.top-nav {
    display: none;
}

.main-nav-container .sides-wrap {
    background: #282828;
}

.main-nav-container .inner {
    background: #282828;
    border: 0px;
}

.main-nav-container.fixed-header .inner {
    background: #282828;
}

.main-nav-container.fixed-header .inner {
    background: #282828;
}

/* ايقونات الهدر */

.header-btn__icon {
    border-width: 0px;
}

.sicon-user-circle:before {
    color: #fff;
}

.sicon-shopping-bag:before {
    color: #fff;
}

.s-cart-summary-count {
    background: #fff;
    color: #282828;
}

.s-cart-summary-total {
    color: #fff;
}

.header-is-light .humb .humb-icon span, .header-is-light .humb .humb-icon span:nth-child(2):before {
    background-color: #fff;
}

/* حل مشكلة هيدر الكمبيوتر */
p.opacity-50.mb-1 {
    background: #282828;
    color: #fff;
}

span.flex.leading-fff.text-sm {
    background: #282828;
    color: #fff;
} 

.header-icon-button .flex-col {
    background: #282828;
    color: #fff;
}

/* عنوان القسم الخارجي */ 
[dir=rtl] .s-block__title .right-side {
    visibility: hidden;
}

[dir=rtl] .s-slider-block__title-right {
    visibility: hidden;
}

.s-block__display-all, .s-slider-block__display-all {
    visibility: hidden;
}

.s-block__title, .s-slider-block__title {
    height: 0px;
    margin-bottom: 0px;
}

/* الفوتر */
.footer-is-light .store-footer {
    background: #efefef;
}

.footer-is-light .store-footer__top {
    background: #efefef;
    /*border-radius: 20px; */
    /* margin: 15px; */
    text-align: center;
}

.footer-is-light .store-footer .store-footer__inner {
    background: #efefef;
    margin: 20px;
    /* border-radius: 20px; */
    text-align: center;
}

.leading-6 {
    color: white;
}

h3.footer-title {
    color: white;
}

[dir=rtl] .footer-list a {
    color: white;
}

[dir=rtl] .store-footer .contact-icon {
    color: white;
}

.text-unicode {
    color: white;
}

.sicon-instagram:before {
    color: white;
}

.sicon-twitter:before {
    color: white;
}

.sicon-snapchat:before {
    color: white;
}

.sicon-tiktok:before {
    color: white;
}

.col-span-6 {
    background: #282828;
}

div.col-span-3:lg:col-span-1 {
    width: 100%;
}

.col-span-3 {
    grid-column: span 6;
    margin: auto;
}

.site-info-1c1c1c.text-gray-400 {
    color: #000;
}

.store-footer .flex-col {
    background: #282828;
    /* border-radius: 20px 20px 0px 0px; */
    color: #fff;
}

.store-footer h3 {
    color: white;
}

.s-contacts-item {
    color: white;
}

.s-menu-footer-list a {
    color: white;
}

.site-info-bar .text-sm{
    color: #01a89e;
}

.site-info-bar .text-gray-400{
    color: #282828;
}

.gap-10 {
    gap: 2.5rem;
    background: #282828;
    /* border-radius: 20px; */
    /* margin: 20px; */
    /* justify-self: center; */
    margin: auto;
    padding: 20px;
}

.col-span-3 {
    text-align: center;
}

.store-footer .s-contacts-list {
    align-items: center;
}

.site-info-bar {
    background: #efefef;
}

.site-info-bar .text-gray-400 {
    color: #282828;
}

.s-block--full-bg:first-of-type {
    margin-top: 0px;
    background: #efefef;
}

/* كرت المنتج الخارجي */

.product-entry__content {
    border: 0px solid #fff;
    background: #fff;
    text-align: center;
    padding-bottom: 20px;
    align-items: center;
    /* border-radius: 0 0 20px 20px; */
}

.product-entry--vertical {
   /* border-radius: 0 0 20px 20px; */
    border: 0px solid #f1e9d7;
    margin: 5px;
}

salla-add-product-button[width=wide] {
    width: 100%;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

salla-add-product-button#product-add-to-cart-btn.s-add-product-button-with-quick-buy.s-add-product-button-with-sticky-bar.hydrated {
    width: 100%;
    position: inherit;
}

.product-entry__image::before {
    visibility: hidden;
}

.triangle-overlay:after {
    background: #fff;
}

[dir=rtl] .triangle-overlay:after {
    visibility: hidden;
}

salla-button .s-button-btn {
    border-radius: 0px;
    background: #282828;
    border: 0px;
    color: #fff;
    padding: 14px;
}

body.font-dinnextltarabic-regular .btn--add-to-cart {
    padding: 0px;
}

salla-button .s-button-btn[product-status=out] {
    opacity: 1;
}

.product-entry__content .leading-6 {
    color: #000;
}

.s-product-card-vertical .s-product-card-content-title a  {
    margin-bottom: 20px;
}

.carousel-slider .swiper-wrapper > div {
    width: 50%;
}

.s-product-card-entry {
    border: 0px;
    border-radius: 0px;
}

[dir="rtl"] .carousel-slider .swiper {
    padding-left: 0px;
}

/* التصنيفات */
.s-block--categories .swiper-wrapper {
    width: 66%;
}

.slide--cat-entry {
    background: #efefef;
    border: 0px;
    margin: 0pc;
    padding: 0px;
    margin-bottom: -30px;
}

.slide--cat-entry h4 {
    visibility: hidden;
}

#main-links-9 {
    margin-tom: 0px;
    padding-top: 0px;
}

.slide--cat-entry i {
    height: 130px;
    width: 130px;
    border-radius: 0px;
}
/* حركة تلقائية للصور أفقية (سلايدر مستمر) */
.auto-slider {
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  animation: slide 20s linear infinite;
}

.auto-slider img {
  width: 200px; /* يمكنك تعديل المقاس */
  margin-right: 20px;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
<div class="auto-slider">
  <img src="رابط_الصورة1.png" />
  <img src="رابط_الصورة2.png" />
  <img src="رابط_الصورة3.png" />
  <img src="رابط_الصورة4.png" />
</div>
/* حركة تلقائية ناعمة لجميع الصور */
img {
  animation: zoomInOut 6s ease-in-out infinite;
}

@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
}