/* ====== Font ======= */
@import url("https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;500;700;800;900&display=swap");

@import url("https://kit-pro.fontawesome.com/releases/latest/css/pro.min.css");
@import url("https://kit-free.fontawesome.com/releases/latest/css/free.min.css");

body,
*:not(i) {
  font-family: "Almarai", sans-serif !important;
}


.s-block--video {

margin-top:0;

visibility: hidden;


}
/* ====== Header ======= */

#s-cart-icon {
  content: "";
  background-image: url("https://media.zid.store/cb71dbd7-b319-4ca5-98cf-7dc3dfe2b3b4/198edc0a-0ba4-4b5b-a78d-f4e311d312ed.svg");
  width: 26px !important;
  height: 26px !important;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: -8px;
}
#s-cart-icon .icon,
.s-cart-summary-content {
  display: none !important;
}

.sicon-user:before {
  content: "";
  background-image: url("https://media.zid.store/cb71dbd7-b319-4ca5-98cf-7dc3dfe2b3b4/890c9ec0-9cc5-4517-a67c-b032a97be4ff.svg");
  width: 24px !important;
  height: 24px !important;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: -4px;
}

.sicon-search:before {
  content: "";
  background-image: url("https://media.zid.store/cb71dbd7-b319-4ca5-98cf-7dc3dfe2b3b4/61f5d7bc-4cde-4d6f-95e7-2d2f6c1a6aab.svg");
  width: 24px !important;
  height: 24px !important;
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-bottom: -8px;
}
header .user-login,
header .search-btn {
  margin-left: 0px !important;
  margin-right: 0px !important;
  background-color: transparent !important;
}
header .btn--gray {
  background-color: transparent !important;
}
@media (max-width: 1023px) {
  /*   center logo   */
  .header-components-inner > div.flex {
    width: 56vw !important;
    justify-content: space-between !important;
  }
}
@media (max-width: 991px) {
  .header-components-inner > div.flex {
    width: 57vw !important;
    justify-content: space-between !important;
  }
}
@media (max-width: 460px) {
  .header-components-inner {
    gap: 8px !important;
  }
  .header-components-inner > div.flex {
    width: 63.2vw !important;
    justify-content: space-between !important;
  }
  .fixed-pinned .navbar-brand img,
  .navbar-brand img {
    max-height: 2.8rem;
    max-width: 134px;
  }
}
@media (max-width: 370px) {
  .header-components-inner > div.flex {
    width: 64vw !important;
  }
}

/* ====== sections titles ======= */
.s-block--best-offers .s-block__title,
.s-block--slider-with-bg .s-block__title,
.s-block .optimized-products .s-block__title {
  justify-content: flex-start !important;
}
.s-block__title h2,
.s-block__title h1 {
  font-weight: bold !important;
  margin-bottom: 10px !important;
}
.s-block__title .center-side::after {
  display: none !important;
}

/* our story */
section[id="home-slider-16"] .s-slider-nav-arrow {
  display: none !important;
}
section[id="home-slider-16"] .home-slider-data {
  padding-top: 0 !important;
}
section[id="home-slider-16"].s-block--default-home-slider {
  height: 260px !important;
}
section[id="home-slider-16"] .swiper-wrapper {
  transform: none !important;
}
section[id="home-slider-16"].s-block--default-home-slider
  .slider-height
  .swiper-slide
  .home-slider-position
  .home-slider-data
  .btn {
  border-radius: 42px !important;
  margin-top: 1rem;
}

/* Banners */
.s-block--fixed-banner .banner--fixed {
  border-radius: 0 !important;
  max-width: 1000px;
  margin: auto;
}
@media (min-width: 1024px) {
  .s-block--fixed-banner .banner--fixed {
    max-height: 900px;
    min-height: 350px;
  }
}
@media (max-width: 1023.9px) {
  .s-block--fixed-banner .container,
  .home-video.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  /* المجموعات */
  #best-offers-8-slider {
    background-color: #fce5ef;
    margin-top: 0 !important;
    padding-top: 1rem !important;
  }
  #best-offers-8-slider {
    background-color: #fce5ef;
    margin-top: 0 !important;
    padding-top: 1rem !important;
    padding-bottom: 1.5rem !important;
  }
  #best-offers-8-slider.s-block--best-offers .s-block__title {
    justify-content: center !important;
  }
  .s-block__title .center-side,
  .product-entry,
  .product-entry__image {
    background-color: transparent !important;
  }
}

