.pspi-hero,
.pspi-hero * { box-sizing: border-box; }

.pspi-hero {
	margin: 0 !important;
	padding: 25px 24px 52px !important;
	background: linear-gradient(105deg, #eafaf7 0%, #f0fbfd 44%, #f7fcfd 100%);
}

.pspi-hero__inner {
	/* Folosește exact aceeași regulă de lățime ca headerul Blocksy și logo-ul. */
	width: var(--theme-container-width, min(100%, 90vw));
	max-width: var(--theme-normal-container-max-width, 1440px);
	margin: 0 auto;
}

.pspi-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin: 0 0 28px;
	color: #7393a4;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.35;
}

.pspi-breadcrumb a {
	color: #607f90;
	text-decoration: none;
	transition: color .18s ease;
}

.pspi-breadcrumb a:hover,
.pspi-breadcrumb a:focus-visible { color: #0b9e85; text-decoration: underline; text-underline-offset: 3px; }
.pspi-breadcrumb__current { color: #63859a; }
.pspi-hero h1 {
	margin: 0 !important;
	padding: 0 !important;
	color: #094b73 !important;
	font-family: Arial, sans-serif !important;
	font-size: 32px !important;
	font-weight: 750 !important;
	line-height: 1.12 !important;
	letter-spacing: -.026em !important;
	text-transform: none !important;
}

.pspi-hero p {
	max-width: 860px;
	margin: 25px 0 0 !important;
	padding: 0 !important;
	color: #4b758b !important;
	font-family: Arial, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
}

@media (max-width: 767px) {
	.pspi-hero { padding: 20px 18px 34px !important; }
	.pspi-hero__inner { width: 100%; }
	.pspi-breadcrumb { gap: 7px; margin-bottom: 20px; font-size: 14px; }
	.pspi-hero h1 { font-size: 29px !important; letter-spacing: -.02em !important; }
	.pspi-hero p { margin-top: 16px !important; font-size: 16px !important; line-height: 1.55 !important; }
}

@media (max-width: 390px) {
	.pspi-hero { padding-left: 16px !important; padding-right: 16px !important; }
	.pspi-hero h1 { font-size: 28px !important; }
}

@media (prefers-reduced-motion: reduce) { .pspi-breadcrumb a { transition: none; } }
