#app
	> div.app-inner.flex.flex-col.min-h-full
	> div.kayan-banners.py-10.overflow-hidden
	> div
	> div.grid
	> div:nth-child(3) {
	margin-right: 50% !important;
}
.custom-bar
	> div
	> div
	> salla-social-share
	> div
	> slot-fb
	> salla-button
	> button {
	background: var(--color-background) !important ;
	color: var(--color-primary) !important ;
}
.kayan-faq.kayan-faq-3 > div > div.accordion-container {
	border: none !important;
}
.kayan-faq > div > div.accordion-container.flex.flex-col.justify-center > div {
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !important;
	margin: 0.8rem auto !important;
	background: #4f4379 !important;
	color: var(--color-background) !important ;
	border-radius: 0.6rem !important;
}
.kayan-features > div > div.flex {
	display: grid !important;
	grid-template-columns: repeat(2, 1fr) !important;
	gap: 1rem !important;
}
.kayan-features > div > div.flex > *:first-child {
	grid-column: 1 / -1;
}
custom-salla-product-card > div > div.overflow-hidden.relative > a > img,
.s-products-list-vertical-cards
	> custom-salla-product-card
	> div
	> div.overflow-hidden.relative
	> a
	> img {
	aspect-ratio: 12/18 !important;
	object-fit: cover !important;
}
#comments-filter,
salla-comments > div > div > div.s-comments-header.has-total > div,
form
	> salla-product-options
	> salla-conditional-fields
	> div
	> div
	> div
	> div
	> label
	> div,
.main-content > form > salla-product-options {
	background: var(--color-background) !important;
}
.custom-bar > div > h3 {
	color: var(--color-background) !important ;
}
salla-products-list
	> div.s-products-list-wrapper.s-products-list-vertical-cards
	> custom-salla-product-card
	> div
	> div.overflow-hidden
	> a.block
	> span,
.kayan-promotion_title,
.banner-label {
	background: var(--color-background) !important ;
}
.separator-wave {
	background: linear-gradient(
		90deg,
		transparent,
		var(--color-primary),
		transparent
	) !important ;
}
.kayan-features.kayan-features-5,
.separator-wave {
	border-color: var(--color-primary) !important ;
}
#app
	> div.app-inner.flex.flex-col.min-h-full
	> div.kayan-features.kayan-features-0.px-10.py-10.border-y-2.border-black.overflow-hidden.block.block {
	border-color: var(--color-primary) !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,
.kayan-faq {
	border: none !important;
}

/* **freelance** */




@media (max-width: 767px) {
	.relative.px-10.py-10.container.mx-auto.craffo-components-statistics {
		margin: 0 !important;
	}
	#app
		> div.app-inner.flex.flex-col.min-h-full
		> div.kayan-banners.py-10.overflow-hidden {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	.kayan-header > div > div > div.flex-1 > div.w-24 > a > img {
		display: none !important ;
		width: 4rem !important;
		max-width: 4rem !important;
	}
	.craffo-components-statistics > div {
		display: grid !important;
		grid-template-columns: auto auto auto !important;
	}
	.mx-auto.craffo-components-statistics > div > div > div.mt-1 {
		font-size: 1.6rem !important;
	}
	#app
		> div.app-inner.flex.flex-col.min-h-full
		> div.relative.px-10.py-10.container.mx-auto.craffo-components-statistics
		> div
		> div
		> div.mt-1.text-lg {
		font-size: 0.8rem !important;
	}
	.custom-bar
		> div
		> div
		> salla-social-share
		> div
		> slot-fb
		> salla-button
		> button {
		background: var(--color-background) !important ;
		color: var(--color-primary) !important ;
	}
}

@media (min-width: 767px) {
	#app
		> div.app-inner.flex.flex-col.min-h-full
		> div.relative.px-10.py-10.container.mx-auto.craffo-components-statistics {
		margin: 11rem auto 1rem auto !important;
	}
	.app-inner.flex.flex-col.min-h-full > div.navbar.invisible {
		margin: 2rem auto !important;
	}
}

.kayan-faq {
	padding-right: unset;
	padding-left: unset;
}

.s-button-primary {
	color: #cebedd !important;
}

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

.index .kayan-color-text {
	color: #cebedd !important;
}

@media (max-width: 767px) {
	.kayan-features .grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}

	.kayan-features .grid > div:last-child {
		grid-column: 1 / -1 !important;
	}
}

.scroll-top {
	bottom: 5rem !important;
	right: 1.5rem !important;
}


footer div:has(> salla-trust-badges) {
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: center !important;
}
.s-trust-badges-wrapper {
    justify-content: center;
}