:root{--green:#173c34;--green2:#245d4e;--cream:#f7f1e5;--sand:#e7d5b8;--gold:#d89a42;--orange:#d85c2c;--ink:#17251f;--muted:#68736e;--white:#fff;--shadow:0 18px 60px #153b3020}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Tajawal",sans-serif;color:var(--ink);background:#fff;line-height:1.6}.announcement{background:var(--green);color:#fff;text-align:center;padding:7px 15px;font-size:13px}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--green);font-weight:900;font-size:21px;line-height:1.05}.brand small{display:block;font-size:11px;font-weight:500;color:#76817d;margin-top:5px}.brand-mark{width:42px;height:42px;border-radius:50% 50% 46% 54%;display:grid;place-items:center;color:white;background:var(--orange);font-size:25px}nav{display:flex;align-items:center;gap:28px}nav a,nav button{color:#344640;text-decoration:none;border:0;background:none;font:600 14px Tajawal;cursor:pointer}.track-nav{border:1px solid #b8c4c0!important;border-radius:30px!important;padding:10px 18px!important}.hero{min-height:610px;background:var(--cream);position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:55px max(7vw,30px);gap:40px}.hero:before{content:"";position:absolute;width:340px;height:340px;border:1px solid #d9cbae;border-radius:50%;right:-150px;top:-100px}.hero-copy{max-width:550px;z-index:1}.eyebrow,.section-heading span,.modal-head span{color:var(--orange);font-weight:800;font-size:14px}.hero h1{font-size:68px;line-height:1.06;margin:15px 0 22px;color:var(--green);letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{font-size:19px;color:#58655f;max-width:500px}.meal-meta{display:flex;gap:22px;margin:28px 0;font-weight:700;color:#32443e}.hero-actions,.row{display:flex;gap:12px}.primary,.secondary,.light-button{border:0;border-radius:9px;padding:14px 25px;font:800 15px Tajawal;cursor:pointer;transition:.2s}.primary{background:var(--orange);color:#fff;box-shadow:0 8px 22px #d85c2c35}.primary:hover{transform:translateY(-2px);background:#c94e22}.secondary{background:transparent;border:1px solid #8a9993;color:var(--green)}.full{width:100%;margin-top:18px}.grow{flex:1}.dish-card{height:440px;position:relative;display:grid;place-items:center}.plate{width:min(410px,90vw);height:min(410px,90vw);border-radius:50%;background:radial-gradient(circle,#fafafa 0 54%,#ddd 55% 57%,white 58% 69%,#e2e2de 70%);box-shadow:0 35px 55px #2a3c302b;position:relative}.rice{position:absolute;inset:86px;border-radius:48%;background:radial-gradient(ellipse at center,#f1c96a 0 2px,transparent 3px),radial-gradient(ellipse at 40% 60%,#fff2b7 0 3px,transparent 4px),#e9c871;background-size:17px 13px,21px 15px}.meat{position:absolute;width:100px;height:72px;border-radius:45% 55% 40% 50%;background:linear-gradient(135deg,#5c2e16,#9b5830 48%,#3a1e12);box-shadow:0 6px 10px #28140880}.m1{top:130px;right:115px;transform:rotate(18deg)}.m2{top:205px;left:103px;transform:rotate(-20deg)}.m3{top:220px;right:88px;transform:rotate(30deg)}.parsley{position:absolute;width:22px;height:22px;background:#3f7544;border-radius:50% 5% 50% 5%}.p1{top:180px;left:128px}.p2{top:260px;right:150px}.price-tag{position:absolute;bottom:25px;left:10%;background:var(--green);color:white;width:105px;height:105px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(-7deg);border:5px solid var(--cream)}.price-tag small{font-size:12px}.price-tag strong{font-size:25px}.trust-strip{max-width:1100px;margin:-35px auto 0;position:relative;background:white;box-shadow:var(--shadow);border-radius:14px;padding:25px 30px;display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.trust-strip div+div{border-right:1px solid #e8ece9}.trust-strip strong,.trust-strip span{display:block}.trust-strip strong{color:var(--green)}.trust-strip span{font-size:12px;color:var(--muted)}.how{padding:110px 30px;max-width:1180px;margin:auto}.section-heading{text-align:center}.section-heading h2{font-size:38px;margin:4px 0 45px;color:var(--green)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{position:relative;padding:28px 22px;border:1px solid #e5e8e6;border-radius:14px;background:white}.steps article>b{position:absolute;left:15px;top:10px;color:#e9e3d8;font-size:30px}.steps article>span{font-size:28px;color:var(--orange)}.steps h3{margin:12px 0 5px}.steps p{font-size:14px;color:var(--muted);margin:0}.track-banner{max-width:1050px;margin:0 auto 100px;background:var(--green);color:white;border-radius:20px;padding:38px 50px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 55px #173c3430}.track-banner span{color:#f2b76c;font-weight:800}.track-banner h2{font-size:30px;margin:3px 0}.track-banner p{margin:0;color:#c8d7d2}.light-button{background:white;color:var(--green)}footer{background:#f2eee6;min-height:180px;padding:40px max(7vw,30px);display:flex;align-items:center;justify-content:space-between;color:#6c7772;font-size:13px}.footer-brand{color:var(--green)}.admin-link{position:fixed;bottom:12px;left:12px;color:#87918d;font-size:11px;text-decoration:none}.modal{border:0;border-radius:20px;padding:34px;width:min(610px,calc(100% - 24px));max-height:92vh;overflow:auto;box-shadow:0 24px 100px #10251e55}.modal::backdrop{background:#10251ec7;backdrop-filter:blur(4px)}.close{position:absolute;left:18px;top:15px;width:34px;height:34px;border-radius:50%;border:0;background:#f1f0eb;font-size:22px;cursor:pointer}.modal-head h2{margin:3px 0 20px;color:var(--green)}.progress{display:flex;align-items:center;margin:0 0 25px}.progress span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e6ebe8;color:#8b9691;font-size:13px;font-weight:800}.progress span.active{background:var(--orange);color:white}.progress i{height:2px;background:#e6ebe8;flex:1}.form-step{display:none}.form-step.active{display:block}label{display:block;font-size:13px;font-weight:700;color:#45544e;margin-bottom:15px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #d6ddda;border-radius:9px;padding:12px 13px;font:500 14px Tajawal;outline:none;background:white}input:focus,select:focus,textarea:focus{border-color:var(--green2);box-shadow:0 0 0 3px #245d4e15}textarea{resize:vertical;min-height:75px}.quantity{display:flex;justify-content:center;align-items:center;gap:32px;margin:16px 0 26px}.quantity button{width:42px;height:42px;border-radius:50%;border:1px solid #ccd4d1;background:white;font-size:24px;cursor:pointer}.quantity strong{font-size:28px}.price-summary{background:#f6f5f1;border-radius:12px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:8px}.price-summary span{color:#65716c}.price-summary hr{grid-column:1/-1;width:100%;border:0;border-top:1px dashed #ccd2cf}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.payment-card{display:flex;gap:18px;align-items:center;padding:15px;border-radius:12px;background:#f4f0e7}.qr-demo{width:115px;height:115px;flex:none;background:repeating-conic-gradient(#173c34 0 25%,white 0 50%) 0/16px 16px;border:7px solid white;display:grid;place-content:center;text-align:center;box-shadow:0 3px 10px #0002}.qr-demo span,.qr-demo small{background:white;padding:1px 5px;font-weight:900}.qr-demo small{font-size:8px}.payment-card h3{margin:0;color:var(--green)}.payment-card p{font-size:13px;margin:4px 0}.payment-card code{display:inline-block;background:white;padding:4px 8px;border-radius:5px;direction:ltr}.amount-due{display:flex;justify-content:space-between;margin:16px 0;padding:12px;border-bottom:1px solid #ddd}.amount-due strong{color:var(--orange);font-size:20px}.upload{display:flex;gap:12px;border:2px dashed #cdd7d3;padding:18px;border-radius:10px;cursor:pointer}.upload span>*{display:block}.upload small{font-weight:400;color:var(--muted)}.upload input{display:none}.check{display:flex;gap:9px;align-items:flex-start}.check input{width:auto;margin-top:4px}.track-form{display:flex;gap:10px;align-items:end}.track-form label{flex:1;margin:0}.track-result-card{margin-top:28px;border-top:1px solid #e5e8e6;padding-top:22px}.track-result-card .order-top{display:flex;justify-content:space-between}.status-pill{background:#fff0e9;color:#b7461e;border-radius:30px;padding:5px 12px;font-weight:800;font-size:12px}.timeline{margin-top:24px}.timeline-item{display:grid;grid-template-columns:30px 1fr;gap:12px;position:relative;padding-bottom:22px}.timeline-item:before{content:"";position:absolute;right:14px;top:30px;bottom:0;width:2px;background:#e2e7e4}.timeline-item:last-child:before{display:none}.timeline-dot{width:30px;height:30px;border-radius:50%;background:#e7ece9;display:grid;place-items:center;color:#89938f;font-size:12px;z-index:1}.timeline-item.done .timeline-dot{background:var(--green);color:white}.timeline-item.current .timeline-dot{background:var(--orange);color:white;box-shadow:0 0 0 5px #d85c2c18}.timeline-item h4{margin:2px 0}.timeline-item p{margin:0;font-size:12px;color:var(--muted)}.error-box{margin-top:18px;background:#fff0ec;color:#a74425;padding:13px;border-radius:8px}.success-modal{text-align:center}.success-icon{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#e4f1ec;color:var(--green);font-size:34px;font-weight:900}.success-modal h2{color:var(--green);font-size:29px}.success-modal>small{display:block;color:var(--muted)}.order-number{display:block;margin:18px auto 5px;border:2px dashed var(--gold);background:#fff9ef;color:var(--green);padding:13px 30px;border-radius:10px;font:900 25px Tajawal;letter-spacing:1px;cursor:pointer}.text-button{border:0;background:none;color:var(--muted);margin-top:12px;font:600 13px Tajawal;cursor:pointer}
@media(max-width:800px){.site-header nav a{display:none}.site-header{height:70px}.hero{grid-template-columns:1fr;padding:50px 22px 65px;text-align:center}.hero h1{font-size:48px}.hero-copy>p{font-size:17px}.meal-meta,.hero-actions{justify-content:center}.dish-card{height:330px}.plate{width:310px;height:310px}.rice{inset:65px}.m1{top:98px;right:86px}.m2{top:160px;left:74px}.m3{top:170px;right:65px}.trust-strip{margin:-25px 15px 0;grid-template-columns:1fr 1fr;gap:18px}.trust-strip div+div{border:0}.steps{grid-template-columns:1fr 1fr}.track-banner{margin:0 15px 70px;padding:30px;display:block}.track-banner button{margin-top:20px}footer{display:block;text-align:center}.footer-brand{justify-content:center;margin-bottom:20px}.field-grid{grid-template-columns:1fr}}@media(max-width:500px){.hero h1{font-size:41px}.hero-actions{flex-direction:column}.steps{grid-template-columns:1fr}.meal-meta{display:grid;gap:5px}.modal{padding:28px 20px}.track-form{display:block}.track-form button{width:100%;margin-top:10px}.payment-card{align-items:flex-start}.qr-demo{width:94px;height:94px}.row .secondary{padding-inline:16px}}