/* Add custom CSS styles below */ 
.s-block--hero-slider .swiper-slide .swiper-lazy:after,
.main-menu li:hover>.sub-menu,
.flex-col,
.s-block,
.s-comments-product,
.footer-is-light .store-footer,
.footer-is-light .store-footer .store-footer__inner,
.top-navbar,
.mm-spn.mm-spn--light,
.main-nav-container.fixed-pinned .inner,

body {
      background-image: url();
  ;
    background-size: cover;
    background-position: center;
}




    .main-menu li>a:hover , .s-slider-block__display-all {
        color: #000;
        color:  var(--main-color);
        text-decoration-line: none;
    }




.object-cover{
width: 100%;
height: 100%;
}
.navbar-brand{animation:heartbeat 2.5s ease-in-out infinite both}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(0.91);transform:scale(0.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(0.98);transform:scale(0.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(0.87);transform:scale(0.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@media only screen and (max-width:700px){.navbar-brand{width:20vw}}


.header-btn_icon,body:after{border:none}#mainnav,.s-block--categories .swiper-wrapper a{background-color:var(--three-color)}
.s-product-card-content-main,.store-footer{text-align:center;}:root{
--main-color:#E7C36F;
--second-color:#D4AF37;
--third-color:#B08D57;
}




body:after {
  content: '';
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999999;
  background: url(https://cdn.salla.sa/qQRqEQ/jb3QvWnoFogWZRDPeUuuE2Np5TSLzh5qv24A1N6i.png) center/160px no-repeat #F9F8F7;
  animation: dropIn 1.2s ease-out, fadeOutUp 1s ease-in 2.5s;
  animation-fill-mode: forwards;
}

/* حركة الدخول */
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: translateY(-60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* حركة الخروج */
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
  }
}





/* Container */
.alzaiem-copy-rights {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 15px;
}

.alzaiem-footer-link {
    display: inline-block;
    background: linear-gradient(135deg, var(--main-color), var(--second-color));
    background-size: 200% 200%;
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 12px 30px;
    border-radius: 50px;
    opacity: 0.95;
    text-decoration: none;
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    animation: gradientMove 4s ease infinite, pulse 2s infinite ease-in-out;
}

.alzaiem-footer-link:hover {
    transform: scale(1.05);
}

@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


@keyframes pulse {
    0%, 100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.15);
    }
    50% {
        transform: scale(1.03);
        box-shadow: 0 0 15px 5px rgba(255, 255, 255, 0.1);
    }
}



.header-btnicon,.main-menu,.s-blocktitle,.s-button-primary-outline,.s-cart-summary-total,.s-product-card-content-title a,.s-slider-blocktitle,.slide--cat-entry i,.store-footer h3{color:#ffdd5b;)
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #fcffec;
    color: #ffdd5b;!important}

.unicode {
    color: #000;}
.s-button-element:not(:disabled):not([loading]) {
    background: #d40202!important; !important;
    color: #fcffec;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
 

}
.footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {
    color: #000;
}
    
.footer-is-light .store-footer .store-footer__inner {background-color:#D4AF37!important;}


.carousel-slider .swiper-wrapper>div {
    margin: 10px auto;
}

.s-product-card-vertical {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.lg\:p-8,
.banner--fixed img,
.container,
.s-block--features__item {
    background: transparent !important;
}

@media only screen and (max-width: 600px) {
    .s-products-slider-card {
        max-width: 185px;
    }
}

@media only screen and (min-width: 600px) {

    .lg\:grid-cols-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .lg\:col-span-2 {
        grid-column: span 1/span 1;
    }
}

.flex.mb-6,
.md\:flex,
.s-product-card-content-sub,
.store-footer a,
.s-product-card-content-title a,
.store-footer .contact-social ul,
.footer-is-light .store-footer .store-footer__inner {
    text-align: center !important;
    justify-content: center !important;
  
}

[dir=ltr] .mm-spn.mm-spn--navbar.mm-spn--main:after,
[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after,
[dir=rtl] .mm-spn.mm-spn--navbar:after {
    text-align: center !important;;
}

.sicon-menu:before {
    color: #000 !important;
}
.top-navbar {
display:none;
}
.slide--cat-entry i,
.rtl .fix-align,
[dir=rtl] .fix-align,
.s-block--features__item p,
.text-gray-400 {
    color: #000 !important;
}

.top-navbar .s-search-input,
.s-product-card-entry {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #fcffec;
    border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #000;
}

.s-slider-block__display-all {
    background: #000;
    padding: 3px 6px 8px 6px;
    border-radius: 37px;
    line-height: 18px;
}

.store-footer h3 {
color: #000!important;
    background: #fddd58;
    border-radius: 8px;
    font-weight: bold;
    padding-top: 0.3rem;
    width: 100%;
    padding-bottom: 0.3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.s-slider-block__display-all{
background:transparent;
}
.slide--cat-entry {
    background: #fcffec;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #000;
 
}

@media only screen and (max-width: 600px) {
    .slide--cat-entry {
        width: 106px !important;
        height: 106px !important;
        border-radius: 65px !important;
        
    }

    .swiper-slide.slide--one-sixth,
    .swiper-slide.slide--one-sixth.swiper-slide-prev,
    .swiper-slide.slide--one-sixth.swiper-slide-next,
    .swiper-slide.slide--one-sixth.swiper-slide-active {
        width: 40%;
    }

    .slide--cat-entry h4 {
        font-size: 0.775rem;
    }

    .slide--cat-entry i {
        font-size: 28px;
    }
}

.footer-is-light .store-footer .store-footer__inner:before {
    text-align: center;
    content: "";
    display: block;
    height: 110px;
    width: 140px;
    margin: auto auto 20px;
    background-image: url(https://cdn.salla.sa/qQRqEQ/jb3QvWnoFogWZRDPeUuuE2Np5TSLzh5qv24A1N6i.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: sigal 1200ms linear infinite;
}

@keyframes sigal {
    0% {
        filter: drop-shadow(2px 4px 6px #504d46)
    }

    100% {
        filter: none;
    }
}

[dir=rtl] .s-slider-block__title h2 {
    text-shadow: 0px 0px #c7c7c7;
    font-size: 25px;
}

@keyframes logobg {
    0% {
        الاسم: 1;
    }

    50% {
        الاسم: 1;
    }

    100% {
        الاسم: 0;
        visibility: hidden
    }
}

.s-block--features__item .feature-icon,
.store-footer a .rtl\:ml-2\.5,
.s-slider-nav-arrow,
.header-btn__icon {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.store-footer a .rtl\:ml-2\.5 {
    background: #e8cdad !important;
}


.s-slider-block__display-all {
    animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #000;
    }

    100% {
        box-shadow: 0 0 0 5px #e8cdad;
    }
}

.s-slider-block__title {
    margin: 10px auto;
}

.s-button-element:not(:disabled):not([loading]) {
    animation: signal 1200ms linear infinite;

}


@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #e8cdad;
    }

    100% {
        box-shadow: 0 0 0 5px #fcffec;
    }
}


.footer-is-light .store-footer .social-link {
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.store-footer .contact-social ul li:first-child a {
    background: #cc38a5;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(2) a {
    background: #5098fd;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(3) a {
    background: #d8c837;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(4) a {
    background: #333;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(5) a {
    background: #F50000;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(6) a {
    background: #0084ff;
    color: #fcffec;
}

.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
    background-color: white;
}
}.store-footer{
background-color:var(--third-color)!important;padding:30px;font-size:14px;border-top-left-radius:125px;border-top-right-radius:125px
}
.footer-is-light .store-footer .store-footerinner{
background_color:transparent
}
.store-footerinner{
background-color:transparent!important;text-align:center
}
.store-footerinner .flex{
justify-content:center
}
.store-footerinner .max-w-sm{margin:auto}.store-footer h3{font-size:1.3rem}
.footer-list,.store-footer a,.store-footer h3:hover,.store-footer_inner .max-w-sm{
color:#000;
}
.footer-list,.store-footer a,.store-footer h3:hover,.store-footer_inner .max-w-sm{
color:#000;}
.store-footer h3:hover{الاسم:1;coursor:pointer}
.store-footer i{
color:var(--main-color);border-color:var(--main-color)}

 .footer-is-light .store-footer .store-footer__inner {
    --tw-border-الاسم: 1;
    border-bottom-color: #C0A794;
    border-bottom-color: rgb(229 231 235/var(--tw-border الاسم));
    --tw-bg-الاسم: 1;
    background-color: #000;
    background-color: rgb(243 244 246/var(--tw-bg-الاسم));
}
.leading-6 {
    line-height: 1.5rem;
    color: #000;
}
.footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {
    color: #000; 
}
.header-btnicon, .main-menu, .s-blocktitle, .s-button-primary-outline, .s-cart-summary-total, .s-product-card-content-title a, .s-slider-blocktitle, .slide--cat-entry i, .store-footer h3 {
    color: #000000;
}
.s-block--categories .swiper-wrapper a {background-color: #f5f6f6;
border-color: #000;}


.footer-is-light .store-footer .store-footer__inner:before {
    text-align: center;
    content: "";
    display: block;
    height: 110px;
    width: 140px;
    margin: auto auto 20px;
    background-image: url(https://cdn.salla.sa/qQRqEQ/jb3QvWnoFogWZRDPeUuuE2Np5TSLzh5qv24A1N6i.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: sigal 1200ms linear infinite;
}
.sicon-user-circle:before {
    content: "\f072";
    color: var(--main-color);
}
.sicon-shopping-bag:before {
    content: "\ef36";
    color: var(--main-color);
}



*/
@keyframes sigal {
    0% {
        filter: drop-shadow(2px 4px 6px #504d46)
    }

    100% {
        filter: none;
    }
}

[dir=rtl] .s-slider-block__title h2 {
    text-shadow: 0px 0px #c7c7c7;
    font-size: 25px;
}

@keyframes logobg {
    0% {
        الاسم: 1;
    }

    50% {
        الاسم: 1;
    }

    100% {
        الاسم: 0;
        visibility: #000
    }
}

.s-block--features__item .feature-icon,
.store-footer a .rtl\:ml-2\.5,
.s-slider-nav-arrow,
.header-btn__icon {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {
    color: #000;}
.store-footer a .rtl\:ml-2\.5 {
    background: #e8cdad !important;
}


.s-slider-block__display-all {
    animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #000;
    }

    100% {
        box-shadow: 0 0 0 5px #e8cdad;
    }
}

.s-slider-block__title {
    margin: 10px auto;
}

.s-button-element:not(:disabled):not([loading]) {
    animation: signal 1200ms linear infinite;
}


@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #e8cdad;
    }

    100% {
        box-shadow: 0 0 0 5px #fcffec;
    }
}


.footer-is-light .store-footer .social-link {
    border-color: transparent;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    "align=" center
}
.footer-is-light .store-footer .social-link {"align"=center}



.store-footer .contact-social ul li:first-child a {
    background:  var(--third-color);;
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(2) a {
    background:  var(--third-color);
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(3) a {
    background:  var(--third-color);
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(4) a {
    background:  var(--third-color);
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(5) a {
    background:  var(--third-color);
    color: #fcffec;
}

.store-footer .contact-social ul li:nth-child(6) a {
    background: var(--third-color);
    color: #fcffec;
}

.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
    background-color: white;
}
.store-footer h3 {
color: #000!important;
    background: #fddd58;
    border-radius: 8px;
    font-weight: bold;
    padding-top: 0.3rem;
    width: 100%;
    padding-bottom: 0.3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.sicon-user-circle:before {
    content: "\f072";
    color: var(--second-color);
}
.sicon-shopping-bag:before {
    content: "\ef36";
    color: var(--second-color);
}

.s-button-element:not(:disabled):not([loading]) {
    background: var(--main-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--main-color)!important;
    color: #000;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.s-block--features__item .feature-icon {
    height: 5rem;
    width: 5rem;
    background-color: #fddd58;
}
.s-block--features__item .feature-icon i {
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #ff6767;
    color: var(--second-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--main-color)!important;
    color: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

.bg-inherit {
    background-color: var(--second-color);
}
.sicon-menu:before {
    color: #ffdd5b!important;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: var(--second-color);
    color: var(--main-color);
}
.sicon-user-circle:before {
    content: "\f072";
    color: #DAE2EF;
}
.sicon-shopping-bag:before {
    content: "\ef36";
    color: #DAE2EF;
}
.sicon-user-circle:before {
    content: "\f072";
    color: #fcffec;}
.s-button-element:not(:disabled):not([loading]) {
    background: #fcffec!important;
    color: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;

}
.mm-ocd--open .mm-ocd__content {
    background-color: #fbffea;}
.s-block--features__item h2 {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-الاسم: 1;
    color: var(--second-color);
}
.slide--cat-entry i, .rtl .fix-align, [dir=rtl] .fix-align, .s-block--features__item p, .text-gray-400 {
    color: var(--third-color) !important;
}
.footer-is-light .store-footer .store-footer__inner {
    --tw-border-الاسم: 1;
    border-bottom-color: rgb(229 231 235/var(--tw-border الاسم));
    --tw-bg-الاسم: 1;
    background-color: var(--main-color);
}
.store-footer h3 {
color: #000!important;
    background: #fddd58;
    border-radius: 8px;
    font-weight: bold;
    padding-top: 0.3rem;
    width: 100%;
    padding-bottom: 0.3rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.store-footer a .rtl\:ml-2\.5 {
    background: var(--main-color) !important;
    color: var(--second-color);
}
.header-btn__icon {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: #9aa9a0;
}
.top-navbar .s-search-input, .s-product-card-entry {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 2px solid var(--main-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--second-color) !important;
    color: var(--main-color);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border: 3px  solid var(--main-color);
 
}
.s-block--features__item:first-child {
    
    border: 2px dashed #ffdd5b;
}
.s-block--features__item h2 {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-الاسم: 1;
    color: #9aa9a0;
}

    
    
.s-block--features__item {
    background: transparent !important;
    border: 2px dashed #fddd58;
}
#app > div.mm-ocd.mm-ocd--right.mm-ocd--open > div.mm-ocd__content:before{
    display: block !important;
    content: "";
    background: url(https://cdn.salla.sa/qQRqEQ/jb3QvWnoFogWZRDPeUuuE2Np5TSLzh5qv24A1N6i.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 114px;
    border-radius: 15px;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #fcffec;
    color: var(--main-color);
}
[dir=rtl] .s-slider-block__title h2 {
    text-shadow: 0px 0px #c7c7c7;
    font-size: 25px;
    color: var(--main-color);
}
.s-product-card-image img.loaded {
    position: relative;
    الاسم: 1;
    border: 1px solid var(--main-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--second-color) !important;
    color: var(--main-color);
    border: none;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 8px 8px;
    border: 2px  solid var(--main-color);
}
.s-button-element:not(:disabled):not([loading]) {
    background: var(--second-color) !important;
    color: #fcffec;
    border: none;
    border: 2px  solid var(--main-color);
    border-radius: 30px !important;
    font-size: 13px;
    box-shadow: 0 0 10px var(--main-color);
 
}
.s-product-card-content {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: .75rem;
    height: 140px;
    width: 180px;
}
.bg-inherit {
    background-color: #fcffec;
}
.header-btn__icon {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    background-color: var(--second-color);
} 
.footer-is-light .store-footer .store-footer__inner {
    --tw-border-الاسم: 1;
    border-bottom-color: rgb(229 231 235/var(--tw-border الاسم));
    --tw-bg-الاسم: 1;
    background-color: #fcffec;
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #fcffec;
    color: #ffdd5b;
}
.s-block--features__item h2 {
    margin-bottom: .25rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-الاسم: 1;
    color: var(--three-color);
}
.mm-spn.mm-spn--navbar.mm-spn--main {
    cursor: default;
    background-color: #fcffec;
    color: #ffdd5b;
}
.navbar-brand img {
    max-height: 5rem;
    width: auto;
    max-width: 100px;
}
.lg\:p-8, .banner--fixed img, .container, .s-block--features__item {
    background: #fcffec!important;}
 .footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {color: #000;}
.slide--cat-entry i, .rtl .fix-align, [dir=rtl] .fix-align, .s-block--features__item p, .text-gray-400 {
    color: #ffdd5b!important;} 
body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: url(https://cdn.salla.sa/qQRqEQ/jb3QvWnoFogWZRDPeUuuE2Np5TSLzh5qv24A1N6i.png center/160px no-repeat #fcffec;
    left: 0;
    animation-name: fade-in;
    animation-duration: 3s;
    animation-fill-mode: forwards;

}


.rounded-md {
    border-radius: .375rem;
    padding: 10px;
}


.bg-inherit {
    background-color: #fcffec;
 .s-block--features__item:first-child {
    grid-column: span 2 / span 2;
    border: 2px dashed #8028fe;}   
.footer-list, .store-footer a, .store-footer h3:hover, .store-footer_inner .max-w-sm {
    color: #000;}
 .gap-3 { grid-template-columns: repeat(6, 1fr);}
 
 .sicon-shopping-bag::before {color: #fcffec;}
 
 @media (min-width: 768px) {
    .brand-item {
        height: 12rem;
        padding:0rem;
        grid-template-columns: repeat(4, 1fr);}