/* features */
.s-block--photos-slider{
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.s-block--photos-slider
  salla-slider.photos-slider
  .swiper-slide {
  animation: slide 25s linear infinite;
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  width: 30% !important;
}
.s-block--photos-slider .swiper-wrapper {
  transform: none !important;
}
.s-block--photos-slider .s-slider-nav-arrow,
.s-block--photos-slider .swiper-pagination {
  display: none !important;
}

@media (max-width: 767px) {
  .s-block--photos-slider
    salla-slider.photos-slider
    .swiper-slide {
    width: 60% !important;
  }
}

@keyframes slide {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(250%);
  }
}
/* ====== categories ======= */
.s-block--banners .grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1em;
  max-width: 1000px !important;
  text-align: center;
  margin: auto;
}
.s-block--banners .grid .banner-entry {
  grid-column: unset !important;
  min-height: 435px;
  min-height: 364px;
  border-radius: 8px;
}

@media (max-width: 991px) {
  .s-block--banners .grid .banner-entry {
    min-height: 266px;
  }
}
@media (max-width: 767px) {
  .s-block--banners .grid .banner-entry {
    min-height: 142px;
  }
}
@media (max-width: 400px) {
  .s-block--banners .grid .banner-entry {
    min-height: 137px;
  }
}

/* ====== sub categories normal ======= */
.s-block--categories .s-slider-block__title h2 {
  font-weight: bold !important;
  margin-bottom: 1.5rem !important;
}
.s-block--categories .s-slider-block__title p {
  display: none !important;
}
.s-block--categories a {
  border: none !important;
}
.s-block--categories .swiper-wrapper > div {
  width: 35.5%;
  /* min-width: 110px; */
  max-width: 180px;
}
.s-block--categories i {
  transform: none !important;
}
.s-block--categories h4 {
  text-align: center !important;
  color: #000 !important;
  word-break: break-word !important;
}
.slide--cat-entry {
  padding: 0 !important;
}

@media (min-width: 767px) {
  .s-block--categories .slide--cat-entry i {
    height: 7rem;
    width: 7rem;
  }
}
/* ====== sub categories vip ======= */

#main-links-6 .swiper-wrapper > div img {
  transform: none !important;
}
.main-links-title {
  border: none !important;
  text-align: center !important;
  box-shadow: none !important;
  width: 100% !important;
  background-color: transparent !important;
  bottom: -50px !important;
  color: #000 !important;
  padding: 0 !important;
}
.main-links-title h4 {
  text-align: center !important;
  color: #000 !important;
}
.slide--cat-entry {
  min-height: 90px;
}

@media (max-width: 767px) {
  #main-links-6 .swiper-wrapper > div {
    width: 40%;
  }
}

/* ====== product ======= */
.s-product-card-content-subtitle {
  color: #444 !important;
}
body.products_is_rounded .product-entry,
body.products_is_rounded .s-product-card-entry,
body.products_is_rounded .product-entry--wishlist {
  border-radius: 6px !important;
}

.product-entry salla-add-product-button salla-button button {
  background-color: #e6bdcd;
  border-color: #e6bdcd;
  border-radius: 8px !important;
}
.s-product-card-content {
  padding: 10px !important;
}

.main-content .main-content-data {
  order: 1 !important;
}
@media (max-width: 767px) {
  .s-block--best-offers .swiper-slide {
    max-width: 184px !important;
  }

  .s-product-card-content-title a {
    display: block;
    font-size: 14px !important;
  }
  #bcio-popups div[style*="width: 50%"] {
    width: 90% !important;
  }
}

