.fpb-builder{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:0 auto;font-family:inherit;direction:rtl;max-height:88vh}@media (max-width:880px){.fpb-builder{grid-template-columns:1fr;max-height:none}}.fpb-canvas-wrap{position:relative;background:#fff0;border-radius:18px;overflow:hidden;align-self:start;height:min(46vh, 380px)}@media (max-width:880px){.fpb-canvas-wrap{height:260px}}#fpb-canvas-container,#fpb-canvas-container canvas{width:100%!important;height:100%!important;display:block}.fpb-panel{display:flex;flex-direction:column;gap:12px;background:#fffdf9;border:1px solid #ecdfc0;border-radius:18px;padding:16px 18px;min-height:0}.fpb-progress{display:flex;justify-content:center;gap:8px}.fpb-dot{width:9px;height:9px;border-radius:50%;background:#e3d9c2;transition:background .2s ease,transform .2s ease}.fpb-dot.is-active{background:#1e6f5c;transform:scale(1.25)}.fpb-dot.is-done{background:#79b39f}.fpb-steps{position:relative;flex:1;overflow-y:auto;min-height:220px}.fpb-step{display:none}.fpb-step.is-active{display:block;animation:fpb-fade-in .25s ease}@keyframes fpb-fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fpb-step h3{font-size:16px;margin:2px 0 10px;color:#33291a}.fpb-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.fpb-option{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 9px 8px;border-radius:12px;border:2px solid #e3d9c2;background:#fffdf8;cursor:pointer;text-align:right;transition:border-color .15s ease,transform .1s ease,background .15s ease;font-family:inherit}.fpb-option:hover{border-color:#cdbb8b;transform:translateY(-1px)}.fpb-option.is-selected{border-color:#1e6f5c;background:#eaf6f1}.fpb-option-name{font-weight:600;font-size:13.5px;color:#33291a}.fpb-option-thumb{width:100%;height:64px;object-fit:cover;border-radius:8px;margin-top:4px;display:block}.fpb-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.fpb-field label{font-size:12.5px;font-weight:600;color:#574a30}.fpb-required{color:#b3261e}.fpb-field input{padding:9px 10px;border:1.5px solid #e3d9c2;border-radius:10px;font-size:14px;font-family:inherit;background:#fffdf8}.fpb-field input:focus{outline:none;border-color:#1e6f5c}.fpb-field.has-error input{border-color:#b3261e}.fpb-field-error{display:none;font-size:11.5px;color:#b3261e}.fpb-field.has-error .fpb-field-error{display:block}.fpb-hp-wrap{position:absolute;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.fpb-qty-row{display:flex;align-items:center;justify-content:space-between;margin:10px 0;font-weight:600;font-size:13.5px}.fpb-qty-stepper{display:flex;align-items:center;gap:6px}.fpb-qty-stepper button{width:30px;height:30px;border-radius:8px;border:1px solid #cdbb8b;background:#fff;font-size:17px;cursor:pointer;line-height:1}.fpb-qty-stepper input{width:44px;text-align:center;border:1px solid #cdbb8b;border-radius:8px;height:30px}.fpb-total-row{margin-top:6px;display:flex;justify-content:space-between;align-items:baseline;font-size:17px;font-weight:700;color:#1e6f5c}.fpb-submit-message{margin-top:8px;font-size:12.5px;text-align:center;min-height:16px}.fpb-submit-message.is-error{color:#b3261e}.fpb-submit-message.is-success{color:#1e6f5c}.fpb-nav{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #ecdfc0}.fpb-nav-label{font-size:12px;color:#7a6a4a;font-variant-numeric:tabular-nums}.fpb-nav-btn{width:42px;height:42px;border-radius:50%;border:1.5px solid #cdbb8b;background:#fff;color:#574a30;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease,opacity .15s ease}.fpb-nav-btn:hover:not(:disabled){transform:translateY(-1px)}.fpb-nav-btn:disabled{opacity:.35;cursor:not-allowed}.fpb-nav-btn-primary{background:#1e6f5c;border-color:#1e6f5c;color:#fff}.fpb-nav-btn-primary:hover:not(:disabled){background:#17594a}.fpb-nav-btn-primary.is-loading{opacity:.7;pointer-events:none}