@font-face{font-family:Bawaba;src:url(demo-regular.ttf)}@font-face{font-family:Bawaba;src:url(demo-bold.ttf);font-weight:700}@font-face{font-family:BawabaHeavy;src:url(demo-heavy.ttf)}*{box-sizing:border-box}html{background:#eef1ef}body{margin:0;font-family:Bawaba,system-ui,sans-serif;color:#11221d;background:#eef1ef}.builder-top{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#fff;border-bottom:1px solid #dfe5e2;position:sticky;top:0;z-index:20}.builder-top>a{display:flex;align-items:center;gap:10px;font-weight:700;color:inherit;text-decoration:none}.builder-top img{width:35px;height:35px;object-fit:contain}.builder-top>div{display:flex;align-items:center;gap:17px}.builder-top>div span{color:#71807b;font-size:13px}.builder-top>div a{color:#087357;text-decoration:none}.builder-layout{min-height:calc(100svh - 72px);display:grid;grid-template-columns:minmax(390px,520px) 1fr}.builder-controls{background:#fff;border-left:1px solid #dfe5e2;padding:38px 42px 120px;height:calc(100svh - 72px);overflow:auto}.builder-heading>span{display:inline-flex;color:#087357;background:#e5f4ef;border-radius:99px;padding:7px 11px;font-size:12px}.builder-heading h1{font:700 clamp(38px,4vw,55px)/1 BawabaHeavy,Bawaba;margin:18px 0}.builder-heading p{color:#6b7974;line-height:1.7;margin:0}.builder-message{margin-top:18px;background:#e5f7ef;color:#075a43;border-radius:14px;padding:12px 15px}.builder-message.error{background:#fff0ed;color:#a33a28}.honeypot{position:absolute!important;right:-9999px!important}.step{display:none;padding:40px 0}.step.active{display:block;animation:stepIn .35s ease}@keyframes stepIn{from{opacity:0;transform:translateY(10px)}}.step-title{display:flex;gap:15px;align-items:flex-start;margin-bottom:25px}.step-title>b{font:12px ui-monospace;color:#087357;margin-top:7px}.step-title h2{margin:0;font-size:23px}.step-title p{margin:5px 0 0;color:#78847f;font-size:13px}.type-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.type-picker a{border:1px solid #dce4e1;border-radius:16px;padding:18px 10px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.type-picker a i{font-style:normal;font-size:25px}.type-picker a b{font-size:13px}.type-picker a.selected{border-color:#087357;background:#edf8f4;color:#075f49;box-shadow:inset 0 0 0 1px #087357}.plan-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan-picker input,.theme-picker input{position:absolute;opacity:0}.plan-picker span{display:block;border:1px solid #dce4e1;border-radius:16px;padding:17px;cursor:pointer}.plan-picker span b,.plan-picker span small{display:block}.plan-picker span small{color:#78847f;font-size:11px;margin-top:5px}.plan-picker input:checked+span{background:#102a23;color:#fff;border-color:#102a23}.plan-picker input:checked+span small{color:#b7cbc4}.plan-features{padding:18px 20px;margin-top:12px;background:#f5f8f7;border-radius:16px}.plan-features span{display:block;font-size:13px;padding:5px 0}.plan-features span:before{content:'✓';color:#087357;margin-left:7px}.theme-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme-picker label:last-child{grid-column:1/-1}.theme-picker span{display:grid;grid-template-columns:54px 1fr;grid-template-rows:auto auto;gap:2px 12px;border:1px solid #dce4e1;padding:9px;border-radius:16px;cursor:pointer;position:relative}.theme-picker span:after{content:'';width:10px;height:10px;border-radius:50%;background:var(--swatch);position:absolute;top:14px;left:14px;box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch) 15%,transparent)}.theme-picker img{grid-row:1/3;width:54px;height:54px;border-radius:11px;object-fit:cover}.theme-picker b{align-self:end}.theme-picker small{color:#78847f;font-size:11px}.theme-picker input:checked+span{border-color:#087357;box-shadow:inset 0 0 0 1px #087357;background:#f2faf7}.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fields label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#56645f}.fields .wide{grid-column:1/-1}.fields input,.fields textarea{width:100%;border:1px solid #d8e0dd;border-radius:12px;padding:12px 13px;background:#fbfcfc;color:#15251f;font:14px Bawaba;outline:0}.fields input:focus,.fields textarea:focus{border-color:#087357;box-shadow:0 0 0 3px rgba(8,115,87,.09)}.fields input[type=color]{padding:3px;height:45px}.menu-editor{display:block!important}.menu-editor>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.menu-editor button,.menu-row button{border:0;border-radius:9px;padding:8px 11px;font:12px Bawaba;cursor:pointer}.menu-editor>div>button{background:#dff3ec;color:#075e47}.menu-row{border:1px solid #dce4e1;border-radius:14px;padding:12px;margin-bottom:9px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-row input{min-width:0}.menu-row .wide{grid-column:1/-1}.menu-row button{background:#fff0ed;color:#a43d2b;grid-column:1/-1}.account-box{margin-top:25px;background:#eef7f4;border-radius:22px;padding:22px}.account-box h3{margin:0}.account-box p{color:#687974;line-height:1.6;font-size:13px}.account-box>a{display:inline-block;margin-top:13px;color:#087357;font-size:13px}.builder-actions{position:fixed;bottom:0;right:0;width:520px;max-width:100%;height:82px;padding:14px 25px;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-top:1px solid #dfe5e2;display:flex;align-items:center;gap:8px;z-index:30}.builder-actions button{border:1px solid #d6dfdb;background:#fff;border-radius:12px;padding:11px 14px;font:13px Bawaba;cursor:pointer}.builder-actions span{margin-left:auto;font:12px ui-monospace;color:#72807b}.builder-actions .publish{display:none;background:#087357;color:#fff;border-color:#087357;padding-inline:20px}.builder-actions.final #nextStep{display:none}.builder-actions.final .publish{display:block}.builder-preview{padding:28px;display:flex;flex-direction:column;height:calc(100svh - 72px);overflow:hidden;background:radial-gradient(circle at 50% 0,#dae7e2,transparent 35%),#e9eeec}.preview-bar{height:54px;border-radius:18px 18px 0 0;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;box-shadow:0 18px 60px rgba(20,46,38,.08)}.preview-bar>div:first-child{display:flex;gap:6px}.preview-bar>div:first-child i{width:9px;height:9px;border-radius:50%;background:#d7dfdc}.preview-bar b{font-size:12px}.device-switch{background:#eff3f1;padding:3px;border-radius:9px}.device-switch button{border:0;background:transparent;border-radius:7px;padding:6px 10px;font:11px Bawaba;cursor:pointer}.device-switch button.active{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.08)}.preview-stage{flex:1;overflow:auto;display:grid;place-items:start center;padding:28px;background:rgba(255,255,255,.42);border-radius:0 0 18px 18px}.phone-shell{width:390px;max-width:100%;height:780px;max-height:calc(100svh - 190px);border:8px solid #18221f;border-radius:38px;background:#fff;overflow:hidden;box-shadow:0 35px 80px rgba(14,45,36,.2);transition:.4s}.phone-shell iframe{border:0;width:100%;height:100%;background:#fff}.preview-stage.desktop .phone-shell{width:100%;height:calc(100svh - 190px);max-height:none;border-width:1px;border-radius:12px}.preview-loading iframe{opacity:.45}.phone-shell iframe{transition:opacity .2s}
@media(max-width:1000px){.builder-layout{display:block}.builder-controls{height:auto;min-height:calc(100svh - 72px);border:0;padding:30px 20px 110px}.builder-preview{position:fixed;inset:72px 0 0;z-index:40;padding:10px;display:none}.builder-preview.open{display:flex}.builder-top>div span{display:none}.builder-actions{width:100%}.builder-actions:before{content:'معاينة';background:#eef5f2;padding:11px;border-radius:11px;color:#087357;cursor:pointer}.type-picker{grid-template-columns:1fr 1fr 1fr}.theme-picker{grid-template-columns:1fr}.theme-picker label:last-child{grid-column:auto}}@media(max-width:480px){.fields{grid-template-columns:1fr}.fields label,.fields .wide{grid-column:1}.plan-picker{grid-template-columns:1fr}.builder-top{padding-inline:18px}.builder-heading h1{font-size:42px}.type-picker a{padding-inline:5px}.phone-shell{height:calc(100svh - 112px);max-height:none;width:100%;border-width:0;border-radius:18px}.preview-stage{padding:0}.preview-bar{height:42px}.builder-preview{padding:6px}.menu-row{grid-template-columns:1fr}}