#consultation-form{position:relative}#consultation-form h2,#consultation-form h3{margin-bottom:1rem}.#consultation-form h2{font-weight:700}#consultation-form .form-step:not([data-step="1"]) h2{margin-bottom:3rem}#consultation-form .error-message{color:red;font-size:.9em;display:none;margin-bottom:1rem;text-align:start}#consultation-form .custom-choice-list{list-style:none;padding:0;margin:1rem auto;display:flex;justify-content:center;gap:1rem}#consultation-form .custom-choice-list[data-group="Hair Loss Pattern"]{flex-wrap:wrap;justify-content:space-between}#consultation-form .custom-choice-list[data-group="Hair Loss Pattern"] li{max-width:calc(33.3% - 1rem);width:100%;position:relative}#consultation-form .custom-choice-list[data-group="Hair Loss Time"]{flex-direction:column}#consultation-form .custom-choice-list[data-group="Hair Loss Time"] label{margin-bottom:0}#consultation-form .custom-choice-list li{display:block;margin:0;min-height:28px;font-size:.9rem;width:100%}#consultation-form .form-group{padding-bottom:1rem}#consultation-form label{text-transform:inherit;letter-spacing:inherit;font-size:18px;text-align:start}#consultation-form .custom-choice-list label{max-width:75%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;background-color:#fff;padding:15px 20px;border:2px solid #0000;border-radius:14px;width:100%;text-align:center;min-width:100%;font-weight:700;color:#000;height:100%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}#consultation-form .custom-choice-list input[type=radio]:checked+label{border-color:#000}#consultation-form .hair-form-wrapper{max-width:1300px;width:90%;background-color:#fbf7f4;border-radius:24px;padding:50px 80px;margin:100px auto;min-height:700px;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:center}#consultation-form .section-header__title,#consultation-form .form-navigation,#consultation-form .agreement-text{text-align:center}#consultation-form .custom-choice-list input{opacity:0;position:absolute;width:100%;left:0}#consultation-form input,#consultation-form textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:none;border-bottom:1px solid;border-color:var(--colorBorder)}#consultation-form .results-popup{margin-top:2rem;background:#f7f7f7;padding:1rem;border:1px solid #ccc}#consultation-form .steps-indicator{display:none;position:absolute;top:-50px;left:50%;transform:translate(-50%,-50%)}#consultation-form .steps-indicator ul{display:flex;justify-content:center;padding:0;margin:2rem 0}#consultation-form .steps-indicator li{list-style:none;margin:0 10px;font-size:20px;font-weight:700;color:#ccc}#consultation-form .steps-indicator li.active{color:#000;font-weight:700}#consultation-form .form-navigation{margin-top:2rem}#consultation-form .male-products{gap:1rem;border:1px solid black;padding:2rem;border-radius:24px}#consultation-form .male-products h3{margin-bottom:2rem;text-align:center}#consultation-form .pregnancy-warning a,#consultation-form .agreement-text a{text-decoration:underline;text-underline-offset:2px}#consultation-form .grid-product__content{margin-bottom:0}.form-spinner{position:fixed;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;align-items:center;justify-content:center;z-index:9999}.form-spinner .spinner{width:40px;height:40px;border:4px solid transparent;border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite}.hidden{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media screen and (max-width:900px){#consultation-form .custom-choice-list[data-group="Hair Loss Pattern"] li{max-width:calc(50% - 1rem)}#consultation-form .hair-form-wrapper{padding:50px 30px}}@media screen and (max-width:600px){#consultation-form .custom-choice-list[data-group="Hair Loss Pattern"] li{max-width:100%}#consultation-form .grid-overflow-wrapper{overflow-x:hidden}#consultation-form .grid-overflow-wrapper .grid__item{flex:none;margin-left:0;padding-left:0;width:100%}#consultation-form .grid-overflow-wrapper .grid{flex-wrap:wrap;justify-content:center;width:100%;margin:auto}#consultation-form .male-products{border:none;padding:0}#consultation-form .grid-product__content{margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/hair-medication-consultation-form.css.map */