/* ==========================================================================
   gc/gamecenter — динамические подборки игр из плагина game-center
   Разметку плагина не трогаем, только оформление карточек и заголовков секций.
   ========================================================================== */

main .gc-sections {
	margin: 1.6rem 0 .5rem;
}

main .gc-section {
	padding: 1.4rem 1.5rem 1.5rem;
	background: linear-gradient(180deg, rgba(26, 51, 80, .6) 0%, rgba(15, 33, 52, .8) 100%);
	border: 1px solid var(--bh-line);
	border-radius: var(--bh-r);
}

main .gc-section + .gc-section {
	margin-top: 18px;
}

main .gc-section__title-content {
	font-family: var(--bh-display);
	font-size: clamp(1.4rem, 1.2rem + .7vw, 1.75rem);
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--bh-text);
}

main .gc-section__title-icon {
	color: var(--bh-orange);
}

/* --- Карточка игры ------------------------------------------------------ */

main .gc-card {
	transition: transform .2s var(--bh-ease);
}

main .gc-card:hover {
	transform: translateY(-4px);
}

main .gc-card__image-wrapper {
	position: relative;
	/* У плагина под картинкой светлая подложка — на тёмной теме она светит по краям. */
	background: var(--bh-deep);
	border: 1px solid var(--bh-line);
	border-radius: var(--bh-r-sm);
	overflow: hidden;
	transition: border-color .2s var(--bh-ease), box-shadow .2s var(--bh-ease);
}

main .gc-card:hover .gc-card__image-wrapper {
	border-color: rgba(247, 132, 62, .6);
	box-shadow: 0 14px 28px rgba(0, 0, 0, .45);
}

main .gc-card__title {
	margin-top: .7rem;
	font-family: var(--bh-display);
	font-size: 1.05rem;
	font-weight: 600;
	letter-spacing: .04em;
	text-transform: uppercase;
	line-height: 1.15;
	color: #d7e5f2;
	transition: color .18s var(--bh-ease);
}

main .gc-card:hover .gc-card__title {
	color: var(--bh-orange-300);
}

main .gc-card__button {
	font-family: var(--bh-display);
	font-size: 1.05rem;
	font-weight: 700;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--bh-deep);
	background: linear-gradient(180deg, var(--bh-orange-300) -20%, var(--bh-orange) 50%, var(--bh-orange-700) 130%);
	border: none;
	border-radius: var(--bh-r-sm);
	box-shadow: 0 8px 18px rgba(0, 0, 0, .35);
}

/* --- Стрелки слайдера --------------------------------------------------- */

main .gc-slider__arrow {
	background: rgba(255, 255, 255, .07);
	border: 1px solid var(--bh-line);
	border-radius: var(--bh-r-sm);
	color: var(--bh-text);
	transition: background-color .18s var(--bh-ease), border-color .18s var(--bh-ease);
}

main .gc-slider__arrow:hover {
	background: rgba(247, 132, 62, .18);
	border-color: var(--bh-orange);
}

@media (max-width: 700px) {
	main .gc-section {
		padding: 1.1rem 1rem 1.2rem;
	}
}