/* ==========================================================================
   FUGA — Cột tính năng (ảnh vuông + tiêu đề + mô tả), khối giới thiệu sản phẩm
   ========================================================================== */
.fg-fcols { padding: 50px calc(148.5 * var(--u)) 125px; background: #fff; color: #1c1c1c; letter-spacing: normal; }
.fg-fcols__track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.fg-fcols__item { min-width: 0; }
.fg-fcols__media { aspect-ratio: 1; overflow: hidden; background: #d9d9d9; }
.fg-fcols__img { width: 100%; height: 100%; object-fit: cover; }
.fg-fcols__title { max-width: 404px; margin-top: 24px; font-size: 24px; line-height: 25px; font-weight: 700; }
.fg-fcols__text { margin-top: 12px; font-size: 16px; line-height: 20px; }

/* Màn hẹp: hàng kéo ngang */
@media (max-width: 999px) {
	.fg-fcols__track {
		display: grid; grid-auto-flow: column; grid-template-columns: none; grid-auto-columns: 54vw; gap: 16px;
		overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
	}
	.fg-fcols__track::-webkit-scrollbar { display: none; }
	.fg-fcols__item { scroll-snap-align: start; }
	.fg-fcols__title { margin-top: 16px; font-size: 22px; line-height: 25px; font-weight: 600; }
	.fg-fcols__text { font-size: 14px; line-height: 20px; }
}
@media (max-width: 768px) {
	.fg-fcols { padding: 25px var(--fg-gutter) 50px; }
}
@media (max-width: 699px) {
	.fg-fcols__track { grid-auto-columns: 78vw; gap: 10px; }
	.fg-fcols__title { font-size: 14px; line-height: 16px; }
	.fg-fcols__text { font-size: 12px; line-height: 17px; }
}