@media (max-width: 768px) {
	.craffo-components-statistics .grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }

  .craffo-components-statistics i {
    font-size: 28px !important;
  }

  .craffo-components-statistics .text-5xl {
    font-size: 20px !important;
    margin-top: 4px;
  }

  .craffo-components-statistics .text-lg {
    font-size: 13px !important;
    margin-top: 2px;
        line-height: 1rem;

  }

  .craffo-components-statistics .p-2,
  .craffo-components-statistics .md\:p-4 {
    padding: 6px !important;
  }

  .craffo-components-statistics .rounded-md {
  padding: 0.2rem !important;
  }

  .craffo-components-statistics .grid {
    gap: 8px !important;
  }

}


@media (max-width: 768px) {
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-features.kayan-features-7.px-10.py-10.border-y-2.border-black.overflow-hidden.block.block > div > div.flex.justify-center.m-auto.items-center.pb-10 > p{
	  font-size: 18px !important;
	    line-height: 1.5rem;
}
#app > div.app-inner.flex.flex-col.min-h-full > div.kayan-features.kayan-features-7.px-10.py-10.border-y-2.border-black.overflow-hidden.block> div > div.flex.flex-wrap.gap-8.w-full.h-full.items-center.justify-center {
    gap: 8px !important;
     display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
    .kayan-features-7 .flex.flex-wrap > div:nth-child(3) {
    grid-column: span 2;      
    justify-self: center;     
    max-width: 70%;            
  }
  
    .kayan-features-7 h4 {
    font-size: 14px !important;
  }

  .kayan-features-7 .flex> div {
    max-width: 100% !important;
  }

  .kayan-features-7 i {
    font-size: 28px !important;
  }

 

  .kayan-features-7 p {
  	 font-size: 12px !important;
    line-height: 1.2rem;
  }

  .kayan-features-7 .px-3,
  .kayan-features-7 .py-2 {
    padding: 4px !important;
  }

}

.s-product-options-wrapper{
	background-color: transparent !important;
}

.index .kayan-header
{
	height: auto !important;
}


.index .kayan-header.overflow-hidden.w-full.h-full > div > div > div.flex-1.items-center.flex.gap-4.overflow-hidden > div.w-24{
	display: none !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > section > div > div.accordion-container.flex.flex-col.justify-center.items-center.w-full,#app > div.app-inner.flex.flex-col.min-h-full > section > div > div.accordion-container.flex.flex-col.justify-center.items-center.w-full> div{
	border-color: #fff9ef !important;
}


body .s-product-options-grid-mode-span{
	background-color: #fff9ef !important;
	color:  var(--color-background) !important;
}

.main-content.w-full> form > section.flex.rounded-md.rounded-b-none > div > div > div > h4,.main-content.w-full > form > section.flex.rounded-b-none > div > div > div > span,.product__description a{
	color: #fff9ef !important ;
}


.custom-bar {
background-color: #fff9ef !important;
color: var(--color-background) !important;
}

.custom-bar h3 {
color: var(--color-background) !important;
}

.custom-bar .s-button-element {
background-color: #fff9ef !important;
border-color: #fff9ef !important;
color:var(--color-background) !important;
}

.custom-bar svg,
.custom-bar .sicon-heart {
fill: var(--color-background) !important;
color: var(--color-background) !important;
}

 custom-salla-product-card > div > div.px-6.py-2.text-center > a > h4{
 	height: 4rem !important;
 }
 
 .kayan-card img{
 	aspect-ratio: 10/12 !important;
 }
 
.main-content.w-full > div.flex.whitespace-nowrap.gap-4.items-center > div *{
	color:#fff9ef !important;
}

 custom-salla-product-card > div > div.overflow-hidden.relative > span{
	background-color: var(--color-background) !important;
	color: #fff9ef !important;
}