@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;200;300;400;500;700&display=swap');
html,
body {
  font-family: 'Noto Sans Arabic', sans-serif !important;
}
div.banners .banners-slides {
  gap: 4px !important;
}
@media (max-width: 640px) {
  div.banners .banners-slides {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1024px) {
  .main-menu li > a:hover,
  .main-menu li > a.active {
    background: transparent;
  }
}
.store-header span.block {
  display: none !important;
}
.karzoun-box * {
  font-family: 'DINNextLTArabic-Regular';
}
.offers-link {
  color: red !important;
}
.karzoun-box-poweredby {
  display: none !important;
}
.product-entry .add-to-cart .hydrated button .s-button-text .add-to-cart-icon {
  display: none !important;
}

/*
@media (max-width: 991px) {
  .add-to-card-content .add-to-cart .hydrated button .add-to-cart-icon {
    width: 20px !important;
  }
}
@media (max-width: 450px) {
  .add-to-card-content .add-to-cart .hydrated button {
    height: 20px !important;
    width: 20px !important;
  }
}
*/
.product-entry {
  border: none !important;
}
.product-entry .product-entry__image {
  padding: 0px !important;
}

.product-entry .add-to-cart .hydrated button,
.category-perfumes-section
  .category-perfumes-row
  .category-perfumes-slider
  .s-slider-wrapper
  .s-slider-container
  .category-perfumes-product
  salla-add-product-button
  button {
  background-color: white !important;
  color: var(--color-primary) !important;
  border-color: #ccc !important;
  transition: .3s !important;
  padding: 20px 10px !important;
}
.product-entry .add-to-cart .hydrated button:hover,
.category-perfumes-section
  .category-perfumes-row
  .category-perfumes-slider
  .s-slider-wrapper
  .s-slider-container
  .category-perfumes-product
  salla-add-product-button
  button:hover {
  background-color: var(--color-primary) !important;
  color: white !important;
}
.product-entry h4,
.category-perfumes-section
  .category-perfumes-row
  .category-perfumes-slider
  .s-slider-wrapper
  .s-slider-container
  .category-perfumes-product
  .s-product-card-sale-price
  h4,
.total-price {
  color: red !important;
}

.product-entry .add-to-cart .hydrated button .s-button-text span {
  font-size: 15px !important;
}
.product-entry salla-button.btn--wishlist .s-button-text {
  height: 40px !important;
  width: 56px !important;
}
@media (min-width: 991px) {
  .carousel-slider .swiper-wrapper > div {
    min-height: 460px !important;
  }
}
.add-to-card-content .add-to-cart .hydrated button span {
  display: flex !important;
}
.features-2-section
  .features-2-row
  .features-2-col
  .features-2-col-container:nth-child(2),
.features-2-section
  .features-2-row
  .features-2-col
  .features-2-col-container:last-child {
  background-color: var(--color-primary) !important;
  color: white !important;
}
@media (max-width: 767px) {
  body {
    font-size: 12px !important;
  }
  .btn--wishlist {
    position: absolute !important;
    top: -93px !important;
    left: 0 !important;
  }
}
@media (max-width: 450px) {
  .add-to-card-content {
    width: 100% !important;
  }
  .add-to-card-content .add-to-cart .hydrated {
    display: block;
    height: 100% !important;
    width: 100% !important;
  }
  .add-to-card-content .add-to-cart .hydrated button {
    height: 100% !important;
    width: 100% !important;
    padding: 4px !important;
  }
  .product-entry .add-to-cart .hydrated button .s-button-text span {
    font-size: 12px !important;
  }
  .s-button-wrap svg {
    height: 16px;
    width: 16px;
    fill: currentColor;
  }
  .product-entry salla-button.btn--wishlist .s-button-text {
    border: none !important;
  }
  salla-slider.details-slider .swiper-slide .promotion-bage {
    font-size: 9px;
  }
}
body.product-single div.zoom img {
  background-color: #fff !important;
}
.footer-is-light .store-footer .store-footer__inner {
  --tw-bg-opacity: 1;
  background-color: rgba(29, 31, 31, var(--tw-bg-opacity)) !important;
  background-image: none !important;
}
.store-footer h3,
.footer-is-light .store-footer .store-footer__inner h3 span,
.footer-is-light
  .store-footer
  .store-footer__inner
  .contact-links
  .contact-name,
.footer-is-light
  .store-footer
  .store-footer__inner
  .contact-links
  .text-unicode,
.footer-is-light
  .store-footer
  .store-footer__inner
  .contact-links
  .contact-name,
.footer-is-light
  .store-footer
  .store-footer__inner
  .contact-links
  .text-unicode,
.footer-is-light .store-footer .store-footer__inner * {
  color: white !important;
}
.store-footer .contact-social .social-link i,
.store-footer .contact-links a i {
  background-color: var(--color-primary) !important;
  background-image: none !important;
}
.footer-is-light .store-footer .store-footer__inner img,
.main-nav-container .navbar-brand-content .navbar-brand img {
  width: 200px !important;
}
.s-block--banners .banner-entry.h-banner a {
  display: none;
}
@media (min-width:1024px){
.s-block.s-block--banners.container .md\:grid-cols-3 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.s-block--banners .banner-entry.h-banner {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
}
.s-block--banners .banner-entry:hover{
  box-shadow:none;
}

@media (max-width: 767px) {
  .s-slider-block__title-right .s-block__title a,
  .s-slider-block__title a {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important;
  }

}
.features-2-col-description{
color:#fff
}
.s-block--features__item{
    border-radius: 10px;
}
.s-block--features__item h4{
    color:#fff
}

salla-slider .slide-header h1 {
    color: #ffffff;
}

salla-slider .slide-header p {
    color: #ffffff;
}