.page-namaz-dlya-nachinayushchih main.wp-block-group,
.page-namaz-dlya-nachinayushchih .wp-block-post-content {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.beginner-page h1 {
	margin-block: var(--heading-space-before) var(--heading-space-after) !important;
	font-size: var(--font-size-page-title) !important;
	line-height: var(--line-height-page-title) !important;
	letter-spacing: -.025em;
}

/* The source artwork already contains a light text field on its left side.
   Use it as one continuous hero canvas instead of cropping it inside the
   right-hand grid column. */
.beginner-hero {
	background-color: var(--color-paper);
	background-image: url("../images/hero-mosque.webp");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.beginner-hero__grid {
	grid-template-columns: minmax(0, 1.02fr) minmax(0, .98fr);
}

.beginner-hero__copy {
	position: relative;
	z-index: 1;
}

.beginner-hero__image {
	background: none;
}

@media (max-width: 980px) {
	.beginner-hero {
		background-image: none;
	}

	.beginner-hero__image {
		background-image: url("../images/hero-mosque.webp");
		background-position: 72% center;
		background-repeat: no-repeat;
		background-size: cover;
	}
}

@media (max-width: 680px) {
	.beginner-hero__image {
		min-height: 230px;
		background-position: 74% center;
	}
}

/* Shared final CTA: preserve the original 4:1 artwork instead of enlarging
   and cropping it with cover. */
.beginner-final {
	background-color: var(--color-forest);
	background-image: url("../images/closing-cta.webp");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	overflow: hidden;
}

.beginner-final .namaz-shell {
	padding-left: clamp(180px, 17vw, 250px);
}

.beginner-final .namaz-shell > * {
	min-width: 0;
}

@media (max-width: 680px) {
	.beginner-final {
		background-image: linear-gradient(90deg, transparent 0 18%, rgba(18, 63, 50, .9) 39%, var(--color-forest) 72%), url("../images/closing-cta.webp");
		background-position: center, left center;
		background-size: 100% 100%, auto 100%;
	}

	.beginner-final .namaz-shell {
		padding-left: 94px;
	}

	.beginner-final h2,
	.beginner-final p {
		overflow-wrap: anywhere;
	}
}