/* Add custom CSS styles below */ 



section.s-block.s-block--banners.container:nth-of-type(2)  {
    max-width:unset;
    margin-top:0;
    padding-top:4rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#ffeca0;
}
section#best-offers-2-slider {
    max-width:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#ffeca0;
    margin-top:0;
    padding-top:4rem;
    
} 


salla-products-slider.s-products-slider-wrapper.hydrated:has([block-title="أحدث المنتجات"])  {
    max-width: 1200px !important;
    display:flex;
    flex-direction:column
    
}




section.s-block.s-block--banners.container:nth-of-type(2)     .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1200px;
    

    }
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1/ span 1;
    padding:0;
    height:100%;
}

a.banner-entry.square-photos {
    height:100%;
    padding:0;
    background-color:transparent;
}

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

custom-salla-product-card .px-6.py-2.text-center ,
custom-salla-product-card button.s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center {
    background-color:#ffff !important;
}


custom-salla-product-card button.s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center {
    border-radius:0 !important;
    width:100%;
    display:unset;
    padding:0.5rem 0 0 0;
    
}

custom-salla-product-card button.kayan-card-button.add-to-cart-button.relative.group.py-2.px-3.border.border-white.rounded-full.font-black.uppercase.text-sm.text-white.overflow-hidden.duration-300.z-50 {
    width:100%;
        border-radius:0 !important;
    background-color:#5BC3A1;

}

custom-salla-product-card button.kayan-card-button.add-to-cart-button.relative.group.py-2.px-3.border.border-white.rounded-full.font-black.uppercase.text-sm.text-white.overflow-hidden.duration-300.z-50 *{

color:#ffff !important;
}













/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
/** banners blocks ***/
section#IRT__photos-slider-0
{
    margin-bottom: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
    section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(16) > .container
  ) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important; 
}

.banner--fixed img {
    border-radius: 0 !important;
}


body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) {
    margin-top:0;
}
/** End banners ***/


.kayan-footer-image {
  width: 100%;
  display: block;
  margin-top:2rem;
  
}

footer.kayan-footer {
  margin-top:0;
  background-color:#ffeca0;
}

.kayan-card.group.duration-300.relative.mb-2.aos-init.aos-animate {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 372px;
}
ul.s-user-menu-inline.flex.flex-col.justify-center.items-center.gap-8.p-12 {
    background-color: aliceblue;
}
@media(max-width:992px){
    section.s-block.s-block--banners.container:nth-of-type(2)     .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1280px;
}
    section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr));

}
 

footer.kayan-footer * {
    align-items:center;
    text-align:center;
}

  .kayan-card.group.duration-300.relative.mb-2.aos-init.aos-animate {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 336px;
}
section.sticky-product-bar.bg-\[var\(--color-background\)\].p-5.rounded-md.rounded-b-none {
    background-color: #ffff;
}
}

.kayan-card.group img.group-hover\:scale-105.w-full.h-full.hover\:scale-110 .z-10.ease-in-out.duration-700 {
    object-fit:contain;
    background-color:white
}

.s-comment-form-input  {
    background-color:#ffff !important;
}



/* Add custom CSS styles below */ 



section.s-block.s-block--banners.container:nth-of-type(2)  {
    max-width:unset;
    margin-top:0;
    padding-top:4rem;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background-color:#ffeca0;
}
section#best-offers-2-slider {
    max-width:unset;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:#ffeca0;
    margin-top:0;
    padding-top:4rem;
    
} 


salla-products-slider.s-products-slider-wrapper.hydrated:has([block-title="أحدث المنتجات"])  {
    max-width: 1200px !important;
    display:flex;
    flex-direction:column
    
}




section.s-block.s-block--banners.container:nth-of-type(2)     .md\:grid-cols-3 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 1200px;
    

    }
.two-row .banner-entry:first-child {
    grid-column: span 1 / span 1;
    grid-row: span 1/ span 1;
    padding:0;
    height:100%;
}

a.banner-entry.square-photos {
    height:100%;
    padding:0;
    background-color:transparent;
}

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

