.order-form{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;visibility:hidden;pointer-events:none}.order-form.is-open{visibility:visible;pointer-events:auto}.order-form__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000009e;opacity:0;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.order-form.is-open .order-form__overlay{opacity:1}.order-form__panel{position:absolute;top:0;right:0;height:100%;height:100dvh;width:min(94vw,460px);display:flex;flex-direction:column;background:#161310;background-image:linear-gradient(180deg,#1d1813,#141210);border-left:1px solid rgba(255,255,255,.08);box-shadow:-24px 0 70px #0000008c;transform:translate(100%);transition:transform .38s cubic-bezier(.22,1,.36,1);will-change:transform}.order-form.is-open .order-form__panel{transform:translate(0)}.order-form__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.08);flex:0 0 auto}.order-form__progress{display:flex;align-items:center;gap:.55rem}.order-form__step{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:700;color:#ffffff73;letter-spacing:.01em}.order-form__step.is-active{color:#fff}.order-form__dot{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:.7rem;background:#ffffff24;color:#ffffffb3}.order-form__step.is-done .order-form__dot{background:#2ecc71;color:#0c1f14}.order-form__step.is-active .order-form__dot{background:var(--dk-accent,#FF7849);color:#fff}.order-form__bar{width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,#2ecc71,var(--dk-accent,#FF7849))}.order-form__close{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff14;color:#fff;cursor:pointer;transition:background .2s ease}.order-form__close:hover{background:#ffffff2e}.order-form__view{display:flex;flex-direction:column;min-height:0;flex:1}.order-form__body{flex:1;overflow-y:auto;padding:1.1rem 1.25rem 1.4rem;-webkit-overflow-scrolling:touch}.order-form__lead{margin:0 0 1rem;font-size:.95rem;line-height:1.4;color:#ffffffd1;font-weight:600}.order-form__summary{display:flex;align-items:center;gap:.85rem;padding:.7rem;border-radius:14px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.order-form__sum-img{width:64px;height:64px;flex:0 0 auto;object-fit:cover;border-radius:10px;background:#ffffff14}.order-form__sum-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.order-form__sum-title{font-weight:700;font-size:.92rem;color:#fff;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-form__sum-variant,.order-form__sum-qty{font-size:.78rem;color:#ffffff8c}.order-form__sum-price{flex:0 0 auto;font-weight:800;font-size:1.05rem;color:#fff;white-space:nowrap}.order-form__perks{display:flex;flex-wrap:wrap;gap:.4rem .8rem;margin:.85rem 0 1.15rem;font-size:.78rem;color:#ffffffad}.order-form__perk strong{color:#7ce0a3}.order-form__form{display:flex;flex-direction:column;gap:.85rem}.of-row{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.of-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.of-field label{font-size:.8rem;font-weight:600;color:#ffffffc7}.of-opt{font-weight:400;color:#fff6}.of-field input,.of-field select{width:100%;min-height:48px;padding:0 1rem;font-size:16px;color:#fff;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.18);border-radius:12px;-webkit-appearance:none;appearance:none;transition:border-color .2s ease,background .2s ease;box-sizing:border-box}.of-field input::placeholder{color:#ffffff61}.of-field input:focus,.of-field select:focus{outline:none;border-color:var(--dk-accent,#FF7849);background:#ffffff17}.of-field input:user-invalid,.of-field select:user-invalid{border-color:#ff9b82}.of-field select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23fff' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.4rem}.of-field select option{color:#000}.of-phone{display:flex;align-items:stretch;gap:0}.of-phone__cc{display:flex;align-items:center;padding:0 .7rem;font-size:.85rem;font-weight:600;color:#fffc;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.18);border-right:0;border-radius:12px 0 0 12px;white-space:nowrap}.of-phone input{border-radius:0 12px 12px 0}.of-pay{border:0;padding:0;margin:.4rem 0 0;min-width:0}.of-pay legend{font-size:.85rem;font-weight:700;color:#fff;margin-bottom:.6rem;padding:0}.of-pay__opt{display:block;cursor:pointer;margin-bottom:.6rem}.of-pay__opt:last-child{margin-bottom:0}.of-pay__opt input{position:absolute;opacity:0;pointer-events:none}.of-pay__card{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.16);transition:border-color .2s ease,background .2s ease}.of-pay__opt:hover .of-pay__card{border-color:#ffffff57}.of-pay__opt input:checked+.of-pay__card{border-color:var(--dk-accent,#FF7849);background:#ff78491a}.of-pay__opt input:focus-visible+.of-pay__card{box-shadow:0 0 0 3px #ff784959}.of-pay__ico{font-size:1.5rem;flex:0 0 auto;line-height:1}.of-pay__txt{flex:1;display:flex;flex-direction:column;gap:.1rem}.of-pay__txt strong{font-size:.95rem;color:#fff}.of-pay__txt small{font-size:.78rem;color:#fff9;line-height:1.3}.of-pay__check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,255,255,.28);position:relative;transition:border-color .2s ease}.of-pay__opt input:checked+.of-pay__card .of-pay__check{border-color:var(--dk-accent,#FF7849)}.of-pay__opt input:checked+.of-pay__card .of-pay__check:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--dk-accent,#FF7849)}.of-error{margin:.2rem 0 0;font-size:.85rem;color:#ff9b82;font-weight:600}.order-form__foot{flex:0 0 auto;padding:.9rem 1.25rem 1.05rem;border-top:1px solid rgba(255,255,255,.1);background:#00000040}.order-form__totalrow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.65rem}.order-form__total-label{font-size:.85rem;color:#ffffffa6}.order-form__total{font-size:1.45rem;font-weight:800;color:#fff}.order-form__submit{width:100%;justify-content:center;gap:.5rem;min-height:54px;font-size:1.02rem;font-weight:800;position:relative}.order-form__submit-ico{transition:transform .25s ease}.order-form__submit:hover .order-form__submit-ico{transform:translate(4px)}.order-form__submit:disabled{opacity:.7;cursor:wait}.order-form__submit-spin{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:ofSpin .7s linear infinite}.order-form.is-loading .order-form__submit-spin{display:inline-block}.order-form.is-loading .order-form__submit-ico{display:none}@keyframes ofSpin{to{transform:rotate(360deg)}}.order-form__reassure{margin:.6rem 0 0;text-align:center;font-size:.74rem;color:#ffffff80}.order-form__success{justify-content:center}.order-form__success-inner{padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem;overflow-y:auto}.order-form__check{margin-bottom:.4rem}.order-form__check-path{stroke-dasharray:48;stroke-dashoffset:48;animation:ofCheck .5s .15s ease forwards}@keyframes ofCheck{to{stroke-dashoffset:0}}.order-form__success-title{font-size:1.5rem;font-weight:800;color:#fff;margin:.2rem 0}.order-form__success-sub{font-size:.95rem;color:#ffffffb8;line-height:1.5;margin:0 0 .4rem;max-width:34ch}.order-form__success-num{font-size:.85rem;font-weight:700;color:#7ce0a3;background:#2ecc711f;border:1px solid rgba(46,204,113,.3);border-radius:999px;padding:.35rem .9rem;margin:.2rem 0 .6rem}.order-form__success-steps{list-style:none;margin:.6rem 0 1.2rem;padding:0;text-align:left;display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:300px}.order-form__success-steps li{display:flex;align-items:center;gap:.6rem;font-size:.88rem;color:#ffffffd1}.order-form__success-wa{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;max-width:300px;min-height:50px;background:#25d366;color:#fff;font-weight:700;border-radius:999px}.order-form__success-wa:hover{background:#1eb858}.order-form__success-close{margin-top:.85rem;background:none;border:0;color:#fff9;font-size:.88rem;text-decoration:underline;cursor:pointer}.order-form__success-close:hover{color:#fff}@media(max-width:560px){.order-form__panel{top:auto;bottom:0;right:0;left:0;width:100%;height:auto;max-height:92dvh;border-left:0;border-top:1px solid rgba(255,255,255,.1);border-radius:22px 22px 0 0;transform:translateY(100%);box-shadow:0 -24px 70px #0000008c}.order-form.is-open .order-form__panel{transform:translateY(0)}.order-form__head{padding:.85rem 1.1rem;position:relative}.order-form__panel:before{content:"";position:absolute;top:8px;left:50%;transform:translate(-50%);width:40px;height:4px;border-radius:3px;background:#ffffff40;z-index:2}.order-form__body{padding:1rem 1.1rem 1.2rem}.order-form__foot{padding:.8rem 1.1rem calc(.9rem + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.order-form__panel{transition:none}.order-form__check-path{animation:none;stroke-dashoffset:0}.order-form__submit-spin{animation-duration:1.4s}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/dekoru-order-form.css.map */