/* Add custom CSS styles below */ 
body {
  background-image: url(https://i.ibb.co/ymL4JCF5/Pattern.png);
}
header.header-components-all {
  background-color: #B87537 ;
  border-radius: 0px 0px 30px 30px;
}

.features-home .s-block--features__item:hover .feature-icon-div, .s-block--features .s-block--features__item:hover .feature-icon-div {
    top: 0%;
}
.features-home .s-block--features__item .feature-text, 
.s-block--features .s-block--features__item .feature-text {
    order: -1;
}
.features-home .s-block--features__item:nth-child(2) .feature-text, 
.s-block--features .s-block--features__item:nth-child(2) .feature-text {
    order: 1;
}
.s-block--features  .card-border,
.s-block--features  .card-effect:hover::after,
.s-block--features .card-effect::before {
    display: none !important;
}
.features-home .features-home-grid, .s-block--features .features-home-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.features-home .s-block--features__item .feature-icon-div, .s-block--features .s-block--features__item .feature-icon-div {
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: 4rem;
    padding: 3rem;
}
.s-block--features .s-block--features__item .feature-icon-div:where([dir="rtl"], [dir="rtl"] *)::after {
    display: none !important;
}
.s-block--features .s-block--features__item:hover .feature-text {
    --tw-translate-y: 0rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.s-block--features .s-block--features__item {
  background-color: #b87538;
  border-radius: 1rem;
}


.s-block--features .s-block--features__item:nth-child(2) {
  background-color: #84572a;
}
.s-block--features .s-block--features__item * {
 color: #fff;
}
.s-block--features .s-block--features__item .feature-text p {
  display: none;
}
.itme-categories .itme-cat-entry.slide--cat-entry img {
    border-radius: 8rem;
}
.itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
  background-color: transparent !important;
  box-shadow: none;
  text-align: cemter;
  margin:  0 auto;
   position: inherit;
  left: inherit;
  right: inherit;
  display: flex;
}
[dir="rtl"] .itme-categories .itme-cat-entry.slide--cat-entry .main-links-title h4 {
  text-align: center;
}
salla-slider.photos-slider .swiper-slide {
    width: 110%;
}

.feature-icon-div {
    position: relative;
    min-height: 50px; 
}

.feature-icon-div i::before {
    content: "";
    display: flex;
    width: 4rem;
    height: 4rem;
    min-height: 50px;
}
 .s-block--features__item:nth-child(1) .feature-icon-div i::before {
    background: url("https://i.ibb.co/JwR2ntJB/40.png") center/contain no-repeat;
}
 .s-block--features__item:nth-child(2) .feature-icon-div i::before {
    background: url("https://i.ibb.co/VpthRrXF/image.png") center/contain no-repeat;
}
 .s-block--features__item:nth-child(3) .feature-icon-div i::before {
    background: url("https://i.ibb.co/mrG2GsZd/image.png") center/contain no-repeat;
}
.features-home .s-block--features__item .feature-icon-div, .s-block--features .s-block--features__item .feature-icon-div {
    padding: 1rem;
}
.product-entry salla-add-product-button salla-button button {
    width: 100% !important;
}
.product-entry salla-add-product-button salla-button button > span::before {
  content: "اضف الى السلة";
  color: #fff !important;
  font-weight: bold;
}
.product-entry salla-add-product-button salla-button button > span i {
  display: none;
}
.s-product-card-content > div:last-child {
  flex-direction: column;
}
.product-entry salla-add-product-button {
    width: 100%;
}
.product-entry salla-add-product-button salla-button button {
    border-radius: 50px 0px 50px 50px;
    background-color: #845729;
}
body.product-entry--fit-type .product-entry img {
    border-radius: 2rem;
    height: auto;
      scale: 1.19;
}
.product-entry__image {
    padding: 2rem;
    background-color: #fff;
}
.s-product-card-content-title {
    text-align: center;
}
salla-cart-summary .s-cart-summary-content {
  display: none;
}
@media (max-width: 768px) {
  .header-components .s-user-menu-wrapper .s-user-menu-trigger {
    height: auto;
    background-color: rgb(255 255 255 / 0%);
    border-width: 0px;
    }

  .left-side salla-user-menu,
  .header-icon-button:first-child {
    display: flex !important;
  }
  .left-side .s-user-menu-wrapper .s-user-menu-trigger {
    display: flex !important;
    margin-right: 0px;
  }
  .header-components-top,
  ul.main-menu {
    display: none !important;
  }
   .left-side .header-icon-button:first-child {
    position: relative;
    left: -1.5rem;
    top: -2px;
    }
  footer .s-social-link a {
    display: flex;
    height: auto;
    width: auto;
    border-radius: 0px;
    border-width: 0px;
  }
  .footer-content > div:first-child > div.flex:last-child {
    justify-content: center;
  }
  .s-contacts-list {
    align-items: center;
  }
  salla-contacts {
      display: flex;
    flex-direction: column;
    align-items: center;
}
footer .footer-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}
  footer .footer-logo {
      display: flex;
    justify-content: center;
}
  footer h3.footer-title,
footer salla-user-menu {
    display: none !important;
}
}

