/*
 * Blocs landing — lancements produit
 * hero produit / chiffres clés / cartes comparatives / features icônes /
 * checklist / encart info / tableau comparatif / double bouton / galerie texte
 */


/* ==========================
   Bloc img + texte : option image non croppée
   ========================== */
.block-img-text img.img-no-crop{object-fit: contain}

/* ==========================
   Bloc hero produit
   ========================== */
.block-hero-produit{margin: 40px 0}
.hero-produit-inner{
	position: relative;
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	border-radius: 40px;
	padding: 50px 60px;
}
.hero-produit-content{
	position: relative;
	z-index: 2;
	max-width: 60%;
}
.hero-produit-badge{
	display: inline-block;
	font-family: "Rubik-Bold";
	font-size: 14px;
	color: #fff;
	padding: 8px 22px;
	border-radius: 30px;
	margin-bottom: 25px;
	text-transform: uppercase;
	letter-spacing: .5px;
}
.hero-produit-logo{
	display: block;
	max-width: 320px;
	height: auto;
	margin-bottom: 25px;
}
.hero-produit-title{
	font-family: "Rubik-Bold";
	font-size: 44px;
	line-height: 52px;
	margin-bottom: 25px;
}
.hero-produit-subtitle{
	display: inline-block;
	font-family: "Rubik-Bold"!important;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	padding: 12px 28px;
	border-radius: 12px;
	margin-bottom: 25px;
}
.hero-produit-pills{
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin: 0 0 25px;
	padding: 0;
	list-style: none;
}
.hero-produit-pills li{
	font-family: "Rubik-Bold";
	font-size: 15px;
	color: #fff;
	border: 2px solid;
	border-radius: 30px;
	padding: 8px 20px;
}
.hero-produit-intro,
.hero-produit-intro p{
	color: #fff;
	font-size: 17px;
	line-height: 26px;
}

.hero-produit-visual img{
width: 100%;
    height: auto;
    border-radius: 25px;
    position: absolute;
    right: -75px;
    z-index: 99999;
    max-width: 450px;
}

/* ==========================
   Bloc chiffres clés
   ========================== */
.block-chiffres-cles{margin: 40px 0}
.chiffres-cles-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 35px;
}
.chiffres-cles-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 25px;
}
.chiffres-cles-card{
	border-radius: 25px;
	padding: 35px 30px;
	text-align: center;
	transition: transform .25s;
}
.chiffres-cles-card:hover{transform: translateY(-4px)}
.chiffres-cles-number{
	font-family: "Rubik-Bold";
	font-size: 52px;
	line-height: 1;
	margin-bottom: 15px;
}
.chiffres-cles-text,
.chiffres-cles-text p{
	font-size: 16px;
	line-height: 24px;
	color: #003359;
}
.chiffres-cles-bottom{margin-top: 30px}
.chiffres-cles-bottom p{
	font-size: 16px;
	line-height: 25px;
	color: #003359;
}

/* ==========================
   Bloc cartes comparatives
   ========================== */
.block-cartes-comparatives{margin: 40px 0}
.cartes-comparatives-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 20px;
}
.cartes-comparatives-question{
    display: inline-block !important;
    font-family: "Rubik-Bold" !important;
    font-size: 17px;
    color: #003359;
    background: #ececec;
    border-radius: 10px;
    padding: 12px 28px;
    margin-bottom: 30px;
}
.cartes-comparatives-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 25px;
	align-items: stretch;
}
.cartes-comparatives-card{
	position: relative;
	background: #fff;
	border: 2px solid #E2EDF2;
	border-radius: 25px;
	padding: 40px 30px 30px;
	transition: box-shadow .25s;
}
.cartes-comparatives-card:hover{box-shadow: 0 10px 30px rgb(0 51 89 / 10%)}
.cartes-comparatives-card.is-highlighted{
	background: #F2FBF9;
	box-shadow: 0 10px 30px rgb(0 167 201 / 15%);
}
.cartes-comparatives-tag{
	position: absolute;
	top: -14px;
	left: 30px;
	font-family: "Rubik-Bold";
	font-size: 13px;
	color: #fff;
	padding: 6px 18px;
	border-radius: 20px;
	text-transform: uppercase;
}
.cartes-comparatives-logo{
	max-width: 180px;
	height: auto;
	margin-bottom: 18px;
}
.cartes-comparatives-name{
	font-family: "Rubik-Bold";
	font-size: 24px;
	margin-bottom: 8px;
}
.cartes-comparatives-subtitle{
	font-family: "Rubik-Medium";
	font-size: 16px;
	color: #003359;
	margin-bottom: 18px;
}
.cartes-comparatives-features,
.cartes-comparatives-features p,
.cartes-comparatives-features li{
	font-size: 15px;
	line-height: 24px;
	color: #003359;
}

