/* ============================================================
   Секция fun — «После первой игры не остановиться»: отзывы
   ============================================================ */

.s-fun .container { position: relative; z-index: 1; }

/* Декор-стикеры: чуть скромнее базового размера, чтобы не лезли в текст */
.s-fun__deco--mercury { width: clamp(60px, 7vw, 116px); }
.s-fun__deco--tesla { width: clamp(64px, 7vw, 110px); }

/* ---------- Строка статистики + стрелки ---------- */
.s-fun__bar {
	display: flex; align-items: flex-end; justify-content: space-between;
	flex-wrap: wrap; gap: 16px 24px;
	margin-bottom: clamp(16px, 3vw, 24px);
}

.s-fun__stats {
	margin: 0;
	display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 28px;
}
.s-fun__stat { font-size: var(--fs-caption); color: var(--c-grey-dark); }
/* Оценка на Яндекс Картах ведёт на карточку с отзывами. Стрелка вместо подчёркивания:
   подчёркивание прошло бы и под крупными цифрами оценки */
a.s-fun__stat--link { transition: color .15s ease; }
a.s-fun__stat--link::after { content: '\2009↗'; }
a.s-fun__stat--link:hover { color: var(--c-black); }
.s-fun__stat b {
	font-family: var(--font-head); font-weight: 700;
	font-size: clamp(1.5rem, 3vw, 1.75rem);
	line-height: var(--lh-head); letter-spacing: var(--ls-head);
	color: var(--c-black);
	margin-right: 2px;
}

.s-fun__nav { display: flex; gap: 8px; }
.s-fun__arrow {
	width: var(--btn-h); padding: 0;
	border-radius: 50%;
	flex-shrink: 0;
}
.s-fun__arrow svg { width: 20px; height: 20px; display: block; }
.s-fun__arrow:disabled { opacity: .3; pointer-events: none; }

/* ---------- Слайдер ---------- */
/* Выпускаем ленту до краёв секции, чтобы карточки «выглядывали» */
.s-fun__slider { margin-inline: calc(-1 * var(--gutter)); }

.s-fun__track {
	list-style: none; margin: 0;
	padding: 6px var(--gutter) 10px;
	display: flex; gap: 16px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--gutter);
	overscroll-behavior-x: contain;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;            /* Firefox */
}
.s-fun__track::-webkit-scrollbar { display: none; height: 0; } /* WebKit */
.s-fun__track:focus-visible {
	outline: 2px solid var(--c-blue);
	outline-offset: 2px;
	border-radius: var(--r-card);
}

/* ---------- Карточка отзыва ---------- */
.s-fun__card {
	flex: 0 0 clamp(264px, 30vw, 380px);
	scroll-snap-align: start;
	display: flex; flex-direction: column; gap: 20px;
}
.s-fun__card::before {
	content: '«';
	font-family: var(--font-head); font-weight: 700;
	font-size: 2.75rem; line-height: .6;
	color: var(--c-red);
}

.s-fun__quote { margin: 0; flex: 1; }
.s-fun__quote p {
	margin: 0;
	font-size: var(--fs-text);
	line-height: 1.4;
}

.s-fun__meta { display: grid; gap: 8px; }
.s-fun__stars {
	color: var(--c-red);
	font-size: 1rem; line-height: 1;
	letter-spacing: 4px;
}
.s-fun__author { font-size: var(--fs-caption); font-weight: 600; color: var(--c-black); }

/* ---------- Адаптив ---------- */
@media (max-width: 900px) {
	.s-fun__card { flex-basis: clamp(264px, 46vw, 340px); }
}

@media (max-width: 700px) {
	.s-fun__deco--mercury { display: none; }
	.s-fun__deco--tesla { width: 56px; }
	.s-fun__bar { align-items: center; }
	.s-fun__card { flex-basis: min(82vw, 320px); }
}