/* Trust Strip — Styles */

.tstp-wrapper {
	width: 100%;
}

.tstp-section {
	background-color: #0d0f14;
	border-top: 1px solid rgba(217, 169, 78, 0.25);
	border-bottom: 1px solid rgba(217, 169, 78, 0.25);
	padding: 40px 0;
	box-sizing: border-box;
}

.tstp-container {
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 40px;
	box-sizing: border-box;
}

.tstp-row {
	--tstp-gap: 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: var(--tstp-gap);
}

.tstp-item {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 0 0 calc(25% - 37.5px);
	min-width: 220px;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.tstp-item:hover {
	transform: translateY(-4px);
}

.tstp-icon-circle {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #171a21;
	border: 1px solid rgba(217, 169, 78, 0.4);
	color: #d9a94e;
	font-size: 22px;
	flex-shrink: 0;
	transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.tstp-icon-circle svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.tstp-item:hover .tstp-icon-circle {
	background-color: #d9a94e;
	color: #1a1508;
	border-color: #d9a94e;
	transform: scale(1.1) rotate(-6deg);
}

.tstp-text {
	min-width: 0;
}

.tstp-title {
	font-size: 17px;
	font-weight: 700;
	color: #f7f5f0;
	margin-bottom: 4px;
	line-height: 1.3;
	transition: color 0.3s ease;
}

.tstp-item:hover .tstp-title {
	color: #d9a94e;
}

.tstp-desc {
	font-size: 13px;
	line-height: 1.5;
	color: #a9a6ad;
}

/* ---------------- Entrance animation ---------------- */
.tstp-wrapper[data-entrance="true"] .tstp-entrance-item {
	opacity: 0;
	transform: translateY(24px);
}

.tstp-wrapper[data-entrance="true"] .tstp-entrance-item.tstp-in-view {
	animation-name: tstpFadeUp;
	animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
	animation-fill-mode: forwards;
}

@keyframes tstpFadeUp {
	from { opacity: 0; transform: translateY(24px); }
	to   { opacity: 1; transform: translateY(0); }
}

/* ---------------- Responsive ---------------- */
@media (max-width: 991px) {
	.tstp-item { flex: 0 0 calc(50% - 25px); }
	.tstp-container { padding: 0 24px; }
}

@media (max-width: 600px) {
	.tstp-item { flex: 0 0 100%; }
	.tstp-row { gap: 28px; }
	.tstp-section { padding: 30px 0; }
}