/* ==========================
   Bloc features icônes
   ========================== */
.block-features-icones{margin: 40px 0}
.features-icones-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 35px;
}
.features-icones-grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	gap: 25px;
}
.features-icones-card{
	background: #fff;
	border: 2px solid #E2EDF2;
	border-radius: 25px;
	padding: 35px 30px;
	text-align: center;
	transition: transform .25s, box-shadow .25s;
}
.features-icones-card:hover{
	transform: translateY(-4px);
	box-shadow: 0 10px 30px rgb(0 51 89 / 8%);
}
.features-icones-icon{
	width: 60px;
	height: 60px;
	object-fit: contain;
	margin-bottom: 20px;
}
.features-icones-name{
	font-family: "Rubik-Bold";
	font-size: 19px;
	margin-bottom: 12px;
}
.features-icones-text,
.features-icones-text p{
	font-size: 15px;
	line-height: 23px;
	color: #003359;
}

/* ==========================
   Bloc checklist
   ========================== */
.block-checklist{margin: 40px 0}
.checklist-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 35px;
}
.checklist-list{
	display: grid;
	gap: 20px 40px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.checklist-list.cols-1{grid-template-columns: 1fr}
.checklist-list.cols-2{grid-template-columns: repeat(2, 1fr)}
.checklist-list li{
	display: flex;
	align-items: flex-start;
	gap: 15px;
}
.checklist-check{
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	margin-top: 2px;
}
.checklist-text,
.checklist-text p{
	font-size: 16px;
	line-height: 25px;
	color: #003359;
}

/* ==========================
   Bloc encart info
   ========================== */
.block-encart-info{margin: 40px 0}
.encart-info-inner{
	display: flex;
	align-items: center;
	gap: 20px;
	border-radius: 20px;
	padding: 25px 35px;
}
.encart-info-icon{
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	object-fit: contain;
}
.encart-info-text,
.encart-info-text p{
	font-size: 16px;
	line-height: 25px;
	color: inherit;
	margin: 0px;
}
.encart-info-text strong{font-family: "Rubik-Bold"}


.block-img-text img.img-no-crop {
	object-fit: contain;
}
.page-id-11557 .block-img-text img.img-no-crop{
	width: 50%;

} 


.page-id-11557 .block-img-text  p{
	width: 50%;

}

/* ==========================
   Bloc tableau comparatif
   ========================== */
.block-tableau-comparatif{margin: 40px 0}
.tableau-comparatif-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 35px;
}
.tableau-comparatif-wrapper{
	overflow-x: auto;
	border-radius: 25px;
	border: 2px solid #E2EDF2;
}
.tableau-comparatif{
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	margin: 0px;
	box-shadow: none;
}

 table.tableau-comparatif tr {
	background-color: #f6fbfd;
}

