.ciu-trust-features,
.ciu-trust-features * {
	box-sizing: border-box;
}

.ciu-trust-features {
	background: #030303;
	color: #fff;
	padding: 20px 0;
	margin-top: 0;
}

.ciu-trust-features__grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 18px;
	min-height: 72px;
	align-items: center;
}

.ciu-trust-feature {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 17px;
	align-items: center;
	min-width: 0;
	padding: 0;
	transition: transform 220ms ease;
}

.ciu-trust-feature__icon {
	display: inline-grid;
	/* width: 28px; */
	/* height: 28px; */
	place-items: center;
	color: #b9874f;
	display: block;
}

.ciu-trust-feature__icon img {
	width: 44px;
	height: 44px;
	display: block;
	object-fit: contain;
	transition: filter 220ms ease, transform 220ms ease;
}

.ciu-trust-feature__content {
	display: grid;
	gap: 3px;
	min-width: 0;
}

.ciu-trust-feature strong {
	overflow-wrap: anywhere;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	background: linear-gradient(
        90deg,
        #6F5A49 0%,
        #9C846E 15%,
        #D8C5A8 30%,
        #F3E8D1 50%,
        #D8C5A8 70%,
        #9C846E 85%,
        #6F5A49 100%
    );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}

.ciu-trust-feature small {
	overflow-wrap: anywhere;
	color: #f2e7df;
	font-size: 14px;
	line-height: 1.25;
	transition: color 220ms ease, transform 220ms ease;
}

.ciu-trust-feature:hover,
.ciu-trust-feature:focus-within {
	transform: translateY(-2px);
}

.ciu-trust-feature:hover .ciu-trust-feature__icon img,
.ciu-trust-feature:focus-within .ciu-trust-feature__icon img {
	filter: brightness(1.35) sepia(0.18) saturate(1.35) drop-shadow(0 8px 12px rgba(214, 162, 118, 0.2));
	transform: scale(1.08);
}

.ciu-trust-feature:hover strong,
.ciu-trust-feature:focus-within strong {
	background: linear-gradient(
		90deg,
		#B7785F 0%,
		#E0AF93 35%,
		#FFF0DA 50%,
		#E0AF93 68%,
		#B7785F 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
}

.ciu-trust-feature:hover small,
.ciu-trust-feature:focus-within small {
	color: #ffd8bd;
	transform: translateX(2px);
}

@media (prefers-reduced-motion: reduce) {
	.ciu-trust-feature,
	.ciu-trust-feature__icon img,
	.ciu-trust-feature small {
		transition: none;
	}

	.ciu-trust-feature:hover,
	.ciu-trust-feature:focus-within,
	.ciu-trust-feature:hover .ciu-trust-feature__icon img,
	.ciu-trust-feature:focus-within .ciu-trust-feature__icon img,
	.ciu-trust-feature:hover small,
	.ciu-trust-feature:focus-within small {
		transform: none;
	}
}

@media (max-width: 980px) {
	.ciu-trust-features {
		padding: 18px 0;
	}

	.ciu-trust-features__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 18px 24px;
		padding-block: 4px;
	}

	.ciu-trust-feature {
		grid-template-columns: 40px minmax(0, 1fr);
		gap: 14px;
	}
}

@media (max-width: 640px) {
	.ciu-trust-features {
		padding: 18px 0;
	}

	.ciu-trust-features__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 18px 14px;
		min-height: 0;
	}

	.ciu-trust-feature {
		grid-template-columns: 32px minmax(0, 1fr);
		gap: 10px;
		padding: 0;
	}

	.ciu-trust-feature__icon img {
		width: 32px;
		height: 32px;
	}

	.ciu-trust-feature strong {
		font-size: 12px;
		line-height: 1.1;
	}

	.ciu-trust-feature small {
		font-size: 11px;
		line-height: 1.2;
	}
}

@media (max-width: 390px) {
	.ciu-trust-features__grid {
		grid-template-columns: 1fr;
	}

	.ciu-trust-feature {
		justify-self: center;
		width: min(230px, 100%);
	}
}