@media (max-width: 767px) {
  /* product images thumbs */
  .details-slider-wrapper .s-slider-thumbs {
    display: block !important;
    height: 75px !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .details-slider-wrapper .s-slider-thumbs .s-slider-thumbs-container {
    width: 100% !important;
    width: 96vw !important;
    margin-left: 8px !important;
    margin-right: 8px !important;
  }

  .details-slider-wrapper
    .s-slider-thumbs
    .s-slider-thumbs-container
    .swiper-slide {
    height: 64px !important;
    border-radius: 8px !important;
    max-width: 90px !important;
  }
  body
    .details-slider-wrapper
    .s-slider-thumbs
    .s-slider-thumbs-container
    .swiper-slide::after {
    border-radius: 8px !important;
  }
}
/* ====== testimonials ======= */
.s-block--testimonials .testimonials-itme > div {
  border: 1px solid #e5f0fe;
  border-radius: 16px;
  margin-bottom: 10px !important;
}

.display-all-url {
  border: none;
  font-weight: bold;
  width: auto;
  min-width: 10rem;
  height: 2.5rem;
}

@media (max-width: 1023px) {
  .s-block--testimonials .s-slider-nav-arrow {
    display: none !important;
  }
}
/* ====== Footer ======= */
.store-footer {
  background-color: #fde7f1 !important;
  color: #000 !important;
  max-width: 94% !important;
  margin: auto;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 1.5rem;
  border-radius: 32px 32px 0 0;
}
.footer-content.grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr 1fr;
}
.footer-content.grid > div {
  grid-column: unset;
}
.store-footer__top a,
.footer-bottom a {
  color: #000 !important;
  fill: #000 !important;
}
.store-footer__top a:hover {
  text-decoration: underline;
}
.footer-bottom {
  background-color: #fde7f1 !important;
  color: #000 !important;
  margin-top: 0rem !important;
}
.footer-bottom a {
  height: 2.5rem;
  width: 2.5rem;
}
.store-footer .s-social-list {
  gap: 0.2rem;
}
.s-social-link a svg {
  height: 1.4rem;
  width: 1.4rem;
}
.footer_is_dark .footer-bottom a span {
  color: #000 !important;
}

@media (max-width: 767px) {
  .footer-content.grid {
    display: block !important;
    text-align: center;
  }
  .footer-logo img {
    margin: auto;
  }
  .footer-content .justify-start,
  .s-contacts-item {
    justify-content: center;
  }
  .store-footer h3 {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}

/* ====== Login ======= */
.s-modal-header-inner .s-login-modal-header-icon {
  border: none !important;
  border-radius: 0;
  background: url("https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/PyBZn/f9Z1ukqOpnFVxCBX0s7pIoGJAcYwxBj1EcGhiLVp.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 120px !important;
  height: 70px !important;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.s-modal-header-inner svg {
  border: none !important;
  display: none !important;
}
.s-login-modal .s-modal-header-inner {
  display: block;
  padding: 0 !important;
}
.s-login-modal .s-modal-title {
  text-align: center;
}
.s-login-modal .s-modal-padding {
  padding-top: 10px;
}

/* ====== Home FAQs ====== */
.faqs-div {
  margin: 40px auto;
  width: 70%;
  background-color: #fff;
}
.faqs-div h3,
.faqs-div h5 {
  color: #000;
  font-size: 1.7rem;
  font-weight: 700;
  white-space: nowrap;
  text-align: center;
  margin-bottom: 10px;
}
.faqs-div h5 {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 20px;
  white-space: unset;
}
/* faq-accordion */
button.faq-accordion {
  padding-left: 2rem !important;
  margin-bottom: 0;
  width: 100%;
  background-color: #fde7f1;
  color: #000;
  border: none;
  border-right: 1px solid #000;
  outline: none;
  text-align: start;
  padding: 12px 20px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin-top: 15px;
  border-radius: 16px;
}

button.faq-accordion:after {
  font-family: "Font Awesome 5 Pro";
  content: "\2b" !important;
  font-size: 22px;
  float: left;
  position: absolute;
  left: 1rem;
  top: 0.8rem;
  color: #000;
}

html[lang="en"] button.faq-accordion {
  text-align: left;
}
html[lang="en"] button.faq-accordion:after {
  float: right;
  left: auto;
  right: 1rem;
}
button.faq-accordion.is-open:after {
  content: "\f068" !important;
  font-size: 14px;
}

button.faq-accordion.is-open {
  background-color: #fde7f1;
  color: #000;
  border-right: 1px solid #000;
  border-radius: 16px 16px 0px 0px;
}
button.faq-accordion.is-open strong {
  color: #fff !important;
}

.accordion-content {
  border: 0px solid #000;
  background-color: #fde7f1;
  color: #000;
  border-right: 1px solid #000;
  border-top: none;
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-in-out;
  border-radius: 0px 0px 16px 16px;
  font-size: 14px;
  line-height: 2.5;
  text-align: start;
}
@media (max-width: 767px) {
  /* Home FAQs */
  .faqs-div {
    margin: 20px auto;
    width: 96%;
    padding: 0px 5px;
  }

  .faqs-div h3 {
    font-size: 1.2rem;
    margin-bottom: 0px;
  }
  .faqs-div h5 {
    font-size: 0.9rem;
    margin-bottom: 10px;
  }
  button.faq-accordion {
    padding: 10px 15px;
    font-size: 12px;
  }
  .accordion-content {
    font-size: 13px;
  }

  button.faq-accordion:after {
    top: 0.55rem;
  }
}

/* End */