.tableau-comparatif th{
	padding: 20px 25px;
	text-align: center;
	vertical-align: middle;
}
.tableau-comparatif th img{
	max-width: 160px;
	max-height: 45px;
	height: auto;
}
.tableau-comparatif th span{
	font-family: "Rubik-Bold";
	font-size: 20px;
	color: #fff;
}
.tableau-comparatif th.tableau-comparatif-empty{background: transparent}
.tableau-comparatif td{
	padding: 16px 25px;
	font-size: 15px;
	line-height: 22px;
	color: #003359;
	text-align: center;
	border-top: 1px solid #E2EDF2;
}
.tableau-comparatif td.tableau-comparatif-label{
	font-family: "Rubik-Bold";
	text-align: left;
	background: #F6FBFD;
}
.tableau-comparatif tbody tr:nth-child(even) td:not(.tableau-comparatif-label){background: #FAFDFE}

/* ==========================
   Bloc double bouton
   ========================== */
.block-double-bouton{margin: 40px 0}
.double-bouton-group{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
.cta-landing{
	border: 2px solid;
	transition: .2s;
}
.cta-landing:hover{opacity: .85}

/* ==========================
   Bloc galerie texte
   ========================== */
.block-galerie-texte{margin: 40px 0}
.galerie-texte-title{
	font-family: "Rubik-Bold";
	font-size: 32px;
	line-height: 40px;
	margin-bottom: 35px;
}
.galerie-texte-inner{
	display: flex;
	align-items: flex-start;
	gap: 40px;
}
.galerie-texte-inner.galerie-droite{flex-direction: row-reverse}
.galerie-texte-gallery{
	flex: 0 0 42%;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
}
.galerie-texte-gallery.images-count-1{grid-template-columns: 1fr}
.galerie-texte-gallery img{
	width: 100%;
	height: auto;
	border-radius: 18px;
	object-fit: cover;
}
.galerie-texte-content{flex: 1}
.galerie-texte-content p,
.galerie-texte-content li{
	font-size: 16px;
	line-height: 25px;
	color: #003359;
}
/*Minimalist header*/
body.minimalist section.intro-sub-page {
	background: #eefbfe;
	padding-top: 30px;
	padding-bottom: 0px;
	margin-bottom: 15px;
}
body.minimalist .intro-sub-page .breadcrumbs {margin-bottom: 0px}
body.minimalist .flex-page-header .post-thumbnail{display: none}
body.minimalist section.intro-sub-page h1 {
    margin-bottom: 0;
    margin-top: 25px;
}

/* ==========================
   Responsive
   ========================== */

@media screen and (max-width: 1023px){
	.hero-produit-visual img {
		right: 0px;
		max-width: 350px;
		bottom: 20px;
	}
	.hero-produit-inner{padding: 40px}
	.hero-produit-content{max-width: 55%}
	.hero-produit-title{font-size: 34px; line-height: 42px}
	.chiffres-cles-number{font-size: 42px}

}



@media screen and (max-width: 767px){
	.tableau-comparatif th span {
    font-size: 15px;
}
	.tableau-comparatif td{
		font-size: 14px;
	}
	.page-id-11557 .block-img-text img.img-no-crop {
    width: 100%;
}
	.page-id-11557 .block-img-text p {
    width: 100%;
}
	
	
	.hero-produit-visual img {display: none}
	.hero-produit-inner{
		flex-direction: column;
		padding: 30px 25px;
		border-radius: 25px;
	}
	.hero-produit-content{max-width: 100%}
	.hero-produit-visual{max-width: 100%; margin-top: 25px}
	.hero-produit-logo{max-width: 240px}
	.hero-produit-title{font-size: 28px; line-height: 36px}
	.hero-produit-subtitle{
	font-size: 15px;
        line-height: 24px;
        padding: 7px 15px;	
	}
	.chiffres-cles-title,
	.cartes-comparatives-title,
	.features-icones-title,
	.checklist-title,
	.tableau-comparatif-title,
	.galerie-texte-title{font-size: 24px; line-height: 32px; margin-bottom: 25px}
	.checklist-list.cols-2{grid-template-columns: 1fr}
	.encart-info-inner{
		flex-direction: column;
		align-items: flex-start;
		padding: 22px 25px;
	}
	.galerie-texte-inner,
	.galerie-texte-inner.galerie-droite{flex-direction: column}
	.galerie-texte-gallery{flex: none; width: 100%}
	.tableau-comparatif th,
	.tableau-comparatif td{padding: 12px 15px}
	.tableau-comparatif th img{max-width: 110px}
	.double-bouton-group{flex-direction: column; align-items: center}
	.double-bouton-group .cta{width: 100%; max-width: 340px}
}