/* Add custom CSS styles below */ 
/* hrader  */

nav.olla-header-navbar div#mainnav  {
    background-color:#fff !important;
}
nav.olla-header-navbar a.s-cart-summary-wrapper div#s-cart-icon i {
    color:#000 !important ;
}

nav.olla-header-navbar p.s-cart-summary-content * {
    color:#000 !important ;
  
}


nav.olla-header-navbar  button.olla-background.bg-emerald-500.text-white.py-2.px-6.font-medium.rounded-full {
    background-color:#eee4cf !important;
    color:#000;
}

.navbar.navbar_is_sidebar{
    background-color:#fff ;
    color:#000;
}

nav.olla-header-navbar ul.dropdown-menu {
    background-color:#fff !important ;
    
}

/* header  */


/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
/** banners blocks ***/
section.olla-banner {
    padding-inline:0 !important;
}

section.olla-banner .container {
    max-width:unset;
    padding:0;
}

section.olla-banner img.lazy.loaded {
    border-radius: 0;
}
/** End banners ***/



/*gride-iteam  */


body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 8px;
}
    
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div > a:nth-child(1),
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) > div > a:nth-child(1) {
    grid-column: span 2 / span 2;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div > a:nth-child(2),
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) > div > a:nth-child(2) {
    grid-column-start: 3;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) a {
    height: 292px;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div a {
    height: 290px;
}
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div {
            grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:8px;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div a {
    height: 293px;
}

section.s-block.s-block--banners.container:not(body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8)) {
    margin-top:8px;
    
}
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(17) > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap:8px;
}
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(17) > div  a{
    height: 424px;
}

@media(max-width:992px){




  body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(17) > div  a {
    height: 150px;
}
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) > div,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(18) > div {
    gap: 3px;
}

body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8) a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(9) > div a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(10) > div a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(11) > div a,
body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) > div a {
    height: 90px;
}
section.s-block.s-block--banners.container:not(body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(8)) {
    margin-top: 3px;
}

}

/*end-grid-iteam   */

/*.s-products-slider-card  */

.s-products-slider-card.swiper-slide a img {
    height:350px;
}

custom-salla-product-card a  img {
    height:350px !important;
}
button.olla-background.text-white.text-sm.w-auto.h-9.flex.justify-center.items-center.gap-2.px-3.mt-3.rounded-full.font-bold.hover\:shadow-lg.hover\:-translate-y-1.duration-300.hover\:bg-white.hover\:text-emerald-500{
    background-color:#eee4cf !important;
    color:#000;
}
.s-block--tabs-produtcs .tab-trigger.is-active button{
    background-color:#ede4d0;
    color:#000;
}

/* end .s-products-slider-card  */
/*footer  */
footer.relative{
    background-color:#292927;
    color:#fff;
}
footer img {
    filter: grayscale(100%) brightness(1000%); /* تحويل الصورة للون الأبيض */

}

@media(max-width:992px){

div#mainnav .lg\:py-4.py-2.xl\:px-28.lg\:px-18.flex.items-center.justify-between.gap-10.w-full {
    padding-inline:1.5rem !important;
}

div#mainnav .lg\:hidden.py-2.text-2xl.cursor-pointer.menu {
    color:#000;
}

div#mainnav  .cursor-pointer.lg\:hidden.py-2.text-2xl.lg\:ml-auto.lg\:mr-auto.text-\[var\(--header-textmain-color\)\] {
    color:#000;
}

footer * {
    justify-content:center;
    align-items:center;
    text-align:center;
}


footer .logo.w-32 {
    margin-inline:auto;
}

footer .info.text-sm.flex.flex-col.mt-4 {
    margin-bottom:1rem;
}

  .navbar.navbar_is_sidebar *{
    color:#000 !important;
}

}

.lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}

/* end-footer  */


.container.center-between.py-2\.5 {
    display: none;
}

.rb-promo-animated-container-2024 {
    padding-block: 8px;

}