/**
 * Szerokość contentu bloków Gutenberga.
 * Wspólne: padding 0 3%, box-sizing: border-box.
 */

.is-style-full-padded {
	width: 100%;
	padding: 0 3%;
	box-sizing: border-box;
}

.is-style-content-1500,
.is-style-content-1400,
.is-style-content-1300,
.is-style-content-1200,
.is-style-content-1100,
.is-style-content-1000,
.is-style-content-900,
.is-style-content-800,
.is-style-content-700,
.is-style-content-600,
.is-style-content-500 {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.is-style-content-1500 { max-width: 1500px; }
.is-style-content-1400 { max-width: 1400px; }
.is-style-content-1300 { max-width: 1300px; }
.is-style-content-1200 { max-width: 1200px; }
.is-style-content-1100 { max-width: 1100px; }
.is-style-content-1000 { max-width: 1000px; }
.is-style-content-900  { max-width: 900px; }
.is-style-content-800  { max-width: 800px; }
.is-style-content-700  { max-width: 700px; }
.is-style-content-600  { max-width: 600px; }
.is-style-content-500  { max-width: 500px; }

/* Kompatybilność wsteczna (stare wartości fitVariant) */
.is-style-fit,
.fit {
	max-width: 1500px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0 3%;
	box-sizing: border-box;
}

.is-style-fit-1400 { max-width: 1400px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }
.is-style-fit-1300,
.fit-1300 { max-width: 1300px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }
.is-style-fit-1200 { max-width: 1200px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }
.is-style-fit-1000,
.fit-1000 { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }
.is-style-fit-800  { max-width: 800px;  width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }
.is-style-fit-600  { max-width: 600px;  width: 100%; margin-left: auto; margin-right: auto; padding: 0 3%; box-sizing: border-box; }

/* Hero: podświetlenie <mark> rozsuwa się od lewej (wszystkie breakpointy) */
#hero mark,
body.home #content mark,
body.front-page #content mark {
	position: relative;
	isolation: isolate;
	display: inline-block;
	font-weight: 600;
	color: #fff !important;
	padding: 2px 5px;
	box-sizing: border-box;
	background: none !important;
	background-color: transparent !important;
}

#hero mark::before,
body.home #content mark::before,
body.front-page #content mark::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #d26f34;
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: left center;
	animation: skutecznenazaparcia-hero-mark-reveal 0.75s cubic-bezier(0.22, 1, 0.36, 1) 0.5s forwards;
}

@keyframes skutecznenazaparcia-hero-mark-reveal {
	to {
		transform: scaleX(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	#hero mark::before,
	body.home #content mark::before,
	body.front-page #content mark::before {
		animation: none;
		transform: scaleX(1);
	}
}