/**
 * =========================================================
 * BARA225 - LP CLIMATISEURS
 * lp.css - VERSION COMPLETE
 * =========================================================
 */


/* =========================================================
   VARIABLES
========================================================= */

.bara225-clim-lp {

	--bara-orange: #F16E00;
	--bara-orange-dark: #D95F00;

	--bara-green: #16A34A;
	--bara-green-dark: #15803D;

	--bara-navy: #0F172A;
	--bara-text: #24324A;
	--bara-muted: #64748B;

	--bara-border: #E2E8F0;
	--bara-border-orange: #FED7C2;

	--bara-light: #F8FAFC;
	--bara-orange-light: #FFF7F0;

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif;

	color: var(--bara-text);

}


/* =========================================================
   RESET LOCAL
========================================================= */

.bara225-clim-lp *,
.bara225-clim-lp *::before,
.bara225-clim-lp *::after {

	box-sizing: border-box;

}


.bara225-clim-lp a {

	text-decoration: none;

}


.bara225-clim-lp img {

	max-width: 100%;

	height: auto;

}


/* =========================================================
   CONTENEUR
========================================================= */

.bara225-clim-lp__container {

	width: 100%;

	max-width: 1400px;

	margin: 0 auto;

	padding:
		0 28px 60px;

}


/* =========================================================
   BREADCRUMB
========================================================= */

.bara225-clim-lp__breadcrumb {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	gap: 9px;

	padding:
		14px 0 22px;

	color: var(--bara-muted);

	font-size: 14px;

}


.bara225-clim-lp__breadcrumb a {

	color: var(--bara-navy);

	font-weight: 600;

	transition:
		color .2s ease;

}


.bara225-clim-lp__breadcrumb a:hover {

	color: var(--bara-orange);

}


.bara225-clim-lp__breadcrumb span {

	line-height: 1;

}


.bara225-clim-lp__breadcrumb span[aria-hidden="true"] {

	color: #94A3B8;

	font-size: 18px;

}


/* =========================================================
   HERO
========================================================= */

.bara225-clim-lp__hero {

	display: grid;

	grid-template-columns:
		minmax(0, 1.7fr)
		minmax(360px, .9fr);

	gap: 55px;

	align-items: center;

	padding:
		14px 0 34px;

}


/* =========================================================
   HERO CONTENT
========================================================= */

.bara225-clim-lp__hero-content {

	min-width: 0;

}


.bara225-clim-lp__eyebrow {

	display: inline-flex;

	align-items: center;

	padding:
		7px 12px;

	margin-bottom: 17px;

	background: #FFF1E8;

	color: var(--bara-orange);

	border-radius: 5px;

	font-size: 14px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: .3px;

}


.bara225-clim-lp__main-title {

	margin:
		0 0 22px !important;

	padding: 0;

	color: var(--bara-navy);

	font-size: clamp(40px, 4vw, 62px) !important;

	font-weight: 800 !important;

	line-height: 1.08 !important;

	letter-spacing: -1.8px;

}


.bara225-clim-lp__main-title span {

	color: var(--bara-orange);

}


.bara225-clim-lp__hero-text {

	max-width: 850px;

	margin: 0 !important;

	color: #334155;

	font-size: 19px;

	line-height: 1.75;

}


.bara225-clim-lp__hero-text strong {

	color: var(--bara-navy);

	font-weight: 750;

}


/* =========================================================
   HERO CARD
========================================================= */

.bara225-clim-lp__hero-card {

	display: grid;

	grid-template-columns:
		1fr 1fr;

	gap: 26px 30px;

	padding: 30px;

	background:
		linear-gradient(
			135deg,
			#FFFDFC 0%,
			#FFF8F4 100%
		);

	border: 1px solid var(--bara-border-orange);

	border-radius: 15px;

	box-shadow:
		0 12px 35px rgba(15, 23, 42, .05);

}


.bara225-clim-lp__hero-feature {

	display: flex;

	align-items: center;

	gap: 14px;

	min-width: 0;

}


.bara225-clim-lp__feature-icon {

	flex: 0 0 58px;

	width: 58px;

	height: 58px;

	display: flex;

	align-items: center;

	justify-content: center;

	border: 1px solid var(--bara-orange);

	border-radius: 50%;

	color: var(--bara-orange);

	font-size: 22px;

	font-weight: 800;

}


.bara225-clim-lp__hero-feature > div:last-child {

	display: flex;

	flex-direction: column;

	gap: 5px;

}


.bara225-clim-lp__hero-feature strong {

	color: var(--bara-orange);

	font-size: 16px;

	font-weight: 800;

	line-height: 1.2;

}


.bara225-clim-lp__hero-feature span {

	color: var(--bara-muted);

	font-size: 14px;

	line-height: 1.45;

}


/* =========================================================
   LIVRAISON
========================================================= */

.bara225-clim-lp__delivery {

	display: grid;

	grid-template-columns:
		64px minmax(0, 1fr);

	align-items: start;

	gap: 20px;

	margin:
		0 0 42px;

	padding:
		26px 30px;

	background: var(--bara-light);

	border: 1px solid #DCE5EF;

	border-radius: 13px;

}


.bara225-clim-lp__delivery-icon {

	width: 58px;

	height: 58px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: var(--bara-orange);

	color: #FFFFFF;

	border-radius: 50%;

	font-size: 31px;

	font-weight: 700;

	line-height: 1;

}


