/* ============================================================
   Block 04 — Преимущества рынка Кореи
   Light bg, 3×2 card grid, amber icon accent.
   Title via theme .section__title. Uses --cf-* tokens.
============================================================ */

.cfk-advantages {
	background: var(--cf-bg);
	padding: var(--cf-s-16) 0;
	font-family: var(--cf-font);
}

.cfk-advantages__inner {
	max-width: 1140px;
	margin: 0 auto;
	padding: 0 var(--cf-s-6);
}

/* ---- Grid ---- */
.cfk-advantages__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--cf-s-6);
}

/* ---- Card ---- */
.cfk-advantages__card {
	padding: var(--cf-s-6);
	background: var(--cf-bg-alt);
	border: 1px solid var(--cf-border-light);
	border-radius: var(--cf-radius-lg);
	transition: transform 0.3s var(--cf-ease), box-shadow 0.3s var(--cf-ease), border-color 0.3s;

	opacity: 0;
	transform: translateY(16px);
	animation: cfk-adv-in 0.5s var(--cf-ease) forwards;
	animation-delay: var(--d, 0ms);
}
.cfk-advantages__card:hover {
	transform: translateY(-4px);
	box-shadow: var(--cf-shadow-md);
	border-color: rgba(245, 166, 35, 0.3);
}

@keyframes cfk-adv-in {
	to { opacity: 1; transform: translateY(0); }
}

/* Icon */
.cfk-advantages__icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: rgba(245, 166, 35, 0.1);
	border: 1px solid rgba(245, 166, 35, 0.2);
	border-radius: var(--cf-radius);
	color: var(--cf-accent-dark);
	margin-bottom: var(--cf-s-4);
}
.cfk-advantages__icon svg {
	width: 24px;
	height: 24px;
}

/* Title */
.cfk-advantages__card-title {
	font-size: var(--cf-text-18);
	font-weight: var(--cf-w-bold);
	color: var(--cf-primary);
	line-height: 1.25;
	margin: 0 0 var(--cf-s-2);
}

/* Text */
.cfk-advantages__card-text {
	font-size: var(--cf-text-14);
	font-weight: var(--cf-w-regular);
	color: var(--cf-text-muted);
	line-height: 1.55;
	margin: 0;
}

/* ---- Responsive ---- */
@media (max-width: 991px) {
	.cfk-advantages { padding: var(--cf-s-12) 0; }
	.cfk-advantages__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--cf-s-4);
	}
	.cfk-advantages__card { padding: var(--cf-s-5); }
}

@media (max-width: 575px) {
	.cfk-advantages { padding: var(--cf-s-10) 0; }
	.cfk-advantages__inner { padding: 0; }

	/* Horizontal scroll carousel */
	.cfk-advantages__grid {
		display: flex;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		gap: var(--cf-s-3);
		padding: 0 var(--cf-s-5);
		scrollbar-width: none;
	}
	.cfk-advantages__grid::-webkit-scrollbar { display: none; }

	.cfk-advantages__card {
		flex: 0 0 78vw;
		max-width: 300px;
		scroll-snap-align: start;
		padding: var(--cf-s-5);
	}

	.cfk-advantages__icon {
		width: 40px;
		height: 40px;
		margin-bottom: var(--cf-s-3);
	}
	.cfk-advantages__icon svg { width: 20px; height: 20px; }
	.cfk-advantages__card-title { font-size: var(--cf-text-16); }
	.cfk-advantages__card-text { font-size: var(--cf-text-13); line-height: 1.5; }

	/* Scroll hint: peek of next card visible */
	.cfk-advantages__grid::after {
		content: '';
		flex: 0 0 var(--cf-s-5);
	}
}