@import url('fonts.css');
:root{--ink:#164b55;--teal:#176777;--gold:#f5cc76;--paper:#fffefa;--muted:#65767a;--green:#125c41;--line:#e4e9e7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans Arabic','Noto Sans',sans-serif;font-size:16px;line-height:1.65}button,select,textarea,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #d09321;outline-offset:4px}a{color:inherit}button{border:0}button:disabled{cursor:default;opacity:.5}.header{max-width:1440px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:16px 5%;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none}.brand img{border-radius:50%;width:64px;height:64px}.brand strong{font-size:1.6rem;display:block;line-height:1.4}.brand small{font:600 .7rem 'Noto Sans',sans-serif;letter-spacing:2px}.header-actions{display:flex;gap:20px;align-items:center}.language{display:flex;gap:5px;align-items:center}.language select{max-width:115px;border:0;background:transparent;color:var(--ink);padding:8px}.cart-button{border:1px solid var(--line);padding:9px 18px;background:white;border-radius:8px;display:flex;gap:12px;align-items:center}.cart-button b{display:grid;place-items:center;background:var(--teal);color:white;min-width:26px;height:26px;border-radius:50%;font-size:.85rem}main{max-width:1320px;margin:auto;padding:0 28px}.intro{display:flex;justify-content:space-between;align-items:center;padding:28px 0 24px;gap:20px}.eyebrow{font-size:.85rem;color:var(--teal);font-weight:600}.intro h1{font-size:clamp(1.65rem,3.3vw,2.8rem);margin:5px 0;font-weight:800;line-height:1.5}.intro p{margin:0;color:var(--muted)}.intro-seal{text-align:center;font-weight:800;font-size:1.7rem;line-height:1.2;border:1px solid #b1c7c5;border-radius:50%;width:128px;height:128px;display:flex;flex-direction:column;justify-content:center;transform:rotate(-10deg);flex-shrink:0}.intro-seal small{font-size:.55rem;letter-spacing:1px;margin-top:10px}.categories{display:flex;gap:8px;overflow-x:auto;padding:12px 0 16px;position:sticky;top:0;background:var(--paper);z-index:5;scrollbar-width:thin;border-bottom:1px solid var(--line)}.category{white-space:nowrap;background:transparent;padding:9px 18px;border-radius:7px;font-weight:600;font-size:.9rem}.category.active{background:var(--teal);color:white}.category:first-child{color:var(--green);background:#e8f2ea}.category:first-child.active{background:var(--green);color:white}#menu{min-height:50vh;padding:26px 0 40px}.national-banner{display:flex;align-items:center;justify-content:space-between;background:var(--green);color:white;border-radius:14px;padding:24px 32px;gap:16px;margin-bottom:28px;position:relative;overflow:hidden}.national-banner .flagline{color:#c9e6cd;font-size:.9rem}.national-banner h2{margin:4px 0;font-size:clamp(1.3rem,2.8vw,2rem)}.national-banner p{margin:0;color:#dcebdd}.national-number{font-family:'Noto Sans',sans-serif;font-size:5.5rem;font-weight:800;color:#d5e7b4;line-height:1;flex-shrink:0}.national-number small{display:block;font-size:.65rem;text-align:center;letter-spacing:2px;margin-top:7px}.group{margin-bottom:38px}.group-header{display:flex;gap:12px;align-items:center;margin-bottom:16px}.group-number{width:36px;height:36px;display:grid;place-items:center;background:#e8f0e9;border-radius:50%;font:600 .85rem 'Noto Sans',sans-serif;color:var(--green)}h2,h3,p{overflow-wrap:anywhere}.group-header h2{font-size:1.2rem;margin:0}.group-header:after{content:'';height:1px;background:var(--line);flex:1}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0}.food-image{width:100%;height:170px;object-fit:contain;mix-blend-mode:multiply;display:block}.image-wrap{background:#faedce;position:relative;padding:14px 12px}.savings{position:absolute;top:10px;inset-inline-start:10px;z-index:1;font-size:.75rem;font-weight:700;color:var(--green);background:#fffef9;padding:3px 9px;border-radius:4px}.card-content{padding:14px 16px;display:flex;flex-direction:column;flex:1}.card h3{font-size:1rem;line-height:1.65;margin:0 0 7px;font-weight:700}.card .secondary{color:var(--muted);font:400 .75rem/1.5 'Noto Sans',sans-serif;margin-bottom:10px;min-height:1.1em}.card-actions{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:auto;padding-top:8px}.prices{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.price{font-size:1.4rem;font-weight:800;line-height:1.3}.currency,.unit{font-size:.75rem;font-weight:500}.old-price{color:#8b9695;font-size:.85rem}.add-button{background:var(--teal);color:white;border-radius:7px;min-width:42px;min-height:42px;font-size:1.5rem;line-height:1}.stepper{display:flex;align-items:center;gap:9px;background:#eff5f3;border-radius:7px;direction:ltr}.stepper button{background:transparent;min-width:34px;min-height:42px;font-size:1.2rem}.stepper span{min-width:14px;text-align:center;font:600 .95rem 'Noto Sans',sans-serif}.text-card{min-height:180px}.text-card .card-content{padding:22px}.feast-top{background:#f1f5ed;padding:20px;font-size:1.05rem;font-weight:600;color:var(--green)}.feast-top strong{font:800 2.5rem 'Noto Sans';padding-inline-end:9px}.section-title{margin:0 0 20px;font-size:1.7rem}.section-note{color:var(--muted);margin-top:-12px;margin-bottom:22px}.quote-label{font-size:.85rem;color:var(--muted)}footer{max-width:1264px;margin:0 auto;padding:24px 0 110px;border-top:1px solid var(--line);display:flex;gap:18px;justify-content:space-between;font-size:.85rem;color:var(--muted)}footer a{text-decoration:none}.floating-cart{position:fixed;z-index:8;bottom:22px;inset-inline:0;margin:auto;max-width:460px;width:calc(100% - 32px);display:flex;align-items:center;justify-content:space-between;gap:15px;background:var(--teal);color:white;border-radius:11px;padding:17px 23px;box-shadow:0 7px 25px #163c4b30}.floating-cart[hidden]{display:none}.floating-cart strong{margin-inline-start:auto}dialog{border:0;border-radius:16px;padding:24px;width:min(540px,calc(100% - 24px));max-height:88dvh;color:var(--ink);box-shadow:0 20px 80px #102e4940}dialog::backdrop{background:#122e3bc0;backdrop-filter:blur(3px)}body:has(dialog[open]){overflow:hidden}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.dialog-header h2{font-size:1.3rem;margin:0}.icon-button{width:42px;height:42px;flex-shrink:0;border-radius:50%;font-size:1.6rem;background:#edf3f1}.cart-line{display:flex;gap:12px;padding:18px 0;border-bottom:1px solid var(--line);align-items:center}.cart-line-info{flex:1}.cart-line h3{font-size:.95rem;margin:0 0 4px}.cart-line small{color:var(--muted);display:block}.cart-line .line-price{font-weight:700}.cart-line .stepper{gap:1px}#cart-bottom{padding-top:20px}#notes-label{font-size:.9rem;display:block;margin-bottom:7px}textarea{resize:vertical;width:100%;min-height:85px;border:1px solid #ccd8d3;border-radius:7px;padding:12px;color:var(--ink);background:#fcfdfa}.total-row{display:flex;justify-content:space-between;padding:18px 0;font-size:1.15rem}.total-row strong{font-size:1.45rem}.order-disclaimer{font-size:.8rem;color:var(--muted);line-height:1.8}.checkout{display:block;width:100%;background:var(--green);color:white;text-align:center;text-decoration:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:600}.checkout[aria-disabled=true]{pointer-events:none;opacity:.45}.empty{text-align:center;padding:36px 10px;color:var(--muted)}.option-field{display:block;margin:18px 0}.option-field span{display:block;margin-bottom:8px;font-weight:600}.option-field select{width:100%;border:1px solid #c8d8d2;background:white;padding:12px;border-radius:7px;color:var(--ink)}.option-total{font-size:1.2rem;font-weight:700;margin:18px 0}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.unknown-card .add-button{font-size:.85rem;padding:10px}.category:hover{filter:brightness(.95)}@media(min-width:1000px){.grid.two{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.two .card{grid-column:span 2;display:grid;grid-template-columns:42% 58%}.grid.two .image-wrap{display:flex;align-items:center}.grid.two .food-image{height:160px}.grid.two .card-content{padding:24px}.grid.two .card h3{font-size:1.15rem}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}footer{margin:0 28px}}@media(max-width:700px){.header{padding:12px 18px}.brand{gap:8px}.brand img{width:48px;height:48px}.brand strong{font-size:1.3rem}.brand small{font-size:.55rem;letter-spacing:1px}.header-actions{gap:8px}.cart-button{padding:7px 10px;font-size:.85rem}.language select{max-width:95px;font-size:.8rem;padding:5px}.language>span{display:none}main{padding:0 16px}.intro{padding:24px 0 20px}.intro-seal{display:none}.intro p{font-size:.9rem}.categories{margin-inline:-16px;padding-inline:16px}.category{padding:9px 14px;font-size:.85rem}.national-banner{padding:20px;margin-bottom:25px}.national-banner p,.national-banner .flagline{font-size:.75rem}.national-number{font-size:3.7rem}.national-number small{font-size:.5rem;letter-spacing:1px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.food-image{height:127px}.image-wrap{padding:13px 5px}.card-content{padding:12px}.card h3{font-size:.9rem}.card .secondary{font-size:.7rem}.card-actions{gap:3px;flex-wrap:wrap}.prices{gap:4px}.price{font-size:1.25rem}.add-button{min-width:38px;min-height:38px}.stepper{gap:2px}.stepper button{min-width:29px;min-height:38px}.currency,.unit{font-size:.7rem}.savings{font-size:.65rem;padding:2px 5px;top:7px;inset-inline-start:7px}.old-price{font-size:.75rem}.group{margin-bottom:28px}.group-header h2{font-size:1.05rem}.group-number{width:30px;height:30px}.feast-top{padding:15px;font-size:.85rem}.feast-top strong{font-size:2rem}.text-card .card-content{padding:16px}footer{margin:0 16px;flex-wrap:wrap;gap:10px;font-size:.75rem}footer span{order:3;width:100%}dialog{padding:20px}.floating-cart{bottom:14px}.cart-line{gap:8px}.cart-line .stepper button{min-width:30px}.section-title{font-size:1.4rem}}@media(prefers-reduced-motion:no-preference){button,a{transition:background .15s,transform .15s}.add-button:active{transform:scale(.92)}}
.image-wrap.brand-image{display:flex;align-items:center;justify-content:center;background:#faedce}.brand-image .food-image{width:126px;height:126px;max-width:85%;border-radius:50%;mix-blend-mode:normal}.grid.two .card:has(.brand-image){grid-template-columns:42% 58%}@media(max-width:380px){#cart-label{display:none}.header-actions{gap:4px}.header{padding-inline:12px}.cart-button{padding:7px}.brand{gap:6px}}@media(max-width:700px){.brand-image .food-image{width:110px;height:127px;object-fit:contain;border-radius:0}}
.image-wrap,.image-wrap.brand-image{background:#fbedd4}.food-image{mix-blend-mode:normal}.header{flex-wrap:wrap}.header-actions{flex-wrap:wrap}.national-banner>div:first-child{min-width:0}.cart-line-info{min-width:0}.cart-line .stepper{flex-shrink:0}
