/* Reviews-block rules missing from both bases (thor-6-new.min.css, reviews-hunters.css).
   Linked by every page that renders the block. */

.reviews-hunters__heading {
	display: grid;
	grid-template-columns: auto auto;
	justify-content: center;
	align-items: center;
	column-gap: 24px;
}
.reviews-hunters__heading-stars {
	grid-column: 1;
	grid-row: 1 / 3;
	align-self: center;
	display: inline-flex;
	align-items: center;
	gap: 6px;
}
.reviews-hunters__heading-stars img {
	width: 34px;
	height: 34px;
}
.reviews-hunters__heading .section-title {
	grid-column: 2;
	grid-row: 1;
}
.reviews-hunters__heading .section-subtitle {
	grid-column: 2;
	grid-row: 2;
}
@media (max-width: 1199px) {
	.reviews-hunters__heading {
		column-gap: 18px;
	}
	.reviews-hunters__heading-stars img {
		width: 28px;
		height: 28px;
	}
}
@media (max-width: 767px) {
	.reviews-hunters__heading {
		display: block;
		text-align: center;
	}
	.reviews-hunters__heading-stars {
		margin: 0 0 12px 0;
	}
	.reviews-hunters__heading-stars img {
		width: 22px;
		height: 22px;
	}
}

/* Swiper applies spaceBetween as an inline margin only at init, so until then the
   cards sit flush. Same values as its config: 16px, 32px from 768px up. */
.reviews-hunters__slider:not(.swiper-initialized) .reviews-hunters__slider-slide {
	margin-right: 16px;
}
@media (min-width: 768px) {
	.reviews-hunters__slider:not(.swiper-initialized) .reviews-hunters__slider-slide {
		margin-right: 32px;
	}
}

/* Jump target for the hero rating pill. Clears header.header, which is fixed. */
a.info-bottom__reviews {
	text-decoration: none;
	color: inherit;
}
.reviews-hunters {
	scroll-margin-top: 100px;
}
@media (max-width: 767px) {
	.reviews-hunters {
		scroll-margin-top: 80px;
	}
}
/* scroll-behavior only works on the scrolling container, hence :root and not the block */
html {
	scroll-behavior: smooth;
}