/* https://kaosandkozy.com/ar */
.app-inner.flex.flex-col.min-h-full > section.olla-categories  > div > div > div.flex .olla-categories-category {
display: flex !important;
align-items: center !important;
width: 8rem !important;
margin: auto !important;
text-align: center !important;
justify-content: center !important;
} 
.app-inner.flex.flex-col.min-h-full > section.olla-categories  > div > div > div.flex .olla-categories-category a{
display: flex !important;
flex-direction:  column !important;
align-items: center !important;
margin: auto !important;
text-align: center !important;
justify-content: center !important;
}
.olla-categories > div > div > div.flex> div > div > a > div.text.flex.justify-center > h4{
margin: auto !important;
text-align: center !important;
justify-content: center !important;	
font-size: 0.9rem !important;
}
.swiper-slide.w-full.swiper-slide-visible.swiper-slide-active > div > div.flex-1.flex.flex-col  > div.w-64.h-12{
margin: 1rem 0rem 2.5rem 0rem !important;
}
.olla-card img {
// height: 8rem !important;
object-fit: cover !important;
aspect-ratio: 11/14 !important;
}
custom-salla-product-card > div > div.w-full.h-full.flex.flex-col > a > h3 {
height: 3.8rem !important;
overflow: hidden !important;
margin: auto !important;
font-size: 0.9rem !important;
text-align: center !important;
}

#mainnav > div > div > div.flex > div   {
gap: 0.8rem !important;
padding: 0 1rem !important;
font-size: 0.8rem !important;
}
#mainnav > div > div > div.flex > div  > div.hidden button {
font-size: 0.6rem !important ;
padding: 0.4rem 1.2rem !important;
margin: 0 0.8rem !important;
}
.s-cart-summary-count {
right: 50px !important;
}
#mainnav > div > div > div.flex  > div > div > salla-search > div > div > div.s-search-input-wrapper > input{
background: var(--header-main-color) !important;
}
#mainnav > div > div > div.flex  > div , #mainnav > div > div {
flex-direction: row-reverse !important;
}

/* ***** */

.olla-card .promotion  ,.s-products-slider-card.swiper-slide > custom-salla-product-card > div > div.promotion {
margin-right: auto !important;
left: 0.5rem !important;
width: 4rem !important;
}
.s-products-slider-card.swiper-slide> custom-salla-product-card > div {
/* border: 2px solid var(--color-primary) !important; */
border-radius: 1rem !important;
}
nav > div.navbar.navbar_is_sidebar > div > ul {
font-size: 0.8rem !important;
gap: 0.8rem !important;
}
#mainnav{
height: 111px !important ;
}


#mainnav > div > div > div.flex  > div  a  , #mainnav > div > div > div.flex  > div > div.cursor-pointer , #s-cart-icon > i {
    font-size: 1.1rem !important ;	
}
#app > div.app-inner.flex.flex-col.min-h-full > header > div::after {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 46%) !important;
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    overflow: hidden !important;
}

/* ***** */

@media (max-width: 767px){

.olla-categories  > div > div > div.flex  > div  > div > a > div.w-24.h-24.relative.group {
width: 10rem !important;
height: 10rem !important;
}

}


/* *** */

.olla-slider .flex-1.flex.flex-col.justify-between  div.w-64.h-12 ,  .swiper-slide  > div > div.flex-1.flex.flex-col  > div.w-64.h-12 > a {
	margin: 2rem 0 !important;
}
.promotion.absolute  > span{
font-size: 0.6rem !important;
}

.olla-card .s-product-card-subtitle {
    text-align: center !important;
}

.s-products-slider-card.swiper-slide > custom-salla-product-card > div > div.w-full.h-full.flex.flex-col.justify-center.items-center.p-2.z-50 > a > p{
margin: auto !important;
text-align: center !important;
}


/* السجل التجاري */
/* https://kaosandkozy.com/ */

 .app-inner .bottom-footer > div > div > ul::before {
    content: "7043084131" !important;
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background-color: white !important;  
    background-image: url("https://asas-tools.com/u/uploads/sara_craffo/4__1_-removebg-preview.png") !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: left center !important;
    height: 30px !important;
    width: 116px !important;
}