/* ==========================================================================
   FUGA — Dải tiêu đề + Đếm ngược khuyến mãi
   ========================================================================== */
.fg-tband { padding: 48px 96px; text-align: center; }
.fg-tband--dark { background: #000; color: #fff; }
.fg-tband--light { background: #fff; color: #1c1c1c; }
.fg-tband__title { font-size: 26px; line-height: 28.6px; font-weight: 400; letter-spacing: .26px; }

.fg-countdown { display: grid; grid-template-columns: 1fr 1fr; align-items: center; background: #000; color: #fff; overflow: hidden; }
.fg-countdown__media { height: 100%; }
.fg-countdown__img { width: 100%; height: 100%; object-fit: cover; }
.fg-countdown__body { padding: 96px; }
.fg-countdown__inner { display: grid; justify-items: center; gap: 48px; max-width: 528px; margin: 0 auto; text-align: center; }
.fg-countdown__title { font-size: 31px; line-height: 31px; font-weight: 700; letter-spacing: .31px; }
.fg-countdown__title a { background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat; }
.fg-countdown__desc { max-width: 448px; margin: 32px auto 0; font-size: 14px; line-height: 19.6px; letter-spacing: .56px; }
.fg-countdown__desc a { text-decoration: underline; text-underline-offset: 3px; }
.fg-countdown__timer { display: flex; justify-content: center; gap: 48px; width: 100%; padding: 48px 0; border-block: 1px solid #1a1a1a; }
.fg-countdown__item { display: grid; justify-items: center; gap: 8px; }
.fg-countdown__num { font-size: 44px; line-height: 44px; font-variant-numeric: tabular-nums; letter-spacing: normal; }
.fg-countdown__unit { font-size: 12px; line-height: normal; letter-spacing: .48px; }
.fg-countdown__btn { min-width: 160px; }

@media (max-width: 768px) {
	.fg-tband { padding: 32px 20px; }
	.fg-tband__title { font-size: 22px; line-height: 26px; }
	.fg-countdown { grid-template-columns: 1fr; }
	.fg-countdown__img { aspect-ratio: 2 / 1; height: auto; }
	.fg-countdown__body { padding: 48px 20px; }
	.fg-countdown__inner { gap: 32px; }
	.fg-countdown__title { font-size: 24px; line-height: 28px; }
	.fg-countdown__timer { gap: 24px; padding: 32px 0; }
	.fg-countdown__num { font-size: 32px; line-height: 32px; }
}
