/* Add custom CSS styles below */ 
.relative.text-center.h-full.flex.justify-center.items-center {
    background-color: white;
}

.testimonial__avatar {
    width: 10%;
}
p.text-xl.sub_text {
color: black;
}

.text-center.mx-auto.content.rounded-lg.card_background {
    border-radius: 20px;
}
section.category_section.my-10.s-block.sal-animate {
   background-color: #d9d9d92b;
    padding-bottom: 40px;
    border-radius: 10px;
}
img.s-product-card-image-contain.lazy.object-cover.loaded {
      background: white;
    box-shadow: inset 0px 0 87px 0px #00000038;
    border: 1px solid black;
    outline: none;
    border-radius: 5px;
}
section.s-block {
    margin-bottom: 10px;
}

div.w-40.h-40.m-auto img {
   box-shadow: inset 1px 1px 68px #00000087;
    background: #ffffff;
    width: 70% !important;
    height: 70% !important;
  border-radius: 32% !important;
  object-fit: cover;
}

salla-slider#slider-with-bg-5 {
    background: #f6f6f6;
    padding: 28px;
    border-radius: 10px;
    border: 1px dashed #b31c2b;
}
button.s-slider-prev.s-slider-nav-arrow,
button.s-slider-next.s-slider-nav-arrow {
    background: white;
}

.s-slider-block__title-right h2{
    font-size: 23px;
    color: #000000;
    border-right: 9px solid #b31c2b;
    border-radius: 5px;
    height: 36px;
    padding-right: 7px;
    display: flex;
    align-items: center;
}
section.s-block.s-block--banners.container {
    background: #f6f6f6;
    padding: 36px;
    border-radius: 20px;
}
@media (max-width: 767px) {
.grid.grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.lg\:grid-cols-4.mt-5 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}
section#best-offers-6-slider {
    background: #e3e3e3;
    padding: 16px;
    border-radius: 10px;
}
.navbar-brand img {
    max-height: 5rem;
    width: auto;
    max-width: 150px;
}
footer.store-footer.bg-secondary {
    border: 2px solid #b9070a;
}
a.absolute.bottom-1\/4.right-1\/2.transform.translate-x-1\/2.flex.items-center.gap-x-4.px-12.py-3.rounded-md.bg-background.border-b-2.border-secondary.text-secondary.text-lg.md\:text-xl.lg\:text-2xl.s-fix-text.cursor-pointer {
color: #ffffff;
    background-color: #dd0000;
        margin-bottom: -17%;
    text-align: center;
}

h2.my-2.text-2xl {
    font-size: 15px;
    margin-top: -40px;
}
a.flex.flex-col.items-center.justify-between.mt-3.text-center {
    text-align: center;
    display: flex;
    align-items: center;
}
.w-40.h-40.m-auto {
    display: flex;
    justify-content: center;
}
.flex.flex-wrap.justify-around.items-center.mt-4.gap-3 {
    gap: 0px !important;
}

.navbar-brand img {
    max-height: 6rem;
}

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 100px;
}
img {
    border-radius: 29px;
    cursor: pointer;
}
@media (max-width: 768px) {
  .custom_container .flex {
    flex-wrap: nowrap !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    gap: 1rem !important;

    /* إخفاء الشريط */
    scrollbar-width: none; /* Firefox */
  }

  .custom_container .flex::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
  }

  .custom_container .flex > a {
    flex: 0 0 auto;
    min-width: 41%;
    scroll-snap-align: start;
  }
}

.custom_container img {
  transition: transform 0.3s ease;
}

.custom_container a:hover img {
  transform: scale(1.1);
}
.s-contacts-list.s-contacts-list-vertical.s-contacts-list-icons-only {
    display: flex;
    flex-direction: row;
}
span.s-contacts-icon:hover {
    background: #ee3730;
}

.header-buttons.items-center.flex.gap-3 {
    color: #292929 !important;
}
.store-header,
.store-header * {
  color: #000 !important; /* أسود 
   background: #292929 !important;
  }
  body {
    background: linear-gradient(45deg, #ffffff, #ffffff00) !important;
    background-color: #ffffff !important;
}
:root {
    --color-primary-light: #292929 !important;
    --background-color: black !important;
}

.store-footer * {
    background-color: var(--color-primary-light) !important;
}
.store-header div {
    color: var(--background-color) !important;
}