.styles__snippetContentWrapper--ac42d, .main-content.w-full > form > salla-product-options{
	background:var(--color-background) !important ;
}@media(max-width: 768px){

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4 > div > ul{
	display: flex !important;
    flex-direction: column !important;
}}ة.s-product-options-wrapper,
.bg-white,
.s-payments-list-item,
.s-product-options-grid-mode-span {
    background-color: var(--color-background);
}

.s-product-options-grid-mode-span {
    border-color: var(--color-primary);
}

.s-product-options-grid-mode input:checked + div {
    background: #ffffff !important;
    color: #757373;
}


.kayan-card img {
    aspect-ratio: 9 / 12;
}

.craffo-components-text .craffo-components-text-text {
    display: none;
}

.index salla-add-product-button {
    display: none;
}

footer div#contact-slot {
    text-align: center;
    margin: auto;
}


.custom-bar {
  background-color: unset !important;
  color: #000000 !important;
}

.custom-bar h3 {
  color: #000000 !important;
}

.custom-bar .s-button-element {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #ffffff !important;
}

.custom-bar svg,
.custom-bar .sicon-heart {
  fill: #ffffff !important;
  color: #ffffff !important;
}



.s-trust-badges-label {
    margin-bottom: 0.1rem !important;
    line-height: 1rem !important;
}

.s-trust-badges-wrapper {
  display: flex !important;
  align-items: center;
  justify-content: center; 
  text-align: center;
  gap: 8px; 

}

.s-trust-badges-label {
  font-size: 12px !important;
}

.s-trust-badges-number {
  font-size: 12px !important;
}
body .tamara-product-widget
{
	background-color: transparent !important;
}
@media(max-width: 768px) {
  .kayan-header .w-24 {
    width: 9rem !important;
  }

  .kayan-header div#s-cart-icon {
    padding-top: 0.46rem !important;
  }

  .kayan-header {
    overflow: visible !important;
  }

  .kayan-header .lg\:py-3 {
    position: relative;
    min-height: 60px;
  }

  #app > div.app-inner.flex.flex-col.min-h-full > div.kayan-header.overflow-hidden.w-full.h-full > div > div > div.flex-1.hidden.gap-6 {
    display: flex !important;
    flex: unset !important;
    gap: 0.5rem;
  }

  .kayan-header .icon-search {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
  }

  .kayan-header salla-cart-summary {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .kayan-header .bars {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0.36rem !important;
  }

  .kayan-header .sicon-user {
    position: absolute;
    left: 44px;
    top: 50%;
    transform: translateY(-50%);
  }

  .kayan-header i {
    font-size: 1.1rem !important;
  }
  
    .kayan-header .w-24 {
    position: absolute !important;
    left: 55% !important;
    top: 50%;
    transform: translate(-60%, -50%) !important;
    z-index: 9999 !important;
}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4> div.flex.justify-center.items-center,#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4> div.flex.justify-center.items-center p{
	text-align: center !important;
}

}
.kayan-categories-slide.swiper-slide  > div > a > div.w-full.h-full.relative.group > div{
border-radius: 0 !important;
}
.kayan-categories-slide.swiper-slide  > div > a > div > div ,  .kayan-categories-slide  > div > a > div.w-full.h-full.relative.group > span {
border-radius: 0 !important;
}
.kayan-categories .kayan-categories-slide{
	min-width: unset !important;
	max-width: unset !important;
	width: 25% !important;
}
@media (max-width: 768px) {
	
	.kayan-categories-slide .aspect-square {
 aspect-ratio: 12/20 !important;
}

.kayan-categories .kayan-categories-slide{
	min-width: unset !important;
	max-width: unset !important;
	width: 55% !important;
}
.kayan-categories .swiper-wrapper {
  align-items: center;
  gap: 0.2px !important;
}
  .kayan-footer {
    padding: 20px 12px !important;
  }

  .kayan-footer > div {
    gap: 12px !important;
  }

  .kayan-footer .md\:flex {
    gap: 12px !important;
  }

  .kayan-footer .border-b-\[1px\] {
    margin-bottom: 12px !important;
    padding-bottom: 12px !important;
  }

  .kayan-footer ul {
    gap: 6px !important;
  }

  .kayan-footer .flex {
    gap: 8px !important;
  }

  .kayan-footer .kayan-copyright {
    bottom: 4px !important;
  }
  
  .kayan-footer,
.kayan-footer * {
  overflow: visible !important;
}

.kayan-footer {
  position: relative;
}

.kayan-footer::before {
  right: 0;
  overflow: visible;
}



  footer.kayan-footer p,
  footer.kayan-footer span,
  footer.kayan-footer a,
  footer.kayan-footer li {
    opacity: 1 !important;
  }


}
.kayan-categories-slide.swiper-slide.slide--one-sixth{
margin: 0 0.2rem !important;
}
@media(max-width: 768px){

#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4 > div > ul{
	display: flex !important;
    flex-direction: column !important;
}
	
	#app > div.app-inner.flex.flex-col.min-h-full > footer > div > div.justify-center.items-center.w-full > div.border-gray-300.pb-8.flex.flex-col.gap-4 > div> ul > div{
		border: none !important;
	}
}
@media (max-width: 768px) {
  .kayan-footer {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .kayan-footer h5 {
    font-size: 14px !important;
  }

  .kayan-footer a {
    font-size: 14px !important;
  }

  .kayan-footer p,
  .kayan-footer span,
  .kayan-footer li {
    font-size: 14px !important;
  }

  .kayan-footer .text-2xl {
    font-size: 14px !important;
  }

  .kayan-footer .text-xl {
    font-size: 14px !important;
  }
}