/* =================================================================
   Hero V2 partagé — fiche logiciel + comparateur
   ================================================================= */

.gf-v2-hero {
	position: relative;
	margin-inline: calc(-1 * var(--gf-section-x, 1.25rem));
	margin-top: 0;
	padding: clamp(1.5rem, 3.5vw, 2.25rem) var(--gf-section-x, 1.25rem) clamp(2rem, 4vw, 2.75rem);
	background:
		radial-gradient(ellipse 80% 60% at 90% 10%, rgba(184, 149, 74, 0.12), transparent 55%),
		radial-gradient(ellipse 60% 50% at 0% 100%, rgba(26, 74, 138, 0.18), transparent 50%),
		linear-gradient(165deg, var(--gf-v2-navy) 0%, var(--gf-v2-navy-soft) 55%, #1a2d47 100%);
	color: #f4f2ed;
	border-radius: 0;
	overflow: hidden;
}

.gf-v2-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
	pointer-events: none;
	opacity: 0.6;
}

.gf-v2-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%;
	max-width: var(--gf-maxw);
	margin-inline: auto;
	padding-inline: var(--gf-section-x, 1.25rem);
	box-sizing: border-box;
}

.gf-v2-hero__crumb {
	margin-bottom: var(--gf-space-5);
	font-size: var(--gf-fs-xs);
	color: rgba(244, 242, 237, 0.55);
}

.gf-v2-hero__crumb a {
	color: rgba(244, 242, 237, 0.7);
	text-decoration: none;
}

.gf-v2-hero__crumb a:hover { color: #fff; }
.gf-v2-hero__crumb span { color: rgba(244, 242, 237, 0.9); }

.gf-v2-hero__main {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: var(--gf-space-6);
	align-items: start;
}

.gf-v2-hero__logo-wrap {
	width: 88px;
	height: 88px;
	padding: 0.65rem;
	background: rgba(255, 255, 255, 0.97);
	border-radius: var(--gf-r-lg);
	box-shadow: 0 12px 40px rgba(0, 0, 0, 0.22);
	flex-shrink: 0;
}

.gf-v2-hero__logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
}

.gf-v2-hero__eyebrow {
	font-family: var(--gf-font-mono);
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--gf-v2-gold);
	margin: 0 0 var(--gf-space-2);
}

.gf-v2-hero__title {
	font-family: var(--gf-font-display);
	font-size: clamp(2rem, 4.5vw, 3rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: #fff;
	margin: 0 0 var(--gf-space-3);
	max-width: 18ch;
}

.gf-v2-hero__lead {
	font-size: clamp(1rem, 1.5vw, 1.15rem);
	line-height: 1.55;
	color: rgba(244, 242, 237, 0.78);
	margin: 0 0 var(--gf-space-4);
	max-width: 52ch;
}

/* Comparateur + catalogue + pages éditoriales */
.gf-page-v2-hero__copy {
	max-width: none;
}

.gf-page-v2-hero__title,
.gf-comp-v2-hero__title {
	font-family: var(--gf-font-display);
	font-size: clamp(2rem, 4.5vw, 2.85rem);
	font-weight: 600;
	line-height: 1.08;
	letter-spacing: -0.025em;
	color: #fff;
	margin: 0 0 var(--gf-space-3);
	max-width: min(52ch, 100%);
}

.gf-page-v2-hero__lead,
.gf-comp-v2-hero__lead {
	font-size: clamp(1rem, 1.5vw, 1.12rem);
	line-height: 1.55;
	color: rgba(244, 242, 237, 0.78);
	max-width: min(72ch, 100%);
	margin: 0;
}

.gf-page-v2-hero__meta {
	margin: var(--gf-space-3) 0 0;
	font-family: var(--gf-font-mono);
	font-size: var(--gf-fs-xs);
	color: rgba(244, 242, 237, 0.65);
	line-height: 1.5;
}

.gf-page-v2-hero__meta time {
	color: rgba(244, 242, 237, 0.85);
}

.gf-v2-hero__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gf-space-3);
}

.gf-v2-hero__date {
	font-family: var(--gf-font-mono);
	font-size: var(--gf-fs-xs);
	color: rgba(244, 242, 237, 0.5);
}

.gf-v2-hero .gf-badge {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.18);
	color: #fff;
	backdrop-filter: blur(6px);
}

.gf-v2-hero .gf-badge--immatriculee,
.gf-v2-hero .gf-badge--agreee {
	background: rgba(20, 107, 82, 0.25);
	border-color: rgba(20, 107, 82, 0.45);
	color: #d4f0e6;
}

.gf-v2-hero .gf-badge--non_agreee {
	background: rgba(154, 79, 18, 0.25);
	border-color: rgba(154, 79, 18, 0.45);
	color: #fde8d4;
}

.gf-v2-hero__facts {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gf-space-3);
	list-style: none;
	margin: var(--gf-space-6) 0 0;
	padding: 0;
}

.gf-v2-hero__fact {
	padding: var(--gf-space-3) var(--gf-space-4);
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: var(--gf-r-md);
	backdrop-filter: blur(8px);
	border-top: 3px solid rgba(255, 255, 255, 0.25);
}

.gf-v2-hero__fact--default { border-top-color: var(--gf-v2-gold); background: rgba(184, 149, 74, 0.12); }
.gf-v2-hero__fact--price { border-top-color: #f0c96e; background: rgba(240, 201, 110, 0.12); }
.gf-v2-hero__fact--trial { border-top-color: #8eb8ff; background: rgba(142, 184, 255, 0.1); }
.gf-v2-hero__fact--immatriculee,
.gf-v2-hero__fact--agreee { border-top-color: #5dd4a8; background: rgba(93, 212, 168, 0.12); }
.gf-v2-hero__fact--non_agreee { border-top-color: #f0a060; background: rgba(240, 160, 96, 0.12); }
.gf-v2-hero__fact--ok { border-top-color: #5dd4a8; }
.gf-v2-hero__fact--warn { border-top-color: #f0a060; }

.gf-v2-hero__fact-label {
	display: block;
	font-family: var(--gf-font-mono);
	font-size: 0.65rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: rgba(244, 242, 237, 0.5);
	margin-bottom: 0.25rem;
}

.gf-v2-hero__fact-value {
	display: block;
	font-size: var(--gf-fs-sm);
	font-weight: 600;
	line-height: 1.35;
	color: #fff;
}

@media (max-width: 1000px) {
	.gf-v2-hero__facts {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 720px) {
	.gf-v2-hero__main {
		grid-template-columns: 1fr;
		gap: var(--gf-space-4);
	}

	.gf-v2-hero__logo-wrap {
		width: 72px;
		height: 72px;
	}

	.gf-v2-hero__facts {
		grid-template-columns: 1fr;
	}
}