.przewodniki-page {
	display: block;
}
.pg-hero {
	position: relative;
	min-height: 70vh;
	display: flex;
	align-items: center;
}
.pg-hero-bg {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.pg-hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		to right,
		rgba(37, 50, 64, 0.7),
		rgba(37, 50, 64, 0.2)
	);
}
.pg-hero-content {
	position: relative;
}
.pg-hero-text {
	max-width: 520px;
	color: white;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.pg-filters-wrap {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 24px;
	align-items: start;
}
.pg-chip {
	padding: 6px 12px;
	border: 1px solid var(--color-border-subtle);
	border-radius: 8px;
}
.pg-chip.active {
	background: var(--color-accent-primary);
	color: white;
}
.pg-filter-buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pg-grid-3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 24px;
}
.pg-grid-4 {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}
.pg-card {
	position: relative;
}
.pg-bookmark {
	position: absolute;
	top: 8px;
	right: 8px;
}

.pg-path-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	text-align: center;
}
.pg-list-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

.pg-lore-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24px;
	align-items: center;
}
.pg-lore-text {
	max-width: 520px;
}

.pg-cta-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 16px;
}
.pg-cta-inner h2 {
    color: #fff;
}
.pg-cta-inner p {
    color: #fff;
}
@media (max-width: 900px) {
	.pg-grid-3 {
		grid-template-columns: 1fr 1fr;
	}
	.pg-grid-4 {
		grid-template-columns: 1fr 1fr;
	}
	.pg-filters-wrap {
		grid-template-columns: 1fr;
	}
	.pg-lore-grid {
		grid-template-columns: 1fr;
	}
}
@media (max-width: 600px) {
	.pg-grid-3,
	.pg-grid-4 {
		grid-template-columns: 1fr;
	}
	.pg-list-grid {
		grid-template-columns: 1fr;
	}
	.pg-path-grid {
		grid-template-columns: 1fr;
	}
}