.swiper-wrapper.s-slider-swiper-wrapper {
  display: flex;
  justify-content: center;
}

/* Target only the first div with the phone registration link */
a[href="https://dijuor-ksa.com/"] h2 {
  font-size: 0; /* Hide original text */
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.4;
}

a[href="https://dijuor-ksa.com/"] h2::before {
  content: "سجل رقمك";
  font-size: 16px; /* Restore font size */
  width: 80px;
  text-align: center;
  display: block;
}

a[href="https://dijuor-ksa.com/"] h2::after {
  content: "و سيتم التواصل معك";
  font-size: 16px; /* Restore font size */
  width: 180px;
  text-align: center;
  display: block;
}

/* Force buttons to move left on mobile */
@media (max-width: 768px) {
  .swiper-wrapper.s-slider-swiper-wrapper {
    transform: translateX(-20px); /* Adjust the -20px value as needed */
  }
}
/* Solution 1: Remove container padding/margins */
.container {
    padding-right: 0 !important;
    margin-right: 0 !important;
}

/* Solution 2: Fix body and html overflow */
html, body {
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    width: 100%;
}

/* Solution 3: Target specific RTL layout issues */
.rtl {
    margin-right: 0 !important;
    padding-right: 0 !important;
}

/* Solution 4: Fix main wrapper */
.app-inner {
    margin-right: 0;
    padding-right: 0;
    width: 100%;
}

/* Solution 5: Address header navigation gaps */
.main-nav-container .container {
    padding-right: 15px;
    margin-right: auto;
}

/* Solution 6: Fix footer alignment */
.store-footer {
    margin-right: 0;
    padding-right: 0;
}

/* Solution 7: Comprehensive fix for all containers */
.container,
.main-nav-container,
.store-header,
.store-footer {
    max-width: 100%;
    margin-right: 0;
    padding-right: 15px; /* Adjust as needed */
}

/* Solution 8: Media query for responsive issues */
@media (max-width: 768px) {
    .container {
        padding-right: 10px;
        margin-right: 0;
    }
}

/* Solution 9: Fix specific Salla components */
.s-slider-wrapper,
.s-products-list,
.s-block {
    margin-right: 0;
    padding-right: 0;
}

/* Solution 10: Remove any unwanted right spacing */
* {
    box-sizing: border-box;
}

.rtl .container {
    padding-right: 0;
}
body {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    overflow-x: hidden !important;
}

.container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 15px !important;
}
.s-block--photos-slider,
.home-slider,
.photos-slider {
    margin-left: 40px !important;
    margin-right: -40px !important;
}
/* Mobile banner centering - add this to your existing code */
@media (max-width: 768px) {
    .s-block--photos-slider,
    .home-slider,
    .photos-slider {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .s-block--photos-slider .container {
        display: flex !important;
        justify-content: center !important;
    }
    
    .swiper-wrapper.s-slider-swiper-wrapper {
        transform: translateX(0) !important;
    }
}