/* Add custom CSS styles below */ 

@media (max-width: 767px) { .kayan-promotion_title {
padding: 0.01rem !important ; } }



custom-salla-product-card img {
    width: 100% !important;
    object-fit: cover !important;
    transform: scale(1.1) !important;
}

 div.app-inner.flex.flex-col.min-h-full > section.py-10.px-2 > div > salla-products-list > div.s-products-list-wrapper.s-products-list-vertical-cards > custom-salla-product-card > div > div.overflow-hidden.relative {
    height: 220px !important; 
}

 div.app-inner.flex.flex-col.min-h-full{
 	overflow: hidden !important;
 }
 @media(max-width: 767px){
.s-product-card-out-of-stock .kayan-card  span.absolute.top-4.right-4{
	top: 0 !important;
	right: unset  !important;
	left: 3.4rem !important;
	padding-right: 0.4rem !important;
	padding-bottom: 0.2rem !important;
	padding-top: 0.2rem !important;
	padding-left: 0.4rem !important;
}}




.kayan-categories-slide.swiper-slide > div > a > div.w-full.h-full.relative.group > div{
	border-radius: 1rem !important ;
}

@media (max-width: 767px) {
	.kayan-card {
	margin: auto !important;
	width: 8rem !important ;
	}
 .kayan-categories-slide.swiper-slide {
 	width: 8rem !important ;
 	margin: 0 0.5rem !important;
	}
 .s-products-slider-card.swiper-slide > custom-salla-product-card > div > div.overflow-hidden.relative > a:nth-child(2) > img{
	margin: auto !important;
 }
 
.s-products-slider-card.swiper-slide{
		width: 11rem !important;
}
 .s-products-slider-card.swiper-slide  > custom-salla-product-card > div > div.px-6.py-2.text-center > a > h4{
	height: 4.8rem !important;
	overflow: hidden !important;
}



.app-inner.flex  > section.py-10 {
	margin: 0 !important;
	padding: 0 !important;
}

.app-inner > section > div > salla-products-list > .s-products-list-wrapper{
display: flex !important;
justify-content: center !important;
margin: auto !important;
text-align: center !important;
max-width:15rem !important ;
width: 15rem !important;
align-items: center !important;
}

.index button.undefined.s-button-element.s-button-btn.s-button-outline {
    background: #e6d6c1;
    color: #fff !important;
}
.s-products-slider-card .s-product-card-entry .s-product-card-content-sub , .s-product-card-content-sub {
   	justify-content: center !important;
   	text-align: center !important;
	   margin: auto !important;
   }
   .s-products-slider-card .s-product-card-entry .s-product-card-content-sub ,.s-products-slider-card .s-product-card-entry .s-product-card-content-sub .s-product-card-content-title,.s-product-card-sale-price ,.s-product-card-content {
	text-align: center !important;
	margin: auto !important;
}

@media (max-width: 767px) {
.kayan-banners {
	   padding: 0 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-banners.py-10.overflow-hidden.block.block > div > div.flex.md\:flex-row.flex-col.md\:justify-between.md\:items-center.items-center.gap-4.lg\:mb-10.mb-5.justify-center.text-center{
	margin: 0.1rem !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(16) , .py-8.s-block.s-block--fixed-banner.wide-placeholder{
	   padding: 0.2rem !important;
}
.s-block.s-block--best-offers.container.overflow-hidden{
	margin: 0.2rem ;
}
  .s-slider-block__title {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr !important;
  align-items: center !important;
}

.s-slider-block__title-right {
  grid-column: 2 !important;
  text-align: center !important;
  padding-left: 0 !important;
}
section.kayan-categories div > div > a > div.w-full.h-full.relative.group > div{
	border-radius: unset !important;
}
  
}