/* Bloki wspólne dla nowej strony głównej i hubu „Kuchnie na wymiar”: hero z dwoma przyciskami, fakty, skróty, kroki,
   karty usług, miejscowości i pasek na telefonie. Bazuje na css/offer-pages.css i klasach motywu (css/style.css). */

/* Hero */
.home-hero {
	padding-bottom: 140px;
}
.home-hero .page-title__title,
.home-hero .page-title__subtitle,
.home-hero__bullets {
	text-shadow: 0 1px 14px rgba(0, 0, 0, 0.55);
}
.home-hero__eyebrow {
	margin: 0 0 14px;
	font-size: 13px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.85);
}
.home-hero .page-title__subtitle {
	max-width: 820px;
	margin: 18px auto 0;
	line-height: 1.6;
	letter-spacing: 0.3px;
}
.home-hero__bullets {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px 28px;
	margin: 24px 0 30px;
	padding: 0;
	list-style: none;
	color: #fff;
	font-size: 16px;
}
.home-hero__bullets li::before {
	content: '\2713';
	margin-right: 8px;
	color: #ffb31a;
	font-weight: 700;
}
.home-hero .btn + .btn {
	margin-left: 12px;
}
@media (max-width: 575px) {
	.home-hero {
		padding-bottom: 60px;
	}
	.home-hero .btn {
		display: block;
		margin: 0 auto 12px;
	}
	.home-hero .btn + .btn {
		margin-left: auto;
	}
}

/* Fakty pod hero */
.home-trust .benefit {
	padding: 26px 18px;
}
.home-trust__value {
	margin-bottom: 8px;
	font-family: 'Barlow', sans-serif;
	font-size: 34px;
	font-weight: 600;
	line-height: 1.1;
	color: #222;
}
.home-trust .benefit__text {
	margin-bottom: 0;
	font-size: 14px;
}

/* Karty-linki (skróty) */
a.benefit--link {
	display: block;
	height: calc(100% - 20px);
	color: inherit;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
a.benefit--link:hover,
a.benefit--link:focus-visible {
	color: inherit;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
	transform: translateY(-3px);
}
.benefit__more {
	display: inline-block;
	margin-top: 10px;
	font-size: 14px;
	font-weight: 600;
	color: #d98f00;
}

/* Kroki */
.home-step__no {
	display: inline-block;
	width: 44px;
	height: 44px;
	margin-bottom: 14px;
	border-radius: 50%;
	background: #ffb31a;
	font-family: 'Barlow', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 44px;
	text-align: center;
	color: #222;
}

/* Wstęp i zakończenie sekcji z kartami */
.subtitle-text.home-left {
	margin-left: 0;
}
.home-outro {
	max-width: 900px;
	margin: 12px 0 0;
}
.home-btn-gap {
	margin-left: 12px;
}
@media (max-width: 575px) {
	.home-btn-gap {
		margin: 12px 0 0;
	}
}

/* Karty usług ze zdjęciem */
.service-card {
	display: block;
	height: calc(100% - 30px);
	margin-bottom: 30px;
	overflow: hidden;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
	color: inherit;
	text-decoration: none;
	transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.service-card:hover,
.service-card:focus-visible {
	color: inherit;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.14);
	transform: translateY(-3px);
}
.service-card img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.service-card__body {
	padding: 22px 22px 24px;
}
.service-card__title {
	margin: 0 0 10px;
	font-size: 19px;
}
.service-card__body p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.6;
}

/* Marki */
.home-brands__title {
	margin-bottom: 24px;
	text-align: center;
}

/* Miejscowości */
.entry__article ul.chips {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 22px;
	padding: 0;
	list-style: none;
}
.chips li {
	margin: 0;
}
.chips a,
.chips span {
	display: inline-block;
	padding: 5px 14px;
	border-radius: 999px;
	background: #ececec;
	font-size: 14px;
	line-height: 1.5;
	color: #444;
}
.entry__article .chips a {
	background: #fff1cc;
	color: #222;
}
.entry__article .chips a:hover {
	background: #ffb31a;
	color: #222;
}

/* Pasek „Zadzwoń / Bezpłatny pomiar” na telefonie */
.home-sticky {
	display: none;
}
@media (max-width: 991px) {
	.home-sticky {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 900;
		display: flex;
		box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.18);
	}
	.home-sticky a {
		flex: 1 1 50%;
		padding: 15px 8px;
		font-family: 'Barlow', sans-serif;
		font-size: 15px;
		font-weight: 600;
		text-align: center;
		text-decoration: none;
	}
	.home-sticky__call {
		background: #fff;
		color: #222;
	}
	.home-sticky__cta {
		background: #ffb31a;
		color: #222;
	}
	body {
		padding-bottom: 52px;
	}
	#back-to-top {
		margin-bottom: 52px;
	}
}

/* Drobne elementy tekstowe */
.home-hero__note {
	margin: 18px 0 0;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.85);
	text-shadow: 0 1px 10px rgba(0, 0, 0, 0.55);
}
.home-meta {
	margin: 10px 0 0;
	font-size: 13px;
	line-height: 1.6;
	color: #888;
}
.home-price {
	display: inline-block;
	margin: 0 0 28px;
	padding: 14px 22px;
	border-left: 4px solid #ffb31a;
	background: #fff8e6;
	font-family: 'Barlow', sans-serif;
	font-size: 20px;
	font-weight: 600;
	color: #222;
}
.home-next {
	margin: 0;
	padding-left: 20px;
	line-height: 1.7;
}
.home-next li {
	margin-bottom: 8px;
}

/* Linki-chipsy pod kartami kategorii (wyśrodkowane) */
.chips--center {
	justify-content: center;
}
.chips--links a {
	background: #fff1cc;
	color: #222;
}
.chips--links a:hover {
	background: #ffb31a;
	color: #222;
}
ul.chips.chips--center {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
}