.bara225-clim-lp__delivery-content {

	min-width: 0;

}


.bara225-clim-lp__delivery h2 {

	margin:
		1px 0 12px !important;

	color: var(--bara-navy);

	font-size: 22px !important;

	font-weight: 750 !important;

	line-height: 1.3 !important;

}


.bara225-clim-lp__delivery p {

	margin:
		0 0 11px !important;

	color: #475569;

	font-size: 16px;

	line-height: 1.7;

}


.bara225-clim-lp__delivery p:last-child {

	margin-bottom: 0 !important;

}


.bara225-clim-lp__delivery strong {

	color: var(--bara-navy);

	font-weight: 750;

}


/* =========================================================
   SECTION PRODUITS
========================================================= */

.bara225-clim-lp__products {

	margin-top: 5px;

}


.bara225-clim-lp__section-heading {

	display: flex;

	align-items: flex-end;

	justify-content: space-between;

	gap: 20px;

	margin-bottom: 23px;

}


.bara225-clim-lp__section-title {

	margin: 0 !important;

	color: var(--bara-navy);

	font-size: 28px !important;

	font-weight: 750 !important;

	line-height: 1.25 !important;

	letter-spacing: -.5px;

}


.bara225-clim-lp__title-line {

	display: block;

	width: 38px;

	height: 3px;

	margin-top: 9px;

	background: var(--bara-orange);

	border-radius: 10px;

}


.bara225-clim-lp__section-subtitle {

	margin:
		9px 0 0 !important;

	color: var(--bara-muted);

	font-size: 14px;

}


.bara225-clim-lp__product-count {

	flex: 0 0 auto;

	padding-bottom: 4px;

	color: var(--bara-muted);

	font-size: 15px;

}


/* =========================================================
   GRILLE PRODUITS
========================================================= */

.bara225-clim-lp__grid {

	display: grid;

	grid-template-columns:
		repeat(4, minmax(0, 1fr));

	gap: 20px;

}


/* =========================================================
   CARTE PRODUIT
========================================================= */

.bara225-clim-lp__product {

	display: flex;

	flex-direction: column;

	min-width: 0;

	overflow: hidden;

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 13px;

	box-shadow:
		0 5px 18px rgba(15, 23, 42, .045);

	transition:
		transform .25s ease,
		box-shadow .25s ease,
		border-color .25s ease;

}


.bara225-clim-lp__product:hover {

	transform: translateY(-3px);

	border-color: #D7DEE8;

	box-shadow:
		0 14px 32px rgba(15, 23, 42, .09);

}


/* =========================================================
   IMAGE PRODUIT
   QUALITE AMELIOREE
========================================================= */

.bara225-clim-lp__product-image {

	display: flex;

	align-items: center;

	justify-content: center;

	width: calc(100% - 20px);

	height: 270px;

	margin:
		10px 10px 0;

	overflow: hidden;

	background: #F8FAFC;

	border-radius: 9px;

}


.bara225-clim-lp__product-image a {

	display: flex;

	align-items: center;

	justify-content: center;

	width: 100%;

	height: 100%;

	overflow: hidden;

}


/*
 * Le PHP fournit maintenant l'image originale
 * avec srcset WordPress.
 */

.bara225-clim-lp__product-image img,
.bara225-clim-lp__product-img {

	display: block;

	width: 100%;

	height: 100%;

	max-width: 100%;

	max-height: 100%;

	object-fit: contain;

	object-position: center center;

	image-rendering: auto;

	transform: translateZ(0);

	backface-visibility: hidden;

	transition:
		transform .35s ease;

}


/* =========================================================
   ZOOM AU SURVOL
========================================================= */

.bara225-clim-lp__product:hover
.bara225-clim-lp__product-image img {

	transform:
		scale(1.045);

}


/* =========================================================
   CONTENU PRODUIT
========================================================= */

.bara225-clim-lp__product-content {

	display: flex;

	flex-direction: column;

	flex: 1;

	padding:
		16px 17px 17px;

}


.bara225-clim-lp__product-title {

	display: flex;

	align-items: flex-start;

	justify-content: center;

	min-height: 58px;

	margin:
		0 0 11px !important;

	text-align: center;

	font-size: 16px !important;

	font-weight: 650 !important;

	line-height: 1.45 !important;

}


.bara225-clim-lp__product-title a {

	color: var(--bara-navy);

	transition:
		color .2s ease;

}


.bara225-clim-lp__product-title a:hover {

	color: var(--bara-orange);

}


/* =========================================================
   PRIX
========================================================= */

.bara225-clim-lp__price {

	display: flex;

	align-items: center;

	justify-content: center;

	min-height: 35px;

	margin:
		3px 0 13px;

	color: var(--bara-orange);

	text-align: center;

	font-size: 20px;

	font-weight: 800;

	line-height: 1.2;

}


.bara225-clim-lp__price .amount {

	color: var(--bara-orange);

	font-weight: 800;

}


.bara225-clim-lp__price del {

	margin-right: 5px;

	color: #94A3B8;

	font-size: 14px;

}


.bara225-clim-lp__price ins {

	text-decoration: none;

}


/* =========================================================
   BOUTON ACHETER
========================================================= */

