/* ==========================================================================
   FUGA — Ảnh dọc kéo ngang (3 ảnh 3:4, có điểm sản phẩm)
   ========================================================================== */
.fg-pcards { padding: calc(61.5 * var(--u)) calc(148.5 * var(--u)); background: #fff; }
.fg-pcards__track {
	display: flex; gap: calc(27 * var(--u));
	overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain;
}
.fg-pcards__track::-webkit-scrollbar { display: none; }
.fg-pcards__card {
	position: relative; flex: none; width: calc(363 * var(--u)); min-width: 300px;
	margin-bottom: calc(19.5 * var(--u)); overflow: hidden; scroll-snap-align: start;
}
.fg-pcards__img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; transition: transform .3s ease; }
.fg-pcards__card:hover .fg-pcards__img { transform: scale(1.05); }
.fg-pcards__controls { display: none; }

@media (max-width: 768px) {
	.fg-pcards { padding: 27px 0 27px var(--fg-gutter); }
	.fg-pcards__track { gap: 18px; padding-right: var(--fg-gutter); }
	.fg-pcards__card { width: calc((100% - var(--fg-gutter)) * .83); margin-bottom: 16px; }
	.fg-pcards__controls { display: flex; align-items: center; justify-content: space-between; margin-top: 25px; padding-right: var(--fg-gutter); }
	.fg-pcards__bar { position: relative; width: 220px; height: 2px; background: #d9d9d9; overflow: hidden; }
	.fg-pcards__bar i { position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #9d9d9d; transition: width .3s; }
	.fg-pcards__next { line-height: 0; color: #000; opacity: .38; }
	.fg-pcards__next:disabled { opacity: .3; cursor: default; }
	.fg-pcards__next .fg-icon { width: 21px; height: 14px; }
}