.vt-diagnostique-section{font-family:Quattrocento,Arial,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;isolation:isolate;width:100%;padding:2rem 0;overflow:hidden;background:linear-gradient(135deg,#00796b05,#fffffffa)}.vt-diagnostique-section *{box-sizing:border-box}.vt-diagnostique-container{max-width:1400px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.vt-diagnostique-main-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}@media (max-width: 1024px){.vt-diagnostique-main-layout{grid-template-columns:1fr;gap:3rem}}@media (max-width: 768px){.vt-diagnostique-main-layout{gap:2rem}}.vt-diagnostique-header{text-align:center;margin-bottom:4rem;opacity:0;transform:translateY(30px);animation:vt-diagnostique-fadeInUp .8s ease-out .2s forwards}.vt-diagnostique-badge{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#00796b33,#00dcb81a);border:1px solid rgba(0,121,107,.4);border-radius:50px;-webkit-backdrop-filter:blur(20px);position:relative;overflow:hidden;margin-bottom:1.5rem}.vt-diagnostique-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,121,107,.3) 50%,transparent 100%);animation:vt-diagnostique-shimmer 4s ease-in-out infinite}.vt-diagnostique-badge-icon{font-size:1.75rem;filter:drop-shadow(0 2px 8px rgba(0,121,107,.5))}.vt-diagnostique-badge-text{font-family:Quattrocento,Arial,sans-serif;font-size:1.875rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:linear-gradient(135deg,#00796b,#00dcb8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.vt-diagnostique-section .vt-diagnostique-title-container{position:relative;text-align:center;width:100%;margin:0 auto 40px;display:flex;flex-direction:column;align-items:center;justify-content:center}.vt-diagnostique-section .vt-diagnostique-title-container__header-desktop{display:block;width:100%}.vt-diagnostique-section .vt-diagnostique-title-container__header-mobile{display:none;width:100%}.vt-diagnostique-section .vt-diagnostique-title-container__title--desktop{font-family:El Messiri,Georgia,serif;font-size:48px;font-weight:700;line-height:1.2;letter-spacing:-.5px;margin:0 0 24px;text-wrap:balance;width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative;color:#2c2c2c;transition:all .3s cubic-bezier(.25,.46,.45,.94)}.vt-diagnostique-section .vt-diagnostique-title-container__subtitle--desktop{font-family:Quattrocento,Arial,sans-serif;color:#003834;font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0px;opacity:.9;margin:0 0 2rem;width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:800px;margin-left:auto;margin-right:auto}.vt-diagnostique-section .vt-diagnostique-title-container__title--mobile{font-family:El Messiri,Georgia,serif;color:#2c2c2c;font-size:28px;font-weight:700;line-height:1.3;letter-spacing:-.2px;margin:0 0 16px;text-wrap:balance;width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;position:relative}.vt-diagnostique-section .vt-diagnostique-title-container__subtitle--mobile{font-family:Quattrocento,Arial,sans-serif;color:#003834;font-size:15px;font-weight:400;line-height:1.5;letter-spacing:.1px;opacity:.85;margin:0 0 1.5rem;width:100%;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.vt-diagnostique-section .vt-diagnostique-title-container__title .vt-diagnostique-highlight-text{background:linear-gradient(135deg,#00796b,#4db6ac);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;display:inline-block}.vt-diagnostique-section .vt-diagnostique-title-container__title .vt-diagnostique-highlight-text:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:linear-gradient(135deg,#00796b,#4db6ac);opacity:.4;border-radius:2px}@media screen and (max-width: 767px){.vt-diagnostique-section .vt-diagnostique-title-container__header-desktop{display:none}.vt-diagnostique-section .vt-diagnostique-title-container__header-mobile{display:block}}.vt-diagnostique-quiz-container{max-width:100%;background:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:3rem;position:relative;overflow:hidden}.vt-diagnostique-quiz-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,121,107,.4) 50%,transparent 100%)}.vt-diagnostique-screen{display:none;opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}.vt-diagnostique-screen[data-active=true]{display:block;opacity:1;transform:translateY(0)}.vt-diagnostique-intro-content{text-align:center;padding:2rem 0}.vt-diagnostique-intro-icon{margin-bottom:2rem;opacity:0;transform:scale(.8);animation:vt-diagnostique-scaleIn .8s ease-out .4s forwards}.vt-diagnostique-intro-icon svg{filter:drop-shadow(0 4px 20px rgba(0,121,107,.2))}.vt-diagnostique-intro-title{font-family:El Messiri,Georgia,serif;font-size:2.5rem;font-weight:600;color:#003834;margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .8s ease-out .6s forwards}.vt-diagnostique-intro-text{font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;line-height:1.6;color:#00796b;margin-bottom:3rem;max-width:500px;margin-left:auto;margin-right:auto;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .8s ease-out .8s forwards}.vt-diagnostique-start-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#00796b,#003834);color:#fff;border:none;border-radius:50px;font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;font-weight:600;letter-spacing:.025em;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .8s ease-out 1s forwards}.vt-diagnostique-start-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.vt-diagnostique-start-btn:hover{transform:translateY(-2px)}.vt-diagnostique-start-btn:hover:before{left:100%}.vt-diagnostique-start-btn:active{transform:translateY(0)}.vt-diagnostique-btn-icon{font-size:1.25rem;transition:transform .3s ease}.vt-diagnostique-start-btn:hover .vt-diagnostique-btn-icon{transform:translate(3px)}.vt-diagnostique-progress-container{margin-bottom:3rem;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .6s ease-out .2s forwards}.vt-diagnostique-progress-track{height:4px;background:#00796b1a;border-radius:2px;overflow:hidden;margin-bottom:1rem;position:relative}.vt-diagnostique-progress-track:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#00796b1a 0% 50%,#00796b1a);animation:vt-diagnostique-shimmer 2s ease-in-out infinite}.vt-diagnostique-progress-fill{height:100%;background:linear-gradient(135deg,#00796b 0% 100%);border-radius:2px;transition:width .6s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vt-diagnostique-progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);transform:translate(-100%);animation:vt-diagnostique-progressShine 2s ease-in-out infinite 1s}.vt-diagnostique-progress-text{font-family:Quattrocento,Arial,sans-serif;font-size:.875rem;font-weight:600;color:#00796b;text-align:center;display:block}.vt-diagnostique-question{display:none;opacity:0;transform:translate(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.vt-diagnostique-question[data-active=true]{display:block;opacity:1;transform:translate(0)}.vt-diagnostique-question-title{font-family:El Messiri,Georgia,serif;font-size:2rem;font-weight:600;color:#003834;text-align:center;margin-bottom:2.5rem;line-height:1.2}.vt-diagnostique-options{display:grid;gap:1rem;margin-bottom:3rem}.vt-diagnostique-option{background:#ffffffb3;border:2px solid rgba(0,121,107,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.vt-diagnostique-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,121,107,.05) 50%,transparent 100%);transition:left .6s ease}.vt-diagnostique-option:hover{border-color:#00796b4d;transform:translateY(-4px);background:#ffffffe6}.vt-diagnostique-option:hover:before{left:100%}.vt-diagnostique-option.selected{border-color:#00796b;background:linear-gradient(135deg,#00796b14,#00796b08);transform:translateY(-2px)}.vt-diagnostique-option-content{display:flex;align-items:center;gap:1rem;text-align:left}.vt-diagnostique-option-icon{font-size:2rem;flex-shrink:0;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00796b1a 0% 100%);border-radius:50%;transition:transform .3s ease}.vt-diagnostique-option:hover .vt-diagnostique-option-icon{transform:scale(1.1)}.vt-diagnostique-option-text{font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;font-weight:600;color:#003834;display:block;margin-bottom:.25rem}.vt-diagnostique-option-desc{font-family:Quattrocento,Arial,sans-serif;font-size:.9375rem;color:#00796b;display:block;line-height:1.4}.vt-diagnostique-navigation{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem}.vt-diagnostique-nav-btn{flex:1;max-width:200px;padding:1rem 2rem;border:2px solid #00796B;border-radius:50px;font-family:Quattrocento,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vt-diagnostique-prev-btn{background:#ffffffe6;color:#00796b}.vt-diagnostique-next-btn{background:linear-gradient(135deg,#00796b,#003834);color:#fff;margin-left:auto}.vt-diagnostique-nav-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vt-diagnostique-nav-btn:not(:disabled):hover{transform:translateY(-2px)}.vt-diagnostique-results-content{text-align:center;padding:2rem 0}.vt-diagnostique-results-header{margin-bottom:3rem}.vt-diagnostique-success-icon{margin-bottom:1.5rem;opacity:0;transform:scale(.5);animation:vt-diagnostique-successPop .8s cubic-bezier(.68,-.55,.265,1.55) .2s forwards}.vt-diagnostique-results-title{font-family:El Messiri,Georgia,serif;font-size:2.5rem;font-weight:600;color:#003834;margin-bottom:1rem;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .8s ease-out .4s forwards}.vt-diagnostique-results-subtitle{font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;color:#00796b;margin-bottom:0;opacity:0;transform:translateY(20px);animation:vt-diagnostique-fadeInUp .8s ease-out .6s forwards}.vt-diagnostique-recommended-products{display:grid;gap:1.5rem;margin-bottom:3rem;opacity:0;transform:translateY(30px);animation:vt-diagnostique-fadeInUp .8s ease-out .8s forwards}.vt-diagnostique-product-card{background:#fffc;border:1px solid rgba(0,121,107,.1);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all .3s ease;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden}.vt-diagnostique-product-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,121,107,.05) 50%,transparent 100%);transition:left .6s ease}.vt-diagnostique-product-card:hover{transform:translateY(-4px);border-color:#00796b4d;box-shadow:0 8px 24px #00796b26}.vt-diagnostique-product-card:hover:before{left:100%}.vt-diagnostique-product-card:active{transform:translateY(-2px)}.vt-diagnostique-product-image{width:80px;height:80px;border-radius:12px;object-fit:cover;flex-shrink:0}.vt-diagnostique-product-info{flex:1;text-align:left}.vt-diagnostique-product-name{font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;font-weight:600;color:#003834;margin-bottom:.5rem}.vt-diagnostique-product-benefits{font-family:Quattrocento,Arial,sans-serif;font-size:.9375rem;color:#00796b;line-height:1.4;margin-bottom:.5rem}.vt-diagnostique-product-price{font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;font-weight:700;color:#00796b}.vt-diagnostique-no-results{text-align:center;padding:2rem;color:#00796b;font-family:Quattrocento,Arial,sans-serif}.vt-diagnostique-product-description{font-family:Quattrocento,Arial,sans-serif;font-size:.875rem;color:#666;line-height:1.4;margin-bottom:.75rem}.vt-diagnostique-add-routine-btn{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 2rem;background:linear-gradient(135deg,#00796b,#003834);color:#fff;border:none;border-radius:50px;font-family:Quattrocento,Arial,sans-serif;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.vt-diagnostique-add-routine-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.2) 50%,transparent 100%);transition:left .6s ease}.vt-diagnostique-add-routine-btn:hover{transform:translateY(-3px)}.vt-diagnostique-add-routine-btn:hover:before{left:100%}.vt-diagnostique-total-price{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;background:#fff3;padding:.75rem 1rem;border-radius:20px;font-size:.9rem}.vt-diagnostique-price-label{font-size:.875rem;font-weight:600;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.vt-diagnostique-original-price{font-size:.875rem;font-weight:500;color:#ffffffb3;text-decoration:line-through;text-decoration-thickness:2px}.vt-diagnostique-discounted-price{font-size:1.25rem;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1)}.vt-diagnostique-discount-badge{display:inline-block;font-size:.75rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#c9b037,#f4e99b);padding:.25rem .75rem;border-radius:12px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #c9b0374d}.vt-diagnostique-restart-btn{padding:1rem 2rem;background:transparent;color:#00796b;border:2px solid #00796B;border-radius:50px;font-family:Quattrocento,Arial,sans-serif;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.vt-diagnostique-restart-btn:hover{background:#00796b;color:#fff;transform:translateY(-2px)}@media (max-width: 768px){.vt-diagnostique-container{padding:0 1.5rem}.vt-diagnostique-title{font-size:2.5rem}.vt-diagnostique-subtitle{font-size:1.125rem}.vt-diagnostique-quiz-container{padding:2rem 1.5rem;border-radius:16px}.vt-diagnostique-intro-title{font-size:2rem}.vt-diagnostique-question-title{font-size:1.5rem}.vt-diagnostique-option{padding:1.25rem}.vt-diagnostique-option-content{flex-direction:column;text-align:center;gap:.75rem}.vt-diagnostique-option-icon{align-self:center}.vt-diagnostique-navigation{flex-direction:column}.vt-diagnostique-nav-btn{max-width:none}.vt-diagnostique-results-title{font-size:2rem}.vt-diagnostique-product-card{flex-direction:column;text-align:center}.vt-diagnostique-product-info{text-align:center}}@media (max-width: 480px){.vt-diagnostique-title{font-size:2rem;line-height:1.2}.vt-diagnostique-quiz-container{padding:1.5rem 1rem}.vt-diagnostique-option{padding:1rem}.vt-diagnostique-start-btn,.vt-diagnostique-add-routine-btn{padding:1rem 1.5rem;font-size:1rem}.vt-diagnostique-badge{padding:.75rem 1.5rem;gap:.5rem}.vt-diagnostique-badge-text{font-size:1.5rem;letter-spacing:1px}}@keyframes vt-diagnostique-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes vt-diagnostique-scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes vt-diagnostique-successPop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes vt-diagnostique-shimmer{0%,to{opacity:.5}50%{opacity:1}}@keyframes vt-diagnostique-progressShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.vt-diagnostique-media-container{position:relative;background:#ffffffe6;border:1px solid rgba(0,121,107,.1);border-radius:24px;overflow:hidden;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.vt-diagnostique-video-wrapper{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:24px}.vt-diagnostique-image-wrapper{position:relative;width:100%;border-radius:24px;overflow:hidden}.vt-diagnostique-video{width:100%;height:100%;object-fit:cover;border-radius:24px;border:none}.vt-diagnostique-media-image{width:100%;height:auto;border-radius:24px;display:block}@media (max-width: 1024px){.vt-diagnostique-media-container{order:-1;margin-bottom:2rem}}@media (max-width: 768px){.vt-diagnostique-video-wrapper{aspect-ratio:4/3}.vt-diagnostique-media-container,.vt-diagnostique-video,.vt-diagnostique-media-image{border-radius:16px}}@media (prefers-reduced-motion: reduce){.vt-diagnostique-section *,.vt-diagnostique-section *:before,.vt-diagnostique-section *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.vt-diagnostique-section{contain:layout style paint}.vt-diagnostique-option:focus,.vt-diagnostique-start-btn:focus,.vt-diagnostique-nav-btn:focus,.vt-diagnostique-add-routine-btn:focus,.vt-diagnostique-restart-btn:focus{outline:2px solid #00796B;outline-offset:2px}@media (prefers-contrast: high){.vt-diagnostique-quiz-container,.vt-diagnostique-option{border:2px solid #000}}@keyframes vt-diagnostique-shimmer{0%,to{left:-100%}50%{left:100%}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/vt-diagnostique.css.map */