/* Add custom CSS styles below */ 
.app-inner > section > div > span:nth-child(1) > div > ul:nth-child(2) > li{
padding-top:1.2rem !important ;
}
.kayan-card .kayan-promotion_title {
font-size: 10px !important;   
padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 0.5rem;
padding-right: 0.5rem;
top: 0.5 !important;
right: 0 !important;
}



@media (max-width: 767px){

.shadow-\[0px_0px_9px_0px_rgba\(0\2c 0\2c 0\2c 0\.1\)\] {
 bottom: 2rem !important;
 opacity:96% !important ;
}

#app > footer > div > div.scroll-top.fixed.right-4.w-12.h-12.rounded-full.z-40.text-white.text-lg.flex.justify-center.items-center.cursor-pointer.duration-500.bottom-14 , #app > a > button , #app > a > button, #app > a > button > i, #app > div.app-inner.flex.flex-col.min-h-full > a > button {
width:2rem !important ;
height: 2rem !important;
bottom:6.5rem !important;
}
#app > a > button , #app > a > button > i ,     #app > a > button, #app > a > button > i, #app > div.app-inner.flex.flex-col.min-h-full > a > button {
display: flex;
left:1rem !important ;
font-size:small !important ;
justify-content: center;
align-items: center;
 }
.kayan-card img{
aspect-ratio:12/18 !important ;
}
div > custom-salla-product-card > div > div.overflow-hidden.relative > a:nth-child(2) > img{
border-radius: 0.5rem 0.5rem 0 0  !important;
padding: 0 !important;
margin: 0 !important;
}
.swiper-wrapper .s-products-slider-card  {
padding: 0rem !important;
width:46% !important;
overflow: hidden !important;
margin: 0.4rem !important;
border-radius: 0.5rem !important;
border:0.12rem solid var(--color-primary-dark)!important;
}
.container  > div > div > div:nth-child(2)  > salla-products-list > .s-products-list-wrapper>custom-salla-product-card {
overflow: hidden !important;
border-radius: 0.5rem !important;
border:0.12rem solid var(--color-primary-dark)!important;
}
.s-products-slider-card.swiper-slide  > custom-salla-product-card > div > div > span > div ,  .s-products-slider-card.swiper-slide > custom-salla-product-card > div > div  > span > h4{
text-align: center !important;
margin: auto !important;
justify-content: center !important;
align-items: center !important;	
height: 2rem !important;
overflow: hidden !important;
}
.s-products-slider-card.swiper-slide  > custom-salla-product-card > div > div  > span >div >h4 ,  .s-products-slider-card.swiper-slide  > custom-salla-product-card > div > div  > span >div >span , .s-products-slider-card.swiper-slide > custom-salla-product-card > div > div  > span > h4 {
font-size: 0.77rem !important;
font-weight: bold !important;
}
.s-products-slider-card.swiper-slide > custom-salla-product-card > div > div  > a > h4 ,   .container  > div > div > div  > salla-products-list >  .s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > div  > a > h4{
padding:0.3rem 0.2rem 0.0rem 0.2rem !important ;
color: var(--color-primary-dark) !important;
font-size: 0.88rem !important;
height: 2.2rem !important;
overflow: hidden !important;
line-height:0.88rem;
} 
.s-products-slider-card.swiper-slide > custom-salla-product-card > div > salla-add-product-button > div > salla-button > button > span > div > button > span{
display: flex !important;
justify-content: center !important;
align-items: center !important;
padding: 0 !important;
margin: 0  auto !important;
font-size: 0.77rem !important;
font-weight: bold !important;
}
.s-products-slider-card.swiper-slide > custom-salla-product-card > div > div , .s-products-slider-card.swiper-slide > custom-salla-product-card > div > salla-add-product-button > div > salla-button > button {
padding: 0 !important;
margin:  0 !important;
}
.s-block.s-block--best-offers salla-products-slider salla-slider .s-products-slider-card.swiper-slide , salla-slider .swiper.s-slider-container .swiper-wrapper.s-slider-swiper-wrapper .s-products-slider-card.swiper-slide , .app-inner > .kayan-main-links {
padding: 0 !important;
}
 .app-inner  > .container  > div > div > div  > salla-products-list >  .s-products-list-wrapper  > custom-salla-product-card > div > div > span > h4 , .app-inner >  .container > div > div > div  > salla-products-list >  .s-products-list-wrapper  > custom-salla-product-card  > div > div  > span > div{
	height: 2.8rem !important;
	overflow: hidden !important;
	padding-top: 0.4rem !important;
}
.kayan-card .kayan-promotion_title   {
font-size: 0.5rem !important;
right: 0rem !important;
padding: 0 !important;
left: unset !important;
width: 3.5rem !important;
top: 0 !important ;
border-radius: 0.2rem !important;
margin:0 auto !important ;
text-align:center !important ;
}
.discountPercentage {
margin:0 auto !important ;
text-align:center !important ;
font-size: 0.5rem !important;
left:0rem !important;
padding: 0 !important;
top:0.0rem !important;
bottom: unset !important;
right:unset !important;
border-radius: 0.2rem !important;
width: 4rem !important;
}
.s-products-slider-card.swiper-slide > custom-salla-product-card > div > div.overflow-hidden.relative > salla-button > button ,  .container>div>div>div> salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card  > div > div  > salla-button > button{
left:0rem !important;
height: 1.6rem !important;
width: 1.6rem !important;
font-size: 0.7rem !important;
top: 12rem !important;
color: var(--color-primary-dark) !important;
border: 0.06rem solid var(--color-primary-dark) !important;
}
.app-inner > .container> div > div > div:nth-child(2) > salla-products-list > .s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card > div > div > salla-button > button{
left:0rem !important;
height: 1.6rem !important;
width: 1.6rem !important;
font-size: 0.7rem !important;
top: 13rem !important;
color: var(--color-primary-dark) !important;
border: 0.06rem solid var(--color-primary-dark) !important;
}
.kayan-main-links .swiper-slide.slide--one-fourth> div , .swiper-slide.slide--one-fourth > div > a > div,  .swiper-slide.slide--one-fourth{
width: 7rem !important;
padding: 0 !important ;
margin: 0 auto !important ;
gap: 0 !important;
}
.kayan-main-links .s-slider-block__title > div > div > button{
height: 1.6rem !important;
width: 1.6rem !important;
}
.kayan-main-links .container.mx-auto .s-block.s-block--categories .s-slider-wrapper.default-slider .swiper.s-slider-container  .swiper-wrapper.s-slider-swiper-wrapper {
display: grid !important ;
grid-template-columns: 1fr 1fr !important ;
}
.s-block.s-block--fixed-banner.wide-placeholder{
padding: 0.5rem 0 !important;
}

}