.bara225-clim-lp__buy-button {

	display: flex !important;

	align-items: center;

	justify-content: center;

	gap: 9px;

	width: 100%;

	min-height: 51px;

	padding:
		12px 16px;

	margin-top: auto;

	background: var(--bara-orange) !important;

	border: 1px solid var(--bara-orange) !important;

	border-radius: 7px;

	color: #FFFFFF !important;

	font-size: 16px;

	font-weight: 750;

	line-height: 1.2;

	text-align: center;

	transition:
		background .2s ease,
		border-color .2s ease,
		transform .2s ease;

}


.bara225-clim-lp__buy-button:hover,
.bara225-clim-lp__buy-button:focus {

	background: var(--bara-green) !important;

	border-color: var(--bara-green) !important;

	color: #FFFFFF !important;

	transform: translateY(-1px);

}


.bara225-clim-lp__cart-icon {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	color: #FFFFFF !important;

	font-size: 17px;

	line-height: 1;

	filter:
		grayscale(1)
		brightness(0)
		invert(1);

}


.bara225-clim-lp__buy-button span {

	color: #FFFFFF !important;

}


/* =========================================================
   BOUTON VOIR PRODUIT
========================================================= */

.bara225-clim-lp__view-button {

	display: flex !important;

	align-items: center;

	justify-content: center;

	width: 100%;

	min-height: 45px;

	padding:
		10px 15px;

	margin-top: 8px;

	background: #FFFFFF !important;

	border: 1px solid #F7B28B !important;

	border-radius: 7px;

	color: var(--bara-navy) !important;

	font-size: 15px;

	font-weight: 650;

	text-align: center;

	transition:
		background .2s ease,
		border-color .2s ease,
		color .2s ease;

}


.bara225-clim-lp__view-button:hover,
.bara225-clim-lp__view-button:focus {

	background: var(--bara-green) !important;

	border-color: var(--bara-green) !important;

	color: #FFFFFF !important;

}


/* =========================================================
   CTA PRODUITS
========================================================= */

.bara225-clim-lp__products-cta {

	display: flex;

	justify-content: center;

	margin:
		5px 0 8px;

}


.bara225-clim-lp__products-cta a {

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 9px;

	min-width: 270px;

	padding:
		12px 22px;

	background: var(--bara-navy);

	border-radius: 7px;

	color: #FFFFFF !important;

	font-size: 14px;

	font-weight: 750;

	transition:
		background .2s ease,
		transform .2s ease;

}


.bara225-clim-lp__products-cta a:hover {

	background: var(--bara-green);

	color: #FFFFFF !important;

	transform: translateY(-1px);

}


/* =========================================================
   CHOIX + CALCULATEUR
========================================================= */

.bara225-clim-lp__choice-section {

	display: grid;

	grid-template-columns:
		minmax(0, 1.35fr)
		minmax(320px, 1fr);

	gap: 14px;

	margin:
		0 0 42px;

}


/*
 * Le bloc est maintenant placé après la liste des produits.
 * On lui ajoute donc un espace supérieur pour bien séparer
 * le CTA produits du bloc conseil/calculateur.
 */

.bara225-clim-lp__choice-section.bara225-choice-bottom {

	margin-top: 42px;

}


.bara225-clim-lp__choice-box,
.bara225-clim-lp__calculator-box {

	display: grid;

	grid-template-columns:
		50px minmax(0, 1fr);

	gap: 18px;

	padding:
		21px 20px;

	border: 1px solid var(--bara-border-orange);

	border-radius: 9px;

	background:
		linear-gradient(
			135deg,
			#FFFDFC,
			#FFF8F4
		);

}


.bara225-clim-lp__info-icon,
.bara225-clim-lp__calculator-icon {

	width: 48px;

	height: 48px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: var(--bara-orange);

	border-radius: 9px;

	color: #FFFFFF;

	font-size: 25px;

	font-weight: 800;

}


.bara225-clim-lp__box-title {

	margin:
		0 0 7px !important;

	color: var(--bara-navy);

	font-size: 16px !important;

	font-weight: 750 !important;

	line-height: 1.35 !important;

}


.bara225-clim-lp__choice-box p,
.bara225-clim-lp__calculator-box p {

	margin:
		0 0 8px !important;

	color: #475569;

	font-size: 14px;

	line-height: 1.55;

}


.bara225-clim-lp__choice-box p:last-child,
.bara225-clim-lp__calculator-box p:last-child {

	margin-bottom: 0 !important;

}


/* =========================================================
   BOUTON CALCULATEUR
========================================================= */

.bara225-clim-lp__orange-button {

	display: flex !important;

	align-items: center;

	justify-content: center;

	gap: 9px;

	width: 100%;

	margin-top: 12px;

	padding:
		10px 15px;

	background: var(--bara-orange) !important;

	border: 1px solid var(--bara-orange) !important;

	border-radius: 7px;

	color: #FFFFFF !important;

	font-size: 14px;

	font-weight: 750;

	text-align: center;

	transition:
		background .2s ease,
		border-color .2s ease;

}


.bara225-clim-lp__orange-button:hover,
.bara225-clim-lp__orange-button:focus {

	background: var(--bara-green) !important;

	border-color: var(--bara-green) !important;

	color: #FFFFFF !important;

}


.bara225-clim-lp__orange-button span {

	color: #FFFFFF !important;

}


/* =========================================================
   INFORMATIONS TECHNIQUES
========================================================= */

.bara225-clim-lp__information-section {

	display: grid;

	grid-template-columns:
		minmax(0, 1.15fr)
		minmax(340px, .85fr);

	gap: 34px;

	align-items: start;

	margin-top: 0;

}


