@import url('fonts.css');
:root{--red:#871c1c;--bright:#be2626;--ink:#251817;--cream:#fff;--line:#eadfda;--muted:#776560;--heading:'Barlow Condensed',Impact,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px}body:has(dialog[open]){overflow:hidden}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:focus-visible,a:focus-visible{outline:3px solid #d99129;outline-offset:3px}a{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--heading);line-height:1.04}h2{font-size:2.35rem}h3{font-size:1.6rem}header{height:88px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1260px)/2));gap:15px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:52px;height:52px;border-radius:50%;object-fit:cover}.brand span{font-family:var(--heading);font-size:1.55rem;line-height:.85;font-weight:900;letter-spacing:-.04em}.header-actions{display:flex;gap:14px;align-items:center}.branch-button{background:#ffffff14;color:white;border:1px solid #ffffff40;border-radius:8px;padding:10px 16px;font-size:.9rem}.language-button{background:none;color:#fff;font-size:.9rem;font-weight:700}main{max-width:1260px;margin:auto}.intro{display:grid;grid-template-columns:1fr 1fr;min-height:310px;position:relative;overflow:hidden;background:#faeeee;border-bottom:1px solid var(--line)}.intro>div:first-child{padding:42px 36px;z-index:1}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--red)}h1{font-size:clamp(2.5rem,5.5vw,5rem);font-weight:900;letter-spacing:-.025em;margin:12px 0 15px}h1 em{color:var(--red)}.intro p{color:var(--muted);font-size:1rem}.intro>img{width:100%;height:100%;max-height:360px;object-fit:cover;mix-blend-mode:multiply}.intro-number{position:absolute;bottom:15px;right:24px;font-family:var(--heading);font-size:.85rem;color:var(--red);letter-spacing:.1em}.service-summary{margin-top:20px;font-size:.85rem;font-weight:600}.categories{display:flex;gap:8px;overflow:auto;position:sticky;top:0;z-index:4;padding:18px 30px;background:var(--cream);border-bottom:1px solid var(--line);scrollbar-width:none}.categories button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:30px;padding:10px 20px;font-size:.9rem;font-weight:600}.categories button.active{background:var(--red);border-color:var(--red);color:white}.menu-section{padding:30px 30px 45px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-top h2{margin-top:6px}.section-top>span{font-size:.85rem;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;position:relative;display:flex;flex-direction:column}.card-image{background:#f4efeb;width:100%;aspect-ratio:1.3;border:0;padding:0;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.card-image:hover img{transform:scale(1.045)}.photo-pending{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:.8rem;gap:8px}.photo-pending img{width:70px;height:70px;object-fit:contain;border-radius:50%}.card-body{padding:14px;display:flex;flex-direction:column;flex:1}.card-title{background:none;padding:0;text-align:start;line-height:1.05;color:var(--ink)}.card-title h3{font-size:1.5rem;min-height:1.05em}.card-category{font-size:.75rem;color:var(--muted);margin-bottom:7px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:18px}.price{font-size:.95rem;font-weight:700;color:var(--red);white-space:nowrap}.add{background:var(--red);color:#fff;border-radius:6px;width:37px;height:37px;font-size:1.5rem;flex-shrink:0}.pill{position:absolute;top:10px;left:10px;background:var(--red);color:#fff;padding:5px 9px;font-size:.75rem;font-weight:600;border-radius:4px;pointer-events:none}.more-heading{margin:38px 0 22px;border-top:1px solid var(--line);padding-top:28px}footer{display:flex;align-items:center;gap:20px;padding:28px 30px 120px;border-top:1px solid var(--line);font-size:.9rem}footer img{width:55px;border-radius:50%}footer div{flex:1}footer strong{font-family:var(--heading);font-size:1.3rem}footer p{color:var(--muted);margin-top:5px}.text-button{padding:6px 0;color:var(--red);background:none;font-weight:600;text-decoration:underline;font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:5;border-top:1px solid var(--line);background:#fff;padding:10px 10px max(10px,env(safe-area-inset-bottom));display:flex;justify-content:center;gap:8px}.bottom-nav button{background:none;color:var(--muted);min-width:120px;padding:6px;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:9px;justify-content:center}.bottom-nav svg{width:20px;height:20px}.bottom-nav .selected{color:var(--red)}.bag-bar{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);width:min(520px,calc(100vw - 28px));z-index:6;background:var(--red);color:#fff;box-shadow:0 5px 22px #4b171b30;border-radius:10px;padding:15px;display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.bag-bar[hidden]{display:none}#bagCount{border:1px solid #ffffff50;border-radius:5px;padding:4px 8px}.primary,.outline{padding:14px 18px;border-radius:8px;font-weight:700;text-align:center;text-decoration:none;font-size:1rem;display:inline-block}.primary{background:var(--red);color:#fff;width:100%}.outline{background:white;color:var(--red);border:1px solid var(--line)}.full{width:100%;margin-top:10px}.whatsapp{background:#176c40}.muted{font-size:.85rem;color:var(--muted);line-height:1.6}.close{border:1px solid var(--line);background:white;width:36px;height:36px;flex-shrink:0;border-radius:50%;font-size:1.4rem;color:var(--ink)}dialog{border:0;border-radius:16px;padding:28px;width:min(560px,calc(100vw - 28px));max-height:90dvh;overflow:auto;color:var(--ink);box-shadow:0 20px 100px #260a0a40;background:var(--cream)}dialog::backdrop{background:#1e070bbb;backdrop-filter:blur(5px)}dialog h2{margin:8px 0 20px}.dialog-head{display:flex;justify-content:space-between;align-items:start;gap:18px}.setup-head{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.setup-head img{width:75px;height:75px;border-radius:50%}fieldset{padding:0;border:0;margin:0 0 20px}legend{margin:0 0 10px;font-weight:700;font-size:.9rem}label{display:block;font-size:.9rem;font-weight:600}label>span{display:block;margin-bottom:7px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);font-size:1rem}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--red);outline-offset:2px}.segmented{display:flex;gap:8px}.segmented label{flex:1;position:relative}.segmented input,.branch-options input{position:absolute;opacity:0;width:1px;height:1px}.segmented span{background:#fff;border:1px solid var(--line);border-radius:8px;padding:11px 7px;text-align:center;margin:0;font-size:.9rem}.segmented input:checked+span{border-color:var(--red);background:#f9e9e4;color:var(--red);box-shadow:inset 0 0 0 1px var(--red)}.segmented input:focus-visible+span,.branch-options input:focus-visible+span{outline:3px solid #d99129}.branch-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.branch-options label{position:relative}.branch-options span{display:block;background:#fff;border:1px solid var(--line);border-radius:8px;padding:13px;margin:0}.branch-options small{display:block;color:var(--muted);font-weight:400;margin-top:4px;font-size:.75rem}.branch-options input:checked+span{border-color:var(--red);box-shadow:inset 0 0 0 1px var(--red);background:#f9e9e4;color:var(--red)}.item-photo{width:calc(100% + 56px);margin:-28px -28px 20px;height:260px;object-fit:cover}.item-close{position:absolute;right:15px;top:15px;z-index:2}.item-description{margin:12px 0 20px;line-height:1.6;color:var(--muted);font-size:.9rem}.item-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0}.stepper{display:flex;align-items:center;gap:16px}.stepper button{width:34px;height:34px;background:#fff;border:1px solid var(--line);border-radius:6px;color:var(--red);font-size:1.3rem}.extra-row{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin:8px 0}.extra-row input{width:18px;height:18px;accent-color:var(--red)}.extra-row span{margin:0;flex:1}.extra-row small{font-size:.8rem;color:var(--red)}.upgrade{padding:16px;background:#fae9e9;border-radius:8px;margin:16px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.upgrade strong{font-size:1rem}.upgrade small{display:block;margin-top:5px;color:var(--muted);font-size:.8rem}.upgrade button{padding:8px 12px;background:var(--red);color:white;border-radius:6px;font-size:.85rem}.suggestions{margin-top:25px;border-top:1px solid var(--line);padding-top:20px}.suggestions h3{margin:5px 0 16px;font-size:1.65rem}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suggestion-grid .card-body{padding:10px}.suggestion-grid .card-title h3{font-size:1.2rem;margin:0}.suggestion-grid .price{font-size:.8rem}.suggestion-grid .card-bottom{padding-top:12px}.suggestion-grid .card-image{aspect-ratio:1.5}.order-line{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid var(--line);align-items:center}.order-line img{width:66px;height:66px;object-fit:cover;border-radius:7px}.order-line>div{flex:1;min-width:0}.order-line h3{font-size:1.4rem}.order-line p{font-size:.8rem;color:var(--muted);margin:5px 0;overflow-wrap:anywhere}.order-line .stepper{gap:12px;flex:0}.order-line .stepper button{width:27px;height:27px}.summary{padding:18px 0}.summary-total{display:flex;justify-content:space-between;font-size:1.15rem;font-weight:700;padding:16px 0;color:var(--red)}.summary .muted{margin-bottom:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}#checkoutForm label{margin:14px 0}#checkoutBranch{padding:14px;border-radius:8px;background:#f5e8e1;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:.9rem}.location-actions{display:flex;gap:8px;flex-wrap:wrap}.location-actions button,.location-actions a{font-size:.85rem;padding:10px}#handoffNote{margin:0 0 15px}#gpsStatus{margin-top:9px}.receipt{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;margin:20px 0}.receipt-line{display:flex;justify-content:space-between;gap:15px;font-size:.9rem;border-bottom:1px dashed var(--line);padding:12px 0}.receipt-line small{display:block;color:var(--muted);margin-top:4px}.confirmation-mark{border:2px solid var(--red);color:var(--red);border-radius:50%;display:grid;place-items:center;width:60px;height:60px;margin:10px auto;font-size:1.6rem}#confirmationContent>h2,#confirmationContent>.muted{text-align:center}.branch-detail{background:#fff;border:1px solid var(--line);border-radius:10px;padding:20px;margin:12px 0}.branch-detail h3{margin-bottom:9px}.branch-detail a{display:inline-block;margin-right:15px;margin-top:10px;font-size:.9rem;color:var(--red)}#toast{position:fixed;top:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:12px 20px;border-radius:8px;font-size:.9rem;z-index:100;max-width:90vw;display:none}body[dir=rtl]{font-family:'Noto Sans Arabic',sans-serif}body[dir=rtl] h1,body[dir=rtl] h2,body[dir=rtl] h3{font-family:'Noto Sans Arabic',sans-serif;line-height:1.4}body[dir=rtl] h1{font-size:clamp(2rem,4vw,3.7rem)}body[dir=rtl] .card-title h3{font-size:1.1rem}body[dir=rtl] .eyebrow{letter-spacing:0}body[dir=rtl] .brand span{font-family:var(--heading)}[hidden]{display:none!important}
@media(min-width:1000px){#bagDialog,#checkoutDialog{width:670px}.suggestion-grid{grid-template-columns:repeat(3,1fr)}.intro>img{object-position:center 55%}.intro>div:first-child{padding-left:42px}}
@media(max-width:800px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.intro{min-height:260px}.intro>div:first-child{padding:28px 24px}.categories{padding:14px 20px}.menu-section{padding:24px 20px}.intro>img{max-height:290px}header{padding:0 20px}}
@media(max-width:560px){header{height:72px;padding:0 14px}.brand img{width:42px;height:42px}.brand span{font-size:1.2rem}.header-actions{gap:10px}.branch-button{padding:9px 10px;font-size:.8rem;max-width:135px}.language-button{font-size:.8rem}.intro{min-height:200px;grid-template-columns:1.1fr 1fr}.intro>div:first-child{padding:24px 14px}.intro .eyebrow{font-size:.6rem;letter-spacing:.1em}h1{font-size:2.25rem;margin:9px 0 10px}.intro p{font-size:.8rem;max-width:170px}.service-summary{font-size:.75rem;margin-top:13px}.intro>img{height:100%;max-height:250px;object-position:46% center;transform:scale(1.04)}.intro-number{display:none}.categories{padding:12px 14px;gap:7px}.categories button{font-size:.85rem;padding:9px 16px}.menu-section{padding:23px 14px}.section-top{margin-bottom:17px}.section-top .eyebrow{font-size:.65rem}.section-top h2{font-size:2rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-body{padding:11px}.card-title h3{font-size:1.3rem}.card-bottom{padding-top:13px}.price{font-size:.8rem}.add{width:32px;height:32px;font-size:1.3rem}.card-category{font-size:.7rem}.card-image{aspect-ratio:1.35}.pill{font-size:.65rem;top:7px;left:7px}.bottom-nav button{min-width:0;flex:1;font-size:.8rem;flex-direction:column;gap:4px}.bottom-nav{padding-top:8px}.bag-bar{bottom:calc(75px + env(safe-area-inset-bottom));padding:12px;font-size:.85rem}footer{flex-wrap:wrap;padding:25px 15px 150px;font-size:.8rem}footer p{font-size:.75rem}footer .text-button{font-size:.8rem}footer>a{margin-left:auto}dialog{padding:22px;width:calc(100vw - 20px);max-height:94dvh;border-radius:14px}.item-photo{width:calc(100% + 44px);margin:-22px -22px 20px;height:230px}.dialog-head h2{font-size:2rem}.setup-head{margin-bottom:15px}.setup-head img{width:62px;height:62px}.setup-form h2{font-size:2.35rem;margin:8px 0 20px}.setup-form fieldset{margin-bottom:18px}.branch-options span{padding:12px 10px;font-size:.85rem}.services span{font-size:.8rem;padding:11px 5px}.form-grid{grid-template-columns:1fr}.order-line img{width:52px;height:52px}.order-line h3{font-size:1.2rem}.order-line{gap:8px}.order-line .stepper{gap:8px}.order-line .stepper button{width:25px;height:28px}.order-line .stepper span{font-size:.85rem}.suggestion-grid .card-image{aspect-ratio:1.4}.suggestion-grid .price{font-size:.75rem}body[dir=rtl] h1{font-size:1.6rem}body[dir=rtl] .card-title h3{font-size:1rem}.setup-form legend{font-size:.85rem}.photo-pending img{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Order-focused refinements */
.welcome-copy{margin:0 0 18px}.privacy-copy{margin:18px 0;font-size:.8rem}#welcomeForm label{margin:14px 0}.form-error{color:var(--red);font-size:.9rem;margin-top:10px}.close{width:44px;height:44px}.add{width:44px;height:44px}.card-title{min-height:44px}.categories button{min-height:44px}.text-button{min-height:44px}.stepper button{min-width:40px;min-height:44px}.branch-options small{font-size:.8rem}.card-category{font-size:.8rem}.primary,.outline{min-height:48px}.card-bottom{gap:4px}.card-title h3{overflow-wrap:anywhere}.summary .primary{position:sticky;bottom:0;z-index:2}.privacy-copy{line-height:1.7}
@media(max-width:560px){.intro{min-height:170px}.intro>div:first-child{padding:18px 14px}.intro h1{font-size:2rem}.intro>img{max-height:220px}.add{width:40px;height:44px}.card-category{font-size:.75rem}.branch-options span{font-size:.9rem}.services span{font-size:.85rem}.bottom-nav button{font-size:.875rem}.card-body{padding:10px}.order-line .stepper{gap:6px}.order-line .stepper button{min-width:34px}.price{white-space:normal}.suggestion-grid .price{font-size:.85rem}.card-bottom .price{line-height:1.4}.form-grid{gap:0}}

.summary-note{margin-bottom:18px}.receipt-heading{margin-top:12px}.receipt-time{margin-top:10px}.confirmation-status{text-align:center;margin:12px 0}.confirmation-mark svg{width:26px;height:26px}.menu-error{grid-column:1/-1;max-width:400px;margin:20px auto;text-align:center}.menu-error p{margin-bottom:20px;line-height:1.6}.price{font-variant-numeric:tabular-nums}.item-description{font-size:1rem}.branch-options small{font-size:.875rem}.location-actions button,.location-actions a{min-height:44px;font-size:.875rem}.extra-row{min-height:48px}.extra-row small{font-size:.875rem}.segmented span{min-height:44px}.card-image:focus-visible{outline-offset:-4px}.order-line .stepper button{min-width:40px;min-height:44px}
@media(max-width:560px){#itemDialog .item-photo{height:190px}#itemDialog h2{font-size:1.85rem}.item-description{font-size:.9rem}.card-category{font-size:.8rem}.card-bottom .price{font-size:.875rem}.header-actions{gap:8px}.branch-button{min-height:44px}.language-button{min-height:44px}.services span{font-size:.875rem}.item-close{top:10px;right:10px}}