@charset "UTF-8";.diagnostic{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between}.diagnostic .diagnostic_background{position:sticky;top:0;flex:0 1 42%}.diagnostic .diagnostic_background img,.diagnostic .diagnostic_background svg{width:100%;height:auto;object-fit:cover}.diagnostic .diagnostic_background .diagnostic_overlay{position:absolute;bottom:96px;left:32px;font-size:56px;font-family:Wilma;font-weight:200;font-style:normal;line-height:54px;color:#fff}.diagnostic .diagnostic_background .diagnostic_overlay p{margin:0}.diagnostic #diagnostic-form{flex:0 1 58%;padding:60px}.diagnostic #diagnostic-form .diagnostic_question{margin:0 0 48px}.diagnostic #diagnostic-form .diagnostic_question .topic{margin:0;font-size:28px;font-family:Wilma;font-weight:200;font-style:normal;line-height:32px;color:#000}.diagnostic #diagnostic-form .diagnostic_question .question{margin:0 0 4px;font-size:13px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.32px}.diagnostic #diagnostic-form .diagnostic_question .commentaire{font-size:13px;font-weight:400;font-style:normal;line-height:20px;letter-spacing:.32px;opacity:.6}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices{display:flex;flex-wrap:wrap;align-items:flex-start;margin:24px 0;text-align:center;gap:24px}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices label{display:flex;flex:1 1 140px;flex-direction:column;align-items:center;justify-content:center;max-width:140px;cursor:pointer;gap:4px}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices .custom-radio{display:inline-flex;align-items:center;width:64px;height:64px}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices .custom-radio svg,.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices .custom-radio img{width:100%;height:100%;border:2px solid transparent}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices input[type=radio]{position:absolute;pointer-events:none;opacity:0}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices input[type=radio]:checked+.custom-radio img{border:2px solid #AC1619;border-radius:50%}.diagnostic #klaviyo-wrapper{background:#fdfcfa;padding:8px 32px}.diagnostic #klaviyo-wrapper .klaviyo-form{margin-inline:0!important}@media only screen and (max-width: 749px){.diagnostic{flex-direction:column;flex-wrap:unset;align-items:center;justify-content:center}.diagnostic .diagnostic_background{position:relative;flex:1 1 100%}.diagnostic .diagnostic_background img{aspect-ratio:9/4}.diagnostic .diagnostic_background .diagnostic_overlay{bottom:16px;left:16px;font-size:34px;line-height:36px}.diagnostic #diagnostic-form{flex:1 1 100%;padding:16px 0}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices{justify-content:center;gap:8px 24px}.diagnostic #diagnostic-form .diagnostic_question .diagnostic_choices label{flex:1 1 50%;max-width:calc(50% - 24px);font-size:13px;letter-spacing:.32px}}#results{display:flex;flex-direction:column;padding-top:40px}#results h1,#results h2{text-align:center}#results .product__title h2{text-align:left}@media only screen and (max-width: 749px){#results .product__title h2{font-size:16px;line-height:22px;margin-bottom:0}}#results .result_summary{display:flex;flex:1 1 100%;justify-content:center;margin:0 0 64px;padding:32px 16px;background-color:#fdfcfa}#results .result_summary .result_summary_wrapper{max-width:640px}@media only screen and (max-width: 749px){#results .result_summary{padding:8px 16px}}#results #diagnostic_resultat{display:flex;background-color:#fdfcfa;gap:16px}#results #diagnostic_resultat #best_brosse{display:flex;width:100%;gap:8px}#results #diagnostic_resultat #best_brosse .best_product{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}#results #diagnostic_resultat #best_brosse .best_product .best_image{flex:1 1 40%}#results #diagnostic_resultat #best_brosse .best_product .best_image img,#results #diagnostic_resultat #best_brosse .best_product .best_image svg{display:block;width:100%;height:100%;max-height:640px;margin:0;object-fit:cover;aspect-ratio:4/5}#results #diagnostic_resultat #best_brosse .best_product .best_card{display:flex;flex:1 1 60%;align-items:center;justify-content:center;padding:32px}#results #diagnostic_resultat #best_brosse .best_product .best_card .best_card_wrapper{display:flex;flex-direction:column;justify-content:center}#results .why{display:flex;flex-wrap:wrap;justify-content:space-between;margin:64px 0}#results .why .why_container{flex:0 0 50%;padding:0 64px 0 32px}#results .why .why_container .why_container_wrapper{max-width:540px}#results .why .why_container #pourquoi,#results .why .why_container #res_diagnostique,#results .why .why_container #pro_tip_1,#results .why .why_container #pro_tip_2{margin:0 0 40px 32px}#results .why .why_container p{margin:0 0 24px;font-size:14px;line-height:24px;letter-spacing:.02em}#results .why .why_image{flex:0 0 50%}#results .why .why_image img,#results .why .why_image svg{width:100%;height:100%;object-fit:cover;aspect-ratio:1/1}@media only screen and (max-width: 749px){#results .why{flex-direction:column}#results .why .why_container{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-diagnostic.css.map */
