/* ==========================================================================
   Blok 5 · Recenze — maket 140:702 (1440 × 773, pozadí #141414)
   Hlavička 60/110, karty 60/212 (426,67 × 297, mezera 20, padding 32),
   žlutý pruh dole.
   ========================================================================== */

.bx-reviews { background: var(--bx-ink); }

.bx-reviews__inner {
	max-width: var(--bx-page);
	margin-inline: auto;
	padding: 110px var(--bx-gutter);
	display: flex;
	flex-direction: column;
	gap: 50px;
}

@media (min-width: 901px) {
	.bx-reviews .bx-sechead__lead { width: 340px; }
}

/* --- Karta recenze --------------------------------------------------------- */
/* Tři karty vedle sebe jako v maketu; když jich je víc, listuje se šipkami. */
.bx-reviews__viewport { overflow: hidden; }

.bx-reviews__track {
	display: flex;
	gap: 20px;
	transition: transform .35s ease;
	will-change: transform;
}

.bx-review {
	flex: 0 0 calc((100% - 40px) / 3);
	min-width: 0;
}

.bx-review {
	background: var(--bx-ink-2);
	padding: 32px;
	margin: 0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	min-height: 297px;
}

.bx-review__quote {
	margin-top: 20px;
	color: var(--bx-line);
	quotes: none;
}

.bx-review__line {
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(245, 243, 238, .14);
	margin-top: auto;
}

.bx-review__author {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin-top: 20px;
}

.bx-review__name { color: var(--bx-text-inv); text-transform: uppercase; }
.bx-review__meta { color: var(--bx-text-inv-2); }

/* --- Hvězdy ---------------------------------------------------------------- */
.bx-stars { display: inline-flex; gap: 5px; }
.bx-stars__item { width: 17px; height: 17px; color: rgba(242, 183, 5, .35); }
.bx-stars__item.is-on { color: var(--bx-yellow); }

/* --- Žlutý pruh s průměrem -------------------------------------------------- */
.bx-rating {
	display: flex;
	align-items: center;
	gap: 28px;
	background: var(--bx-yellow);
	color: var(--bx-ink);
	/* 26 + 52 + 26 = 104 jako rám „Souhrn“ v maketu */
	padding: 26px 36px;
}

.bx-rating__value {
	font-family: var(--bx-font-head);
	font-weight: 700;
	font-size: 48px;
	line-height: 52px;
	letter-spacing: -1px;
}

.bx-rating__text { flex: 1 0 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.bx-rating__stars .bx-stars__item { color: var(--bx-ink); }
.bx-rating__note { color: var(--bx-ink); }

.bx-rating__nav { display: flex; gap: 8px; }

.bx-rating__btn {
	width: 52px; height: 52px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--bx-ink);
	background: transparent;
	color: var(--bx-ink);
	cursor: pointer;
	transition: background-color .18s ease, color .18s ease;
}
.bx-rating__btn svg { width: 20px; height: 20px; }
.bx-rating__btn--fill { background: var(--bx-ink); color: var(--bx-yellow); }
.bx-rating__btn:hover:not( :disabled ) { background: var(--bx-ink); color: var(--bx-yellow); }
.bx-rating__btn:disabled { opacity: .35; cursor: default; }

/* --- Adaptiv --------------------------------------------------------------- */
@media (max-width: 980px) {
	.bx-reviews__inner { padding-block: var(--bx-section-y); gap: 34px; }
	.bx-review { flex-basis: calc((100% - 20px) / 2); min-height: 0; }
	.bx-rating { flex-wrap: wrap; gap: 18px; }
}

@media (max-width: 640px) {
	.bx-review { flex-basis: 100%; }
}

@media (max-width: 600px) {
	.bx-review { padding: 24px 20px; }
	.bx-rating { padding: 20px; }
	.bx-rating__value { font-size: 44px; line-height: 48px; }
}