/* Add custom CSS styles below */
/* نوع الخط */
* {
  box-sizing: border-box;
}
body {
  font-family: Sans-Serif !important;
  overflow-x: hidden;
}

.animated-banner__slider-container {
  padding: 0 !important;
}

.main-nav-container.fixed-header .inner,
.store-header {
  margin-top: 40px;
}
.s-product-card-fit-height .s-product-card-image {
  max-height: 35rem;
}
.index .s-product-card-entry.modern:hover .s-product-card-actions {
  bottom: -0.5rem !important;
  position: fixed !important;
  justify-content: end !important;
  z-index: 999;
}

.s-product-card-entry .s-product-card-actions .s-button-icon {
  width: 1.8rem !important;
  height: 1.8rem !important;
}
.store-header.d-shape-3 .headerMegaMenu {
  align-items: flex-end;
}

.s-block--features__item .feature-icon {
  height: 5rem;
  width: 5rem;
}

.store-header {
  direction: ltr;
}

.main-nav {
  justify-content: center !important;
}
.aui-mega-menu *,
span.child-title,
.menu-link {
  color: balck !important;
}

.s-product-card-entry .s-product-card-promotion-title {
  padding: 0 0.2rem 0.0rem;
  margin: -0.7rem;
}
aui-animated-banner {
  position: fixed !important;
  top: 0;
  z-index: 99;
}
.s-product-card-entry .s-product-card-price {
  font-weight: 600 !important;
  font-size: 1.2rem !important;
}
.s-block.container,
.parallax-content.in-view {
  padding-left: 1px !important;
  padding-right: 1px !important;
  margin-left: 1px !important;
  margin-right: 1px !important;
  max-width: 100%;
}

.promotion-title,
.s-product-card-entry .s-product-card-promotion-title {
  background: white;
  color: black;
  font-weight: 800;
}

.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%;
  padding: 0 !important;
  margin: 0;
}
#app
  > div.main-wrapper.overflow-x-clip
  > div
  > div
  > div.mb-4
  > section
  > div.category-meta.flex.relative.flex-col.justify-center.items-center
  > div
  > h1 {
  font-size: xx-large;
}
.s-product-options-wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}
.color-circle {
  background-size: cover;
}
.price-section-from b {
  font-size: 1.1rem !important;
}
.price-section-from {
  padding: 0 1.25rem !important;
}
custom-salla-products-list .s-product-card-entry.modern .s-product-card-actions,
custom-salla-products-list
  .s-product-card-entry.modern:hover
  .s-product-card-actions {
  display: none !important;
}
.promotion-title {
  top: 4px;
  right: 3px;
  font-weight: 800;
}

.text-center.text-black.static.items-center.mt-10.flex.container {
  margin-top: 1rem !important;
}

#s-edit-alert a {
  line-height: 1rem;
}
/* .store-header.d-shape-3 .headerMegaMenu {
  position: absolute;
  left: 50%;
  transform: translatex(-50%);
} */
.aui-mega-menu .main-nav {
  margin-right: 11rem;
}
@media (min-width: 1024px) {
  .product-slider.lg\:w-1\/2 {
    width: 45% !important;
  }
  .s-product-card-entry.modern .s-product-card-content {
    min-height: 150px;
  }
  #app
    > div.main-wrapper.overflow-x-clip
    > div
    > div
    > div.mb-4
    > section
    > div.category.container.my-4.mt-6.mx-auto.lg\:max-w-2xl
    > aui-slider
    > div
    > swiper-container
    > swiper-slide
    > div
    > a
    > img {
    height: 8rem;
  }
}

@media (max-width: 1024px) {
  .menu-header,
  .modal-title {
    background: #f9f9fb !important;
  }

  .s-product-card-entry.modern .s-product-card-actions {
    bottom: -6px;
    position: fixed;
    top: auto;
    display: flex;
    flex-direction: row;
  }
  .store-header.m-shape-1 .headerLogo {
    /* position: absolute;
    left: 1rem;
    top: 1rem; */
    margin-left: -2.5rem;
  }
  .store-header .inner .menuIcon {
    position: fixed;
    right: 0;
    margin-top: 0.5rem;
  }
  div.inner.bg-inherit {
    padding-right: 2.5rem;
  }
  .menu-content {
    margin: 1rem;
    background: #f9f9fb;
    border-radius: 27px;
  }

  .menu-title::before {
    content: "";
    display: block;
    width: 80px;
    height: 30px;
    background: url("https://i.ibb.co/6cB5Rc41/PNG-File.png") no-repeat center
      center;
    background-size: contain;
  }
}
@media (max-width: 640px) {
  .main-nav-container.fixed-header .inner,
  .store-header {
    margin-top: 40px;
  }

  div.product-main-content.container.lg\:mt-16.lg\:pe-12.lg\:ps-0.md\:sticky.z-10.top-24.w-full.md\:w-2\/4.md\:pb-16
    > div.product-info--top
    > div.flex.with-p-x.justify-between.items-baseline.gap-8
    > h1 {
    line-height: 2rem;
  }
}
.aui-animated-banner__content {
  width: 100%;
}
.\!w-\[var\(--header-logo-width-mobile\)\] {
  width: 150px !important;
}
#app .s-block__title {
  justify-content: center !important;
}
.s-product-card-entry .s-product-card-content-title a {
  font-size: 0.9rem !important;
}
footer
  > div
  > div.w-full
  > div
  > div.p-6.md\:p-10.bg-\[var\(--footer-second-section-bg\)\].text-\[var\(--footer-second-section-text-color\)\]
  > div
  > div.lg\:mt-8,
.aui-animated-banner__close,
.aui-animated-banner__play-pause-button,
salla-comments {
  display: none;
}
.content--single-page {
  margin-top: 0 !important;
}
div.main-wrapper.overflow-x-clip
  > div
  > footer
  > div
  > div.w-full
  > div
  > div.bg-\[var\(--footer-first-section-bg\)\].text-\[var\(--footer-first-section-text-color\)\].p-6.md\:p-10 {
  padding-top: 0 !important;
}

#app > div.main-wrapper.overflow-x-clip > div > footer > div > div.w-full > div,
div.main-wrapper.overflow-x-clip.show-main.static-position
  > div
  > footer
  > div
  > div.w-full
  > div {
  grid: none !important;
}

.s-social-list,
footer.footer-2 .s-payments-list {
  justify-content: center !important;
}
.s-payments-list-item {
  height: 3rem;
  width: 5rem;
}
.aui-animated-banner__slider-container {
  padding: 0 !important;
}

footer
  > div
  > div.w-full
  > div
  > div.p-6.md\:p-10.bg-\[var\(--footer-second-section-bg\)\].text-\[var\(--footer-second-section-text-color\)\]
  > div
  > div:nth-child(2)
  > div
  > div:nth-child(2) {
  order: -2;
}
.category {
  max-width: 90% !important;
}
swiper-container::part(button-prev),
swiper-container::part(button-next) {
  display: block !important;
}
.s-block__title h2 {
    left: -24%;
}

.aspect-ratio {
    display: none;
}

.spacer {
    display: none;
}

.pb-8 {
    padding-bottom: 0rem;
}

.min-h-\[24em\] {
    min-height: 20em;
}

/* show more in filter with bold */
.s-filters-widget-more { font-weight: 900; 
}