.order-modal{max-width:520px}.order-note{font-size:12px;line-height:1.7;color:#6f786d;margin:-10px 0 22px}.order-summary{display:flex;justify-content:space-between;align-items:center;background:#f3f5ef;padding:17px 18px;margin-bottom:21px}.order-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#747d71}.order-summary b{font-family:var(--serif);font-size:20px;font-weight:400}.order-form{display:grid;gap:14px}.order-form>label:not(.order-agree){display:flex;flex-direction:column;gap:7px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.order-form input:not([type=checkbox]){width:100%;border:1px solid #cdd3c9;background:#fff;padding:14px 13px;font-size:13px;outline:none}.order-form input:focus{border-color:var(--green);box-shadow:0 0 0 2px #2c4a3314}.order-agree{display:flex;align-items:center;gap:8px;font-size:9px;color:#757d73}.order-form .button{width:100%;margin-top:4px}.order-form-view>small{display:block;margin-top:14px;color:#939991;font-size:8px}.order-success{text-align:center;padding:20px 0}.order-success[hidden],.order-form-view[hidden]{display:none}.success-mark{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#e4edcf;color:var(--green);font-size:25px;margin:0 auto 20px}.order-success p{font-size:12px;line-height:1.7;color:#6d766b;max-width:330px;margin:15px auto 25px}@media(max-width:700px){.order-modal{padding:30px 22px}.order-modal h2{font-size:32px}}