.s-product-options-grid-mode input:checked + div   {
color: black !important;
background-color: var(--color-primary) !important;
}
.kayan-text.kayan-text-0 > span > div > ul:nth-child(2) > li{
display:none !important ;
}
.s-product-options-grid-mode input:hover+ div {
background:var(--color-primary) !important;
color: white !important;
} 
footer > div > div > div > ul{
flex-direction :row !important ;
}
footer > div {
text-align:center !important ;
margin:auto !important ;

}
.app-inner > footer > div > div> div> div> salla-payments > ul > li{
border : 0.1rem solid var(--color-primary) !important;
}

/* .swiper-wrapper.s-slider-swiper-wrapper .s-products-slider-card.swiper-slide {
margin: 0 0.6rem !important;
border-radius: 0.8rem !important;
border:0.1rem solid var(--color-primary-dark) !important;
} */

#app > div.app-inner.flex.flex-col.min-h-full > section.kayan-text.kayan-promotion_title > div > span:nth-child(1) > div > ul:nth-child(2) > li , #app > div.app-inner.flex.flex-col.min-h-full > section.kayan-text.kayan-text-0.h-12.w-full.flex.gap-10.justify-start.items-center.bg-green-300.s-block.s-block--marquee.relative.bg-gray-50.overflow-hidden.from-inherit.s-block--header-marquee.in-header.\!mt-0.is-mini.kayan-promotion_title > div > span:nth-child(2) > div > ul:nth-child(2) > li , #app > div.app-inner.flex.flex-col.min-h-full > section.kayan-text.kayan-text-0.h-12.w-full.flex.gap-10.justify-start.items-center.bg-green-300.s-block.s-block--marquee.relative.bg-gray-50.overflow-hidden.from-inherit.s-block--header-marquee.in-header.\!mt-0.is-mini.kayan-promotion_title > div > span:nth-child(1) > div > ul:nth-child(1) > li{
display:none !important;
}