/* Styles for custom front page */
:root {
	--color-primary: #bb1f11; /* r=187 g=31 b=17 из фигмы */
	--hero-height: 639px; /* актуальная высота */
	--container-max: 1280px;
}

body#the7-body .home-page .hero {
	position: relative;
	min-height: var(--hero-height);
	display: flex;
	align-items: stretch;
	overflow: hidden;
	/* белый фон + паттерн поверх с малой прозрачностью */
	background-color: #fff;
}

/* background layers */
body#the7-body .home-page .hero .hero__bg { position: absolute; inset: 0; }
body#the7-body .home-page .hero .hero__bg-image {
	position: absolute; inset: 0;
	background-image: url('../images/backgrounds/hero.jpg'); /* поместите файл сюда */
	background-size: cover; background-position: center; background-repeat: no-repeat;
	filter: grayscale(30%) saturate(70%) contrast(100%) brightness(97%);
	mix-blend-mode: multiply; /* похожий эффект LINEAR_BURN */
}
body#the7-body .home-page .hero .hero__bg-overlay { position: absolute; inset: 0; background: rgba(255,255,255,0.62); }
body#the7-body .home-page .hero .hero__bg-pattern {
	position: absolute; inset: 0;
	opacity: .12;
	background-image: url('../images/backgrounds/pattern.png'); /* паттерн */
	background-repeat: repeat;
}

/* content grid */
body#the7-body .home-page .hero .hero__container {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: calc(80px + 1785px + 80px);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 754px 1fr;
	column-gap: 62px; row-gap: 24px;
	padding: 80px 80px;
}

body#the7-body .home-page .hero__left { align-self: center; }
body#the7-body .home-page .hero__right { align-self: center; }

/* text styles */
body#the7-body .home-page .hero__eyebrow { color: var(--color-primary); font-weight: 600; margin-bottom: 22px; }
body#the7-body .home-page .hero__title { margin: 0 0 12px; font-size: 44px; line-height: 1.15; color: #000; }
body#the7-body .home-page .hero__subtitle-long { margin: 12px 0 0; font-size: 20px; line-height: 1.3; color: #000; }

/* place */
body#the7-body .home-page .hero__place { display: flex; align-items: flex-start; gap: 12px; margin: 24px 0 32px; }
body#the7-body .home-page .hero__place-icon {
	width: 22px; height: 22px; flex: 0 0 22px;
	border: 3px solid var(--color-primary);
	transform: rotate(45deg);
	border-radius: 3px;
}
body#the7-body .home-page .hero__place-title { font-weight: 600; color: #000; }
body#the7-body .home-page .hero__place-subtitle { color: #000; opacity: .8; }

/* ctas */
body#the7-body .home-page .hero__cta { display: flex; flex-wrap: wrap; gap: 16px; }
body#the7-body .home-page .btn {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 16px 28px; border-radius: 0; text-decoration: none;
	font-weight: 600; border: 0;
}
body#the7-body .home-page .btn--primary { background: var(--color-primary); color: #fff; }
body#the7-body .home-page .btn--ghost { background: transparent; color: #fff; border: 2px solid var(--color-primary); color: var(--color-primary); }

/* right image */
body#the7-body .home-page .hero__image { width: 100%; height: 544px; background-image: url('../images/backgrounds/hero-right.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: 0 4px 20px rgba(0,0,0,.15); }

/* logo placeholder */
body#the7-body .home-page .hero__logo { width: 100%; height: 208px; margin-bottom: 20px; background: url('../images/backgrounds/logo-placeholder.svg') left top no-repeat; background-size: contain; }

/* responsive */
@media (max-width: 1200px) {
	body#the7-body .home-page .hero .hero__container { grid-template-columns: 1fr; padding: 40px 20px; }
	body#the7-body .home-page .hero__right { order: -1; }
	body#the7-body .home-page .hero__image { height: 360px; }
}