:root{--green: #0F5C4A;--deep: #0F3D31;--accent: #B83E1A;--cream: #FBF6EC;--sand: #EFE7D6;--line: #E6DCC8;--mute: #5B574E;--mint: #E3F0EA;--gold: #F6E3B8}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:#1f2a24;font-family:Cairo,system-ui,sans-serif}button,input,select{font-family:inherit;font-size:1rem}h1,h2,h3,p{margin:0}.app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 10px}.logo{display:flex;align-items:center;gap:8px;color:var(--green);font-size:24px;font-weight:800}.langs{display:flex;gap:2px;padding:3px;background:var(--sand);border-radius:14px}.langs button{min-width:58px;height:44px;border:0;border-radius:11px;background:transparent;color:#1f2a24;font-size:14px;font-weight:700;cursor:pointer}.langs button.on{background:var(--green);color:#fff}main{flex:1;padding:4px 20px 32px}.stack{display:flex;flex-direction:column;gap:14px}.center-top{align-items:stretch;padding-top:10px}.hero{margin:6px 0 10px;padding:18px 16px;border-radius:20px;background:var(--green);color:#fff;text-align:center;display:flex;flex-direction:column;gap:14px}.hero h1{font-size:28px;line-height:1.4;font-weight:800}.hero .lat{font-size:15px;font-weight:600;color:var(--gold)}.hero .ar2{font-size:20px;line-height:1.4;font-weight:700}.hero .lat2{font-size:14px;font-weight:600;color:var(--gold)}.hero hr{width:100%;border:0;height:1px;background:#ffffff40;margin:0}.hero .why-light{font-size:14px;line-height:1.6;color:var(--mint)}.why{font-size:14px;line-height:1.65;color:#3e3a33;margin-bottom:4px}.section{font-size:16px;font-weight:700;color:var(--deep)}.card{display:flex;gap:14px;width:100%;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;cursor:pointer;text-align:start;color:inherit}.tint{width:76px;min-height:76px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--gold);color:#7a4b00}.big-tint{width:100%;height:140px;border-radius:20px}.card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.card-name{font-size:17px;font-weight:700;line-height:1.3}.muted{color:var(--mute)}.small{font-size:13px}.small-label{font-size:13px;font-weight:700}.row{display:flex;align-items:center;gap:6px}.wrap{flex-wrap:wrap;gap:8px;margin-top:4px}.price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price .now{font-size:20px;font-weight:800;color:var(--accent)}.price .was{font-size:14px;color:#6e685c;text-decoration:line-through;text-decoration-thickness:2px}.price .off{background:var(--accent);color:#fff;font-size:13px;font-weight:800;padding:1px 8px;border-radius:8px}.price.big .now{font-size:32px}.price.big .was{font-size:17px}.price.big .off{font-size:15px}.price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.chip{padding:3px 12px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--mint);color:var(--green)}.chip.warn{background:#fbe3da;color:#8f2e10}.back{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;height:44px;padding:0 16px;border:0;border-radius:12px;background:var(--sand);color:#1f2a24;font-weight:700;cursor:pointer}html[dir=rtl] .flip{transform:scaleX(-1)}.shop-title{font-size:24px;line-height:1.3;font-weight:800;color:var(--deep)}.info{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:14px}.panel{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:18px}.panel.tight{gap:2px;padding:12px 14px;border-radius:14px}.panel h3{font-size:17px;font-weight:800;color:var(--deep)}.note{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--mint);color:var(--deep);font-size:14px;line-height:1.5;font-weight:600}.ok-circle{width:72px;height:72px;margin:0 auto;border-radius:999px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:38px;font-weight:800}.done-title{text-align:center;font-size:26px;font-weight:800;color:var(--deep)}.shop-line{text-align:center;font-size:16px;font-weight:600}.code-box{padding:18px;background:#fff;border:2px dashed var(--green);border-radius:20px;text-align:center}.code{font-size:44px;font-weight:800;letter-spacing:6px;color:var(--deep)}.btn{height:56px;border:0;border-radius:16px;background:var(--accent);color:#fff;font-size:18px;font-weight:800;cursor:pointer}.btn.green{background:var(--green);height:52px}.btn.outline{background:transparent;border:2px solid var(--accent);color:var(--accent);height:52px;font-size:16px}.btn:disabled{opacity:.55;cursor:not-allowed}.small-btn{height:44px;padding:0 14px;font-size:14px;border-radius:12px}a.link{display:block;text-align:center}.link:disabled{opacity:.55;cursor:not-allowed;text-decoration:none}.tight-link{align-self:center;padding:4px 12px}.pwd{position:relative}.pwd input{width:100%;padding-inline-end:52px}.eye{position:absolute;inset-inline-end:2px;top:2px;width:44px;height:44px;border:0;background:none;color:var(--mute);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:10px}.otp{width:100%;height:60px;text-align:center;font-size:28px;font-weight:800;letter-spacing:8px}.hint{font-size:12.5px;font-weight:400;color:var(--mute);line-height:1.5}.link{background:none;border:0;color:var(--mute);text-decoration:underline;padding:12px;cursor:pointer}label{display:flex;flex-direction:column;gap:4px;font-size:14px;font-weight:600}input,select{height:48px;padding:0 12px;border:1px solid #CFC4AB;border-radius:12px;background:#fff;color:#1f2a24}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tabs{display:flex;gap:4px;padding:4px;background:var(--sand);border-radius:14px}.tabs button{flex:1;height:44px;border:0;border-radius:11px;background:transparent;font-weight:700;cursor:pointer;color:#1f2a24}.tabs button.on{background:var(--green);color:#fff}.tabs.small{margin-bottom:2px}.err{padding:10px 12px;border-radius:12px;background:#fbe3da;color:#8f2e10;font-size:14px;font-weight:600}.success{color:var(--green);font-weight:700;font-size:14px;text-align:center}.step{display:flex;align-items:center;gap:12px}.num{width:32px;height:32px;flex:none;border-radius:999px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stat{padding:12px 10px;background:#fff;border:1px solid var(--line);border-radius:14px;text-align:center;display:flex;flex-direction:column}.stat b{font-size:26px;font-weight:800;color:var(--green)}.stat span{font-size:12px;font-weight:600;color:var(--mute)}.field-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:600}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:44px;height:44px;border:0;border-radius:12px;background:var(--sand);font-size:22px;font-weight:800;cursor:pointer;color:#1f2a24}.stepper span{min-width:44px;text-align:center;font-size:20px;font-weight:800}.preview{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--cream);border-radius:12px}.res{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:16px}.res-name{font-size:16px;font-weight:700}.res-code{letter-spacing:1px;color:var(--deep)}.ph{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:var(--gold)}.ph img{width:100%;height:100%;object-fit:cover;display:block}.ph-empty{display:flex;align-items:center;justify-content:center;color:#7a4b00;width:100%;height:100%}.ph-off{position:absolute;inset-block-start:10px;inset-inline-start:10px;background:var(--accent);color:#fff;font-weight:800;font-size:17px;padding:4px 12px;border-radius:999px;box-shadow:0 2px 8px #00000040}.ph.big{aspect-ratio:4 / 3;border-radius:20px}.card.vcard{flex-direction:column;padding:10px 10px 14px;gap:10px}.saving{padding:10px 14px;border-radius:12px;background:var(--mint);color:var(--green);font-weight:800;font-size:16px;text-align:center}.photo-box{display:flex;flex-direction:column;gap:8px}.pick{display:flex;align-items:center;justify-content:center;cursor:pointer;text-align:center}.reuse{display:flex;align-items:center;gap:12px;padding:8px;border:1px dashed #CFC4AB;border-radius:14px;background:#fff;cursor:pointer;color:inherit;font-weight:700;text-align:start}.reuse img{width:72px;height:54px;object-fit:cover;border-radius:10px}.ai-box{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:14px;background:#f1ecfb;color:#2e2250;font-size:14px;line-height:1.5}.ai-box b{font-size:15px}.ai-text,.ai-load{font-weight:600}