@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

:root {
    --white-logo: url("https://cdn.salla.sa/form-builder/UB6Gffv0uUozKivCpGy5u4w4cjahFjZYz52QtGjC.png");
    --black-logo: url("https://cdn.salla.sa/form-builder/7xCxKzx4tfYlaWNw0uhZFV7msBHC52zMBYGVIhxX.png");
    --F-quality: url("https://i.ibb.co/ZRXRb2tr/badge.png");
    --F-charge: url("https://i.ibb.co/qFd0Ptf3/delivery-van.png");
    --F-pay: url("https://i.ibb.co/9kF995Dp/credit-card.png")
}
*{
  font-family: "Tajawal", sans-serif !important;
}
section.fixed-banner--0 {margin-top: 0;}section.s-block.s-block--fixed-banner > .container {max-width: 100%;padding: 0;}.main-nav-container > .inner.bg-inherit img.logo-normal {content: var(--white-logo);}body:not(.index) .main-nav-container:not(.fixed-header) > .inner.bg-inherit img.logo-normal {content: var(--black-logo);}.main-nav-container.fixed-header *:not(custom-salla-product-card *, .s-user-menu-dropdown *) {color: #fff !important;}.fixed-header .inner.bg-inherit {background: #000;backdrop-filter: none !important;border-bottom: 3px solid #fff;}nav.breadcrumbs ol * {color: #000}.main-menu li > a:hover {color: #000;transition: 0.1s;}.product-card__addToCart__btn salla-button {background: #000;}.product-card__title a {color: #000 !important;font-size: 1rem;}.product-card:has(.product-card__out-label) {opacity: 0.5 !important;}.fit-slider-products .s-slider-swiper-wrapper .swiper-slide custom-salla-product-card {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;border-radius: 10px;}.product-card__promotion {background: #000 !important;border-radius: 10px;border: 1px solid #f00;}.s-block.s-block--store-features .block > div .bg-storeBG i {color: transparent;}.s-block.s-block--store-features .block div .s-block--store-features-icon {background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;width: 8rem;height: 8rem;}.s-block.s-block--store-features .block > div:nth-child(1) .s-block--store-features-icon {background: var(--F-quality)}.s-block.s-block--store-features .block > div:nth-child(2) .s-block--store-features-icon {background: var(--F-charge)}.s-block.s-block--store-features .block > div:nth-child(3) .s-block--store-features-icon {background: var(--F-pay)}footer a[href*="instagram"] {background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);color: #fff}footer a[href*="twitter"] {background: linear-gradient(45deg, #00acee, #36d8ff, #00acee);}footer a[href*="snapchat"] {background: linear-gradient(120deg, #fffc00, #fffc00);}footer a[href*="tiktok"] {background: linear-gradient(120deg, #69c9d0, #000, #ee1d52);color: #fff}footer a[href*="facebook"] {background: linear-gradient(45deg, #3776f2, #00b1f7);}footer a[href*="youtube"] {background: linear-gradient(45deg, #580f1b, #dc2743);}.footer-is-custom .store-footer .social-link {opacity: 1;border: 0;box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}section.sticky-product-bar.bg-storeBG * {border-color: #000;}.is-sticky-product-bar .sticky-product-bar__quantity .s-quantity-input-container {border-radius: 10px !important;}section.sticky-product-bar .s-add-product-button-main:not(.w-full) button,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll {background: #000 !important;border-radius: 10px !important;overflow: hidden;color: #fff;}a.s-login-modal-link {color: #000;}div#whatsapp_chat_widget div#wa-widget-send-button >div {display: none;}div#wa-widget-send-button {padding: 0;}@media (max-width: 600px) {section.fixed-banner--0 {margin-top: 7.4rem;}header.store-header {background: #000000;}}
.product-card__promotion {
    border: 1px solid white;
}
.force_text_color .content--single-page strong {
    color: blue !important;
}
img.lazy.rounded-md.loaded {
    border-radius: 0px;
}
.s-block.s-block--animate.banners-slider.banners-slider--0.fade {
    margin-top:-10px
}
@media only screen and (max-width: 600px) {
    .s-block.s-block--animate.banners-slider.banners-slider--0.fade {
        margin-top:110px
    }
    #karzoun-widget-send-button{
    bottom:110px !important
    }
  


}
@media(min-width: 600px) and (max-width:768px) {
    .s-block.s-block--animate.banners-slider.banners-slider--0.fade {
        margin-top:40px
    }
}

