@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap);body :not(i){font-family:Tajawal,sans-serif}body{background-size:cover!important}:root{--main-color:#f2c61a;--second-color:#191503;--white-color:#fff;--black-color:#000}.index section.s-block.s-block--fixed-banner,.index section.s-block.s-block--fixed-banner .container{width:100%!important;padding:0!important;max-width:100%!important}.mm-ocd--open .mm-ocd__content{background:var(--second-color)}.mm-ocd--open .mm-ocd__content::before{background:black url(https://cdn.salla.sa/Avzmb/XsaRQy2Ns0tt8PXSlGHDDYlSn0zokVX4yzaVb7l9.png);content:"";width:100%;background-repeat:no-repeat;background-size:30%;background-position:center;margin:auto;height:20%;justify-content:center;display:flex}.mm-spn li{background:0 0!important}.mm-spn.mm-spn--navbar:after{opacity:1}.mm-spn.mm-spn--navbar ul .swiper-pointer-events{display:none!important}.mm-spn li a,.mm-spn li span{color:var(--main-color)!important}.index>div.app-inner.flex.flex-col.min-h-full>section:nth-child(3){margin-top:0!important}:is([dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main):after{border:none!important;background:var(--main-color);color:var(--second-color);font-weight:800!important;text-align:right}@keyframes slide{100%{background-position:50rem}}.s-product-card-content-footer salla-add-product-button .s-button-outline{border-radius:10px;text-align:center;background:var(--main-color);justify-content:center;display:flex;align-items:center;background-image:linear-gradient(90deg,var(--main-color) 0,var(--second-color) 100%);animation:10s linear infinite slide}.angel-feature.flex-center.flex-col{box-shadow:5px 5px 10px #f2c61e54;padding-bottom:18px!important;WIDTH:90%},.cart .nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative,.product-index .nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative *,.store-footer__inner *{color:var(--white-color)!important}.product-single .feature-desc h3,.product-single .feature-icon i{color:#fff!important}section.s-block.s-block--features.angel-features.\31 .py-8.angel_anime.animate__.animate__fadeIn .lg\:gap-4{align-items:center}.cart .nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative,.product-index .nav-header.py-6.px-4.flex.flex-col.bg-gray-100.da-bgg.relative{background:#0b0b06!important}@keyframes pulsate-bck{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}.cart .shadow-default.rounded-md.mt-5.md\:mb-5.transition-height.duration-1000.overflow-hidden{justify-content:center;align-items:center;display:flex}.product-single section.p-block--features.mt-4 .p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md.angel_anime.animate__.animate__fadeIn{box-shadow:5px 5px 10px #f2c61e54}.da-bgg.relative.md\:mb-6,.dark .product-single .details,.dark .product-single .tabs-wrapper,.product-single .flex.flex-col.bg-gray-100.da-bgg.relative.md\:mb-6,.product-single section.p-block--features.mt-4 .p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md.angel_anime.animate__.animate__fadeIn{background:var(--second-color)!important}
section .square-grid{ grid-template-columns: repeat(4, minmax(0, 1fr));}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn > div > a > img{  width: 60%;
    margin: 0 auto;}
.s-angel--divider.xl-title h2{font-size: 1.6rem;}
@media only screen and (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.angel_anime.animate__.animate__fadeIn > div > a > img {
    width: 100%;
    margin: 0 auto;}
section .square-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-angel--divider.xl-title h2 {font-size: 1rem; !important}}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--faqs.angel_anime.animate__.animate__fadeIn > div > div.faqs-list.grid.items-start.grid-cols-1.md\:grid-cols-2.gap-4 > div > div > label{font-family: Tajawal !important;}
.angel-feature.flex-center.flex-col {
    padding-bottom: 18px !important;
    border: 8px solid;
    border-image: repeating-linear-gradient(135deg, #F8CA00 0 10px, #ffffff 0 20px, #712424 0 30px) 8;
    -webkit-mask: conic-gradient(from 180deg at top 8px right 8px, #0000 90deg, #000 0) var(--_i, 200%) 0 / 200% var(--_i, 8px) border-box no-repeat, conic-gradient(at bottom 8px left 8px, #0000 90deg, #000 0) 0 var(--_i, 200%) / var(--_i, 8px) 200% border-box no-repeat, linear-gradient(#000 0 0) padding-box no-repeat;
    transition: .3s, -webkit-mask-position .3s .3s;
}
.angel-feature.flex-center.flex-col:hover {
  --_i: 100%;
  color: #CC333F;
  transition: .3s, -webkit-mask-size .3s .3s;
}
.banner-square .box-img img:hover{transform:scale(1.2)}
.dark li .mm-spn--open {background:black !important}
.navbar-brand img {
max-width: 125px;
  content: url(https://i.imgur.com/tPYHtG1.gif) !important;}
div.sub-cat-icon.lazy.swiper-slide.max--4.min--10.swiper-slide-active > a > img ,
 div.sub-cat-icon.lazy.swiper-slide.max--4.min--10.swiper-slide-next > a > img,.swiper-backface-hidden .sub-cat-icon img{    max-width: 100%;
    aspect-ratio: auto;
    border-radius: 10px;}
.s-add-product-button-mini-checkout-content{display:flex}
.s-add-product-button-mini-checkout-content svg{fill:#ebc322}