/* =========================================================
   Podstrona usługi — odwzorowanie szablonu Theme Buildera 525
   (i bliźniaczych 305/524/526/527). Wartości z post-525.css + pomiaru.
   ========================================================= */

/* Okruszki — 4001f7df: padding-left 5%, margin-bottom 10px */
.mo-svcpage__crumbs { padding-left: 5%; margin-bottom: 10px; }
/* .mo-crumbs — przeniesione do style.css i poprawione wg pomiaru oryginalu:
   font-size .85em (bylo .9em), kolor tekstu #000 (bylo --secondary),
   linki --text (bylo --secondary). Te same okruszki sa na podstronach modeli aut. */

/* Rząd 565620d: padding-left 5%, gap 20px (domyślny gap Kita) */
.mo-svcpage__row { display: flex; flex-direction: row; gap: 20px; padding-left: 5%; }

/* Sidebar 3fb80333 (20%), padding-top 20px */
.mo-svcpage__side { width: 20%; flex: 0 1 auto; padding-top: 20px; }   /* shrink! 20%+80%+gap20 > 100% -> oryginal ląduje na 398/1593 */
.mo-svcpage__sidetitle { font-size: 1.7em; }

/* Lista wpisów — odpowiednik widgetu posts (skin classic).
   172ef4f7: tło widgetu --e-global-color-37ff94f (#FBFAF9), tytuł 1em/400 */
.mo-svclist { list-style: none; margin: 0; padding: 0; background: var(--mo-bg); }
.mo-svclist__item { margin: 0; }
.mo-svclist__item a {
	display: block; padding: 6px 0;
	font-size: 1em; font-weight: 400;
	color: var(--mo-text); text-decoration: none;
}
.mo-svclist__item a:hover { color: var(--mo-accent); }
.mo-svclist--cols2 { columns: 2; column-gap: 30px; }
.mo-svclist--cols2 .mo-svclist__item { break-inside: avoid; }

/* Main 74e75140 (80%), gap 20px */
.mo-svcpage__main { width: 80%; flex: 0 1 auto; display: flex; flex-direction: column; gap: 20px; min-width: 0; }

/* Hero 4c9477f5 (gap 0): 4d5bcc0c 50% (padding 20px) | 6e99e181 50% (bg = obrazek wyróżniający) */
.mo-svcpage__hero { display: flex; flex-direction: row; gap: 0; }
.mo-svcpage__intro { width: 50%; padding: 20px; min-width: 0; }
.mo-svcpage__title { font-size: 2em; color: var(--mo-primary); }   /* zmierzone: H1, 32px, czarny */
.mo-svcpage__lead { font-size: 1.1em; line-height: 1.8em; color: #000000; }
.mo-svcpage__lead p { margin: 0 0 1em; }
.mo-svcpage__photo {
	width: 50%; min-width: 0;
	background-size: cover;
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

/* CTA 143b7299 (gap 0): 1002947e 50% (padding 20px 100px) + 4a2f30fd karta */
/* 143b7299 nie ma content_width:full -> inner kapowany na --container-max-width
   z Kita (1140px) i centrowany. Stad ctacol = 570, a nie 50% z 1593. */
.mo-svcpage__ctarow { display: flex; flex-direction: row; gap: 0; max-width: 1140px; margin-inline: auto; width: 100%; }
.mo-svcpage__ctacol { width: 50%; padding: 20px 100px; min-width: 0; }
.mo-svcpage__ctaspacer { width: 50%; }
.mo-svcpage__cta {
	display: flex; flex-direction: column; justify-content: center;
	gap: 20px;                      /* domyślny gap Kita */
	min-height: 26vh;
	padding: 20px 0 30px;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
	text-decoration: none;
	transition: transform .3s, box-shadow .3s;
}
.mo-svcpage__cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 0 10px 0 rgba(250,0,0,.5);
}
.mo-svcpage__ctaicon { display: block; text-align: center; }
.mo-svcpage__ctaicon img { width: 17%; display: inline-block; }   /* 57e8d512 */
.mo-svcpage__ctatitle {
	display: block; text-align: center;
	font-size: 1.6em; font-weight: var(--mo-fw-primary);
	color: var(--mo-text);           /* 23aa4f07 */
}
.mo-svcpage__ctanum {                    /* 10defd10 */
	display: block; text-align: center;
	margin: -15px 0;
	font-size: 1.5em; line-height: 1.4em; color: var(--mo-text);
}

/* Treść 10a6334a: padding 20px 100px 20px 0 */
/* fade024 rowniez bez content_width:full -> 1140 */
.mo-svcpage__body {
	max-width: 1140px; margin-inline: auto; width: 100%;
	padding: 20px 100px 20px 0;
	font-size: 1.1em; line-height: 1.8em; color: #000000;   /* 1ad28710 */
}
.mo-svcpage__body h2 { font-size: 1.7em; margin-top: 1.2em; }
.mo-svcpage__body h3 { font-size: 1.4em; margin-top: 1em; }
.mo-svcpage__body ul, .mo-svcpage__body ol { padding-left: 1.4em; }

/* „Inne usługi" — 14ff24f5 (content-width 1440) */
.mo-svcpage__other { max-width: 1440px; margin-inline: auto; padding-top: 20px; }
.mo-svcpage__othertitle { font-size: 1.7em; }

/* Wpis spoza usług — tymczasowy układ */
.mo-post { padding: 30px 0 60px; }
.mo-post__title { font-size: 2em; }
.mo-post__content { font-size: 1.1em; line-height: 1.8em; }

/* =========================================================
   Mobile — próg 767 (wg post-525.css)
   ========================================================= */
@media (max-width: 767px) {
	.mo-svcpage__crumbs { padding-left: 10px; }
	.mo-svcpage__row { flex-direction: column; padding-left: 0; }
	.mo-svcpage__side { width: 100%; order: 2; padding-left: 10px; }
	.mo-svcpage__main { width: 100%; order: 1; }

	.mo-svcpage__hero { flex-direction: column; }
	.mo-svcpage__intro {
		width: 100%; padding: 10px;                      /* 4d5bcc0c @767 */
		background-image: url("../../../../uploads/2024/04/tires_06.jpg");
		background-size: 100vw auto;
	}
	.mo-svcpage__lead { font-size: 1em; }               /* 32f41e5d @767 */
	.mo-svcpage__photo { width: 100%; min-height: 200px; }  /* spacer_mobile 200px */

	.mo-svcpage__ctarow { flex-direction: column; }
	.mo-svcpage__ctacol { width: 100%; padding: 10px; } /* 1002947e @767 */
	.mo-svcpage__ctaspacer { display: none; }

	.mo-svcpage__body { padding: 0 10px 10px; font-size: 1em; }  /* 10a6334a @767 */
	.mo-svcpage__other { padding: 0 10px 30px; }
	.mo-svcpage__othertitle { font-size: 1.4em; }      /* 17dee611 @767 */
	.mo-svclist--cols2 { columns: 1; }
}