.product-card--primary-buttons button i {
    color: black !important;
}
div.product-card__image > div.product-card__addToCart > salla-add-product-button > div > salla-button > button > span > i {
    color: white !important;
}

.product-card__enhanced-mini-cart button.s-button-element,
.product-card__enhanced-mini-cart button.s-button-element i{
color:white !important;
}
.s-button-primary{
  color: white !important;
  background-color: #414042;
}
.s-block.s-block--store-features .block div .s-block--store-features-icon {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    width: 7rem;
    height: 4rem;
}
.mx-auto.mt-16.grid.max-w-2xl.auto-rows-fr.grid-cols-1.gap-8.sm\:mt-20.lg\:mx-0.lg\:max-w-none.lg\:grid-cols-3 {
    grid-template-columns: 1fr 1fr !important;
}
@media only screen and (max-width: 600px) {
.mx-auto.mt-16.grid.max-w-2xl.auto-rows-fr.grid-cols-1.gap-8.sm\:mt-20.lg\:mx-0.lg\:max-w-none.lg\:grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 0px !important;
}
article.relative.isolate.flex.flex-col.justify-end.overflow-hidden.rounded-2xl.bg-gray-900.px-8.pb-8.pt-80.sm\:pt-48.lg\:pt-80.anime-item {
    padding: 0;
    
        background: transparent !important;
}
.absolute {
    position: relative;
}
p.product-card__subtitle.text-sm.text-store-text-secondary.leading-6.mb-2\.5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
    .simplified-products .s-products-slider-card, .simplified-products .offer-slide {
        width: 208px;
    }
    #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--special-products-slider--5.s-block--special-products-slider > div > div.lg\:w-1\/3.flex.items-center.justify-center.bg-cover.bg-no-repeat.text-center.relative.min-h-\[250px\].max-h-\[350px\].md\:max-h-\[700px\].has-overlay--opacity-option.has-overlay--opacity-0 > div {
    position: absolute;
}
.s-block {
    margin-top: 0;
}

}
article.relative.isolate.flex.flex-col.justify-end.overflow-hidden.rounded-2xl.bg-gray-900.px-8.pb-8.pt-80.sm\:pt-48.lg\:pt-80.anime-item {
    
        background: transparent !important;
}

.bg-gradient-to-t {
    background: transparent !important;
}

@media only screen and (max-width: 600px) {
    .mx-auto.mt-16.grid.max-w-2xl.auto-rows-fr.grid-cols-1.gap-8.sm:mt-20.lg:mx-0.lg:max-w-none.lg:grid-cols-3 {
        grid-template-columns: 1fr !important;
        gap: 0px !important;
    }
  .anime-item{
    margin-top: -1px;
  }
  .home-block-title{
    margin: 0 !important;
    h2{
      margin: 1rem 0;
    }
  }
  .enhanced-title-border{
    display:none
  }
  .s-block--banners > .grid {
    margin-top: 0 !important;
  }
  #best-offers-3-slider > div {
    margin-bottom: 1rem !important;
  }
   .s-block--testimonials.enhanced .swiper-wrapper{
   padding-top: 0 !important;
   }
   .wide-placeholder{
   margin-top: 1rem;
   }
}

.mx-auto.mt-16.grid.max-w-2xl.auto-rows-fr.grid-cols-1.gap-8.sm:mt-20.lg:mx-0.lg:max-w-none.lg:grid-cols-3 {
    grid-template-columns: 1fr 1fr !important;
}

.product-card--primary-buttons button, .product-card--primary-buttons salla-button, button[quick-buy],section.sticky-product-bar .s-add-product-button-main:not(.w-full) button,salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll{
background: #bbbab8 !important;
border:none;
}

button[quick-buy]:hover, 
section.sticky-product-bar .s-add-product-button-main:not(.w-full) button:hover, 
.salla-mini-checkout-widget.s-add-product-button-mini-checkout.s-mini-checkout.hide-scroll:hover {
    background: #a1a09e !important;
}
/**/
#visitor-counter {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #222;
  color: #FFF;
  border-radius: 30px;
  padding: 10px 16px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.1);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 16px;
  z-index: 9999;
}
#visitor-counter .dot {
  width: 12px;
  height: 12px;
  background-color: #2ecc71;
  border-radius: 50%;
  margin-left: 10px;
  box-shadow: 0 0 10px #2ecc71;
  animation: pulse 1.5s infinite;
}
@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 10px #2ecc71;
  }
  50% {
    transform: scale(1.2);
    box-shadow: 0 0 16px #2ecc71;
  }
}