@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{font-family:Cairo,Tahoma,Arial,sans-serif;color:#2b2926;background:#fffaf2;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:auto;padding:0 18px}.top{background:#fff;border-bottom:1px solid #f1e5d4;position:sticky;top:0;z-index:20;box-shadow:0 2px 15px #4b33080a}.top .wrap{height:76px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px;cursor:pointer}.logo{font-size:28px;background:#ffedba;border-radius:16px;padding:8px}.brand b{display:block;font-size:21px;color:#de6720;line-height:1.35}.brand small{color:#8b7a67;font-size:11px}.top-actions{display:flex;gap:10px;align-items:center}.pill,.btn{border:0;border-radius:13px;padding:11px 18px;background:#fff0d7;color:#9c4f18;font-weight:800}.btn.primary{background:#f47b29;color:#fff;box-shadow:0 4px 0 #d65c16}.btn.alt{background:#fff;color:#b25b19;border:1px solid #ead4b8}.btn.dark{background:#2a9b62;color:white}.btn.blue{background:#3478c9;color:white}.btn.full{width:100%}.btn:active{transform:translateY(2px)}.hero{background:linear-gradient(110deg,#fff0b4,#ffe1c5);border-radius:26px;padding:28px;margin-top:23px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px}.hero-copy{flex:1;min-width:0}.hero-media{flex:0 0 220px;display:flex;justify-content:center}.heroimg{width:220px;height:220px;object-fit:cover;border-radius:50%;border:6px solid rgba(255,255,255,.8);box-shadow:0 12px 28px #8b5a1e28}.hero h1{font-size:clamp(24px,4vw,37px);margin:3px 0;line-height:1.6;max-width:100%}.hero h1 span{color:#e76e17}.hero p{margin:6px 0;color:#8c623c;max-width:100%}.hero .flag{display:inline-block;background:white;border-radius:99px;padding:4px 12px;color:#b45b16;font-size:12px;font-weight:800}.notice{background:#fff;box-shadow:0 2px 11px #967d5720;border:1px solid #f0e2cd;border-radius:13px;margin:18px 0 25px;padding:13px 16px;color:#735d43;font-size:13px}.headerline{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:22px 0 12px}.headerline h2{margin:0;font-size:23px}.muted{color:#8b8074;font-size:13px}.search{width:100%;padding:15px;border:2px solid #f2e4d0;background:white;border-radius:15px;outline:none}.search:focus,input:focus,select:focus,textarea:focus{border-color:#f3a256;outline:none}.catbar{display:flex;gap:8px;overflow:auto;padding:14px 0;scrollbar-width:thin}.chip{white-space:nowrap;padding:8px 14px;border:1px solid #ecd9c1;border-radius:99px;background:white;font-weight:700}.chip.active{background:#f47b29;border-color:#f47b29;color:#fff}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:15px 0 95px}.product{background:#fff;border:1px solid #eee2d1;border-radius:19px;padding:18px;display:flex;flex-direction:column;min-height:204px;box-shadow:0 5px 16px #75501a0a}.prodcat{font-size:11px;color:#a76522;background:#fff0df;align-self:flex-start;padding:3px 10px;border-radius:99px}.product h3{font-size:17px;line-height:1.5;margin:12px 0 5px}.product p{color:#857d73;font-size:12px;margin:0 0 14px;flex:1}.prodfoot{display:flex;justify-content:space-between;align-items:end;gap:8px}.price{font-size:20px;font-weight:900;color:#d85d16}.sold{font-weight:800;color:#b76a64}.add{border:0;border-radius:11px;background:#fff0d5;color:#bd5716;padding:9px 13px;font-weight:800}.floatcart{position:fixed;bottom:15px;right:50%;transform:translateX(50%);width:min(94%,550px);z-index:14;border:0;border-radius:17px;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;background:#e96b23;color:white;box-shadow:0 10px 27px #98430b55;font-weight:900}.page{max-width:720px;margin:30px auto 90px}.panel{border:1px solid #f0dfc9;background:#fff;border-radius:22px;padding:25px;box-shadow:0 8px 30px #5541140c}.page h2{margin:0 0 14px}.step{color:#c77936;font-size:12px;font-weight:800}.item{padding:15px 0;border-bottom:1px solid #f0e9df;display:flex;align-items:center;justify-content:space-between;gap:10px}.item .itemname{font-weight:800}.item small{display:block;color:#85796b}.qty{display:flex;align-items:center;gap:12px}.qty button{width:30px;height:30px;border:0;border-radius:9px;background:#ffebd2;color:#a9531b;font-size:20px}.summaryrow{display:flex;justify-content:space-between;font-size:20px;font-weight:900;padding:20px 0}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.actions>*{flex:1}.field{display:block;margin:14px 0;font-size:14px;font-weight:800}.field input,.field textarea,.field select{display:block;width:100%;background:#fff;border:1px solid #e6d5c2;border-radius:11px;padding:12px;margin-top:5px;color:#333}.radios{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}.choice{flex:1;min-width:145px;border:1px solid #ecdcc8;border-radius:13px;padding:13px;background:#fff7ec;cursor:pointer}.choice input{accent-color:#ea7728}.note{padding:12px 14px;background:#fff1cf;border-radius:12px;color:#845f22;font-size:13px;margin:12px 0}.ordertext{white-space:pre-wrap;word-break:break-word;background:#fffaf0;border:1px dashed #ddb98a;border-radius:15px;padding:17px;line-height:2;font-family:inherit;font-size:13px;direction:rtl}.foot{background:#fff;border-top:1px solid #f2e3ce;text-align:center;padding:25px;color:#84705d;font-size:13px}.foot a{color:#bf641b;margin:0 9px}.empty{text-align:center;padding:55px 15px;color:#977c5a}.dialogback{position:fixed;inset:0;background:#24170ac2;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.dialog{max-height:88vh;overflow:auto;background:white;border-radius:22px;padding:23px;width:min(100%,480px)}.dialog h2{margin:0 0 9px}.variant{display:block;padding:12px;border-radius:12px;border:1px solid #e9dbc6;margin:9px 0;cursor:pointer}.variant.sel{background:#fff2dd;border-color:#f78b2e}.variant input{accent-color:#f47b29}.variant strong{float:left;color:#d65f19}.toast{position:fixed;bottom:88px;right:50%;transform:translateX(50%);background:#263323;color:white;padding:12px 20px;border-radius:13px;z-index:80;max-width:90%;text-align:center}.error{background:#ffe4df;color:#9d2929;border-radius:11px;padding:12px;margin:12px 0}.adminheader{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:20px 0}.adminrow{background:#fff;border:1px solid #f0dfc9;border-radius:15px;padding:15px;margin:11px 0}.adminrow h3{margin:3px 0}.inlineprice{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:8px 0;border-top:1px solid #f2ebdf}.inlineprice input{width:110px;padding:7px;border:1px solid #d9c9b7;border-radius:8px}.adminnote{font-size:12px;color:#8b7662}.adminform{max-width:550px}.small{padding:6px 10px;font-size:12px}.optrow{display:grid;grid-template-columns:1.5fr 1fr auto;gap:5px;margin:6px 0}.optrow input{width:100%;padding:8px;border:1px solid #dfceba;border-radius:9px}@media(max-width:750px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:13px;min-height:188px}.hero{padding:22px;flex-direction:column-reverse;text-align:right;align-items:flex-start}.hero-media{flex-basis:auto;align-self:center}.heroimg{width:150px;height:150px}.brand b{font-size:17px}.top .wrap{height:68px}.panel{padding:17px}.page{margin:16px auto 85px}.product h3{font-size:15px}.price{font-size:17px}.actions{flex-direction:column}.actions>*{width:100%}}@media(max-width:365px){.grid{grid-template-columns:1fr}.heroimg{width:128px;height:128px}}

/* Updated brand mark and refined hero */
.logo.logo-photo{display:block;width:54px;height:54px;object-fit:cover;object-position:center;border-radius:50%;padding:0;background:#fff6e9;border:3px solid #ffe5b7;box-shadow:0 3px 9px #98430b24;flex-shrink:0}
.hero{background:linear-gradient(125deg,#fff0be 0%,#ffe5ca 100%);min-height:250px;gap:28px}
.hero-media{flex:0 0 232px}
.heroimg{width:220px;height:220px;border:7px solid white;object-fit:cover;object-position:center;box-shadow:0 12px 30px #aa59243a}
.hero-copy{position:relative;z-index:1}
.ordertext{unicode-bidi:plaintext;direction:rtl;line-height:1.95}
@media(max-width:750px){.hero{min-height:0;flex-direction:row;gap:12px;align-items:center;padding:18px}.hero-copy{flex:1}.hero-media{flex:0 0 112px}.heroimg{width:108px;height:108px;border-width:4px}.hero h1{font-size:clamp(19px,5vw,27px)}.hero .flag{font-size:10px}.hero p{font-size:12px}.logo.logo-photo{width:45px;height:45px}}
@media(max-width:390px){.hero-media{flex-basis:88px}.heroimg{width:88px;height:88px}.brand{gap:7px}.brand b{font-size:15px}.brand small{font-size:9px}.top-actions{gap:5px}.top-actions .pill{padding:9px}}

/* V5: easy order handoff and cart management */
.copy-guide{display:flex;flex-direction:column;gap:9px;margin:15px 0 22px;padding:19px;border-radius:19px;background:#fff0cc;border:2px solid #f6bc69;color:#603a16;font-size:17px;font-weight:750;line-height:1.8}
.copy-guide strong{font-size:22px;color:#9d4611}.copy-guide small{font-size:13px;font-weight:600;color:#815a33}
.instruction-back{z-index:70}.instruction-dialog{position:relative;max-width:540px;width:100%;text-align:center;max-height:93vh;box-shadow:0 18px 70px #25160866}
.instruction-x{position:absolute;top:12px;left:12px;border:0;background:#fff0d7;border-radius:50%;width:38px;height:38px;font-size:20px;color:#9c4f18}
.instruction-icon{font-size:43px}.instruction-dialog h2{font-size:clamp(23px,5vw,30px);color:#d85d16;line-height:1.5;margin:8px 0}
.instruction-lead{font-size:17px;font-weight:800;margin:8px 0 15px}
.instruction-steps{display:grid;gap:10px;text-align:right;margin:18px 0}
.instruction-steps>div{display:flex;align-items:center;gap:12px;background:#fff5e2;padding:12px 14px;border-radius:13px;line-height:1.8;font-size:17px;font-weight:600}
.instruction-steps b{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:50%;background:#f47b29;color:#fff}
.instruction-copy{font-size:18px;padding:15px 10px}
.instruction-send{display:flex;gap:10px;margin-top:14px}.instruction-send>a{flex:1}
.instruction-dismiss{display:block;margin:16px auto 0;border:none;background:transparent;color:#9d581d;text-decoration:underline;font-size:14px;font-weight:800}
.clear-cart{border:1px solid #efb2a4;background:#fff4f0;color:#a83229;border-radius:12px;font-size:14px;font-weight:800;padding:11px 15px;margin-top:20px;width:100%}
.btn.danger{background:#d74237;color:#fff}
.confirm-clear-dialog{max-width:440px;text-align:center}.confirm-clear-dialog p{line-height:1.9}
@media(max-width:500px){.instruction-dialog{padding:19px 15px}.instruction-steps>div{font-size:15px}.instruction-send{flex-direction:column}.copy-guide{font-size:15px}.copy-guide strong{font-size:19px}}