:root{--stroke-dashoffset: 0 }.section_diagnostic_cair{display:flex;min-height:calc(100vh - 124px);overflow:visible!important}main#app{display:flex;flex-direction:column;font-size:18px;font-family:var(--font-body-family);line-height:22px;flex-grow:1}main#app p{margin:0;letter-spacing:0;font-weight:400;font-size:unset;line-height:unset}main#app .wrap{width:100%;max-width:1248px;margin:0 auto;padding-inline:24px}main#app .wrap.small{max-width:1100px}main#app .btn{padding:12px 16px 8px;font-size:22px;font-family:Wilma,"sans-serif"!important;line-height:24px;text-align:center;text-decoration:none;color:#fff;background-color:#000;max-width:max-content}main#app .klaviyo_diagnostic_wrapper{display:none}main#app header{display:flex;flex-direction:column;flex-wrap:wrap;margin:0;background:#fffbeb}main#app header nav{display:flex;flex-wrap:wrap;justify-content:center;padding:12px 0 10px;font-size:18px;font-family:Wilma,"sans-serif"!important;font-weight:400;font-style:normal;line-height:20px;text-transform:uppercase;gap:0 64px}@media only screen and (max-width:749px){main#app header nav{gap:0 24px;font-size:15px}}main#app header progress{width:100%;height:4px;background:#fffbeb}main#app header progress::-webkit-progress-value{background:#000}main#app header progress::-webkit-progress-bar{background:#fffbeb}main#app article{display:flex;flex-wrap:nowrap;justify-content:center;flex-grow:1}main#app article .image{position:relative;background:url(./bg.jpg) no-repeat center center;flex:1 1 50%}main#app article .image .vertical_text{position:absolute;bottom:400px;right:79px;font-family:Wilma,"sans-serif"!important;font-size:100px;font-style:normal;font-weight:200;line-height:100px;transform-origin:top right;transform:rotate(-90deg)}main#app article #results{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;max-width:75%;margin:20px;padding:16px;font-size:12px;font-family:monospace;line-height:18px;background:#fffd}main#app article #results strong{display:block;margin:0 0 4px;font-size:14px}main#app article #results h2{margin:16px 0 8px;font-size:16px;font-family:monospace}main#app article #results p{margin:0 0 8px}main#app article .contenu{display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;padding:0 5%;flex:1 1 50%}main#app article .contenu .align{width:100%;min-width:480px;max-width:600px;margin:auto 0}main#app article .contenu .question{width:100%;margin:auto 0}main#app article .contenu .question h1{margin:0 0 10px;font-size:20px;font-weight:500;font-style:normal;line-height:28px}main#app article .contenu .question h2{margin:0 0 24px;font-size:26px;font-family:Wilma,"sans-serif"!important;font-weight:400;line-height:26px}main#app article .contenu .question .answer{display:flex;align-items:center;padding:8px 0;border-top:1px solid #000;gap:10px}main#app article .contenu .question .answer:nth-child(odd){background-color:#fffbeb}main#app article .contenu .question .answer:last-child{margin-bottom:40px;border-bottom:1px solid #000}main#app article .contenu .question .answer label{cursor:pointer}main#app article .contenu .controls{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:10px}main#app article .contenu .controls button{max-width:50%;padding:14px 12px 12px;font-size:20px;font-family:Wilma,"sans-serif"!important;font-weight:400;line-height:24px;cursor:pointer;transition:all .2s ease-in-out;text-transform:uppercase;border:1px solid transparent;flex-grow:1;-webkit-appearance:none;appearance:none;color:#000}main#app article .contenu .controls button.prev{border-color:#000;background:#fff}main#app article .contenu .controls button.prev:hover{color:#fff;background-color:#000}main#app article .contenu .controls button.next{border-color:#fffbeb;background:#fffbeb}main#app article .contenu .controls button.next:not(:disabled):hover{color:#fff;background-color:#000}main#app article .contenu .controls button.next:disabled{cursor:not-allowed}main#app #results .h1,main#app #results h1{font-size:48px;font-family:Wilma,"sans-serif"!important;line-height:48px;letter-spacing:1.44px;margin:0 0 16px!important}main#app #results .categorie h3{width:100%;font-size:40px;font-family:Wilma,"sans-serif"!important;line-height:42px;letter-spacing:.9px;margin:0 0 24px -42px;color:#000}main#app #results .categorie h3 span{font-size:54px;margin:0 8px 0 0}main#app #results .bonnebrosse{margin:0 0 42px}main#app #results .bonnebrosse h2{font-size:40px;font-family:Wilma,"sans-serif"!important;line-height:42px;letter-spacing:.9px}main#app #results h4{display:flex;flex-direction:column;align-items:center;justify-content:start;margin:0 0 12px;font-size:20px;font-weight:700;line-height:24px;gap:6px}main#app #results .results_columns{display:flex;gap:40px;align-items:flex-start;justify-content:space-between}main#app #results .col_left{flex:1;max-width:758px;min-width:0}main#app #results .col_right{flex:0 1 360px;align-self:stretch}main#app #results .routine_sticky{position:sticky;top:96px;border:1px solid #e5e5e5;padding:20px;margin:0 0 64px;text-align:center}@media only screen and (max-width:749px){main#app #results .routine_sticky{margin-bottom:0}}main#app #results .routine_sticky__header{display:flex;justify-content:center;align-items:baseline;margin:0 0 12px}main#app #results .routine_sticky__title{font-weight:200;font-family:Wilma,"sans-serif"!important;font-size:18px;line-height:20px;margin:12px 0}main#app #results .routine_sticky__prices{font-size:14px;line-height:20px}main#app #results .routine_sticky__price-compare{text-decoration:line-through;color:#999;margin-right:6px}main#app #results .routine_sticky__price{font-weight:700}main#app #results .routine_sticky__images{display:flex;gap:8px;margin:0 0 12px}main#app #results .routine_sticky__images img{width:0;flex:1;aspect-ratio:4/5;object-fit:cover}main#app #results .routine_sticky__desc{font-size:13px;line-height:20px;margin:0 0 24px}main#app #results .routine_sticky__shipping{font-size:13px;line-height:20px;margin:0 0 24px;text-transform:uppercase;letter-spacing:.5px}main#app #results .routine_sticky__btn{display:block;width:100%;max-width:100%;font-size:16px;cursor:pointer}main#app #results .by_3{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}main#app #results .by_3>a,main#app #results .by_3>div{text-decoration:none;color:#000}main#app #results .by_3>a img,main#app #results .by_3>div img{width:100%;margin:0 0 20px;object-fit:cover}main#app #results .by_3>a h4,main#app #results .by_3>div h4{max-width:95%;margin:0 0 4px;font-size:22px;font-family:Wilma,"sans-serif"!important;font-weight:200;font-style:normal;line-height:24px}main#app #results .by_3>a p,main#app #results .by_3>div p{overflow:hidden;-webkit-line-clamp:4;-webkit-box-orient:vertical;max-width:94%}main#app #results .head{display:flex;flex-direction:column;margin-bottom:64px;gap:12px}main#app #results .head .h1{margin:60px 0 0}main#app #results .global_score{padding-block:64px 48px;margin:0 0 96px;background:#fffbeb}main#app #results .global_score .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:100px}main#app #results .global_score .wrap #circular_progress_bar{position:relative}main#app #results .global_score .wrap #circular_progress_bar .outer{width:280px;height:280px;border-radius:50%;padding:30px;background-color:#f4f4f4}main#app #results .global_score .wrap #circular_progress_bar .inner{display:flex;align-items:center;justify-content:center;width:220px;height:220px;border-radius:50%;background-color:#fffbeb}main#app #results .global_score .wrap #circular_progress_bar #score{text-align:center;font-family:Wilma,"sans-serif"!important;font-size:75px;font-style:normal;font-weight:200;line-height:75px;letter-spacing:-2.25px;padding-top:12px}main#app #results .global_score .wrap #circular_progress_bar circle{fill:none;stroke:url(#GradientColor);stroke-width:30px;stroke-dasharray:780;stroke-dashoffset:780;transform:rotate(-90deg);transform-origin:center;animation:anim .5s linear forwards}main#app #results .global_score .wrap #circular_progress_bar svg{position:absolute;top:0;left:0}main#app #results .global_score .wrap>div:last-of-type{display:flex;flex-direction:column;flex:1;gap:16px}main#app #results .global_score .wrap>div:last-of-type p{line-height:28px}main#app #results .categorie{display:flex;flex-wrap:wrap;align-items:start;flex-direction:column;justify-content:space-between;margin:0 0 65px;gap:12px 32px}main#app #results .categorie .recommended{display:flex;flex-direction:column;gap:24px}main#app #results .categorie .recommended .recommended_product{display:flex;background:#fff;gap:12px}main#app #results .categorie .recommended .recommended_product .recommended_product_img img{max-width:120px;aspect-ratio:4/5;object-fit:cover;height:auto;display:block;margin:0}main#app #results .categorie .recommended .recommended_product .recommended_product_content{display:flex;flex-wrap:wrap;gap:12px;align-content:flex-start;justify-content:space-between}main#app #results .categorie .recommended .recommended_product .recommended_product_title{max-width:360px}main#app #results .categorie .recommended .recommended_product .recommended_product_title p{font-family:Wilma,"sans-serif"!important;font-weight:200}main#app #results .categorie .recommended .recommended_product .recommended_product_title .price{display:inline-block;font-size:16px;font-weight:500;line-height:24px}main#app #results .categorie .recommended .recommended_product .recommended_product_btn .btn{display:block;padding:12px 24px 8px;font-size:18px;line-height:20px;color:#000;background-color:#fef2b9;cursor:pointer}main#app #results .categorie .recommended .recommended_product .recommended_product_btn .loading-overlay__spinner{width:1.4rem}main#app #results .categorie .recommended .recommended_product .recommended_product_desc{margin-top:auto;font-size:16px;width:100%}main#app #results .categorie .recommended .recommended_product .recommended_product_desc a{color:#000;text-decoration:underline}main#app #results .details{flex:1;display:flex;flex-wrap:wrap;gap:16px;margin:0 0 48px}main#app #results .details h4{align-items:flex-start}main#app #results .details .details_subtitle{text-transform:none;margin:0 0 8px;font-weight:700!important}main#app #results .details .details_more summary{cursor:pointer;list-style:none;display:inline;font-size:14px;text-decoration:underline;margin:-8px 0 16px}main#app #results .details .details_more summary::-webkit-details-marker{display:none}main#app #results .details .details_more>p{margin-top:16px}main#app #results .details p{margin:0 0 16px}main#app #results .details>div:first-of-type .score{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px;font-weight:700!important}main#app #results .details>div:first-of-type .score span{font-size:24px;font-family:Wilma,"sans-serif"!important;font-weight:200;font-style:normal;line-height:24px;letter-spacing:.72px}@media only screen and (max-width:749px){main#app #results .details>div:first-of-type .score{font-size:16px;margin:0 0 4px}main#app #results .details>div:first-of-type .score span{font-size:20px}}main#app #results .details>div:first-of-type .progress_bar{position:relative;display:block;width:100%;height:8px;margin:0 0 20px;border-radius:50px;overflow:hidden;background:linear-gradient(270deg,#fef2b9 12.55%,#feb9b9 82.93%)}main#app #results .details>div:first-of-type .progress_bar span{position:absolute;right:0;display:block;width:0%;height:100%;border-top-right-radius:50px;border-bottom-right-radius:50px;background-color:#e6e6e6}main#app #results #advices h3{margin:0 0 12px;font-size:40px;font-family:Wilma,"sans-serif"!important;line-height:42px;letter-spacing:.9px}main#app .capital_capillaire_wrap{display:flex;gap:64px}main#app .capital_capillaire_wrap div:first-child{flex:1 1 50%;min-width:calc(50% - 32px)}main#app .capital_capillaire_wrap div:first-child img,main#app .capital_capillaire_wrap div:first-child svg{position:sticky;top:0;width:100%;height:auto}main#app #advices{margin:60px 0}main#app #qr_code{display:none}@keyframes anim{to{stroke-dashoffset:var(--stroke-dashoffset)}}@media only screen and (max-width:1024px){main#app #results .banner div p{font-size:52px;line-height:52px}}@media only screen and (max-width:767px){main#app article .image{display:none}main#app article .contenu{justify-content:center;padding:0 24px}main#app article .contenu .align{min-width:unset}main#app section{margin:0 0 32px}main#app #results .h1,main#app #results h1{font-size:32px;line-height:38px}main#app #results .by_3{grid-template-columns:315px;justify-content:center;gap:40px}main#app #results .by_3>a h4,main#app #results .by_3>a p,main#app #results .by_3>div h4,main#app #results .by_3>div p{max-width:100%}main#app #results .head{margin-bottom:42px}main#app #results .head>p{max-width:100%}main#app #results .banner>div{padding-inline:24px}main#app #results .banner>div p{font-size:40px;line-height:40px}main#app #results .global_score{margin-block:16px;padding-block:32px 32px}main#app #results .global_score .wrap{flex-direction:column;gap:52px}main#app #results .global_score p{font-size:16px}main#app #results .global_score p.score_description{font-size:15px;line-height:22px!important}main#app #results .results_columns{flex-direction:column}main#app #results .col_right{position:relative;top:0;flex:unset;width:100%;order:-1;margin:0 0 32px}}@media only screen and (max-width:767px)and (max-width:749px){main#app #results .col_right{margin-bottom:8px}}@media only screen and (max-width:767px){main#app #results .categorie{flex-direction:column;align-items:center;margin-bottom:60px;gap:12px 32px}main#app #results .categorie h3{margin-left:unset;font-size:26px;margin-bottom:0}main#app #results .categorie .recommended{flex:1 1 100%}main#app #results .categorie .recommended .recommended_product{gap:16px}main#app #results .categorie .recommended .recommended_product .recommended_product_img img{max-width:100px}main#app #results .categorie .recommended .recommended_product .recommended_product_btn .btn{padding-inline:8px;font-size:15px}main#app #results .categorie .recommended .recommended_product .recommended_product_desc{font-size:13px}main#app #results .details{width:100%}main#app #results .details p{font-size:13px}main#app .capital_capillaire_wrap{flex-direction:column}}@media print{@page{margin:10%}main#app p{font-size:12pt!important;text-align:justify!important}main#app br{display:none}main#app h3{font-size:14pt!important}main#app section{margin:0!important}main#app #results{margin:0 0 50px!important}main#app #results .h1,main#app #results h1{font-size:24px!important;line-height:28px!important;margin:0 0 24px!important}main#app #results #advices,main#app #results #circular_progress_bar,main#app #results .banner,main#app #results .progress_bar,main#app #results .recommended{display:none!important}main#app #results .small{max-width:1248px!important}main#app #results .global_score{margin-top:30px!important}main#app #results .global_score .wrap>div:last-child{margin-bottom:50px}main#app #results .global_score .wrap .btn{display:none}main#app #results .head p{max-width:100%}main#app #results .categorie{flex-direction:column;justify-content:start;align-items:normal}main#app #results .categorie:last-of-type{page-break-after:unset;margin:0!important}main#app #results .categorie .details>div:first-of-type{padding:0;border:none;margin:0 0 20px}main#app #results .categorie .details>div:last-of-type{padding:0;background-color:unset}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/diagnostic_cair.css.map */