/* Add custom CSS styles below */ 
/* Code developed and optimized by afterads.com © 2025. All rights reserved. */:root{--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.4) 0%;--angel-gradient-rgb-1:rgba(240,240,240,0.4) 50%;--angel-gradient-rgb-2:rgba(240,240,240,1) 100%;--angel-gradient-rgb:240,240,240;--angel-gradient:rgba(235,235,235,1);--angel-gradient-primary:var(--color-primary);--angel-position:right top;--angel-rotate:45deg} .dark{--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.4) 0%;--angel-gradient-rgb:var(--dark-bg-main-rgb);--angel-gradient-rgb-1:rgba(var(--angel-gradient-rgb),0.4) 50%;--angel-gradient-rgb-2:rgba(var(--angel-gradient-rgb),1) 100%;--angel-gradient:rgb(var(--dark-grey-rgb))} .rounded-md{border-radius:1rem} .rounded-lg{border-radius:1.5rem} .content--single-page,.cart .shadow-default,.cart .cart-item,.sbc-certificate .sbc-link,.footer-bottom ul li[class^="pay-"],.footer-top .social-links .social-icon,salla-count-down .s-count-down-item,.s-block--special-product .container > div.flex,.blog-single .container:has(div.blog-category) nav div.flex,.blog-single .blog-category,salla-infinite-scroll .blog-article,#subcat-slider .sub-cat-icon > a,.nav-header,.angel-features,.s-angel-maps .container > div,salla-slider.testimonials-slider .swiper-slide > div,salla-slider[id^="blog-slider-"] .swiper-slide > div,.s-count-down-item,salla-slider .slide--cat-entry,.faqs-list__item,.creative-gradient,.store-footer .contact-links > a,.s-block--logos-slider,ul > li[class^="pay-"],.mosque,.s-product-card-content,ul.main-menu li:has(.sidemenu-link) > a,ul.main-menu > li[id*="offers"] > a,ul.main-menu > li[id*="brands"] > a,ul.main-menu > li[id*="blog"] > a,.s-quick-order-container,.angel-discountcoupon,.details,.s-comments-item-inner .s-comments-flex-1,.product-single .p--features__item,.flex.items-center:has(.product-brand),.bottom-header,.s-notifications-item,.list-container .s-table__tr,.product-entry--wishlist,.sub-cat-icon .sub-categories{position:relative;z-index:0;background:radial-gradient(ellipse at var(--angel-position),var(--angel-gradient-rgb-primary),var(--angel-gradient-rgb-1),var(--angel-gradient-rgb-2));&:before{position:absolute;content:"";top:0;z-index:-1;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;right:0;left:0;background:linear-gradient(var(--angel-rotate),var(--angel-gradient),var(--angel-gradient),var(--angel-gradient),var(--angel-gradient-primary)) border-box}} .dropdown--is-opened .nav-header{z-index:auto} @media (max-width:1024px){.dropdown-toggler .dropdown__menu{bottom:10%!important;width:90%;left:50%!important;transform:translate(-50%,-50%)!important;border-radius:0.5rem!important}} .bottom-header{position:fixed;z-index:10} .faqs-list__item{border:unset} .s-block--logos-slider{--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.2) 0%;--angel-position:center bottom;--angel-rotate:180deg} .s-block--logos-slider:before{border:2px solid transparent;border-right:unset;border-left:unset} .store-footer .contact-links > a{--angel-gradient-rgb:var(--footer-bg-rgb)} .store-footer .contact-links > a:before{--angel-gradient:rgb(var(--footer-bg-rgb))} .footer-top .social-links .social-icon{--angel-gradient-rgb:var(--footer-bg-rgb);display:flex;padding:0.5rem;border-radius:0.357rem} .footer-top .social-links .social-icon:before{--angel-gradient:rgb(var(--footer-bg-rgb));display:block!important} .dark ul > li[class^="pay-"],.dark .sbc-certificate .sbc-link{--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.6) 0%;--angel-gradient-rgb-1:rgba(240,240,240,1) 50%;--angel-gradient-rgb-2:rgba(240,240,240,1) 100%;--angel-gradient-rgb:240,240,240;--angel-gradient:rgba(240,240,240,1)} .cart .cart-item:before{border-left:unset;border-bottom:unset} .cart .shadow-default{--angel-position:left bottom;--angel-rotate:200deg} .s-block--categories .swiper-wrapper{padding-top:3rem} .s-block--categories .slide--cat-entry{overflow:unset;border-radius:1rem;--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.4) 0%;--angel-gradient-rgb-1:rgba(var(--angel-gradient-rgb),0) 90%;--angel-position:bottom;--angel-rotate:180deg} .s-block--categories .slide--cat-entry:before{border-width:2px!important} .s-block--categories .slide--cat-entry > .lazy_avatar{max-width:100%;width:8rem!important;height:8rem!/* Code developed and optimized by afterads.com © 2025. All rights reserved. */important;z-index:999;margin-top:-4rem} @media (max-width:779px){.s-block--categories .slide--cat-entry > .lazy_avatar{width:6rem!important;height:6rem!important}} salla-slider.testimonials-slider .swiper-slide > div,.s-angel-maps .container > div{--angel-position:center top;--angel-rotate:0deg} .s-product-card-discount{z-index:1;border-radius:0.25rem;place-content:center;place-items:center;background:radial-gradient(ellipse at top left,var(--angel-gradient-rgb-primary),var(--angel-gradient-rgb-2));--angel-gradient-rgb-primary:rgba(217,63,63,0.9) 25%;--angel-gradient-primary:rgb(217,63,63)} .s-product-card-discount:before{background:linear-gradient(var(--angel-rotate),var(--angel-gradient),var(--angel-gradient),var(--angel-gradient),var(--angel-gradient-primary)) border-box} .angel-features{--angel-position:top;--angel-rotate:110deg;--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.2) -50%} section:before{border-inline:unset!important} .angel-features .angel-feature > div:first-child{position:relative} .angel-features .angel-feature > div:first-child:before{content:"";position:absolute;border-radius:50%;width:20px;height:20px;background-color:var(--color-primary);top:0;left:0;transition:0.4s ease-in-out;filter:blur(0px);opacity:1} .angel-features .angel-feature:hover > div:first-child:before{top:50%;left:50%;transform:translate(-50%,-40%);width:80px;height:80px;filter:blur(20px);opacity:0.2} .angel-features .angel-feature div:last-child p{opacity:0;transition:0.4s ease-in-out} .angel-features .angel-feature:hover div p{opacity:1} @media (max-width:767px){.angel-features .angel-feature div:last-child p{opacity:1!important}} nav.sidebar{z-index:1} .nav-header div.container > div{flex-direction:column} /* Code developed and optimized by afterads.com © 2025. All rights reserved. */.nav-header{--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.2) 0%;--angel-position:top center;--angel-rotate:90deg} .nav-header:before{border-inline:unset!important} .nav-header .nav-title{flex-direction:column} .nav-header .nav-title .cat_profile{width:5rem;height:5rem} .nav-header h1{justify-content:center;padding-left:unset!important;text-align:center} .nav-header .category_description{text-align:center} .nav-header ol{justify-content:center} .sub-cat-icon .sub-categories{border-radius:0.5rem;padding:0.25rem 0.25rem 0.5rem 0.25rem;gap:0.25rem;--angel-position:right top;--angel-rotate:45deg} .blog-single .blog-category{display:flex;flex-direction:column} .dropdown-toggler.cat-filter{justify-content:center;padding-top:0.5rem} ul.main-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;grid-auto-rows:max-content} ul.main-menu li.mobile-menu-slider{order:-2} .mm-ocd__content .mm-spn li .sidemenu-link .menu-img{height:3rem;width:3rem} ul.main-menu > li[id*="offers"] > a div.menu-img,ul.main-menu > li[id*="brands"] > a div.menu-img,ul.main-menu > li[id*="blog"] > a div.menu-img{background-image:unset!important;margin-left:unset;font-family:"sallaicons"!important;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;--tw-translate-y:unset!important} @media (min-width:787px){ul.main-menu > li[id*="offers"] > a div.menu-img,ul.main-menu > li[id*="brands"] > a div.menu-img,ul.main-menu > li[id*="blog"] > a div.menu-img{height:2rem!important;width:1.5rem!important}} ul.main-menu > li[id*="offers"] > a div.menu-img:before{content:"\e93e"} ul.main-menu > li[id*="brands"] > a /* Code developed and optimized by afterads.com © 2025. All rights reserved. */div.menu-img:before{content:"\e924"} ul.main-menu > li[id*="blog"] > a div.menu-img:before{content:"\ec33"} ul.main-menu > li[id*="offers"],ul.main-menu > li[id*="brands"],ul.main-menu > li[id*="blog"]{display:flex;grid-column:span 1;order:-1;padding:0!important;border-radius:0.5rem;margin:0.5rem 0.375rem;scale:0.95} ul.main-menu > li[id*="offers"] > a,ul.main-menu > li[id*="brands"] > a,ul.main-menu > li[id*="blog"] > a{display:flex;width:100%;height:3rem;justify-content:center;align-items:center;border-radius:11px} ul.main-menu li:after,ul.main-menu li:before{display:none!important} ul.main-menu > li:not([id*="offers"]):not([id*="brands"]):not([id*="blog"]){grid-column:span 3} ul.main-menu li:has(.sidemenu-link){margin-bottom:0.5rem} ul.main-menu li:has(.sidemenu-link) > a{width:100%;border-radius:0.5rem} ul.main-menu li > ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:max-content} ul.main-menu li:first-child:has(.display-all-category){grid-column:1/-1;margin-inline:2.5rem} ul.main-menu li > ul li{padding-top:1.5rem} ul.main-menu li > ul li > a:not(.menu-img){padding-bottom:0.7rem!important} ul.main-menu li > ul li > a{flex-direction:column;padding-bottom:0.25rem} ul.main-menu li > ul li > p{top:1rem;border-radius:0.357rem;left:1rem!important} ul.main-menu li > ul li > a .menu-img{margin-left:unset;margin-top:-1.5rem!important;height:3.5rem!important;width:3.5rem!important} ul.main-menu li > ul li > a h5{font-size:0.8rem;text-align:center} custom-salla-product-card{border-color:transparent!important;background:unset!important;border-radius:unset!important;overflow:unset!important} .s-product-card-image{padding:1rem 1rem 0.5rem 1rem!important;margin-bottom:-8rem;z-index:1;order:-2} .s-product-card-image > a{flex-direction:column} .s-product-card-image > a img{border-radius:0.5rem;background:unset!important} .s-product-card-image:hover{opacity:1} custom-salla-product-card .product-form{order:-1} .s-product-card-content{border-radius:0.5rem;padding-top:8rem!important;z-index:unset} .s-product-card-content-footer{order:-1;margin-top:-1.5rem;margin-bottom:0.5rem;z-index:1} .s-product-card-content-footer salla-add-product-button{width:auto} .s-product-card-content-footer salla-add-product-button button,.s-product-card-wishlist-btn{font-size:0px;border-radius:50px!important;background-color:var(--color-primary);width:2.5rem;height:2.5rem;border:unset;opacity:1!important;outline:0px solid white} .s-product-card-out-of-stock{filter:grayscale(1)} .s-product-card-out-of-stock salla-add-product-button{opacity:0} .s-product-card-vertical .s-product-card-wishlist-btn.not-added button{background-color:grey!important} .s-product-card-vertical .s-product-card-wishlist-btn.is-added button{background-color:#ef4444!important} .s-product-card-content-footer button .s-button-text{gap:0} .s-product-card-content-footer button i:before{font-size:1.2rem;color:white} salla-products-list custom-salla-product-card:has(.s-product-card-countdown),salla-products-slider:has(.s-product-card-countdown) custom-salla-product-card{padding-bottom:1rem!important} salla-products-list:has(.s-product-card-countdown) .s-product-card-content-sub,salla-products-slider:has(.s-product-card-countdown) .s-product-card-content-sub{margin-bottom:1rem!important} .s-product-card-countdown{background:unset;position:absolute;bottom:0;width:100%;z-index:1} .s-product-card-countdown /* Code developed and optimized by afterads.com © 2025. All rights reserved. */.s-count-down-item{height:2rem;--angel-gradient-rgb-primary:rgba(217,63,63,0.7) 0%;--angel-gradient-primary:rgb(217,63,63);color:#4a1818} .s-product-card-promotion-title{border-radius:50px!important;opacity:1;width:max-content!important;max-width:75%} @media (min-width:779px){.s-slider-block__title .s-slider-block__title-left .s-slider-nav-arrow{position:absolute;opacity:1} .s-slider-block__title .s-slider-block__title-left button.s-slider-next{left:-6rem!important} .s-slider-block__title .s-slider-block__title-left button.s-slider-prev{right:-6rem!important}} .illustration{display:flex;justify-content:center;margin-top:4rem;margin-bottom:13rem} .mosque{position:absolute;width:400px;height:200px;border-radius:1200px 1200px 0 0;margin:auto;z-index:unset;--angel-gradient-rgb-primary:rgba(var(--color-primary-rgb),0.5) -50%;--angel-gradient-rgb-1:rgba(var(--footer-bg-rgb),1) 40%;--angel-gradient-rgb-2:rgba(var(--footer-bg-rgb),1) 100%;--angel-gradient:rgb(var(--footer-bg-rgb));--angel-position:center top;--angel-rotate:0deg} .mosque:before{border:2px solid transparent} .mosque > div:nth-child(1){position:absolute;width:10px;height:30px;bottom:200px;left:195px;background:linear-gradient(180deg,rgba(var(--color-primary-rgb),1),rgba(var(--color-primary-rgb),1),rgba(var(--color-primary-rgb),0.4)) border-box;z-index:-1} .mosque > div:nth-child(1):before{content:"";position:absolute;width:50px;height:50px;bottom:30px;right:-40px;border-radius:50%;transform:rotate(123deg);box-shadow:15px 5px 0 0 rgba(var(--color-primary-rgb));z-index:-1} .mosque > div:nth-child(3){position:absolute;width:400px;height:320px;top:200px;left:0;background-color:rgb(var(--footer-bg-rgb));z-index:-1} @media (max-width:400px){.mosque > div:nth-child(3){width:320px} .mosque{position:absolute;width:320px} .mosque > div:nth-child(1){left:155px}} @supports (-webkit-touch-callout:none){.illustration{margin-bottom:17rem}} @media (min-width:787px){.illustration{margin-bottom:15rem} .mosque > div:nth-child(3){width:580px;left:-90px} .mosque > div:nth-child(4){position:absolute;width:300px;height:320px;left:440px;top:200px;background-color:rgb(var(--footer-bg-rgb));z-index:-1;border-top-right-radius:4rem} .mosque > div:nth-child(5){position:absolute;width:300px;height:320px;left:-340px;top:200px;background-color:rgb(var(--footer-bg-rgb));z-index:-1;border-top-left-radius:4rem}} .star-five{position:absolute;top:-2.3rem;left:0.7rem;fill:#ffffb0;-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;-ms-animation:spin 3s linear infinite;-o-animation:spin 3s linear infinite;animation:spin 3s linear infinite} .star-five i{color:var(--color-primary);font-size:1.3rem} .footer-top,.footer-middle,.footer-bottom{z-index:1;position:relative;background:linear-gradient(45deg,rgb(var(--footer-bg-rgb)),rgb(var(--footer-bg-rgb)),rgb(var(--footer-bg-darker-rgb)),rgb(var(--footer-bg-darker-rgb))) /* Code developed and optimized by afterads.com © 2025. All rights reserved. */border-box;border-radius:1rem;margin-block:0.5rem;padding:1.5rem!important;border:unset!important} .header-container > .flex > .justify-center{position:relative;min-height:4rem} .header-container .ramadan-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:2.5rem;max-height:4rem;width:4rem} .ramadan-brand path{stroke-dasharray:1000;stroke-dashoffset:1000} .txt1{animation:dash 5s linear forwards} .txt2{animation:dash 8s linear 1s forwards} .store-footer .txt1{animation:dash 10s linear infinite} .store-footer .txt2{animation:dash 15s linear 5s infinite} .cls-1,.cls-2,.cls-3,.cls-4{stroke:var(--color-primary)} @keyframes dash{to{stroke-dashoffset:0}} .fixed-header .header-inner.inner{--blur-header:rgba(255,255,255,0.2);backdrop-filter:blur(10px) saturate(1.5);filter:drop-shadow(0 4px 4px rgba(0,0,0,0.25));background:var(--blur-header)!important} .dark.fixed-header .header-inner.inner,.dark .fixed-header /* Code developed and optimized by afterads.com © 2025. All rights reserved. */.header-inner.inner{--blur-header:rgba(var(--dark-bg-main-rgb),0.5)} .fixed-header .header-inner.inner.has-custom-bg{--header-bg:rgba(var(--dark-bg-main-rgb),0.5)} .fixed-header .multihome-tabs-button.active{backdrop-filter:blur(10px) saturate(1.5);background-color:transparent!important} html:not(.dark) section.dark,html:not(.dark) .dark.s-product-card-entry .s-product-card-content,html:not(.dark) .dark.s-product-card-entry .s-count-down-item{background-color:var(--dark-bg-main)!important} .store-footer .store-footer__inner{background-color:rgb(var(--footer-bg-rgb))!important} html:not(.dark) .store-footer:not(.dark) .store-footer__inner.has-custom-bg{--footer-bg:rgba(var(--bg-color-darker-rgb),1)!important} html:not(.dark) .store-footer:not(.dark,.has-custom-bg){--footer-bg-rgb:var(--bg-color-darker-rgb);--footer-bg-darker-rgb:var(--bg-color-rgb)} html.dark .store-footer:not(.has-custom-bg),.store-footer.dark:not(.has-custom-bg)/* Code developed and optimized by afterads.com © 2025. All rights reserved. */{--footer-bg-rgb:var(--dark-bg-main-darker-rgb);--footer-bg-darker-rgb:var(--dark-bg-main-rgb)} .wa-angel::before{content:"";position:absolute;width:100px;height:100px;background:rgba(37,211,102,0.5);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1;animation:pulse 2s infinite} .wa-angel::after{content:"";position:absolute;width:10px;height:10px;background:red;border-radius:50%;top:2px;right:2px;box-shadow:0 0 5px rgba(255,0,0,0.8)} @keyframes pulse{0%{transform:translate(-50%,-50%) scale(0.5);opacity:0.6}100%{transform:translate(-50%,-50%) scale(1.5);opacity:0}} .to-top{position:fixed;bottom:20px;left:20px;width:50px;height:50px;background:var(--dark-bg-main);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0px 4px 6px rgba(0,0,0,0.1);opacity:0;transform:scale(0);z-index:3;transition:opacity 0.3s ease,transform 0.3s ease,background-color 0.3s ease} .to-top p{display:none} .to-top.show{opacity:1;transform:scale(1)} .to-top > a{padding:0} .to-top svg{position:absolute;width:60px;height:60px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)} .to-top.complete{background:#28a745!important;animation:puls 1s infinite} @keyframes puls{0%{box-shadow:0 0 10px rgba(40,167,69,0.4)}50%{box-shadow:0 0 20px rgba(40,167,69,0.6)}100%{box-shadow:0 0 10px rgba(40,167,69,0.4)}} /* Code developed and optimized by afterads.com © 2025. All rights reserved. */.imsakeiah-widget{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin:2.5rem auto 0 auto;text-align:center;max-width:300px;cursor:default;place-items:center;align-items:start;font-size:1rem} .imsakeiah-widget p{display:flex;flex-direction:column} .imsakeiah-widget p span:first-child{color:var(--color-primary)} .imsakeiah-widget .imsakeiah-header{grid-column:1/-1} .imsakeiah-widget .imsakeiah-header .ramadan-brand{display:block!important;opacity:1!important;height:4rem;width:5rem} .imsakeiah-widget .imsakeiah-header .imsakeiah-logo{max-width:150px;max-height:5rem;display:block} .imsakeiah-widget .imsakeiah-footer{grid-column:1/-1;color:var(--color-primary)} #special-product-tabs .tabs-wrapper__special{background:unset} salla-bottom-alert{display:none!important} .dark .imsakeiah-widget{color:var(--dark-text-main)} [dir="rtl"] .wa-angel{right:1rem;left:auto;bottom:1rem} [dir="ltr"] .wa-angel{right:auto;left:1rem;bottom:1rem} [dir="rtl"] .to-top{right:auto;left:1rem;bottom:1rem} [dir="ltr"] .to-top{right:1rem;left:auto;bottom:1rem} @media (min-width:767){.is-bottom-header :is(.wa-angel,.to-top){bottom:5.5rem!important}}
/* Code developed and optimized by afterads.com © 2025. All rights reserved. */
/**custom-bugs********/
@media(max-width: 787px){
   #karzoun-widget-send-button {
     left: unset;
     right: 25px;
     bottom: 1.2rem
}
  #walax-open-button{
    bottom: 4.5rem;
    top:unset
  }
  .product-single:has(.sticky-product-bar){
    #karzoun-widget-send-button {
      right: 15px;
      bottom:8rem
    }
    .store-footer__inner{
      .to-top{
         bottom:9rem
      }
    }
    #walax-open-button {
    bottom:11rem;
    top:unset
    }
  }   
}