/* Add custom CSS styles below */ 
    
body {
    
    background-color: #fdf9f4!important;
}

/* ====== Header ====== */
.s-contacts-header{
display:none;
}
button.btn--rounded-gray.basis-0{
padding: 8px 10px;
}
div#mainnav {
    background-color: #1d1f1f;
    }
div#mainnav.animated{
background-color:white !important;
}
.header-buttons .btn--rounded-gray {
    padding: 0;
    background: 0 0;
    color: #fff;
}
header .s-cart-summary-content {
    display: none;
}
.s-user-menu-trigger {
    background: 0 0;
}
header .sicon-menu {
    margin-right: 9px;
}

header .header-btn__icon {
    border: none;
}

header salla-cart-summary.ml-4.rtl\:ml-\[unset\].rtl\:mr-4.hydrated {
    margin-right: 5px;
}

/* center logo */
.inner.bg-inherit .container .flex.items-stretch.justify-between.relative .flex.items-center:first-of-type {
    width: 100% !important;
}

.navbar-brand img {
    max-height: 3.2rem;
}
#mainnav {
    height: auto!important;
    min-height: auto
}
header .header-btn__icon,
ul.main-menu.mm-spn--open{
color:white;
}

div#mainnav.animated .header-btn__icon,
div#mainnav.animated ul.main-menu.mm-spn--open{
color:black;
}

/* ====== End Header ====== */
/* ====== Sections ====== */

.s-block.s-block--fixed-banner:first-of-type{
  margin-top:-84px;
}

section.s-block.s-block--banners .s-block__title {
    justify-content: center;
    padding-top: 0rem;
}

section.s-block.s-block--fixed-banner .container {
    padding: 0;
    max-width:100%;
}

section.s-block.s-block--fixed-banner .banner--fixed img {
    border-radius: 0;
}

.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 0!important;
}

section.s-block.s-block--banners .s-block__title {
    justify-content: center;
}
section.s-block.s-block--banners .s-block__title h2 {
    font-size: 1.4rem;
}

section.s-block.s-block--banners .grid {
    grid-template-columns: repeat(2,1fr);
    max-width: 55rem;
    margin: 0 auto;
    padding: 10px 15px 0;
}
.s-block.s-block--banners:nth-of-type(10) .grid{
    gap: 10px !important;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none; 
}
section.s-block.s-block--banners .grid .banner-entry {
height: 500px;
display:flex;
align-items:center;
justify-content:center;
}
.banner-entry h3.text-with-border{
height: fit-content !important;
border:1px solid white;
padding: 10px 30px;
transform:none !important;
transition:opacity 0.5s;
}
.banner-entry:hover h3 {
width: fit-content;
height: fit-content !important;
}
.has-overlay.with-hover:hover:after{
opacity:0;
}
.lazy__bg.lazy.entered.loaded{
transition:1.5s transform;
}
.banner-entry:hover div{
transform:scale(1.1);
}
/* ====== End Sections ====== */

/* ====== Products Slider ====== */
.s-block.s-block--best-offers .s-slider-block__title h2:after{
 display:block;
  font-weight:400;
  font-size:0.9rem;
  padding:5px 0
}

.s-block.s-block--best-offers:nth-of-type(3) .s-slider-block__title h2:after, .s-block.s-block--best-offers:nth-of-type(9) .s-slider-block__title h2:after{
    content:"اكتشف أحدث منتجاتنا";
}

body:lang(en) .s-block.s-block--best-offers:nth-of-type(3) .s-slider-block__title h2:after,
body:lang(en) .s-block.s-block--best-offers:nth-of-type(9) .s-slider-block__title h2:after {
    content: "Discover our latest products.";
}

.s-block.s-block--best-offers:nth-of-type(5) .s-slider-block__title h2:after {
content: "الأفضل بين الأفضل";
}

body:lang(en) .s-block.s-block--best-offers:nth-of-type(5) .s-slider-block__title h2:after {
content: "The best of the best.";
}
.s-slider-block__display-all{
  font-weight: 400;
  min-width: max-content;
}
.s-product-card-content-footer .s-button-primary-outline,
.s-button-light-outline {
border-radius:0;
}

.s-product-card-content-footer span.s-button-text{
display: flex;
    flex-direction: row-reverse;
    gap: 5px;
}
.s-product-card-content {
        background-color: #fdf9f4;
        text-align:center;
}
.s-product-card-content-sub {
    justify-content: center;
    gap: 0.75rem;
}
.s-product-card-fit-height.s-product-card-vertical .s-product-card-image{
min-height: 350px;
}
.s-slider-block__title-nav{
gap:5px;
}
/* START PRODUCT PAGE */

.s-fast-checkout-button.outline,
.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center
{
border-radius:0 !important;
}
.s-fast-checkout-button.outline,
.s-fast-checkout-button,
.s-add-product-button-main .s-add-product-button-mini-checkout,
button.s-fast-checkout-button.outline.ltr {
border-radius:0 !important;
}

/* START FEATURES */

.s-block--features__item {
        padding-left: 2rem;
        padding-right: 2rem;
        background-color: transparent;
        border: 1px solid #ad242a;
}
.s-block--features__item h2 {
font-size:1rem;
}
/* START FOOTER */

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
display: flex;
gap: 0px;
justify-content: space-evenly;
}
salla-apps-icons.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20.hydrated{
display:none;
}
.flex.items-center.m-0 h3 {

text-shadow: 0px 0px 2px #ffffff85;
}

.md\:flex.items-center.justify-between.py-4.container.text-center{
border-top:1px solid #e9e9e9;
background-color:#fdf9f4 !important;
}
.copyright-text p{
  color:black;
}
.store-footer__inner{
border-top:1px solid #e9e9e9;
background-color:#fdf9f4 !important;
}


/* ====== Media Queries ====== */

@media only screen and (max-width: 1024px) {
   ul.main-menu.mm-spn--open{
        color: black;
    }
 section.s-block.s-block--fixed-banner.wide-placeholder:nth-of-type(1){
  margin-top: -68px;
  }
}
@media only screen and (max-width: 600px) {
   section.s-block.s-block--banners .grid .banner-entry {
  height: 350px;
  }
  section.s-block.s-block--banners .grid {
    grid-template-columns: repeat(2,1fr);
    max-width: 100%;
    padding:10px 0px 0px;
  }
    
}
@media (max-width:992px){
.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6{
      flex-direction:column;
      justify-content:center;
      align-items:center;
      text-align:center;
  }
  .store-footer a {
      justify-content:center;
      align-items:center;
  }
  .s-social-list {
  justify-content:center;
      align-items:center;
      }
  p.max-w-sm.leading-6.mb-6{
  max-width: 99%;
    text-align: center;
    }
   .flex.rtl\:space-x-reverse.space-x-2.items-end{
   margin-bottom:1rem;
   }
   .s-menu-footer-item:last-child{
    margin-bottom:1rem;
   }
}
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
        color: #000;
        background: #fdf9f4;
    }
    
    .menu-opened .btn--close-sm.close-mobile-menu   
    {
        background-color:#831100;
    }
    .menu-opened .btn--close-sm.close-mobile-menu::before{
    color:#fdf9f4;
    }
}
.s-slider-block__display-all{
  font-weight: 900;
  min-width: max-content;
  padding:2px;
  border-bottom:2px solid #831100;
}
div#mainnav.animated{
background-color:#fdf9f4 !important;
}