.bara225-clim-lp__technical {

	min-width: 0;

}


.bara225-clim-lp__technical-header {

	margin-bottom: 16px;

}


.bara225-clim-lp__technical-label {

	display: inline-block;

	margin-bottom: 7px;

	color: var(--bara-orange);

	font-size: 12px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: .5px;

}


.bara225-clim-lp__technical
.bara225-clim-lp__section-title {

	font-size: 27px !important;

}


/* =========================================================
   TEXTE TECHNIQUE
========================================================= */

.bara225-clim-lp__technical-intro,
.bara225-clim-lp__technical-text {

	margin:
		0 0 14px !important;

	color: #475569;

	font-size: 16px;

	line-height: 1.65;

}


.bara225-clim-lp__technical strong {

	color: var(--bara-navy);

	font-weight: 750;

}


/* =========================================================
   HIGHLIGHT BTU
========================================================= */

.bara225-clim-lp__btu-highlight {

	display: flex;

	align-items: center;

	gap: 15px;

	margin:
		18px 0;

	padding:
		16px 18px;

	background: var(--bara-orange-light);

	border: 1px solid #FED7C2;

	border-radius: 10px;

}


.bara225-clim-lp__btu-highlight-icon {

	flex: 0 0 52px;

	width: 52px;

	height: 52px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: var(--bara-orange);

	border-radius: 50%;

	color: #FFFFFF;

	font-size: 13px;

	font-weight: 800;

}


.bara225-clim-lp__btu-highlight-content {

	display: flex;

	flex-direction: column;

	gap: 4px;

}


.bara225-clim-lp__btu-highlight-content strong {

	color: var(--bara-orange);

	font-size: 18px;

	font-weight: 800;

}


.bara225-clim-lp__btu-highlight-content span {

	color: #475569;

	font-size: 14px;

	line-height: 1.5;

}


/* =========================================================
   TABLEAU
========================================================= */

.bara225-clim-lp__table-heading {

	display: flex;

	flex-direction: column;

	gap: 3px;

	margin:
		20px 0 9px;

}


.bara225-clim-lp__table-heading strong {

	color: var(--bara-navy);

	font-size: 14px;

	font-weight: 750;

}


.bara225-clim-lp__table-heading span {

	color: #94A3B8;

	font-size: 12px;

}


.bara225-clim-lp__table-wrapper {

	width: 100%;

	overflow-x: auto;

	-webkit-overflow-scrolling: touch;

	border: 1px solid #DBE3ED;

	border-radius: 8px;

	background: #FFFFFF;

	scrollbar-width: thin;

}


.bara225-clim-lp__btu-table {

	width: 100%;

	min-width: 720px;

	margin: 0 !important;

	border-collapse: collapse;

	border-spacing: 0;

	font-size: 13px;

}


.bara225-clim-lp__btu-table th,
.bara225-clim-lp__btu-table td {

	padding:
		12px 10px;

	border-right: 1px solid #DBE3ED;

	border-bottom: 1px solid #DBE3ED;

	text-align: center;

	white-space: nowrap;

}


.bara225-clim-lp__btu-table th:last-child,
.bara225-clim-lp__btu-table td:last-child {

	border-right: 0;

}


.bara225-clim-lp__btu-table tbody tr:last-child th,
.bara225-clim-lp__btu-table tbody tr:last-child td {

	border-bottom: 0;

}


.bara225-clim-lp__btu-table thead th {

	background: var(--bara-navy);

	color: #FFFFFF;

	font-weight: 750;

}


.bara225-clim-lp__btu-table thead th:first-child {

	min-width: 145px;

}


.bara225-clim-lp__btu-table thead th.is-highlighted {

	background: var(--bara-orange);

	color: #FFFFFF;

}


.bara225-clim-lp__btu-table tbody th {

	background: #F8FAFC;

	color: #334155;

	font-weight: 700;

	text-align: left;

}


.bara225-clim-lp__btu-table tbody td {

	background: #FFFFFF;

	color: #334155;

}


.bara225-clim-lp__btu-table tbody td.is-highlighted {

	background: #FFF1E8;

	color: var(--bara-orange);

}


.bara225-clim-lp__btu-table tbody td.is-highlighted strong {

	color: var(--bara-orange);

	font-weight: 800;

}


/* =========================================================
   NOTE TECHNIQUE
========================================================= */

.bara225-clim-lp__technical-note {

	margin-top: 12px;

	padding:
		12px 14px;

	background: #F8FAFC;

	border-left: 3px solid var(--bara-orange);

	border-radius: 5px;

	color: #475569;

	font-size: 13px;

	line-height: 1.55;

}


.bara225-clim-lp__technical-note strong {

	color: var(--bara-navy);

}


/* =========================================================
   FAQ
========================================================= */

.bara225-clim-lp__faq {

	min-width: 0;

}


.bara225-clim-lp__faq-header {

	margin-bottom: 14px;

}


.bara225-clim-lp__faq-label {

	display: inline-flex;

	align-items: center;

	margin-bottom: 6px;

	color: var(--bara-orange);

	font-size: 12px;

	font-weight: 800;

	text-transform: uppercase;

	letter-spacing: .5px;

}


.bara225-clim-lp__faq
.bara225-clim-lp__section-title {

	font-size: 24px !important;

}


