/* ==========================================================================
   FUGA — Bộ sưu tập (banner trong khung + ô sản phẩm)
   ========================================================================== */
.fg-showcase__title { margin-bottom: calc(40.5 * var(--u)); }
.fg-showcase__tiles { margin-top: calc(27 * var(--u)); }
.fg-showcase__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(9.75 * var(--u)); }
.fg-showcase__tile { position: relative; }
.fg-showcase__media { display: block; }
.fg-showcase__img { width: 100%; aspect-ratio: 1; object-fit: cover; background: #fff; }
.fg-showcase__info { position: absolute; left: calc(12 * var(--u)); right: calc(12 * var(--u)); bottom: calc(19.5 * var(--u)); text-align: center; pointer-events: none; }
.fg-showcase__name { font-size: 22px; line-height: 25px; font-weight: 600; letter-spacing: normal; }
.fg-showcase__shop { display: none; }
.fg-showcase .fg-scrollbar { display: none; }

@media (max-width: 768px) {
	.fg-showcase { padding-bottom: 20px; }
	.fg-showcase__title { margin-bottom: 20px; text-align: left; }
	.fg-showcase__tiles { margin: 20px -17px 0; }
	.fg-showcase__grid { display: flex; gap: 16px; padding: 0 15px 0 17px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 17px; scrollbar-width: none; }
	.fg-showcase__grid::-webkit-scrollbar { display: none; }
	.fg-showcase__tile { flex: none; width: 266px; scroll-snap-align: start; }
	.fg-showcase__info { position: static; display: flex; flex-direction: column; align-items: flex-start; margin-top: 10px; text-align: left; pointer-events: auto; }
	.fg-showcase__name { font-size: 14px; line-height: 16px; font-weight: 700; }
	.fg-showcase__shop { display: block; font-size: 12px; line-height: 20px; font-weight: 700; letter-spacing: normal; text-decoration: underline; text-underline-offset: 3px; }
	.fg-showcase .fg-scrollbar { display: flex; margin: 25px 17px 0; height: 14px; }
	.fg-showcase .fg-scrollbar__bar { width: 220px; height: 2px; }
	.fg-showcase .fg-scrollbar__bar i { background: #9d9d9d; }
	.fg-showcase .fg-scrollbar__hint { display: block; }
}
