.help-me-choose-section{padding-top:60px;padding-bottom:240px;background-color:#fff}.progress-wrapper-section{position:sticky;top:60px;z-index:1;background:#fff}.progress-wrapper{max-width:1248px;margin:0 auto;padding:16px 24px 10px}.progress-wrapper-section.fixed{border-bottom:1px solid #eaeaea;box-sizing:border-box}.progress-container{width:100%;position:relative}.progress-view{display:flex;justify-content:space-between;align-items:center;width:100%;height:6px;border-radius:5px;gap:10px;padding:0 24px}.progress-view.fixed{border-bottom:1px solid #eaeaea}.progress-view-item{height:100%;-webkit-transform:skewX(120deg);transform:skew(120deg);display:block;flex:1;line-height:1;z-index:1}.progress-view-item{height:100%;background:#ededed;position:relative}.progress-view-item.active-50 .progress-view-item-inner{width:50%;background:#007aff}.progress-view-item.active-100 .progress-view-item-inner{width:100%;background:#007aff}.progress-view-item-inner{height:100%;width:0}.progress-view:before{content:"";position:absolute;top:0;left:0;background:#2673ff;border-top-left-radius:3px;border-bottom-left-radius:3px;width:30px;height:6px;z-index:0}.progress-view:after{content:"";position:absolute;top:0;right:0;background:#ededed;border-top-right-radius:3px;border-bottom-right-radius:3px;width:30px;height:6px;z-index:0}.progress-view:has(.progress-view-item-3.active-100):after{background:#2673ff}.step-container{margin-top:40px}.step-container .step-title{font-size:32px;line-height:44px;white-space:pre-line;text-align:center}.text-container{display:flex;justify-content:space-between;align-items:center;width:100%;height:6px;border-radius:5px;gap:10px;margin-top:20px;padding-bottom:12px}.text-container .text-container-item{flex:1;display:flex;justify-content:space-between}.text-container .step-text.step4{justify-content:flex-end}.text-container .step-text{font-weight:500;font-size:14px}.text-container .step-text.active{color:#007aff}.text-container .step1{color:#007aff;font-weight:500}.text-container .step2{margin-right:-30px}.text-container .step3{margin-left:-30px}.next-button-container{margin-top:50px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;gap:20px}.next-button-container .back-button{background:#fff;border-radius:10px;text-align:center;padding:13px 32px;font-size:19px;cursor:pointer;color:#2673ff;border:1px solid #2673ff;font-weight:600;display:flex;justify-content:center;align-items:center;min-width:300px}.next-button-container .next-button{background:#2673ff;border-radius:10px;text-align:center;padding:13px 32px;font-size:19px;cursor:pointer;color:#fff;border:1px solid #2673ff;font-weight:600;display:flex;justify-content:center;align-items:center;min-width:300px}.next-button-container .next-button.disabled{opacity:.5;cursor:not-allowed}.img-box{width:100%;height:auto;cursor:pointer;position:relative;color:#165dff}.img-box .checked{position:absolute;bottom:20px;right:20px;width:36px;height:36px;display:none}.img-box .mask{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:none}.active>.img-box .mask{display:block}.active>.img-box .checked{display:block}.img-box img{width:100%;height:100%;object-fit:cover}.step1-box{display:flex;gap:26px;margin-top:40px}.step1-box .step1-item{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}.step1-box .step1-item .img-box{aspect-ratio:1/1}.step1-box .step1-item .img-text{font-size:19px;line-height:26px;white-space:pre-line;color:#757575;font-weight:500}.step-container.active{display:block}.step-container:not(.active){display:none}.step-container-2 .checkbox-container{margin:40px auto 0;padding:30px 40px 40px;background-color:#f5f5f5;border-radius:32px;overflow:hidden;display:none}.step-container-2 .checkbox-container.active{display:block}.step-container-2 .checkbox-container .checkbox-item-title{font-size:24px;line-height:33px;font-weight:700;margin-bottom:30px;text-align:center}.step-container-2 .checkbox-container .checkbox-item-list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step-container-2 .checkbox-container .checkbox-item-list.grid-4{grid-template-columns:repeat(2,355px);justify-items:center;justify-content:center}.step-container-2 .checkbox-container .checkbox-item-list .checkbox-item{width:355px}.step-container-2 .checkbox-container .checkbox-item .checkbox-item-text{margin-top:14px;font-size:17px;line-height:23px;white-space:pre-line;color:#757575;font-weight:500;text-align:center}.step-container-2 .other-img{width:806px;height:auto;margin:30px auto 0;display:block}.step-container-2 .step2-input{width:806px;margin:30px auto 0;padding:15px 24px;font-size:19px;line-height:26px;color:#03060b;border:1px solid #d9d9d9;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-weight:600}.step-container-2 .step2-input:focus{border-color:#40a9ff;box-shadow:none;transition:all .3s ease}.step-container-2 .step2-input:focus-visible{outline:none}.step-container-3 .step-subtitle{margin-top:6px;color:#919191;text-align:center;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.step-container-3 .clear-all-button{margin-top:10px;color:#2673ff;font-size:16px;line-height:22px;text-align:right;cursor:pointer;text-decoration:underline;font-weight:600}.step-container-3 .consumption-select-list{margin-top:20px;grid-template-columns:repeat(2,1fr);gap:24px;display:none}.step-container-3 .consumption-select-list.active{display:grid}.step-container-3 .consumption-select-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border:1px solid #ddd;border-radius:14px;overflow:hidden;transition:all .5s ease;cursor:pointer}.step-container-3 .consumption-select-item_left{display:flex;align-items:center;gap:26px}.step-container-3 .consumption-select-item_left_icon{width:37px;height:37px}.step-container-3 .consumption-select-item_left_icon svg{width:100%;height:auto}.step-container-3 .consumption-select-item_left_text{display:flex;flex-direction:column;gap:2px;font-weight:500}.step-container-3 .consumption-select-item_left_text_title{font-size:20px;line-height:27px;color:#03060b;font-weight:600}.step-container-3 .consumption-select-item_left_text_description{font-size:14px;line-height:19px;color:#777}.step-container-3 .consumption-select-item_right{display:flex;align-items:center;gap:26px}.step-container-3 .edit-button{font-size:17px;line-height:25px;color:#165dff;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.step-container-3 .checked-button{cursor:pointer;width:28px;height:28px;border-radius:6px;border:1px solid #999;position:relative;transition:all .3s ease}.step-container-3 .consumption-select-item.active .checked-button{border-color:transparent;background-color:#165dff}.step-container-3 .checked-button:after{position:absolute;top:45%;left:23.5%;width:8.8px;height:16px;display:table;border:2px solid #fff;border-top:0;border-left:0;-webkit-transform:rotate(45deg) scale(0) translate(-50%,-50%);transform:rotate(45deg) scale(0) translate(-50%,-50%);opacity:0;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s;content:" "}.step-container-3 .consumption-select-item.active .checked-button:after{opacity:1;-webkit-transform:rotate(45deg) scale(1) translate(-50%,-50%);transform:rotate(45deg) scale(1) translate(-50%,-50%)}.step-container-3 .edit-button.add-button{width:28px;height:28px;border-radius:50%;background-color:#f3f3f3;color:#686868;font-size:28px;line-height:28px;text-align:center;cursor:pointer;display:none}.step-container-3 .consumption-select-item-custom.disabled .edit{display:none}.step-container-3 .consumption-select-item-custom.disabled .add-button{display:block}.step-container-3 .sum-container{margin-top:30px;display:flex;flex-direction:column;gap:10px;align-items:center}.step-container-3 .next-button-container .sum-container{display:none}.step-container-3 .sum-result{display:flex;align-items:baseline;gap:6px}.step-container-3 .sum-result-text{color:#03060b;font-size:16px;line-height:22px;font-weight:600}.step-container-3 .sum-result-value{color:#03060b;font-size:28px;line-height:38px;font-weight:800}.step-container-3 .sum-tips{font-size:12px;line-height:16px;color:#919191;font-weight:500}.step-container-3-dialog{position:fixed;top:0;right:0;left:0;bottom:0;z-index:12345678910;display:flex;justify-content:center;align-items:center;display:none}.step-container-3-dialog.is-custom .dialog-content_button_save.disabled{opacity:.5;cursor:not-allowed}.step-container-3-dialog .step-container-3-dialog_mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#00000073;z-index:1}.step-container-3-dialog .dialog-content{width:540px;background:#fff;position:relative;z-index:2;background-clip:padding-box;border:0;border-radius:30px;box-shadow:0 3px 6px -4px #0000001f,0 6px 16px #00000014,0 9px 28px 8px #0000000d;padding:60px 48px}.step-container-3-dialog .dialog-content .dialog-content_close{position:absolute;top:24px;right:24px;cursor:pointer;width:32px;height:32px}.step-container-3-dialog .dialog-content .dialog-title{display:flex;align-items:center;gap:14px;font-size:20px;line-height:28px;font-weight:600;color:#000}.step-container-3-dialog .dialog-content_title_svg{width:38px;height:38px}.step-container-3-dialog .dialog-content_title_text{font-size:20px;line-height:28px;font-weight:600;color:#000}.step-container-3-dialog .dialog-content_w{margin-top:36px}.step-container-3-dialog .dialog-content_title{font-size:19px;line-height:44px;font-weight:600;color:#000}.dialog-content-inputs{display:flex;align-items:center;gap:20px}.step-container-3-dialog input{outline:none;border:1px solid #999;border-radius:4px;height:44px;font-size:17px;color:#2673ff;font-weight:700}.step-container-3-dialog .dialog-content_w_input input{width:100px}.step-container-3-dialog .dialog-content_unit{font-size:17px;font-weight:700;color:#000}.step-container-3-dialog .dialog-content_tips{margin-top:15px;color:#666;font-size:14px;line-height:20px;font-weight:500}.dialog-content_time{margin-top:25px;padding-top:25px;border-top:1px solid #dcdcdc}.dialog-content_time_inputs{margin-top:10px}.dialog-content_time_inputs input{width:60px}.dialog-content_button-container{margin-top:50px;display:flex;justify-content:center;align-items:center}.dialog-content_button_save{min-width:300px;padding:13px 32px;height:52px;display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;font-size:19px;line-height:26px;font-weight:600;box-sizing:border-box;background-color:#2673ff;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.step4-box{display:flex;gap:26px;margin-top:40px}.step4-box .step4-item{flex:1;display:flex;align-items:center;flex-direction:column;gap:20px}.step4-box .step4-item .img-box{height:256px;width:100%}.step4-box .step4-item .img-text{font-size:19px;line-height:26px;white-space:pre-line;color:#757575;font-weight:500}.step4-box .img-icon{position:absolute;left:20px;bottom:20px}.step-container-5 .back-button,.step-container-5 .next-button{min-width:380px}.step-container-5 .product-list{gap:20px;justify-content:center;margin-top:40px;display:none}.step-container-5 .product-list.active{display:flex}.step-container-5 .product-item{display:flex;flex:1;max-width:480px;flex-direction:column;background-color:#f8f8f8;border-radius:24px;overflow:hidden}.step-container-5 .product-item.hidden{display:none}.step-container-5 .product-item .product-img-box{width:100%;height:342px;position:relative;display:flex}.step-container-5 .product-item .product-img-box img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.step-container-5 .product-item .text-box{display:flex;flex-direction:column;padding:0 40px 50px;flex:1 1;color:#03060b}.step-container-5 .product-item .product-tag{font-size:14px;line-height:19px;color:#fa4500;font-weight:600}.step-container-5 .product-item .product-tag.best-seller{color:#f7a40a}.step-container-5 .product-item .product-name{margin-top:6px;font-size:19px;line-height:26px;color:#000;font-weight:700}.step-container-5 .product-item .product-description{margin-top:6px;font-size:14px;line-height:20px;color:#000;font-weight:500}.step-container-5 .product-item .product-description p{margin:0;line-height:19px}.step-container-5 .product-item .product-price{margin-top:30px;display:flex;align-items:center;gap:4px}.step-container-5 .product-item .product-price .discount{font-size:24px;line-height:33px;color:#000;font-weight:700}.step-container-5 .product-item .product-price .original{font-size:13px;line-height:20px;color:#666;font-weight:600;text-decoration:line-through}.step-container-5 .product-item .learn-more-button{display:flex;flex-direction:column;justify-content:flex-end;flex:1 1}.step-container-5 .product-item .learn-more-button a{margin-top:20px;display:flex;justify-content:center;align-items:center;padding:12px 20px;background:#2673ff;border-radius:10px;font-size:16px;color:#fff;cursor:pointer;font-weight:600;-webkit-user-select:none;user-select:none}.step-container-5 .next-button-container .next-button{display:none}.step-container-5 .next-button-container .next-button.mobile{display:block}@media (min-width: 769px){.next-button-container .next-button:not(.disabled):hover{opacity:.9}}.step-container-2 .back-button:hover{opacity:.9}.step-container-3 .consumption-select-item:hover{background-color:#f8f8f8;border-color:transparent;transition:all .5s ease}.dialog-content_button_save:hover,.step-container-5 .product-item .learn-more-button a:hover{opacity:.9}@media (max-width: 768px){.text-container .step2{margin-right:-50px}.email-subscription-popup__section{display:none}.next-button-container{position:fixed;bottom:0;left:0;z-index:100;background-color:#fff;box-shadow:0 -4px 10px #0000000d;width:100%;min-height:98px;display:flex;justify-content:center;align-items:center;gap:13px;padding:15px 26px 32px;text-align:center;z-index:123456789}.next-button-container .next-button{padding:10px 20px;font-size:16px;line-height:24px;min-width:156px;width:100%}.next-button-container .back-button{padding:10px 20px;font-size:16px;line-height:24px;min-width:156px}.img-box .checked{width:30px;height:30px;bottom:12px;right:12px}.step-container .step-title{font-size:20px;line-height:33px;margin:0 10px}.step1-box{flex-wrap:wrap;gap:20px 10px;margin-top:24px}.step1-box .step1-item{width:calc(50% - 5px);flex:unset;gap:12px}.step1-box .step1-item .img-text{font-size:14px;line-height:18px}.step-container-2 .checkbox-container .checkbox-item-title{font-size:16px;line-height:22px}.step-container-2 .checkbox-container .checkbox-item-list{gap:10px;grid-template-columns:repeat(2,1fr)}.step-container-2 .checkbox-container{padding:20px 10px;border-radius:16px;margin-top:20px}.step-container-2 .step2-input{font-size:14px;line-height:19px}.step-container-2 .checkbox-container .checkbox-item-list .checkbox-item{width:unset}.step-container-2 .checkbox-container .checkbox-item .checkbox-item-text{font-size:12px;line-height:16px;font-weight:600}.step-container-2 .checkbox-container .checkbox-item-list.grid-4{grid-template-columns:repeat(2,2fr)}.step-container-3 .step-subtitle{font-size:16px;line-height:18px;font-weight:600}.step-container-3 .clear-all-button{font-size:14px;line-height:19px}.step-container-3 .consumption-select-list{grid-template-columns:repeat(1,1fr);padding:18px 19px;gap:15px}.step-container-3 .consumption-select-item.active{background:#f8f8f8;border-color:transparent}.step-container-3 .consumption-select-item_left_icon{width:27px;height:27px}.step-container-3 .consumption-select-item_left_icon svg{width:27px;height:27px}.step-container-3 .consumption-select-item_left_text_title{font-size:16px;line-height:22px}.step-container-3 .consumption-select-item_left_text_description{font-size:12px;line-height:16px}.step-container-3 .consumption-select-item_left{gap:12px}.step-container-3 .consumption-select-item_right{gap:20px}.step-container-3 .checked-button{width:23px;height:23px;border-radius:6px}.step-container-3 .edit-button{font-size:14px;line-height:19px}.step-container-3-dialog .dialog-content{width:calc(100% - 20px);border-radius:16px}.step-container-3>.sum-container{display:none}.step-container-3 .next-button-container .sum-container{position:absolute;top:10px;margin-top:0;gap:6px;display:flex}.step-container-3 .next-button-container{padding-top:70px}.step-container-3 .sum-result-text{font-size:12px;line-height:16px;font-weight:500}.step-container-3 .sum-result-value{font-size:16px;line-height:22px;font-weight:600}.step-container-3 .sum-tips{font-size:12px;line-height:16px;font-weight:500}.step4-box{gap:10px}.step4-box .step4-item .img-box{height:auto}.step4-box .img-icon svg{width:20px;height:18px}.step4-box .img-icon{left:10px;bottom:10px}.step4-box .step4-item .img-text{font-size:12px;line-height:16px}.step-container-5 .product-list{flex-direction:column;gap:15px}.step-container-5 .product-item{border-radius:16px}.step-container-5 .product-item .text-box{padding:0 26px 30px}.step-container-5 .product-item .product-img-box{height:225px}.step-container-5 .product-item .product-img-box img{object-fit:contain}.step-container-5 .product-item .product-price{margin-top:24px}.step-container-5 .next-button-container{flex-direction:column}.step-container-5 .next-button-container .back-button,.step-container-5 .next-button-container .next-button{min-width:unset;width:100%}.step-container-5 .next-button-container .next-button.mobile{display:block}.step-container-5 .next-button-container .next-button.pc{display:none}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/help-me-choose-section.css.map */