/* =========================================================
   FAQ ITEMS
========================================================= */

.bara225-clim-lp__faq-list {

	display: flex;

	flex-direction: column;

	gap: 7px;

}


.bara225-clim-lp__faq-item {

	margin: 0;

	background: #FFFFFF;

	border: 1px solid #E2E8F0;

	border-radius: 8px;

	overflow: hidden;

	transition:
		border-color .2s ease,
		box-shadow .2s ease;

}


.bara225-clim-lp__faq-item:hover {

	border-color: #CBD5E1;

}


.bara225-clim-lp__faq-item[open] {

	border-color: #FED7C2;

	box-shadow:
		0 5px 15px rgba(15, 23, 42, .04);

}


/* =========================================================
   FAQ SUMMARY
========================================================= */

.bara225-clim-lp__faq-item summary {

	display: grid;

	grid-template-columns:
		27px minmax(0, 1fr) 18px;

	align-items: center;

	gap: 10px;

	min-height: 48px;

	padding:
		8px 12px;

	cursor: pointer;

	list-style: none;

	color: var(--bara-navy);

	font-size: 14px;

	font-weight: 650;

	line-height: 1.4;

}


.bara225-clim-lp__faq-item summary::-webkit-details-marker {

	display: none;

}


.bara225-clim-lp__faq-item summary:focus-visible {

	outline:
		2px solid var(--bara-orange);

	outline-offset: -2px;

}


/* =========================================================
   FAQ ICON
========================================================= */

.bara225-clim-lp__faq-icon {

	width: 25px;

	height: 25px;

	display: flex;

	align-items: center;

	justify-content: center;

	background: #FFF1E8;

	border-radius: 50%;

	color: var(--bara-orange);

	font-size: 14px;

	font-weight: 800;

}


/* =========================================================
   FAQ CHEVRON
========================================================= */

.bara225-clim-lp__faq-chevron {

	display: flex;

	align-items: center;

	justify-content: center;

	color: var(--bara-navy);

	font-size: 18px;

	transition:
		transform .2s ease;

}


.bara225-clim-lp__faq-item[open]
.bara225-clim-lp__faq-chevron {

	transform:
		rotate(180deg);

}


/* =========================================================
   FAQ REPONSE
========================================================= */

.bara225-clim-lp__faq-answer {

	padding:
		0 14px 16px 49px;

}


.bara225-clim-lp__faq-answer p {

	margin:
		0 0 10px !important;

	color: var(--bara-muted);

	font-size: 14px;

	line-height: 1.65;

}


.bara225-clim-lp__faq-link {

	display: inline-flex;

	align-items: center;

	gap: 6px;

	color: var(--bara-orange) !important;

	font-size: 13px;

	font-weight: 750;

}


.bara225-clim-lp__faq-link:hover {

	color: var(--bara-green) !important;

}


/* =========================================================
   CTA FINAL
========================================================= */

.bara225-clim-lp__final-cta {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 30px;

	margin-top: 42px;

	padding:
		27px 30px;

	background: var(--bara-navy);

	border-radius: 12px;

}


.bara225-clim-lp__final-cta h2 {

	margin:
		0 0 7px !important;

	color: #FFFFFF;

	font-size: 23px !important;

	font-weight: 750 !important;

	line-height: 1.3 !important;

}


.bara225-clim-lp__final-cta p {

	margin: 0 !important;

	color: #CBD5E1;

	font-size: 14px;

	line-height: 1.5;

}


.bara225-clim-lp__final-cta > a {

	flex: 0 0 auto;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 9px;

	min-width: 245px;

	padding:
		13px 20px;

	background: var(--bara-orange);

	border: 1px solid var(--bara-orange);

	border-radius: 7px;

	color: #FFFFFF !important;

	font-size: 14px;

	font-weight: 750;

	transition:
		background .2s ease,
		border-color .2s ease;

}


.bara225-clim-lp__final-cta > a:hover {

	background: var(--bara-green);

	border-color: var(--bara-green);

	color: #FFFFFF !important;

}


.bara225-clim-lp__final-cta > a span {

	color: #FFFFFF !important;

}


/* =========================================================
   ASTRA / WORDPRESS
========================================================= */

body.bara225-clim-lp-page
.ast-container {

	max-width: none;

	padding-left: 0;

	padding-right: 0;

}


body.bara225-clim-lp-page
.site-content {

	padding-top: 0;

}


body.bara225-clim-lp-page
#primary {

	width: 100%;

	margin: 0;

}


body.bara225-clim-lp-page
.entry-content {

	margin: 0;

}


body.bara225-clim-lp-page
.woocommerce {

	margin: 0;

}


.bara225-clim-lp .button,
.bara225-clim-lp button,
.bara225-clim-lp input[type="button"],
.bara225-clim-lp input[type="submit"] {

	box-shadow: none;

}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 1100px) {

	.bara225-clim-lp__container {

		padding-left: 22px;

		padding-right: 22px;

	}


	.bara225-clim-lp__hero {

		grid-template-columns:
			1fr;

		gap: 28px;

	}


	.bara225-clim-lp__hero-card {

		grid-template-columns:
			repeat(4, 1fr);

	}


	.bara225-clim-lp__grid {

		grid-template-columns:
			repeat(3, minmax(0, 1fr));

	}


	.bara225-clim-lp__information-section {

		grid-template-columns:
			1fr;

	}


	.bara225-clim-lp__choice-section {

		grid-template-columns:
			1fr;

	}

}