footer .footer-logo img {
     scale: 1.5;
}

.icon.sicon-cart2::before {
    display: none !important;
    content: none !important;
}

.icon.sicon-cart2 {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("https://i.ibb.co/b56kqnFL/Cart.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.sicon-search::before {
    content: none !important;
    display: none !important;
}

.sicon-search {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("https://i.ibb.co/1YMz0QBd/Search.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}


.mburger .sicon-menu::before {
    content: none !important;
    display: none !important;
}



.mburger .sicon-menu {
   display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("https://i.ibb.co/s9QCnm7z/List.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
a[title="instagram"] .s-social-icon svg {
    display: none !important;
}

a[title="instagram"] .s-social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://i.ibb.co/XZybvyJ5/insta.png") center/contain no-repeat;
}
a[title="twitter"] .s-social-icon svg {
    display: none !important;
}

a[title="twitter"] .s-social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://i.ibb.co/KxSVMhG8/Twitter.png") center/contain no-repeat;
}
a[title="snapchat"] .s-social-icon svg {
    display: none !important;
}

a[title="snapchat"] .s-social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://i.ibb.co/0jykxH0b/Snap.png") center/contain no-repeat;
}
a[title="tiktok"] .s-social-icon svg {
    display: none !important;
}

a[title="tiktok"] .s-social-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: url("https://i.ibb.co/Y7nP1mj2/tiktok.png") center/contain no-repeat;
}
button.btn--wishlist .sicon-heart {
    display: none !important;
}
button.btn--wishlist {
  background-color: transparent;
  border-width: 0px;
  padding: 0px;
}

button.btn--wishlist .s-button-text {
    position: relative;
    width: 30px;
    height: 30px;
    display: inline-block;
}

button.btn--wishlist .s-button-text::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("https://i.ibb.co/SX2xbVDk/Favorite.png") center/contain no-repeat;
}
.product-single .details-slider-wrapper .details-slider img.object-contain {
  object-fit: cover;
}

.itme-categories .itme-cat-entry.slide--cat-entry {
    border-color: rgb(255 255 255 / 0%);
    background-color: rgb(255 255 255 / 0%);

}
@media (min-width: 768px) {
  salla-slider.photos-slider .swiper-slide {
    width: 97%;
}
  ul.main-menu li.root-level * {
    color: #fff;
  }
  .header-is-light .fixed-pinned.header-components, .header-is-light .fixed-pinned .inner {
    background-color: rgba(255, 255, 255, 1);
    background-color: rgb(185 117 56);
    background-color: #B87537;
    border-radius: 0px 0px 30px 30px;
  }
}
.s-payments-list-item:has(img[alt="COD"]) {
    display: none !important; 
}
@media (max-width: 768px) {
.header-is-light .fixed-pinned.header-components, .header-is-light .fixed-pinned .inner {
    background-color: #B87537;
    border-radius: 0px 0px 30px 30px;
}
      .left-side .s-user-menu-wrapper .s-user-menu-trigger {
        display: flex !important;
        margin-right: 0px !important;
    }
}
.promotion-badge {
    top: inherit !important;
    /* border-radius: 0px !important; */
    background-color: red !important;
    color: #fff !important;
    background: #F9595F;
    border-radius: 5px 5px 5px 0px;
    /* padding-left: 10px; */
    overflow: inherit !important;
    color: #fff;
}
/* .promotion-badge::after {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 3px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 7px 7px 0px;
    border-color: transparent #ff1302 transparent transparent;
    scale: 1.3;
    transform: rotate(225deg);
} */

@media (max-width: 767px) {
  .promotion-badge {
    bottom: -2rem;
    left: -1.2rem !important;
    font-size: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .promotion-badge {
    bottom: 3rem;
    /* left: -1.5rem !important; */
  }
  
}
@media (min-width: 1200px) {
  .promotion-badge {
    bottom: -1rem;
    /* left: -2.5rem !important; */
  }
  
}