@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900;1000&display=swap);
*,
body,
html {
  font-family: Cairo, sans-serif !important;
}
body {
  background: #fff !important;
}
[dir='ltr'] .s-slider-block__title h2,
[dir='rtl'] .s-slider-block__title h2 {
  font-size: 1.5rem !important;
  color: #dbbe5c !important;
  padding-bottom: 1rem !important;
}
#mainnav .container,
.s-block.s-block--banners.container {
  width: 100% !important;
  max-width: 100% !important;
}
.main-nav-container i,
.main-nav-container.fixed-header i {
  color: #dbbe5c !important;
}
.s-slider-block__title-right {
  flex-grow: 1;
  text-align: center;
}
.main-nav-container.fixed-header img {
  max-height: 5rem !important;
}
.s-block {
  margin-top: 0 !important;
  margin-bottom: 1.5rem !important;
}
.banner--fixed img {
  background: 0 0 !important;
}
[dir='rtl'] .s-slider-block__title h2 {
  text-align: right;
}
[dir='ltr'] .s-slider-block__title h2 {
  text-align: left;
}
.s-product-card-vertical {
  flex-direction: column;
  outline: 1px solid #dbbe5c !important;
}
.swiper-wrapper {
  margin: 30px 0 !important;
}
#mainnav .inner {
  background-color: #917821 !important;
}
#mainnav .inner > * {
  color: #dbbe5c !important;
}
.main-nav-container.shadow-default.bg-white.fixed-pinned animated.fixed-header,
.s-slider-nav-arrow:not(:disabled):hover {
  background-color: #917821 !important;
}
.banner-entry,
.s-block--hero-slider .swiper-slide,
.s-block--hero-slider .swiper-slide .swiper-lazy:after {
  background-color: #dbbe5c !important;
}
.mm-spn.mm-spn--navbar:after {
  text-align: center !important;
}
.s-product-card-content-title a {
  text-align: center !important;
  font-size: 1rem !important;
}
.main-menu,
.s-product-card-content-sub {
  justify-content: center !important;
}
.s-product-card-price,
.s-product-card-sale-price * {
  font-size: 1rem !important;
}
.s-product-card-image img {
  max-height: 350px !important;
}
.breadcrumbs li > * {
  color: #dbbe5c !important;
}
.s-block.s-block--fixed-banner > .container,
salla-slider.photos-slider .swiper-slide {
  width: 100% !important;
}
.s-product-card-content-footer button {
  background: #dbbe5c !important;
  border: 1px solid #fff;
  border-radius: 15px !important;
  color: #000 !important;
  font-size: 1rem !important;
  padding: 10px !important;
}
@media (min-width: 1280px) {
  .s-block.s-block--fixed-banner > .container {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.banner-entry {
  background-color: transparent !important;
  border-radius: 0 !important;
}
.banner-entry div {
  background-size: cover !important;
}
#mainnav {
  height: auto !important;
}
.s-block.s-block--banners.container {
  padding: 0 !important;
}
.store-footer__inner {
  background-color: #eee !important;
}
.store-footer__inner > * {
  color: #333 !important;
  font-weight: 600 !important;
}
.navbar-brand img {
  max-width: 205px !important;
  max-height: 4rem !important;
  border-radius: 50% !important;
  object-fit: cover;
}
@media screen and (min-width: 640px) {
  .navbar-brand img {
    max-width: 205px !important;
    max-height: 4rem !important;
  }
}
@media screen and (max-width: 450px) {
  .navbar-brand img {
    max-height: 4rem !important;
  }
  .main-nav-container.fixed-header img {
    max-height: 5rem !important;
  }
}
header.store-header {
  position: relative !important;
  top: 0 !important;
  z-index: 999 !important;
  background-color: #dbbe5c;
}
@media screen and (max-width: 1024px) {
  .main-nav-container.fixed-header .inner {
    top: 0;
    height: auto;
    box-shadow: 0 0 0 transparent;
  }
}
.main-nav-container.fixed-header .inner {
  top: 0;
  height: auto;
  box-shadow: 0 0 0 transparent;
}
@media screen and (max-width: 678px) {
  .s-block--features__item {
    padding: 0 !important;
  }
}
.testimonial {
  background-color: #dbbe5c !important;
  color: #000 !important;
}
.s-block.home-slider {
  margin-top: -30px !important;
}
.q8c6tt-3 ~ div {
  display: none;
}
salla-products-list {
  padding: 10px !important;
}
.carousel-slider .swiper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
salla-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -0.25rem !important;
}
.swiper-pagination-bullet {
  background-color: #eee !important;
}
.swiper-pagination-bullet-active {
  background-color: #dbbe5c !important;
}
.s-block--features__item .feature-icon {
  background-color: #dbbe5c !important;
}
section.s-block--fixed-banner .container {
  padding: 0 !important;
}
section.s-block--banners .grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  background-color: transparent !important;
  gap: 3px !important;
}
section.s-block--banners .grid .two-row .banner-entry:first-child {
  grid-column: unset !important;
  grid-row: unset !important;
}
section:nth-of-type(3).s-block--banners .grid .banner-entry {
  height: 26vw !important;
}
section.s-block--banners .grid .banner-entry {
  height: 60vw !important;
}
@media (min-width: 768px) {
  .s-slider-block__title {
    margin-bottom: 0 !important;
  }
}
.s-slider-block__title {
  margin-bottom: 0 !important;
}
@media (min-width: 640px) {
  .two-row .banner-entry:first-child {
    grid-column: unset !important;
    grid-row: unset !important;
  }
}
section:nth-of-type(2).s-block.s-block--banners {
  margin-bottom: 3px !important;
}

/* ====== خانة البحث للكمبيوتر ====== */
.top-navbar {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background-color: #917821 !important;
  padding: 5px 10px;
}

.top-navbar .search,
.top-navbar .search-form {
  display: block !important;
  max-width: 400px;
  width: 100%;
}

.top-navbar input[type="search"] {
  border: 1px solid #dbbe5c;
  border-radius: 25px;
  padding: 8px 15px;
  width: 100%;
  font-size: 1rem;
  outline: none;
}

.top-navbar input[type="search"]::placeholder {
  color: #917821;
}

/* ====== تحسين خانة البحث على الهواتف ====== */
@media screen and (max-width: 768px) {
  .top-navbar {
    flex-direction: column;
    padding: 10px 5px;
  }

  .top-navbar .search,
  .top-navbar .search-form {
    max-width: 100% !important;
    width: 100% !important;
    margin-top: 5px;
  }

  .top-navbar input[type="search"] {
    padding: 10px 12px;
    font-size: 0.95rem;
  }
}

#invoice-form {
  padding: 0 !important;
}
#karzoun-widget-send-button{
  background-color: #218838 !important;
}