/* Add custom CSS styles below */ 
div#mainnav , body,
.s-search-modal.s-search-modal-new .s-modal-body,
.mm-spn.mm-spn--light,
.main-nav-container.fixed-pinned .inner,
.faq-answer,
.faq-section,
.mm-spn.mm-spn--navbar ul, .mm-spn ul, .mm-spn ul.mm-spn--open{
    background: #FFF6EA !important
}
.img-cat img {
 
    max-height: 300px;
    border-radius: 0!important
}
.btn-cat {
  
    font-size: 16px;
    border-radius: 0;
}

.vertical-nav {
    background-color: rgb(87 54 29 / 77%);
}

.s-product-card-entry .s-product-card-content-title {
    text-overflow: ellipsis;
    overflow: hidden;
}

@media(min-width:992px){
    .mainbaner-slide-content {
    text-align: right !important;
        padding-right:20px;
}
}

.mainbaner-slide-content:not(a){
            text-shadow: 0 0 10px rgb(0, 0, 0);

    
}
.flex-container.relative.flex.flex-col.md\:flex-row {
    gap: 20px;
}



@media(max-width:992px){

  .btn-cat{
        font-size: 12px;
    border-radius: 0;
  }
  section.s-block.s-block--filter-banner.filter-banner-0.s-block--full-bg.mb-12.md\:mb-16.hidden.md\:block{
    display: none !important
  }
  .s-search-placeholder-wrapper.s-search-placeholder-wrapper-new.s-search-inline {
    display: none;
}
}
.faq-question:hover,
.faq-question {
    background-color: #5C381C;
    color: #fff !important;
}
.mm-spn.mm-spn--light {
    color: #5C381C;
}
.faq-answer.open {
    font-size: 15px;
    color: #5C381C !important;
    line-height: 1.4em;
}
.footer-is-light .store-footer .store-footer__inner,
.copyright-text p,
.copy-talk,.payment-back,.footer-is-light .store-footer {
    color: #fff6ea !important;
    background-color: #5C381C !important;
}
.s-product-card-entry{
    box-shadow:5px 7px 7px #ddd ;
border:2px solid #5c381c ;
}
.form-input ,
.btn--rounded-gray,
.\!bg-\[\#F0EDEB\]{
    background: #f0e4d4 !important;
    border: #5c381c;
}
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
    background: #5c381c !important;
    color: #fff6ea !important;
}
/* ==============================
   PROVERA LOADING SCREEN
   ============================== */

.loader-init,
.content-loading {
    background-color: #FFF6EA !important;
}

/* إخفاء الـ spinner القديم */
.loader-init::after {
    display: none !important;
}

/* اللوجو */
.loader-init::before,
.content-loading::before {
    content: "";
    display: block;
    width: 220px;
    height: 110px;

    background-image: url("https://cdn.files.salla.network/other/1001362377/cda9fc74-0f6c-4b71-8abe-8a72be425e57-original.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}