/*
** HOMEPAGE - Delphine Batisse
** Blocs a partir de "Un moment suspendu" (le hero et "Pourquoi choisir" restent dans Divi)
** Charge uniquement sur la page d'accueil (voir functions.php)
*/
body.home #page-container .hp{font-family:'Proza Libre',Helvetica,Arial,sans-serif;color:#2E332B;background:#F9F4F1}
body.home #page-container .hp-wrap{max-width:1200px;margin:0 auto;padding:0 24px;box-sizing:border-box}
body.home #page-container .hp-sec{padding:96px 0}
body.home #page-container .hp-k{margin:0;font-family:'Inter',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#55614F}
body.home #page-container .hp h1{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(38px,4.4vw,60px);line-height:1.06;color:#2E332B}
body.home #page-container .hp h2{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:clamp(30px,3vw,42px);line-height:1.12;color:#2E332B}
body.home #page-container .hp h3{margin:0;font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:25px;line-height:1.2;color:#2E332B}
body.home #page-container .hp p{margin:0;font-size:16px;line-height:1.75;color:#3F443B}
body.home #page-container .hp-lead{font-size:18px!important;line-height:1.7!important}
body.home #page-container .hp-head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:48px}
body.home #page-container .hp-head-c{align-items:center;text-align:center;margin-left:auto;margin-right:auto}
body.home #page-container .hp-btns{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
body.home #page-container .hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 24px;box-sizing:border-box;border-radius:32px;font-family:'Inter',Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;box-shadow:10px 10px 0 -8px rgba(0,0,0,.17)}
body.home #page-container .hp-btn-dark{background:#3A4126;color:#FFFFFF}
body.home #page-container .hp-btn-dark:hover{color:#FFFFFF;opacity:.9}
body.home #page-container .hp-btn-sage{background:#788572;color:#FFFFFF}
body.home #page-container .hp-btn-sage:hover{color:#FFFFFF;opacity:.9}
body.home #page-container .hp-btn-light{background:#F9F4F1;color:#3A4126}
body.home #page-container .hp-btn-light:hover{color:#3A4126;opacity:.9}
body.home #page-container .hp-link{font-family:'Inter',Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
body.home #page-container .hp-ap-img img{display:block;width:100%;height:100%;object-fit:cover}
body.home #page-container .hp-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
body.home #page-container .hp-quote-big{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:34px!important;line-height:1.2!important;color:#3A4126!important}
body.home #page-container .hp-soins{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
body.home #page-container .hp-soin{flex:0 1 calc((100% - 72px) / 4);box-sizing:border-box;display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E4E2D8;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit}
body.home #page-container .hp-soin:hover{border-color:#788572}
body.home #page-container .hp-soin-img{height:200px;background:#DDE2D6;display:flex;align-items:center;justify-content:center;font-size:12px;color:#55614F;text-align:center;padding:8px;box-sizing:border-box}
body.home #page-container .hp-soin-b{display:flex;flex-direction:column;gap:8px;padding:16px 16px 18px;flex:1}
body.home #page-container .hp-soin h3{font-size:21px}
body.home #page-container .hp-soin-tag{font-family:'Inter',Helvetica,Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#55614F}
body.home #page-container .hp-soin-more{margin-top:auto;font-family:'Inter',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#3A4126}
body.home #page-container .hp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:st}
body.home #page-container .hp-step{counter-increment:st;display:flex;flex-direction:column;gap:12px;padding:28px 24px;background:#FFFFFF;border:1px solid #E4E2D8;border-radius:18px}
body.home #page-container .hp-step-n{width:40px;height:40px;border-radius:50%;background:#3A4126;color:#FFFFFF;font-family:'Inter',Helvetica,Arial,sans-serif;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center}
body.home #page-container .hp-testis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.home #page-container .hp-testi{margin:0;display:flex;flex-direction:column;gap:16px;padding:28px;background:#FFFFFF;border-radius:18px;border:1px solid #E4E2D8}
body.home #page-container .hp-stars{color:#B08D57;letter-spacing:3px;font-size:16px}
body.home #page-container .hp-testi blockquote{margin:0;padding:0;border:0}
body.home #page-container .hp-testi blockquote p{font-size:16px;line-height:1.7;color:#3F443B;font-style:italic}
body.home #page-container .hp-testi figcaption{margin-top:auto;font-family:'Inter',Helvetica,Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#55614F}
body.home #page-container .hp-ap-img{border-radius:20px;overflow:hidden;height:620px}
body.home #page-container .hp-facts{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
body.home #page-container .hp-facts li{padding:8px 16px;border:1px solid #CBD1C4;border-radius:32px;background:#FFFFFF;font-size:14px;font-weight:600;color:#3B4537}
body.home #page-container .hp-quote{margin:0;padding:24px 28px;border-radius:16px;background:#ECEFE8}
body.home #page-container .hp-quote p.hp-q1{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.25;color:#3A4126}
body.home #page-container .hp-gift{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between;padding:48px;border-radius:24px;background:#ECEFE8}
body.home #page-container .hp-gift-t{display:flex;flex-direction:column;gap:12px;flex:1 1 480px}
body.home #page-container .hp-faq{display:flex;flex-direction:column;gap:12px;max-width:860px;margin:0 auto}
body.home #page-container .hp-faq details{background:#FFFFFF;border:1px solid #E4E2D8;border-radius:14px;padding:0 24px}
body.home #page-container .hp-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0}
body.home #page-container .hp-faq summary::-webkit-details-marker{display:none}
body.home #page-container .hp-faq summary::after{content:"+";font-family:'Inter',Helvetica,Arial,sans-serif;font-size:22px;color:#788572;flex:0 0 auto}
body.home #page-container .hp-faq details[open] summary::after{content:"–"}
body.home #page-container .hp-faq summary h3{font-size:22px}
body.home #page-container .hp-faq details p{padding-bottom:20px}
body.home #page-container .hp-final{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;padding:80px 24px;border-radius:24px;background:#3A4126}
body.home #page-container .hp-final h2{color:#FFFFFF}
body.home #page-container .hp-final p{color:#E3E6DD;max-width:620px}
body.home #page-container .hp-final small{font-size:14px;color:#C9D0C1}
body.home #page-container .hp-final small a{color:#FFFFFF;font-weight:600;text-decoration:none}
@media (max-width:1100px){body.home #page-container .hp-soin{flex-basis:calc((100% - 24px) / 2)}}
@media (max-width:860px){body.home #page-container .hp-split{grid-template-columns:minmax(0,1fr)}body.home #page-container .hp-ap-img{height:360px}body.home #page-container .hp-steps,body.home #page-container .hp-testis{grid-template-columns:minmax(0,1fr)}body.home #page-container .hp-sec{padding:64px 0}body.home #page-container .hp-gift{padding:28px}}
@media (max-width:520px){body.home #page-container .hp-soin{flex-basis:100%}}

/* Remises a zero face aux styles Divi */
body.home #page-container .hp{font-family:'Proza Libre',Helvetica,Arial,sans-serif;color:#2E332B;background:#F9F4F1}
body.home #page-container .hp p{padding-bottom:0}
body.home #page-container .hp ul{list-style:none!important;margin:0!important;padding:0!important}
body.home #page-container .hp li{list-style:none!important;margin:0!important}
body.home #page-container .hp li::before{display:none}
body.home #page-container .hp h2,body.home #page-container .hp h3{padding-bottom:0}
body.home #page-container .hp a.hp-btn{text-decoration:none}
body.home #page-container .hp img{max-width:100%}
body.home #page-container .hp-soin-img{padding:0;aspect-ratio:4/5;height:auto}
body.home #page-container .hp-soin-img img{display:block;width:100%;height:100%;object-fit:cover}
body.home #page-container .hp a:not(.hp-btn):not(.hp-soin){color:#55614F}
body.home #page-container .hp a:not(.hp-btn):not(.hp-soin):hover{color:#3A4126}
body.home #page-container .hp-final small a{color:#FFFFFF!important}
body.home #page-container .hp-ms{display:flex;flex-direction:column;gap:24px}
body.home #page-container .hp-ms-img{border-radius:20px;overflow:hidden;aspect-ratio:4/5;max-height:620px}
body.home #page-container .hp-ms-img img{display:block;width:100%;height:100%;object-fit:cover}

/* Temoignages en carrousel */
body.home #page-container .hp-carou{position:relative}
body.home #page-container .hp-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;outline:none}
body.home #page-container .hp-track::-webkit-scrollbar{display:none}
body.home #page-container .hp-track:focus-visible{outline:2px solid #55614F;outline-offset:4px;border-radius:18px}
body.home #page-container .hp-track .hp-testi{flex:0 0 calc((100% - 48px) / 3);box-sizing:border-box;scroll-snap-align:start}
body.home #page-container .hp-nav{display:flex;justify-content:center;gap:12px;margin-top:32px}
body.home #page-container .hp-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #3A4126;background:#FFFFFF;color:#3A4126;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .2s,color .2s}
body.home #page-container .hp-arrow:hover{background:#3A4126;color:#FFFFFF}
body.home #page-container .hp-arrow:disabled{opacity:.35;cursor:default;background:#FFFFFF;color:#3A4126}
@media (max-width:860px){body.home #page-container .hp-track .hp-testi{flex-basis:100%}}

/* Blocs en pleine largeur, quelle que soit la largeur de la ligne Divi */
body.home #page-container {
	overflow-x: clip;
}
body.home #page-container .hp {
	width: 100vw;
	max-width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
}
body.home #page-container .et_pb_code_inner > .hp:only-child {
	margin-top: 0;
	margin-bottom: 0;
}

/* Bloc blog : 3 derniers articles */
body.home #page-container .hp-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body.home #page-container .hp-art{display:flex;flex-direction:column;background:#FFFFFF;border:1px solid #E4E2D8;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .2s}
body.home #page-container .hp-art:hover{border-color:#788572}
body.home #page-container .hp-art-img{position:relative!important;flex:0 0 auto!important;aspect-ratio:3/2;min-height:0!important;height:auto;overflow:hidden!important;background:#DDE2D6}
body.home #page-container .hp-art-img img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important}
body.home #page-container .hp-art-b{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px;flex:1}
body.home #page-container .hp-art h3{font-size:23px;line-height:1.2}
body.home #page-container .hp-art p{font-size:15px;line-height:1.65}
body.home #page-container .hp-art .hp-soin-more{margin-top:auto;padding-top:6px}
@media (max-width:860px){body.home #page-container .hp-articles{grid-template-columns:minmax(0,1fr)}}

/* Bloc "Pourquoi choisir" - reproduit a l'identique de la section Divi d'origine */
body.home #page-container .hp-why-sec{background:#3A4126;padding:20px 0 86px}
body.home #page-container .hp-why-filet{display:block;width:365px;max-width:45%;height:1px;background:rgba(255,255,255,.45);margin:0 0 70px calc(50% - 20px)}
body.home #page-container .hp-why-sec h2{text-align:center;color:#FFFFFF!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-size:clamp(32px,3.5vw,50px)!important;font-weight:500!important;line-height:1.2!important;margin:0 0 64px!important}
body.home #page-container .hp-why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px}
body.home #page-container .hp-why-c{display:flex;flex-direction:column;gap:0}
body.home #page-container .hp-why-c img{display:block;width:50px;height:50px;object-fit:contain;object-position:left center;margin:0 0 22px}
body.home #page-container .hp-why-sec .hp-why-c h3{font-family:'Cormorant Garamond',Georgia,serif!important;font-size:21px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:.02em;text-transform:uppercase;color:#FFFFFF!important;margin:0 0 24px!important}
body.home #page-container .hp-why-sec .hp-why-c p{font-family:'Inter',Helvetica,Arial,sans-serif!important;color:rgba(255,255,255,.82)!important;font-size:15px!important;font-weight:400!important;line-height:1.5!important}
@media (max-width:980px){body.home #page-container .hp-why{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}body.home #page-container .hp-why-filet{margin-left:auto;margin-right:auto}}
@media (max-width:520px){body.home #page-container .hp-why{grid-template-columns:minmax(0,1fr)}body.home #page-container .hp-why-sec h2{margin-bottom:40px!important}}

/* ---------- HERO (section Divi d'origine) : corrections mobile ---------- */
@media (max-width:980px){
	/* Photo de droite : l'effet parallaxe la rend invisible sur mobile, on l'affiche normalement */
	body.home #page-container .et_pb_section_0 .et_pb_column_1{min-height:380px}
	body.home #page-container .et_pb_section_0 .et_pb_column_1 .et_parallax_bg_wrap,
	body.home #page-container .et_pb_section_0 .et_pb_column_1 .et_parallax_bg{
		transform:none!important;top:0!important;bottom:0!important;height:100%!important;
		background-attachment:scroll!important;background-position:center!important;background-size:cover!important
	}
}
@media (max-width:767px){
	/* Boutons : texte sur une seule ligne */
	body.home #page-container .et_pb_section_0 .et_pb_button{
		white-space:nowrap!important;font-size:12px!important;letter-spacing:.1em!important;
		padding-left:24px!important;padding-right:24px!important
	}
}