/* ==========================================================================
   FUGA — phần dùng chung của các khối
   ========================================================================== */
/* Nút viền bo tròn có mũi tên (trên ảnh) */
.fg-cta {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 10px 24px;
	border: 1px solid currentColor; border-radius: 23px;
	font-size: 16px; line-height: 20px; font-weight: 700; letter-spacing: normal;
	white-space: nowrap;
	transition: background-color .2s, color .2s, border-color .2s, opacity .2s;
}
.fg-cta .fg-icon { width: 22px; height: 13px; flex: none; transition: transform .2s; }
.fg-cta:hover { background: #fff; color: #000; border-color: #fff; }
.fg-cta:hover .fg-icon { transform: translateX(3px); }
@media (max-width: 768px) {
	.fg-cta { gap: 8px; padding: 8px 18px; font-size: 12px; line-height: 15px; }
	.fg-cta .fg-icon { width: 16px; height: 9px; }
}

/* Tiêu đề khối (vd "Race Kit", "New Arrivals") */
.fg-sec-title { text-align: center; font-size: 40px; line-height: normal; font-weight: 500; letter-spacing: normal; }
@media (max-width: 768px) { .fg-sec-title { font-size: 24px; } }

/* Hiện dần khi cuộn tới (tắt khi người dùng chọn giảm chuyển động) */
.fg-reveal { opacity: 0; transform: translateY(32px); transition: opacity .8s var(--fg-ease), transform .8s var(--fg-ease); }
.fg-reveal.is-visible, .elementor-editor-active .fg-reveal { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { .fg-reveal { opacity: 1; transform: none; transition: none; } }

/* Thanh cuộn ngang tự vẽ (slider kéo ngang) */
.fg-scrollbar { display: flex; align-items: center; justify-content: space-between; }
.fg-scrollbar__bar { position: relative; height: 3px; background: #d9d9d9; overflow: hidden; }
.fg-scrollbar__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 30%; background: #9b9b9b; transition: width .3s; }
.fg-scrollbar__hint { display: none; line-height: 0; opacity: .38; }
.fg-scrollbar__hint .fg-icon { width: 21px; height: 14px; }