/* Add custom CSS styles below */ 
@media screen and (min-width:1024px){
  .kayan-countdown-2{
    height:80vh
  }
}
.kayan-countdown-2 > div > div{
  flex-direction: column !important;
  justify-content: center;
}
.kayan-countdown-2 > div > div > div{
  gap:0;
  padding: 0;
  flex:none;
  height:auto;
}
.s-count-down-list{
  height: auto;
  justify-content: center;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.kayan-countdown-2.kayan-countdown-2-2.flex.bg-gray-300.lg\:h-screen.h-full.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden.object-cover.px-10.lg\:py-10.py-10.border-t.border-gray-900.after\:absolute.after\:top-0.after\:left-0.after\:w-full.after\:h-full.after\:bg-black\/50 > div > div > div.flex-1.flex.flex-col.w-full.h-full.justify-center.items-center.relative.z-\[50\].lg\:p-10.gap-5.text-center{
  padding: 0;
  gap: 0;
  height: auto;
    flex:none;
}
#app > div.app-inner.flex.flex-col.min-h-full > section.kayan-countdown-2.kayan-countdown-2-2.flex.bg-gray-300.lg\:h-screen.h-full.w-full.relative.bg-no-repeat.bg-center.bg-cover.bg-origin-border.overflow-hidden.object-cover.px-10.lg\:py-10.py-10.border-t.border-gray-900.after\:absolute.after\:top-0.after\:left-0.after\:w-full.after\:h-full.after\:bg-black\/50 > div > div > div.lg\:flex-1.lg\:w-full.kayan-countdown{
  flex:none;
}


.kayan-countdown .s-count-down-boxed .s-count-down-item{  
  border: 2px solid #E30C8F;
  border-radius: 10px !important;
  background-color: transparent !important;
  color: white !important;
  flex:none;
}

.kayan-countdown .s-count-down-boxed .s-count-down-item .s-count-down-item-label{
  color:white!important;
}

.kayan-banner_rectangle img{
  object-fit: contain;
}

.s-add-product-button-main:not(.w-full) > salla-button, .s-add-product-button-main .s-add-product-button-mini-checkout{
  width: 100% !important;
;
}

@media screen and (max-width: 450px){
  #app > div.app-inner.flex.flex-col.min-h-full > a > button{
    bottom: 5rem
  }
}

#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-header.lg\:relative.lg\:z-10.z-50.sticky.top-0.lg\:overflow-visible.overflow-hidden.w-full.h-full > div > div > div.flex-1.lg\:flex.hidden.gap-6 > a{
  display: none;
}