/* Add custom CSS styles below */ 
/* navbar color */
img.logo-light {
    filter: drop-shadow(1px 0px 0px #35265a);
}

 #mainnav .bg-white {
    background: linear-gradient(180deg, var(--color-primary) -180%, transparent);
    background-color: #ffffffe6;
} 

.dark #mainnav .bg-white {
    background:linear-gradient(272deg, #082a4d, #682f0a, #082a4d);
    background-size:400% 400%;
    animation:gradient 12s ease infinite;
}

@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}


/* offer sec */
.s-offer-modal-product-name{
    white-space:normal;
    width:6rem;
}

/*product card & cat-page */
.container.flex.flex-col.md\:flex-row.justify-between.items-center.gap-2.md\:gap-4 {
    flex-direction: row;
}

.sub-cat-icon h3 {
    display: none;
}

.dark .s-product-card-entry {
    background: linear-gradient(154deg, #5f6162, #182a46);
}
.s-product-card-countdown {
    display: none;
}
.sub-cat-icon img {
    border-radius: 7px; 
}


@media (max-width:768px){

.is-sticky-product-bar .sticky-product-bar salla-add-product-button button[quick-buy] {
    max-width: 80%;
}

.s-products-slider-card.swiper-slide{
    width: 49%!important ;
}
}

/*Footer &reating */
.flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg.relative{
    background-image: url(../../../oNQR/NkkIfawhncCv7pDgYBvp3ptELuB8LodpozjKfjOv.png);
    background-size: 351px;
    border-radius: 0 32px 32px 32px;
    background-position-x: center;
    background-position-y: center;
}
.store-footer .footer-container .logo-footer .foo{
    filter:brightness(20);
}



/*home page*/ 
.index section:nth-of-type(4){
   background : linear-gradient(180deg, #6ce8d3, #6ce8d3, transparent);
        margin-top: -30px;
        max-width: 100%;
}  

/* log in form */


salla-modal.s-login-modal .s-modal-header .s-modal-header-inner    {
    background: url(https://cdn.salla.sa/cdn-cgi/image/format=auto/oNQR/JPRGC9ywAeu27icx4318t2iO2WMQG1Mi4rC5lDzU.png);
    background-size: contain;
    background-repeat: no-repeat;
    filter: drop-shadow(2px 4px 6px black);
    height: 5rem;
    background-position: top;
}
.s-modal-body.s-modal-align-middle {
    margin-bottom: 3rem !important;
    background: url(https://cdn.salla.sa/oNQR/HcAliVuihYMyr2WD0nokPMtPDnrJ4GZ5qyDzsJDr.jpg);
    background-size: contain;
}

.s-modal-body {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 86%;
    border-radius:0px 30px 30px 30px !important;
    HEIGHT: FIT-CONTENT;
    
  }

.dark .s-modal-body, .dark .s-quick-order input
{
background:linear-gradient(141deg, #383568, #144c42);
}
span.s-login-modal-header-icon{
    opacity:0% ;
}
salla-modal#salla-modal .s-modal-title {
    display: none;
} 


.sc-e3661aee-11.enDKjC {
    display: flex;
    align-items: center;
} 
.sc-5bbd1921-0.iyPNUG {
    margin: 5px;
}
#remainingTime{
color: "{{app.color}}";
    font-size: 15px;
}
#deliveryimage{
    width:4rem;
    height: 2rem;
}
b#cityName {
    font-weight: 800 !important;
}

/*!!*/
section.sticky-product-bar.bg-white.da-bgg.\31 .p-5.mt-4.rounded-md.dark.bg-\[var\(--dark-bg-main\)\] {
    background: #162b46;
        box-shadow: 0px 4px 12px 1px rgb(60 255 171);
}
.menu-img {
    border-radius: 3px !important;
}
li.s-count-down-item {
    background: #ebebeb;
    /* color: red !important; */
}