/* ==========================================================================
   FUGA — Lưới vận động viên (trang Athletes)
   ========================================================================== */
.fg-agrid { padding-top: 46px; padding-bottom: 120px; background: #f6f7f9; letter-spacing: normal; }
.fg-agrid__filters { position: relative; z-index: 2; display: flex; gap: 54px; margin-bottom: 46px; }
.fg-agrid__control { position: relative; }
.fg-agrid__control--gender { flex: 0 0 107px; }
.fg-agrid__control--country { flex: 0 0 204px; }
.fg-agrid__select {
	display: block; width: 100%; height: 30px; padding: 0 24px 6px 0;
	appearance: none; -webkit-appearance: none; border: 0; border-bottom: 2px solid #8b8b8b; border-radius: 0; outline: 0;
	background: transparent; color: #cecece; cursor: pointer;
	font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: normal;
}
.fg-agrid__select.is-selected, .fg-agrid__select:not(:has(option[value=""]:checked)) { color: #000; }
.fg-agrid__select option { color: #000; }
.fg-agrid__select:focus-visible { border-bottom-color: #000; }
.fg-agrid__chev { position: absolute; right: 3px; bottom: 11px; width: 16px; height: 16px; color: #8b8b8b; pointer-events: none; }

.fg-agrid__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 78px 6px; }
.fg-agrid__card { min-width: 0; }
.fg-agrid__card[hidden] { display: none; }
.fg-agrid__media { display: block; aspect-ratio: 3 / 4; margin-bottom: 20px; overflow: hidden; background: #d9d9d9; }
.fg-agrid__img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.fg-agrid__media:hover .fg-agrid__img { transform: scale(1.04); }
.fg-agrid__name { display: flex; align-items: flex-start; font-size: 22px; line-height: 25px; font-weight: 600; }
.fg-agrid__flag { flex: none; width: auto; height: 17px; margin-right: 17px; object-fit: cover; }
.fg-agrid__name a { margin-top: -3px; }

@media (max-width: 768px) {
	.fg-agrid { padding-top: 50px; padding-bottom: 46px; }
	.fg-agrid__filters { gap: 19px; margin-bottom: 43px; }
	.fg-agrid__control--gender { flex-basis: 76px; }
	.fg-agrid__control--country { flex-basis: 114.75px; }
	.fg-agrid__select { height: 45px; padding-bottom: 4px; border-bottom-width: 1px; font-size: 12px; }
	.fg-agrid__chev { bottom: 8px; width: 12px; height: 12px; }
	.fg-agrid__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; }
	.fg-agrid__media { margin-bottom: 10px; }
	.fg-agrid__name { flex-direction: row-reverse; justify-content: space-between; font-size: 14px; line-height: 16px; }
	.fg-agrid__flag { height: 10px; margin-right: 0; }
}