:root{--lbb-black: #121212;--lbb-grey: #8f8f8f;--lbb-beige-circle: #f2eae6;--lbb-beige-panel: #f7f3f0;--lbb-red: #9e3a3a;--lbb-border: #949596}.diagnostic{display:flex;align-items:flex-start;gap:5.6rem;padding-top:2.4rem;letter-spacing:.04em;color:var(--lbb-black)}@media(max-width:989px){.diagnostic{flex-direction:column;gap:2rem;padding-top:0}}.diagnostic_background{position:relative;flex:0 0 42%;max-width:580px;align-self:stretch}.diagnostic_background picture,.diagnostic_background img,.diagnostic_background svg{display:block;width:100%;height:100%;min-height:640px;max-height:840px;object-fit:cover}.diagnostic_overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;pointer-events:none}.diagnostic_overlay p{color:#fff;font-size:4.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.05;margin:0;padding:0 2.8rem 3.4rem}@media(max-width:989px){.diagnostic_background{flex-basis:auto;width:100%;max-width:none;align-self:auto;height:clamp(200px,42vw,340px)}.diagnostic_background picture,.diagnostic_background img,.diagnostic_background svg{height:100%;min-height:0;max-height:none;width:100%;object-fit:cover}.diagnostic_overlay p{font-size:3.2rem;padding:0 1.6rem 1.8rem}#diagnostic-form{padding-top:.8rem}}#diagnostic-form{flex:1 1 auto;padding-top:3.2rem;max-width:720px}.diagnostic_question{margin-bottom:4.4rem}.diagnostic_question .topic{font-size:2.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;color:var(--lbb-black);margin-bottom:.2rem}.diagnostic_question .question{font-size:1.4rem;color:var(--lbb-black);margin-bottom:.2rem}.diagnostic_question .commentaire{font-size:1.35rem;color:var(--lbb-grey);letter-spacing:.05em;margin-bottom:2.6rem}.diagnostic_choices{display:flex;flex-wrap:wrap;gap:1.2rem 0}.diagnostic_choices label{display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;font-size:1.35rem;color:var(--lbb-black);width:170px;gap:1.4rem;-webkit-tap-highlight-color:transparent}@media(max-width:749px){.diagnostic_choices label{width:50%;padding:0 .8rem}}.diagnostic_choices input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.custom-radio{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;background:var(--lbb-beige-circle);outline:1.5px solid transparent;outline-offset:4px;transition:outline-color .15s ease;flex-shrink:0}.custom-radio img{width:42px;height:42px;object-fit:contain}.diagnostic_choices input[type=radio]:checked+.custom-radio{outline-color:var(--lbb-red)}.diagnostic_choices input[type=radio]:focus-visible+.custom-radio{outline-color:var(--lbb-black)}.diagnostic_choices label:hover .custom-radio{outline-color:#d8c7c0}.diagnostic_choices input[type=radio]:checked+.custom-radio:hover{outline-color:var(--lbb-red)}#submit-wrapper{margin-top:1rem;max-width:450px}#submit-wrapper[hidden]{display:none}#submit-wrapper .btn_diagnostic{width:100%;height:54px;background:#000;color:#fff;border:none;font-size:1.3rem;font-weight:400;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}#submit-wrapper .btn_diagnostic:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #000}.diagnostic--results{display:block}#results[hidden],.result_block[hidden]{display:none}.result_summary{background:var(--lbb-beige-panel);text-align:center;padding:5.6rem 2rem 3.2rem}.result_summary h2.brosse_selection{font-size:3.2rem;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0}.result_summary h2.brosse_selection span{display:block;font-size:1.6rem;font-weight:400;text-transform:none;letter-spacing:.04em;margin-top:1rem}.result_summary_wrapper{background:var(--lbb-beige-panel);text-align:center;padding:0 2rem 4.8rem}#res_diagnostique{max-width:640px;margin:0 auto;font-size:1.4rem;line-height:1.8;padding-top:1.6rem}.result_summary_wrapper a{display:inline-block;color:var(--lbb-black);text-decoration:underline;text-underline-offset:.3rem;font-size:1.4rem;margin-top:2rem}.result_product_card{display:flex;gap:5.6rem;align-items:center;flex-wrap:wrap;background:#fbf9f7;padding:4rem;margin:4.8rem 0}@media(max-width:749px){.result_product_card{padding:2rem;gap:2.4rem}}.result_product_media{flex:1 1 380px;min-width:280px}.result_product_media img{width:100%;height:auto;display:block}.result_product_info{flex:1 1 340px}.result_product_info h3{font-size:2rem;font-weight:600;letter-spacing:.03em;margin:0 0 .6rem}.result_product_info .price{font-size:1.8rem;margin-bottom:2.4rem}.result_swatches{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2.8rem}.result_swatches input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.result_swatches .swatch_visual{display:flex;align-items:center;justify-content:center;width:52px;height:60px;background:var(--lbb-beige-circle);cursor:pointer;border-bottom:2px solid transparent;font-size:1.1rem;overflow:hidden;transition:border-color .15s ease}.result_swatches .swatch_visual img{width:100%;height:100%;object-fit:cover}.result_swatches input[type=radio]:checked+.swatch_visual{border-bottom-color:var(--lbb-black)}.result_swatches input[type=radio]:focus-visible+.swatch_visual{outline:1.5px solid var(--lbb-black);outline-offset:2px}.result_swatches input[type=radio]:disabled+.swatch_visual{opacity:.35;cursor:not-allowed}.button_black{display:block;width:100%;box-sizing:border-box;background:#000;color:#fff;border:none;text-align:center;text-decoration:none;text-transform:uppercase;font-size:1.3rem;letter-spacing:1px;padding:1.9rem 2rem;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.button_black:hover{background:#fff;color:#000;box-shadow:inset 0 0 0 1px #000}.button_black--outline{margin-top:1.2rem}.result_product_info .payment_note{text-align:center;font-size:1.3rem;margin-top:1.4rem}.why{display:flex;gap:5.6rem;align-items:flex-start;margin-top:4rem}@media(max-width:989px){.why{flex-direction:column-reverse;gap:3.2rem}}.why_container{flex:1 1 50%}.why h3.commentaire{font-family:Georgia,Times New Roman,serif;font-size:2.2rem;font-weight:500;color:var(--lbb-red);margin:0 0 1.6rem}#pourquoi,#pro_tip_1,#pro_tip_2{font-size:1.4rem;line-height:1.8;padding-left:2.4rem;margin-bottom:2.4rem}#pourquoi{margin-bottom:3.6rem}.why_image{flex:1 1 50%}.why_image img{width:100%;height:auto;display:block}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-diagnostic.css.map */