.ord-hero{display:flex;flex-direction:column;gap:20px}.e-sec.ord-sec{padding-top:56px;padding-bottom:120px}.ord-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px;align-items:start}.ord-panel{padding:clamp(24px,4vw,48px)}.ord-how{padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;gap:24px;position:sticky;top:110px;overflow:hidden}.ord-how>:not(.e-rings){position:relative}.ord-form{gap:20px}.ord-form,.ord-fs{display:flex;flex-direction:column}.ord-fs{border:0;margin:0;padding:0;min-width:0;gap:8px}.ord-fs legend{padding:0;margin-bottom:8px}.ord-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}.ord-line{position:relative;display:flex;align-items:center;gap:14px;padding:14px 18px;border:1px solid #e3e2ec;border-radius:16px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s}.ord-line.fixed{cursor:default;background:#F6F5FA}.ord-line:hover:not(.fixed){border-color:var(--ink)}.ord-line.on:not(.fixed){border-color:var(--ac);background:#F3F3FF}.ord-line input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.ord-line:has(input:focus-visible){outline:2px solid var(--ac);outline-offset:2px}.ord-line b{font-weight:600;flex:1;min-width:0}.ord-box{width:24px;height:24px;border-radius:8px;border:1.5px solid #c9c8d6;display:inline-flex;align-items:center;justify-content:center;font-size:13px;flex:none;color:#fff}.ord-line.on .ord-box{background:var(--ac);border-color:var(--ac)}.ord-price{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.ord-total{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:18px 20px;border-radius:18px;background:var(--ink);color:#fff}.ord-total span{flex:1}.ord-total b{font-size:28px;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.ord-total small{flex-basis:100%;color:#B9B8D3;font-size:13.5px}.ord-note{min-height:110px;resize:vertical;font:inherit}.e-input.ord-bad{border-color:#B3261E;border-width:2px}.ord-promise{margin:0}.ord-send{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.ord-ts i{width:22px;height:22px;border-radius:50%;border:2px solid var(--soft);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-style:normal;flex:none}.ord-ts.wait i{border-color:#D9D8E4;border-top-color:var(--ac);animation:ord-spin .9s linear infinite}.ord-ts.ok i{border-color:#1E8E5A;color:#1E8E5A}.ord-ts.error i{border-color:#B3261E;color:#B3261E}@keyframes ord-spin{to{transform:rotate(1turn)}}.ord-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px}.ord-steps li{display:flex;gap:14px;align-items:flex-start;line-height:1.45}.ord-steps .e-dot{flex:none;background:rgba(255,255,255,.12);color:#fff}.ord-steps b{display:block;font-weight:600;margin-bottom:2px}.ord-step-t{display:block;color:#B9B8D3;font-size:15px}.ord-dot-ac{background:var(--ac)!important;color:#fff}.ord-dot-off{background:#EEEDF3}.e-ink .ord-back{color:#fff;align-self:flex-start}.ord-done{display:flex;flex-direction:column;gap:22px;padding:12px 0}.ord-done .e-status{align-self:flex-start}.ord-done-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.ord-done-steps .e-row{padding:16px 18px;font-size:16px;line-height:1.45;align-items:flex-start}@media (max-width:900px){.ord-grid{grid-template-columns:minmax(0,1fr)}.ord-how{position:relative;top:auto;order:-1}}@media (max-width:640px){.ord-send .e-btn{width:100%}.ord-line{padding:12px 14px;gap:10px}.ord-total b{font-size:24px}}.ord-periods{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ord-period{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid #e3e2ec;border-radius:16px;background:#fff;cursor:pointer;text-align:center}.ord-period input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.ord-period.on{border-color:var(--ac);background:#F3F3FF}.ord-period:has(input:focus-visible){outline:2px solid var(--ac);outline-offset:2px}.ord-period b,.ord-period em{font-weight:600}.ord-period em{font-style:normal;font-size:12px;color:var(--ac)}.ord-period-sum{flex-basis:100%;color:#fff;font-size:14px}.ord-prepaid{flex-basis:100%;color:#B9B8D3;font-size:13px}