:root{
    --body-color : #fffcf0;
    --main-color : #2B3F3E;
}
body{
    background : var(--body-color);
}
.navbar-brand img{
    border-radius : 50%;
}
/* منتجات */
.s-product-card-entry{
    background : transparent !important;
    border : 1px solid var(--main-color)
}
.s-comments-product ,
form.product-form
{
    background-color: #fffcf0 !important;
}
/* navbar */
header {
    background-color : #E2DDCA !important;
}
header + section.s-block--fixed-banner{
    margin-top : 0;
}
section.s-block--fixed-banner .container{
    max-width : 100%;
    padding : 0;
}
/* الاقسام */
.s-block--categories .swiper-wrapper{
    justify-content : center !important;
}
.s-block--categories .s-slider-block__title ,
.s-block--banners  .s-block__title
{
    justify-content: center !important;
}
.slide--cat-entry {
    background-color: transparent !important;
    border : none;
    height: 12rem;
    padding: 0;
}
.slide--cat-entry img {
    border-radius : 0;
    width : 100%;
    height: 100%;
    border-radius: 5px;
}
.s-block--banners  .banner-entry {
    height: 22vw;
}
/* footer */
footer.store-footer ,.store-footer__inner {
    background : #E2DDCA !important;
}
footer.store-footer .store-footer__inner .grid{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
footer.store-footer .store-footer__inner .grid div:first-child{
    grid-column: span 1 / span 1;
}
@media(max-width : 768px)
{
    .s-block--banners .grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .s-block--banners  .banner-entry {
        height: 24vw;
    }
}
@media(max-width : 600px)
{
  button.s-button-btn {
      padding: 5px;
  }
    .s-block--categories .swiper ,
    .s-slider-block__title-right ,
    .s-slider-block__title h2
    {
        padding : 0
    }
    .s-block--categories .s-slider-block__title{
        justify-content : center !important;
    }
    .s-block--categories .swiper-wrapper {
        flex-wrap : wrap !important;
        justify-content : center
    }
    .s-block--categories .swiper-wrapper .swiper-slide:last-child{
        margin-top : 20px;
    }
    .s-block--banners .grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .s-block--banners  .banner-entry {
        height: 38vw;
    }
    /* footer */
    footer.store-footer .store-footer__inner .grid{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    footer.store-footer .store-footer__inner .flex ,
    .store-footer a ,
    .s-social-list 
    {
        justify-content: center !important
    }
    footer.store-footer .store-footer__inner {
        text-align : center !important
    }
}