/* develope By Package +201002241591  3lwaaa@gmail.com - https://wa.me/201002241591 */ 
:root {
    --color-primary: #263243;
   --color-icona-header: #ffffff;
    --color-primary-dark: #fff;
    --color-primary-light: #fff;
    --color-primary-reverse: #ffffff;
}

/*===start header===*/

/*تغيير لون الهيدر*/
.main-nav-container {
    background-color: #ffffff;
}

/*ايقونات الهيدر*/
.header-btn__icon {
    color: #263243 ;
    
    border: none;
}


/* ثلاث خطوط - ايقونة القائمة الجانبية*/
.sicon-menu:before {
    color: var(--color-icona-header);
}

/*search*/
.top-navbar {
    background-color: #ffffff;
}

/*ملخص السلة*/
.s-cart-summary-total {
    color: var(--color-icona-header);
    /* color: rgb(0 0 0/var(--tw-text-opacity)); */
    /*display: none;*/
}

/*==end header==*/
 /*==start slider image==*/
@media (min-width: 750px) {
    salla-slider.photos-slider .swiper-slide {
        position: relative;
        margin-left: 0rem;
        margin-right: 0rem;
        height: auto;
        width: 100%;
        overflow: hidden;
        border-radius: 0.375rem;
    }

    section:nth-of-type(1).s-block.s-block--photos-slider {
        margin-top: 0rem;
    }
}

@media (max-width: 991px) {
    salla-slider.photos-slider .swiper {
        padding-left: 0 !important;
    }

    salla-slider.photos-slider .swiper-slide {
        border-radius: 0px !important;
        width: 50%;
        margin: 0;
        padding: 0;
    }
}

/*==end slider image==*/
/*==statrt categories==*/
s-block.s-block--banners > .grid {
    grid-template-columns:  1fr 1fr 1fr;
}

.s-block.s-block--banners > .grid .banner-entry {
    padding-top: 0%;
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.s-block.s-block--banners:nth-of-type(19) {
    margin-bottom: 1rem;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: 130px;
}

@media (max-width: 2001px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr !important ;
    }


    .s-block.s-block--banners:nth-of-type(19) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(21) > .grid .banner-entry:last-child, .s-block.s-block--banners:nth-of-type(22) > .grid .banner-entry:last-child {
        grid-column: 1 ;
    }
}

/*
section.s-block.s-block--fixed-banner.wide-placeholder .container:hover,.lazy__bg.lazy.entered.loaded:hover {
    transform: translateY(-8px);
}*/
section.s-block.s-block--fixed-banner.wide-placeholder .container,:hover {
    transition: transform 0.1s, 
}

@media (max-width: 991px) {
    section.s-block.s-block--fixed-banner.wide-placeholder .container {
        padding: 0;
    }
}

/*توسيط عنوان اقسام المتجر*/
.s-block.s-block--banners.container .s-block__title {
    justify-content: center !important;
}

/*.s-block.s-block--banners > .grid .banner-entry {  
border: 1px solid var(--color-primary);  
padding: 0px;
margin: 0px;
} */
/*==end categories==*/
/*==start procducts==*/
/*تغيير لون الخلفية الرمادية اللي خلف صورة المنتج*/
.s-product-card-image {
    background-color: #fff;
}

/*shadow around product card*/
.s-product-card-entry {
    border: .5px groove var(--color-primary);
    
}

.s-product-card-entry:hover {
    animation: danmove ease .1s;
}

/*add to cart box*/
salla-add-product-button[width=wide]:hover {
   
    animation: signal 500ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-icona-header) inset
    }

    100% {
        box-shadow: 0 0 0 5px var(--color-icona-header) inset
    }
}

/*==end products==*/
/*== genral==*/
/*عنوان المنتجات المتحركة*/
/*.s-slider-block__title {
    background: var(--color-primary);
    width: 100%;
}*/
/*عنوان المنتجات الثابتة*/
.s-block__title {
    background: #fff);
}

*/ body#app {
    background-color: #fff;
}

.app-inner.flex.flex-col.min-h-full {
    background-color: #ffffff;
}

.shadow-default {
    box-shadow: none;
}

/*==end general==*/
/*==start footer==*/
.footer-is-light .store-footer .store-footer__inner {
    background-color: #263243;
    color: #fff;
}

@media (max-width: 991px) {
    .store-footer {
        text-align: center;
        margin-top: 0px;
    }

    /*center logo & links*/
    .store-footer a {
        justify-content: center;
        flex-direction: column;
    }

    /*من نحن واسم المتجر*/
    .lg\:col-span-2.rtl\:lg\:pl-20.ltr\:lg\:pr-20 {
        justify-content: center;
        display: inline-grid;
    }

    /*المسافات بين ايقونات التواصل والنصوص*/
    .unicode {
        margin-top: 7px;
        margin-bottom: 10px;
    }

    .store-footer .contact-social ul {
        justify-content: center;
    }
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-whatsapp2 {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-iphone {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-paper-plane-o {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-phone {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

i.rtl\:ml-2\.5.ltr\:mr-2\.5.border.rounded-full.w-8.h-8.justify-center.flex.items-center.shrink-0.sicon-mail {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

.footer-is-light .store-footer .social-link {
    border-radius: 9px;
    border-width: 0px;
    color: #fff;
    background: #ffffff54;
}

/*==end footer==*/




/*==start main menu== قائمة الرئيسية */
.mm-spn.mm-spn--light {
    color: #ffff;
    background: #26324;
}


nav#mobile-menu {
    color: #263243;
    
}



//// اقسام المتجر
.s-block.s-block--banners > .grid {
    grid-template-columns: 1fr 1fr 1fr ;
}

.s-block.s-block--banners > .grid .banner-entry {
    height: unset;
    padding-top: 43%;
}






\\\\\\\
@media (max-width: 991px) {
    .s-block.s-block--banners > .grid {
        grid-template-columns: 1fr 1fr 1fr 1fr ;
    }

    .s-block.s-block--banners > .grid .banner-entry {
        padding-top: 51%;
    }
}

.two-row .banner-entry:first-child {
    grid-column: auto;
    grid-row: auto;
}

.banner-entry article,.has-overlay:after {
    padding: 0rem;
    display: none;
}