/* =========================================================
   TABLETTE PETITE
========================================================= */

@media (max-width: 850px) {

	.bara225-clim-lp__hero-card {

		grid-template-columns:
			1fr 1fr;

	}


	.bara225-clim-lp__grid {

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

	}


	.bara225-clim-lp__final-cta {

		flex-direction: column;

		align-items: stretch;

	}


	.bara225-clim-lp__final-cta > a {

		width: 100%;

	}


	.bara225-clim-lp__product-image {

		height: 260px;

	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.bara225-clim-lp__container {

		padding:
			0 14px 40px;

	}


	.bara225-clim-lp__breadcrumb {

		padding:
			11px 0 17px;

		font-size: 12px;

		gap: 6px;

	}


	.bara225-clim-lp__hero {

		padding-bottom: 25px;

	}


	.bara225-clim-lp__eyebrow {

		font-size: 11px;

		padding:
			6px 9px;

		margin-bottom: 12px;

	}


	.bara225-clim-lp__main-title {

		margin-bottom: 15px !important;

		font-size: 36px !important;

		line-height: 1.1 !important;

		letter-spacing: -1px;

	}


	.bara225-clim-lp__hero-text {

		font-size: 16px;

		line-height: 1.65;

	}


	.bara225-clim-lp__hero-card {

		grid-template-columns:
			1fr 1fr;

		gap: 18px 12px;

		padding:
			19px 15px;

	}


	.bara225-clim-lp__hero-feature {

		gap: 9px;

		align-items: flex-start;

	}


	.bara225-clim-lp__feature-icon {

		flex-basis: 42px;

		width: 42px;

		height: 42px;

		font-size: 15px;

	}


	.bara225-clim-lp__hero-feature strong {

		font-size: 13px;

	}


	.bara225-clim-lp__hero-feature span {

		font-size: 11px;

	}


	/* LIVRAISON */

	.bara225-clim-lp__delivery {

		grid-template-columns:
			44px minmax(0, 1fr);

		gap: 13px;

		padding:
			18px 15px;

		margin-bottom: 32px;

	}


	.bara225-clim-lp__delivery-icon {

		width: 42px;

		height: 42px;

		font-size: 23px;

	}


	.bara225-clim-lp__delivery h2 {

		font-size: 17px !important;

	}


	.bara225-clim-lp__delivery p {

		font-size: 14px;

		line-height: 1.6;

	}


	/* SECTION */

	.bara225-clim-lp__section-heading {

		align-items: flex-start;

		flex-direction: column;

		gap: 8px;

	}


	.bara225-clim-lp__section-title {

		font-size: 24px !important;

	}


	.bara225-clim-lp__product-count {

		font-size: 13px;

	}


	/* PRODUITS */

	.bara225-clim-lp__grid {

		grid-template-columns:
			1fr;

		gap: 16px;

	}


	.bara225-clim-lp__product {

		border-radius: 11px;

	}


	.bara225-clim-lp__product-image {

		height: 300px;

	}


	.bara225-clim-lp__product-title {

		min-height: auto;

		font-size: 16px !important;

	}


	.bara225-clim-lp__price {

		font-size: 19px;

	}


	/* CTA */

	.bara225-clim-lp__products-cta a {

		width: 100%;

		min-width: 0;

	}


	/* CHOIX */

	.bara225-clim-lp__choice-box,
	.bara225-clim-lp__calculator-box {

		grid-template-columns:
			40px minmax(0, 1fr);

		gap: 12px;

		padding:
			17px 14px;

	}


	.bara225-clim-lp__info-icon,
	.bara225-clim-lp__calculator-icon {

		width: 40px;

		height: 40px;

		font-size: 20px;

	}


	.bara225-clim-lp__box-title {

		font-size: 15px !important;

	}


	.bara225-clim-lp__choice-box p,
	.bara225-clim-lp__calculator-box p {

		font-size: 13px;

	}


	/* TECHNIQUE */

	.bara225-clim-lp__technical
	.bara225-clim-lp__section-title {

		font-size: 23px !important;

	}


	.bara225-clim-lp__technical-intro,
	.bara225-clim-lp__technical-text {

		font-size: 14px;

	}


	.bara225-clim-lp__btu-highlight {

		align-items: flex-start;

		padding:
			13px;

	}


	.bara225-clim-lp__btu-highlight-icon {

		flex-basis: 44px;

		width: 44px;

		height: 44px;

	}


	.bara225-clim-lp__btu-highlight-content strong {

		font-size: 16px;

	}


	.bara225-clim-lp__btu-highlight-content span {

		font-size: 12px;

	}


	/* FAQ */

	.bara225-clim-lp__faq
	.bara225-clim-lp__section-title {

		font-size: 21px !important;

	}


	.bara225-clim-lp__faq-item summary {

		grid-template-columns:
			25px minmax(0, 1fr) 16px;

		padding:
			9px 10px;

		font-size: 13px;

	}


	.bara225-clim-lp__faq-answer {

		padding:
			0 12px 14px 45px;

	}


	.bara225-clim-lp__faq-answer p {

		font-size: 13px;

	}


	/* CTA FINAL */

	.bara225-clim-lp__final-cta {

		margin-top: 32px;

		padding:
			21px 17px;

	}


	.bara225-clim-lp__final-cta h2 {

		font-size: 20px !important;

	}


	.bara225-clim-lp__final-cta p {

		font-size: 13px;

	}

}


/* =========================================================
   TRES PETITS ECRANS
========================================================= */

@media (max-width: 390px) {

	.bara225-clim-lp__hero-card {

		grid-template-columns:
			1fr;

	}


	.bara225-clim-lp__hero-feature {

		align-items: center;

	}


	.bara225-clim-lp__main-title {

		font-size: 32px !important;

	}


	.bara225-clim-lp__product-image {

		height: 260px;

	}

}


/* =========================================================
   ACCESSIBILITE
========================================================= */

.bara225-clim-lp a:focus-visible,
.bara225-clim-lp summary:focus-visible {

	outline:
		2px solid var(--bara-orange);

	outline-offset:
		3px;

}


/* =========================================================
   REDUCTION DES ANIMATIONS
========================================================= */

@media (prefers-reduced-motion: reduce) {

	.bara225-clim-lp *,
	.bara225-clim-lp *::before,
	.bara225-clim-lp *::after {

		transition: none !important;

	}

}




/* =========================================================
   MAILLAGE INTERNE - AUTRES PUISSANCES
========================================================= */

.bara225-clim-lp__power-navigation {
	display: block;
	width: 100%;
	margin:
		28px 0 42px;
	padding:
		22px 24px;

	background: #FFFFFF;

	border:
		1px solid var(--bara-border);

	border-radius: 12px;

	box-shadow:
		0 5px 18px rgba(15, 23, 42, .045);
}


/* =========================================================
   TITRE
========================================================= */

.bara225-clim-lp__power-heading {
	margin:
		0 0 17px;
	text-align: center;
}


.bara225-clim-lp__power-heading h2 {
	margin: 0 !important;

	color: var(--bara-navy);

	font-size: 19px !important;
	font-weight: 750 !important;

	line-height: 1.35 !important;
}


/* =========================================================
   CONTENEUR DES BOUTONS
========================================================= */

.bara225-clim-lp__power-links {
	display: flex;

	align-items: center;
	justify-content: center;

	flex-wrap: wrap;

	gap: 10px;
}


/* =========================================================
   BOUTON PUISSANCE
========================================================= */

.bara225-clim-lp__power-button {
	display: inline-flex;

	align-items: center;
	justify-content: center;

	min-width: 92px;
	min-height: 44px;

	padding:
		10px 18px;

	background: #FFFFFF;

	border:
		1px solid #F7B28B;

	border-radius: 7px;

	color: var(--bara-navy) !important;

	font-size: 14px;
	font-weight: 750;

	line-height: 1;

	text-align: center;

	text-decoration: none !important;

	transition:
		background .2s ease,
		border-color .2s ease,
		color .2s ease,
		transform .2s ease,
		box-shadow .2s ease;
}


/* =========================================================
   HOVER
========================================================= */

.bara225-clim-lp__power-button:hover {
	background: var(--bara-orange);

	border-color: var(--bara-orange);

	color: #FFFFFF !important;

	transform:
		translateY(-1px);

	box-shadow:
		0 5px 14px rgba(241, 110, 0, .18);
}


/* =========================================================
   PUISSANCE ACTUELLE
========================================================= */

.bara225-clim-lp__power-button.is-current {
	background: var(--bara-orange);

	border-color: var(--bara-orange);

	color: #FFFFFF !important;

	box-shadow:
		0 5px 14px rgba(241, 110, 0, .16);
}


.bara225-clim-lp__power-button.is-current:hover {
	background: var(--bara-green);

	border-color: var(--bara-green);

	color: #FFFFFF !important;
}


/* =========================================================
   FOCUS ACCESSIBILITÉ
========================================================= */

.bara225-clim-lp__power-button:focus-visible {
	outline:
		2px solid var(--bara-orange);

	outline-offset:
		3px;
}


/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 850px) {

	.bara225-clim-lp__power-navigation {
		margin:
			26px 0 36px;

		padding:
			20px 18px;
	}


	.bara225-clim-lp__power-heading h2 {
		font-size: 18px !important;
	}


	.bara225-clim-lp__power-links {
		gap: 8px;
	}


	.bara225-clim-lp__power-button {
		min-width: 84px;
		min-height: 42px;

		padding:
			9px 15px;

		font-size: 14px;
	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.bara225-clim-lp__power-navigation {
		margin:
			24px 0 32px;

		padding:
			18px 14px;

		border-radius: 11px;
	}


	.bara225-clim-lp__power-heading {
		margin-bottom: 14px;
	}


	.bara225-clim-lp__power-heading h2 {
		font-size: 17px !important;
	}


	.bara225-clim-lp__power-links {
		display: grid;

		grid-template-columns:
			repeat(2, minmax(0, 1fr));

		gap: 8px;
	}


	.bara225-clim-lp__power-button {
		width: 100%;
		min-width: 0;

		min-height: 43px;

		padding:
			10px 8px;

		font-size: 13px;
	}

}


/* =========================================================
   TRÈS PETITS ÉCRANS
========================================================= */

@media (max-width: 390px) {

	.bara225-clim-lp__power-navigation {
		padding:
			17px 11px;
	}


	.bara225-clim-lp__power-heading h2 {
		font-size: 16px !important;
	}


	.bara225-clim-lp__power-links {
		gap: 7px;
	}


	.bara225-clim-lp__power-button {
		min-height: 42px;

		padding:
			9px 6px;

		font-size: 12px;
	}

}
.bara225-clim-lp__power-navigation {
    width: 100%;
}

.bara225-clim-lp__power-heading {
    text-align: center;
}

.bara225-clim-lp__brand-links,
.bara225-clim-lp__power-links {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.bara225-clim-lp__power-separator {
    width: 100%;
    display: block;
    text-align: center;
    margin: 18px 0 12px;
}

/* =========================================================
   BARA225 — TITRES LP
   AJOUT FINAL — ne remplace aucune règle existante
========================================================= */

.bara225-clim-lp h1.bara225-clim-lp__main-title {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 1050px !important;

	margin: 0 0 30px !important;
	padding: 0 0 18px !important;

	color: #0F172A !important;
	background: transparent !important;

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Helvetica,
		Arial,
		sans-serif !important;

	font-size: clamp(38px, 4.1vw, 60px) !important;
	font-weight: 800 !important;
	line-height: 1.08 !important;
	letter-spacing: -1.6px !important;

	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	text-shadow: none !important;

	border: 0 !important;
	box-shadow: none !important;

	text-wrap: balance;
}

/* Accent orange sous le titre */
.bara225-clim-lp h1.bara225-clim-lp__main-title::after {
	content: "";
	display: block;

	width: 72px;
	height: 5px;

	margin-top: 16px;

	background: #F16E00;
	border-radius: 999px;
}

/* Élément dynamique : marque, puissance, Inverter ou surface */
.bara225-clim-lp h1.bara225-clim-lp__main-title > span {
	color: #F16E00 !important;
	font-weight: 850 !important;
}

/* Évite les héritages Astra/WordPress sur le span */
.bara225-clim-lp h1.bara225-clim-lp__main-title > span {
	background: transparent !important;
	text-decoration: none !important;
	text-transform: none !important;
	text-shadow: none !important;
}

/* =========================================================
   TABLETTE
========================================================= */

@media (max-width: 900px) {

	.bara225-clim-lp h1.bara225-clim-lp__main-title {
		max-width: 900px !important;
		font-size: 44px !important;
		line-height: 1.10 !important;
		letter-spacing: -1px !important;
	}
}

/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 600px) {

	.bara225-clim-lp h1.bara225-clim-lp__main-title {
		max-width: 100% !important;

		margin-bottom: 24px !important;
		padding-bottom: 14px !important;

		font-size: 34px !important;
		line-height: 1.13 !important;
		letter-spacing: -.7px !important;

		text-wrap: pretty;
	}

	.bara225-clim-lp h1.bara225-clim-lp__main-title::after {
		width: 58px;
		height: 4px;
		margin-top: 13px;
	}
}

/* =========================================================
   PETIT MOBILE
========================================================= */

@media (max-width: 390px) {

	.bara225-clim-lp h1.bara225-clim-lp__main-title {
		font-size: 30px !important;
		line-height: 1.15 !important;
	}
}

/* =========================================================
   BARA225 — TITRES LP FINAL
   AJOUT UNIQUEMENT — toutes les anciennes règles sont conservées
========================================================= */

html body .bara225-clim-lp h1.bara225-clim-lp__main-title {
	display: block !important;
	position: relative !important;

	width: 100% !important;
	max-width: 1050px !important;

	margin: 0 0 30px !important;
	padding: 0 0 18px !important;

	color: #0F172A !important;
	background: transparent !important;

	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: clamp(38px, 4vw, 60px) !important;
	font-weight: 800 !important;
	line-height: 1.10 !important;
	letter-spacing: -1.4px !important;

	text-align: left !important;
	text-decoration: none !important;
	text-transform: none !important;
	text-shadow: none !important;

	border: 0 !important;
	box-shadow: none !important;

	text-wrap: balance !important;
}

html body .bara225-clim-lp h1.bara225-clim-lp__main-title::after {
	content: "" !important;
	display: block !important;

	width: 76px !important;
	height: 5px !important;

	margin-top: 16px !important;

	background: #F16E00 !important;
	border-radius: 999px !important;
}

html body .bara225-clim-lp h1.bara225-clim-lp__main-title > span {
	display: inline !important;

	color: #F16E00 !important;
	background: transparent !important;

	font-size: inherit !important;
	font-weight: 850 !important;
	line-height: inherit !important;
	letter-spacing: inherit !important;

	text-decoration: none !important;
	text-transform: none !important;
	text-shadow: none !important;
}

@media (max-width: 900px) {
	html body .bara225-clim-lp h1.bara225-clim-lp__main-title {
		font-size: 44px !important;
		line-height: 1.10 !important;
		letter-spacing: -1px !important;
	}
}

@media (max-width: 600px) {
	html body .bara225-clim-lp h1.bara225-clim-lp__main-title {
		max-width: 100% !important;
		margin-bottom: 24px !important;
		padding-bottom: 14px !important;

		font-size: 34px !important;
		line-height: 1.13 !important;
		letter-spacing: -.6px !important;
		text-wrap: pretty !important;
	}

	html body .bara225-clim-lp h1.bara225-clim-lp__main-title::after {
		width: 58px !important;
		height: 4px !important;
		margin-top: 13px !important;
	}
}

@media (max-width: 390px) {
	html body .bara225-clim-lp h1.bara225-clim-lp__main-title {
		font-size: 30px !important;
	}
}