.room-mockup-form{max-width:780px;margin:0 auto}.room-mockup-form__card{background:#fff;border:1px solid #ede8e3;border-radius:20px;padding:2.6rem 2rem;box-shadow:0 4px 24px -2px #1212120f;position:relative;overflow:hidden}@media screen and (min-width:750px){.room-mockup-form__card{padding:3.8rem 3.4rem}}.mockup-stepper{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.8rem;padding-bottom:1.8rem;border-bottom:1px solid #ede8e3;position:relative}.mockup-stepper__step{display:flex;align-items:center;gap:1.2rem;flex:1;cursor:default;transition:opacity .2s ease}.mockup-stepper__step--inactive{opacity:.5}.mockup-stepper__circle{width:3.4rem;height:3.4rem;border-radius:50%;background-color:#f9f5f2;color:#666;border:2px solid #dcd7d0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.4rem;line-height:1;flex-shrink:0;transition:all .25s ease}.mockup-stepper__check{display:none;font-size:1.6rem}.mockup-stepper__step--active .mockup-stepper__circle{background-color:#121212;color:#fff;border-color:#121212;box-shadow:0 0 0 4px #d869002e}.mockup-stepper__step--completed .mockup-stepper__circle{background-color:#d86900;color:#fff;border-color:#d86900}.mockup-stepper__step--completed .mockup-stepper__num{display:none}.mockup-stepper__step--completed .mockup-stepper__check{display:inline-block}.mockup-stepper__label{display:flex;flex-direction:column;text-align:left}.mockup-stepper__title{font-size:1.45rem;font-weight:700;color:#121212;line-height:1.2}.mockup-stepper__desc{font-size:1.2rem;color:#666;margin-top:.2rem}.mockup-stepper__connector{width:3.6rem;height:2px;background-color:#ede8e3;margin:0 1.2rem;flex-shrink:0;transition:background-color .25s ease}.mockup-stepper__connector--completed{background-color:#d86900}@media screen and (max-width:600px){.mockup-stepper__desc{display:none}.mockup-stepper__title{font-size:1.3rem}.mockup-stepper__connector{width:2rem;margin:0 .8rem}}.mockup-panel{animation:mockupFadeIn .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes mockupFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.mockup-form__grid-2{display:grid;grid-template-columns:1fr;gap:1.8rem;margin-bottom:1.8rem}@media screen and (min-width:750px){.mockup-form__grid-2{grid-template-columns:1fr 1fr;gap:2rem}}.mockup-form__group{display:flex;flex-direction:column;margin-bottom:1.8rem;position:relative}.mockup-form__grid-2 .mockup-form__group{margin-bottom:0}.mockup-form__label{display:flex;align-items:baseline;justify-content:space-between;font-size:1.4rem;font-weight:600;color:#121212;margin-bottom:.6rem;line-height:1.3}.mockup-form__label-title{display:inline-flex;align-items:center;gap:4px}.mockup-form__required{color:#d86900;font-weight:700;font-size:1.4rem;margin-left:2px}.mockup-form__optional{font-size:1.25rem;font-weight:400;color:#666}.mockup-form__hint{display:block;font-size:1.25rem;color:#666;margin-top:.5rem;line-height:1.4}.mockup-form__input,.mockup-form__textarea{width:100%;min-height:4.8rem;padding:1.2rem 1.6rem;font-size:1.5rem;font-family:inherit;color:#121212;background-color:#fff;border:1.5px solid #dcd7d0;border-radius:12px;box-shadow:0 1px 2px #1212120a;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.mockup-form__textarea{min-height:10rem;resize:vertical;line-height:1.5}.mockup-form__input::placeholder,.mockup-form__textarea::placeholder{color:#999;font-size:1.4rem;opacity:1}.mockup-form__input:hover,.mockup-form__textarea:hover{border-color:#977c64}.mockup-form__input:focus,.mockup-form__textarea:focus{outline:none;border-color:#121212;box-shadow:0 0 0 3px #d8690029}.mockup-form__input:user-invalid,.mockup-form__textarea:user-invalid{border-color:#e11d48;background-color:#fff8f8;box-shadow:0 0 0 3px #e11d481a}.mockup-form__input:user-valid:not(:placeholder-shown){border-color:#10b981}.mockup-sync-summary{background:#f9f5f2;border:1px solid #ede8e3;border-radius:16px;padding:1.8rem;margin-bottom:2.4rem}.mockup-sync-summary__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding-bottom:1.2rem;border-bottom:1px solid #ede8e3;margin-bottom:1.2rem}.mockup-sync-summary__status{display:inline-flex;align-items:center;gap:8px;font-size:1.35rem;color:#121212;font-weight:600}.mockup-sync-summary__dot{width:10px;height:10px;border-radius:50%;background-color:#d86900;display:inline-block;box-shadow:0 0 0 3px #d8690038}.mockup-sync-summary__actions{display:inline-flex;align-items:center;gap:8px}.mockup-sync-summary__copy-btn,.mockup-sync-summary__edit-btn{background:#fff;border:1px solid #dcd7d0;border-radius:50px;padding:.5rem 1.4rem;font-size:1.25rem;font-weight:600;color:#121212;cursor:pointer;transition:all .15s ease}.mockup-sync-summary__copy-btn:hover,.mockup-sync-summary__edit-btn:hover{border-color:#121212;color:#121212;background:#f1ede8}.mockup-sync-summary__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.2rem}.mockup-sync-summary__item{display:flex;flex-direction:column;gap:2px}.mockup-sync-summary__k{font-size:1.15rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#666}.mockup-sync-summary__v{font-size:1.4rem;font-weight:700;color:#121212;word-break:break-word}.mockup-dropbox-card{background:#f9f5f2;border:2px dashed #977c64;border-radius:20px;padding:2.6rem 2rem;margin:1.6rem 0 2rem;text-align:center;transition:border-color .25s ease,background-color .25s ease}.mockup-dropbox-card:hover{border-color:#d86900;background-color:#f7f2ed}.mockup-dropbox-card__header{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:.8rem}.mockup-dropbox-card__icon{width:28px;height:28px;color:#d86900;flex-shrink:0}.mockup-dropbox-card__title{font-size:1.8rem;font-weight:700;margin:0;color:#121212}.mockup-dropbox-card__desc{font-size:1.4rem;line-height:1.5;color:#454545;margin:0 0 1.6rem;max-width:560px;margin-left:auto;margin-right:auto}.mockup-dropbox-sync-banner{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #ede8e3;border-radius:12px;padding:1.2rem 1.4rem;max-width:580px;margin:0 auto 1.8rem;text-align:left;font-size:1.3rem;line-height:1.45;color:#121212}.mockup-dropbox-sync-banner__icon{font-size:1.8rem;line-height:1;flex-shrink:0}.mockup-sync-email-highlight,.mockup-sync-ref-highlight{background:#fdf3e7;color:#b45309;padding:.15rem .6rem;border-radius:6px;font-weight:700;word-break:break-all}.mockup-dropbox-card__btn{display:inline-flex;align-items:center;gap:8px;background-color:#121212;color:#fff!important;font-weight:600;font-size:1.55rem;padding:1.3rem 3rem;border-radius:50px;text-decoration:none;box-shadow:0 4px 14px #12121226;transition:background-color .2s ease,transform .15s ease,box-shadow .2s ease}.mockup-dropbox-card__btn:hover{background-color:#d86900;transform:translateY(-1px);box-shadow:0 6px 18px #d869004d}.mockup-dropbox-card__hint{display:block;font-size:1.25rem;color:#666;margin-top:1rem;line-height:1.4}.mockup-return-prompt{background:#fef7ee;border:1px solid #fed7aa;border-radius:14px;padding:1.4rem 1.6rem;margin-bottom:2rem;animation:mockupFadeIn .3s ease}.mockup-return-prompt__content{display:flex;align-items:center;gap:12px}.mockup-return-prompt__icon{font-size:2.2rem;flex-shrink:0}.mockup-return-prompt strong{display:block;font-size:1.45rem;color:#9a3412}.mockup-return-prompt p{margin:.2rem 0 0;font-size:1.3rem;color:#b45309}.mockup-submit-btn{width:100%;min-height:5.2rem;font-size:1.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:50px!important;background-color:#000!important;color:#fff!important;border:1.5px solid #000000!important;cursor:pointer;box-shadow:0 4px 14px #0000001f;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .15s ease,box-shadow .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;position:relative;outline:none;text-decoration:none;box-sizing:border-box;-webkit-appearance:none;appearance:none}.mockup-submit-btn:before,.mockup-submit-btn:after,.mockup-submit-btn:hover:after{display:none!important;content:none!important;border:none!important;box-shadow:none!important}.mockup-submit-btn:hover{background-color:#fff!important;color:#000!important;border:1.5px solid #000000!important;transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.mockup-submit-btn:hover span{color:#000!important}.mockup-panel--success{text-align:center;padding:1rem 0}.mockup-success-badge{width:6.4rem;height:6.4rem;border-radius:50%;background-color:#fdf3e7;border:3px solid #D86900;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.6rem;color:#d86900;font-size:2.8rem;font-weight:700}.mockup-success-title{font-size:2.4rem;font-weight:800;color:#121212;margin:0 0 .8rem}.mockup-success-subtitle{font-size:1.5rem;color:#454545;max-width:580px;margin:0 auto 2.4rem;line-height:1.5}.mockup-success-card{background:#f9f5f2;border:1px solid #ede8e3;border-radius:16px;padding:1.8rem 2rem;max-width:560px;margin:0 auto 2.4rem;text-align:left}.mockup-success-card__row{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid #ede8e3;font-size:1.4rem}.mockup-success-card__row:last-child{border-bottom:none;padding-bottom:0}.mockup-success-card__label{color:#666}.mockup-success-card__val{color:#121212;font-weight:700}.mockup-success-next-steps{background:#fff;border:1px solid #ede8e3;border-radius:16px;padding:2rem;max-width:560px;margin:0 auto 2.4rem;text-align:left}.mockup-success-next-steps h4{margin:0 0 1.2rem;font-size:1.6rem;font-weight:700;color:#121212}.mockup-success-next-steps ol{margin:0;padding-left:2rem;color:#454545;font-size:1.35rem;line-height:1.6}.mockup-success-actions{display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap}.mockup-success-actions a:before,.mockup-success-actions a:after{display:none!important;content:none!important;border:none!important;box-shadow:none!important}.mockup-success-actions a.button--primary{border-radius:50px!important;background-color:#121212!important;color:#fff!important;border:1.5px solid #121212!important;padding:1.2rem 2.8rem;box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease}.mockup-success-actions a.button--primary:hover{background-color:#d86900!important;border-color:#d86900!important}.mockup-success-actions a.button--secondary{border-radius:50px!important;background-color:transparent!important;color:#121212!important;border:1.5px solid #121212!important;padding:1.2rem 2.8rem;box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease}.mockup-success-actions a.button--secondary:hover{background-color:#f9f5f2!important;border-color:#121212!important}.mockup-email-fallback{text-align:center;font-size:1.4rem;color:#666;margin-top:1.8rem;line-height:1.5}.mockup-email-fallback a{color:#d86900;text-decoration:underline;text-underline-offset:3px;font-weight:600;transition:color .15s ease}.mockup-email-fallback a:hover{color:#977c64}
/*# sourceMappingURL=/cdn/shop/t/103/assets/section-room-mockup-form.css.map */