:root{
    --one:#4c2a1c;
    --two:#ffffff;
    --thr:#a0c201;
    --back:whitesmoke;

    /* عدد الأعمدة */
    --grid:5;
    --gridmob:5;

    --logo:url();
}

body{
    background-color:#fdf7e7;
}

.grid-flow-row {
    grid-auto-flow: column !important;
}
/* =========================================================
   Slider
========================================================= */

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide,
[dir=rtl] salla-slider.photos-slider .swiper,
salla-slider.photos-slider .swiper:where([dir=rtl],[dir=rtl] *),
section.s-block.s-block--photos-slider:first-of-type{
    width:100%;
    margin:0;
    padding:0;
}


/* =========================================================
   Unset
========================================================= */

section.s-block.s-block--fixed-banner.wide-placeholder,
.banner--fixed img,
.banner-entry{
    background-color:unset;
}


/* =========================================================
   Grid
========================================================= */

/* العنصر الرئيسي للجريد */
.md\:grid-cols-3{
    display:grid !important;
    grid-template-columns:repeat(var(--grid),minmax(0,1fr)) !important;
}

/* أول بانر */
.two-row .banner-entry:first-child{
    grid-column:span 1 / span 1;
    grid-row:1 / 2;
}

/* حجم البانرات */
.banner-entry{
    height:225px;
}

/* صور البانرات */
section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded{
    background-size:contain;
    background-repeat:no-repeat;
}


/* =========================================================
   Center
========================================================= */

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


/* =========================================================
   Products
========================================================= */

.s-slider-block__title h2:where([dir=rtl],[dir=rtl] *){
    display:none;
}

#slider-with-bg-4 > div.s-slider-block__title > div.s-slider-block__title-right > h2{
    display:none;
}


/* أزرار المنتجات */
.s-button-element:not(:disabled):not([loading]){
    border:2px solid var(--one);
    color:#c38a47 !important;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
    color:var(--two);
}

button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
    color:white;
}


/* محتوى كارت المنتج */
.s-product-card-content{
    background-color:var(--two);
    border-bottom-right-radius:30px;
    border-bottom-left-radius:30px;
}

/* كارت المنتج */
.s-product-card-vertical{
    border:3px solid var(--one);
    box-shadow:0 0 5px var(--one);
}

.s-product-card-entry{
    height:97%;
}


/* =========================================================
   Footer
========================================================= */

.footer-is-light .store-footer .store-footer__inner{
    text-align:center !important;
    justify-content:center !important;
    background-color:var(--one);
    color:var(--two);
}


/* =========================================================
   Mobile
========================================================= */

@media (max-width:767px){

    /* السلايدر */
    .swiper-wrapper > div{
        width:56%;
    }

    /* البانرات */
    .banner-entry{
        height:80px;
    }

    /* الجريد في الموبايل */
    .md\:grid-cols-3{
        display:grid !important;
        grid-template-columns:repeat(var(--gridmob),minmax(0,1fr)) !important;
    }

    /* الفوتر */
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 > div{
        justify-content:center;
    }
}


/* =========================================================
   Tablet
========================================================= */

@media (min-width:768px) and (max-width:1200px){

    .banner-entry{
        height:360px;
    }

    /* الجريد */
    .md\:grid-cols-3{
        display:grid !important;
        grid-template-columns:repeat(var(--grid),minmax(0,1fr)) !important;
    }

    /* الفوتر */
    #app > div.app-inner.flex.flex-col.min-h-full > footer > div.store-footer__inner > div > div.lg\:col-span-2.rtl\:lg\:pr-20.ltr\:lg\:pl-20 > div{
        justify-content:center;
    }
}


/* =========================================================
   Desktop
========================================================= */

@media (min-width:1201px){

    .md\:grid-cols-3{
        display:grid !important;
        grid-template-columns:repeat(var(--grid),minmax(0,1fr)) !important;
    }
}