custom-salla-product-card .px-6.py-2.text-center ,
custom-salla-product-card button.s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center {
    background-color:#ffff !important;
}


custom-salla-product-card button.s-button-element.s-button-btn.s-button-fill-none.s-button-wide.s-button-primary.s-button-loader-center {
    border-radius:0 !important;
    width:100%;
    display:unset;
    padding:0.5rem 0 0 0;
    
}

custom-salla-product-card button.kayan-card-button.add-to-cart-button.relative.group.py-2.px-3.border.border-white.rounded-full.font-black.uppercase.text-sm.text-white.overflow-hidden.duration-300.z-50 {
    width:100%;
        border-radius:0 !important;
    background-color:#5BC3A1;

}

custom-salla-product-card button.kayan-card-button.add-to-cart-button.relative.group.py-2.px-3.border.border-white.rounded-full.font-black.uppercase.text-sm.text-white.overflow-hidden.duration-300.z-50 *{

color:#ffff !important;
}













/**    silder block ***/
section.s-block.s-block--photos-slider {
    margin-top: 0;
}
section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}
section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}
.home-slider.photos-slider .s-slider-block__title-nav {
    display:none !important;
}
/** End silder block ***/
/** banners blocks ***/
section#IRT__photos-slider-0
{
    margin-bottom: 0 !important;
}
section.s-block.s-block--fixed-banner.wide-placeholder 
  > .container:not(
    section.s-block.s-block--fixed-banner.wide-placeholder:nth-child(16) > .container
  ) {
  padding: 0 !important;
  margin: 0 !important;
  max-width: unset !important; 
}

.banner--fixed img {
    border-radius: 0 !important;
}


body.index div.app-inner.flex.flex-col.min-h-full > section:nth-child(12) {
    margin-top:0;
}
/** End banners ***/


.kayan-footer-image {
  width: 100%;
  display: block;
  margin-top:2rem;
  
}

footer.kayan-footer {
  margin-top:0;
  background-color:#ffeca0;
}

.kayan-card.group.duration-300.relative.mb-2.aos-init.aos-animate {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 372px;
}
ul.s-user-menu-inline.flex.flex-col.justify-center.items-center.gap-8.p-12 {
    background-color: aliceblue;
}
@media(max-width:992px){
    section.s-block.s-block--banners.container:nth-of-type(2)     .md\:grid-cols-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 1280px;
}
    section.s-block.s-block--banners.container .grid.one-row.md\:grid-cols-2.grid-flow-row.gap-3.sm\:gap-8 {
        grid-template-columns: repeat(2, minmax(0, 1fr));

}
 

footer.kayan-footer * {
    align-items:center;
    text-align:center;
}

  .kayan-card.group.duration-300.relative.mb-2.aos-init.aos-animate {
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 336px;
}
section.sticky-product-bar.bg-\[var\(--color-background\)\].p-5.rounded-md.rounded-b-none {
    background-color: #ffff;
}
}

.kayan-card.group img.group-hover\:scale-105.w-full.h-full.hover\:scale-110 .z-10.ease-in-out.duration-700 {
    object-fit:contain;
    background-color:white
}

.s-comment-form-input  {
    background-color:#ffff !important;
}



.kayan-card {
  overflow: visible;
  margin-top:20px
}



.kayan-card .kayan-promotion_title {
  /* top: -20px !important; */
  left: 9px !important;
  right: 50% !important;
  z-index: 1000;
}

.kayan-promotion_title {
    background-color: #231f1e !important;
    color: #ffffff !important;
    font-size: 11px;
    padding: 5px 10px;
   z-index: 1000;
   overflow: visible; 
}
@media(max-width:767px) {
    .kayan-card .kayan-promotion_title {
  top: 30px !important;
  left: 5px !important;
  right: 40% !important;
  z-index: 1000;
}
    .kayan-promotion_title {
    background-color: #231f1e !important;
    color: #ffffff !important;
    font-size: 8px;
    padding: 5px 8px;
   z-index: 1000;
   overflow: visible; 
}
}