:root{
  --primary:#013739;--primary-2:#0a4e4f;--accent:#F2993D;--cream:#FFF9EF;--ink:#173435;--muted:#6f7d78;--line:#e4e9e4;--white:#fff;--danger:#b23a3a;--success:#16784a;--warning:#a96d11;--shadow:0 18px 50px rgba(1,55,57,.11);--shadow-sm:0 8px 24px rgba(1,55,57,.08);--radius:22px;--radius-sm:14px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f8f5;color:var(--ink);font-family:"IBM Plex Sans Arabic",Tahoma,Arial,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}.narrow-container{width:min(820px,calc(100% - 32px))}.skip-link{position:fixed;top:-100px;right:16px;background:#fff;color:var(--primary);padding:10px 16px;border-radius:10px;z-index:9999}.skip-link:focus{top:16px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:"Alexandria",sans-serif;font-weight:700;font-size:.78rem;letter-spacing:.02em;color:#ffe5c5;background:rgba(242,153,61,.12);border:1px solid rgba(242,153,61,.3);padding:7px 12px;border-radius:999px}.eyebrow.dark{color:var(--primary);background:#ecf4f0;border-color:#cfe0d8}.btn{border:0;border-radius:14px;padding:12px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:"Alexandria",sans-serif;font-weight:700;transition:.2s ease;min-height:46px}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--accent);color:#1d342f;box-shadow:0 10px 25px rgba(242,153,61,.25)}.btn-primary:hover{filter:brightness(.97)}.btn-light{background:#fff;color:var(--primary)}.btn-outline{background:transparent;border:1px solid #ccd9d4;color:var(--primary)}.btn-ghost{background:#eef3f0;color:var(--primary)}.btn-block{width:100%}.btn-large{min-height:56px;font-size:1rem}.btn-sm{padding:8px 13px;min-height:38px;font-size:.84rem}.btn.disabled,.btn:disabled{opacity:.5;pointer-events:none}.text-btn{border:0;background:transparent;color:var(--danger);font-weight:700}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;margin-bottom:20px}.micro-note{font-size:.84rem;color:var(--muted);line-height:1.55}.form-alert{padding:13px 15px;border-radius:12px;margin:10px 0}.form-alert.error{background:#fff0f0;color:#8c2929;border:1px solid #f2cccc}.form-alert.success{background:#edf9f2;color:#176540;border:1px solid #cdebd9}
.site-header{position:sticky;top:0;z-index:80;background:rgba(247,248,245,.92);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.2s}.site-header.scrolled{border-color:var(--line);box-shadow:0 6px 20px rgba(1,55,57,.05)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand img{width:66px;height:66px;object-fit:contain;background:var(--primary);border-radius:17px;padding:3px}.brand span{display:flex;flex-direction:column}.brand strong{font-family:"Alexandria",sans-serif;font-size:1.03rem}.brand small{color:var(--muted);font-size:.78rem}.top-actions{display:flex;gap:8px}.icon-btn{position:relative;width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;display:grid;place-items:center;font-size:1.1rem}.cart-badge{position:absolute;top:-7px;left:-7px;min-width:22px;height:22px;padding:0 5px;border-radius:999px;background:var(--accent);color:var(--ink);font-size:.72rem;font-weight:800;display:grid;place-items:center;border:2px solid #fff}
.hero-section{position:relative;overflow:hidden;background:linear-gradient(135deg,#012f31 0%,#0a4a4b 100%);color:#fff;padding:76px 0 74px}.hero-pattern{position:absolute;inset:0;opacity:.13;background-image:radial-gradient(circle at 18% 25%,transparent 0 32px,rgba(242,153,61,.5) 33px 35px,transparent 36px),radial-gradient(circle at 82% 72%,transparent 0 45px,rgba(255,255,255,.25) 46px 48px,transparent 49px);background-size:280px 280px,360px 360px}.hero-section:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:rgba(242,153,61,.12);filter:blur(1px);left:-190px;bottom:-250px}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.25fr .75fr;gap:56px;align-items:center}.hero-copy h1{font-family:"Alexandria",sans-serif;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.25;margin:18px 0 16px;max-width:820px}.hero-copy>p{font-size:1.08rem;color:#dce9e5;max-width:700px}.hero-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;margin:24px 0;color:#e7efec}.open-status{display:inline-flex;align-items:center;gap:8px;font-weight:700}.open-status i{width:10px;height:10px;border-radius:50%;background:#e05252;box-shadow:0 0 0 5px rgba(224,82,82,.14)}.open-status.is-open i{background:#4ed08a;box-shadow:0 0 0 5px rgba(78,208,138,.15)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.location-line{margin-top:25px;display:flex;align-items:center;gap:10px;color:#dfeae7}.location-line a{border-bottom:1px dashed rgba(255,255,255,.35)}.hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:30px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.22);backdrop-filter:blur(12px)}.hero-logo-wrap{height:180px;display:grid;place-items:center;background:rgba(255,255,255,.05);border-radius:22px;margin-bottom:22px}.hero-logo-wrap img{width:210px;height:200px;object-fit:contain}.hero-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-steps div{text-align:center;background:rgba(255,255,255,.07);padding:14px 8px;border-radius:14px}.hero-steps b{display:grid;place-items:center;width:28px;height:28px;margin:0 auto 7px;border-radius:50%;background:var(--accent);color:var(--ink)}.hero-steps span{font-size:.78rem}.hero-card>p{color:#d8e4e1;font-size:.85rem;margin:18px 0 0;text-align:center}
.menu-tools-section{padding:54px 0 26px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.section-heading.compact{align-items:center}.section-heading h2{font-family:"Alexandria",sans-serif;font-size:clamp(1.6rem,3vw,2.35rem);margin:10px 0 0}.section-heading>p{max-width:480px;color:var(--muted)}.desktop-cart-btn span{background:var(--accent);min-width:26px;height:26px;border-radius:999px;display:grid;place-items:center}.search-box{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-sm);display:flex;align-items:center;padding:0 16px}.search-box>span{font-size:1.7rem;color:var(--primary);transform:rotate(-15deg)}.search-box input{width:100%;border:0;outline:0;background:transparent;height:58px;padding:0 12px;font-size:1rem;color:var(--ink)}.search-box button{border:0;background:#eef2ef;border-radius:50%;width:30px;height:30px}.category-nav{display:flex;gap:9px;overflow-x:auto;padding:18px 2px 5px;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;border:1px solid #d9e1dc;background:#fff;color:var(--ink);border-radius:999px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.category-chip.active,.category-chip:hover{background:var(--primary);color:#fff;border-color:var(--primary)}
.featured-section{padding:30px 0 62px}.featured-grid{grid-template-columns:repeat(4,1fr)}.all-sections{padding-bottom:70px}.category-section{padding:34px 0;scroll-margin-top:100px}.category-section[hidden],.featured-section[hidden]{display:none}.category-title-row{display:flex;align-items:center;gap:15px;margin-bottom:22px}.category-title-row h2{font-family:"Alexandria",sans-serif;font-size:1.65rem;margin:0}.category-title-row p{margin:2px 0 0;color:var(--muted)}.category-icon-large{width:56px;height:56px;border-radius:17px;background:#e8f0ec;display:grid;place-items:center;font-size:1.65rem}.count-pill{margin-inline-start:auto;background:#fff;border:1px solid var(--line);padding:7px 12px;border-radius:999px;color:var(--muted);font-size:.82rem}.items-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.menu-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 7px 22px rgba(1,55,57,.055);transition:.22s;display:flex;flex-direction:column}.menu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.menu-card[hidden]{display:none}.card-main{border:0;background:transparent;text-align:right;padding:0;color:inherit;width:100%;display:block}.card-media{position:relative;aspect-ratio:1.33/1;overflow:hidden;background:#e7efeb}.card-media img{width:100%;height:100%;object-fit:cover;transition:.35s}.menu-card:hover .card-media img{transform:scale(1.035)}.placeholder-media{display:grid;place-items:center;background:linear-gradient(145deg,#d9e7e1,#f5eee2)}.placeholder-media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 25%,rgba(242,153,61,.22) 0 6px,transparent 7px),radial-gradient(circle at 80% 75%,rgba(1,55,57,.12) 0 8px,transparent 9px);background-size:54px 54px}.food-icon{font-size:3.3rem;filter:drop-shadow(0 8px 12px rgba(1,55,57,.15));z-index:2}.flower-mark{position:absolute;left:14px;bottom:9px;font-size:2.2rem;color:rgba(1,55,57,.15)}.status-badge{position:absolute;top:12px;right:12px;background:#fff;color:var(--success);padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:800;box-shadow:0 5px 15px rgba(0,0,0,.08)}.status-badge.preorder{color:var(--warning)}.status-badge.limited{color:#a45b00}.status-badge.unavailable{color:var(--danger)}.card-copy{padding:16px 17px 14px;min-height:112px}.card-copy small{color:var(--accent);font-weight:800}.card-copy h3{font-family:"Alexandria",sans-serif;font-size:1.02rem;line-height:1.5;margin:5px 0}.card-copy p{color:var(--muted);font-size:.84rem;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.add-btn{margin:auto 14px 14px;border:1px solid #d7e1dc;background:#f7faf8;color:var(--primary);border-radius:13px;padding:10px 13px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:8px}.add-btn span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:var(--primary);color:#fff}.add-btn:hover{background:var(--primary);color:#fff}.add-btn:hover span{background:var(--accent);color:var(--ink)}.add-btn:disabled{opacity:.45;cursor:not-allowed}.featured-card{border-color:#ead8c0}.featured-card .card-media{aspect-ratio:1.4/1}
.info-strip{background:#e9f0ec;padding:48px 0}.info-strip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.info-strip-grid>div{background:#fff;border:1px solid #dce6e0;border-radius:20px;padding:24px}.info-strip-grid span{font-size:1.8rem}.info-strip-grid h3{font-family:"Alexandria",sans-serif;margin:8px 0}.info-strip-grid p{margin:0;color:var(--muted)}
.site-footer{background:#092f31;color:#e7f0ed;padding-top:48px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:42px}.footer-logo{height:120px;object-fit:contain;background:rgba(255,255,255,.04);border-radius:20px}.footer-grid h3{font-family:"Alexandria",sans-serif;color:#fff}.footer-grid p{color:#c9dad5;margin:8px 0}.footer-grid a:hover{color:var(--accent)}.footer-bottom{margin-top:38px;border-top:1px solid rgba(255,255,255,.1);padding:17px;text-align:center;color:#a9c0ba;font-size:.86rem}
.cart-drawer{position:fixed;inset:0;z-index:200;visibility:hidden}.cart-drawer.open{visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,24,25,.55);opacity:0;transition:.22s}.cart-drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(440px,92vw);background:#fff;transform:translateX(-105%);transition:.3s cubic-bezier(.2,.75,.2,1);display:flex;flex-direction:column;box-shadow:25px 0 60px rgba(0,0,0,.2)}.cart-drawer.open .drawer-panel{transform:translateX(0)}.drawer-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.drawer-head h2{font-family:"Alexandria",sans-serif;margin:0}.close-btn{border:0;background:#edf2ef;color:var(--primary);width:38px;height:38px;border-radius:50%;font-size:1.55rem;display:grid;place-items:center}.drawer-content{padding:16px;overflow:auto;flex:1}.drawer-footer{border-top:1px solid var(--line);padding:16px 18px;background:#fafbf9}.drawer-empty{text-align:center;padding:60px 20px}.drawer-empty span{font-size:3rem}.drawer-empty h3{font-family:"Alexandria",sans-serif}.drawer-empty p{color:var(--muted)}.drawer-item{display:grid;grid-template-columns:48px 1fr 34px;gap:10px;padding:13px;border:1px solid var(--line);border-radius:16px;margin-bottom:10px}.drawer-item-icon{width:44px;height:44px;border-radius:13px;background:#eaf1ed;display:grid;place-items:center;font-size:1.3rem}.drawer-item-copy h3{font-family:"Alexandria",sans-serif;font-size:.94rem;margin:0 0 5px}.drawer-item-copy ul{list-style:none;padding:0;margin:0}.drawer-item-copy li{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--muted)}.drawer-item-copy li b{color:var(--ink)}.drawer-item-copy p{font-size:.78rem;color:var(--muted);margin:5px 0 0}.remove-item,.checkout-item>button{border:0;background:#fff0f0;color:var(--danger);border-radius:10px;width:32px;height:32px}.app-toast{position:fixed;bottom:24px;right:50%;transform:translate(50%,30px);background:#062f31;color:#fff;padding:13px 20px;border-radius:14px;box-shadow:var(--shadow);z-index:500;opacity:0;visibility:hidden;transition:.22s}.app-toast.show{opacity:1;visibility:visible;transform:translate(50%,0)}
.item-modal{position:fixed;inset:0;z-index:210;visibility:hidden}.item-modal.open{visibility:visible}.modal-backdrop{position:absolute;inset:0;background:rgba(0,24,25,.6);opacity:0;transition:.2s}.item-modal.open .modal-backdrop{opacity:1}.modal-panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-46%) scale(.98);width:min(620px,calc(100% - 28px));max-height:92vh;overflow:auto;background:#fff;border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.28);opacity:0;transition:.24s}.item-modal.open .modal-panel{opacity:1;transform:translate(-50%,-50%) scale(1)}.modal-close{position:absolute;top:14px;left:14px;z-index:3}.modal-media{height:235px;background:#e5eee9}.modal-media img{width:100%;height:100%;object-fit:cover}.modal-placeholder{height:100%;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#d8e6e0,#f6ecdf)}.modal-placeholder span{font-size:5rem}.modal-placeholder i{position:absolute;left:30px;bottom:14px;font-size:4rem;color:rgba(1,55,57,.13)}.modal-body{padding:24px}.modal-category{color:var(--accent);font-weight:800}.modal-body h2{font-family:"Alexandria",sans-serif;margin:5px 0 7px}.modal-description{color:var(--muted);margin-top:0}.option-group{border:0;padding:0;margin:18px 0}.option-group legend{font-weight:800;margin-bottom:8px}.option-pills{display:flex;flex-wrap:wrap;gap:8px}.option-pills label input{position:absolute;opacity:0;pointer-events:none}.option-pills label span{display:block;border:1px solid #d9e2dd;background:#fff;padding:9px 13px;border-radius:12px;cursor:pointer}.option-pills input:checked+span{background:var(--primary);color:#fff;border-color:var(--primary)}.field-label{display:flex;justify-content:space-between;font-weight:800;margin:16px 0 7px}.field-label span{font-size:.78rem;color:var(--muted);font-weight:500}.modal-body textarea,.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #d7e0db;background:#fff;border-radius:13px;padding:12px 13px;outline:none;color:var(--ink)}.modal-body textarea:focus,.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(1,55,57,.08)}.modal-add{margin-top:15px}.empty-search{text-align:center;padding:80px 20px}.empty-search span{font-size:3rem}.empty-search h2{font-family:"Alexandria",sans-serif}.empty-search p{color:var(--muted)}
.checkout-main{padding:44px 0 80px}.checkout-heading{text-align:center;max-width:760px;margin:0 auto 34px}.checkout-heading .back-link{display:flex;justify-content:center}.checkout-heading h1{font-family:"Alexandria",sans-serif;font-size:clamp(1.8rem,4vw,3rem);margin:12px 0}.checkout-heading p{color:var(--muted)}.checkout-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;align-items:start}.checkout-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sm);padding:22px}.card-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:16px}.card-head h2{font-family:"Alexandria",sans-serif;font-size:1.25rem;margin:0}.checkout-item{display:grid;grid-template-columns:38px 1fr 34px;gap:11px;padding:14px 0;border-bottom:1px dashed #dfe6e2}.checkout-item-number{width:34px;height:34px;border-radius:11px;background:#eaf1ed;display:grid;place-items:center;font-weight:800;color:var(--primary)}.checkout-item-copy h3{font-family:"Alexandria",sans-serif;font-size:.96rem;margin:0 0 5px}.checkout-item-copy ul{list-style:none;padding:0;margin:0}.checkout-item-copy li{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:.84rem}.checkout-item-copy li strong{color:var(--ink)}.checkout-item-copy p{font-size:.82rem;color:var(--muted);margin:5px 0}.checkout-empty{text-align:center;padding:40px 10px}.checkout-empty span{font-size:3rem}.checkout-empty h3{font-family:"Alexandria",sans-serif}.checkout-empty p{color:var(--muted)}.form-grid{display:grid;gap:14px}.form-grid.two-cols{grid-template-columns:1fr 1fr}.form-field{display:block;margin-bottom:14px}.form-field>span{display:block;font-weight:800;margin-bottom:6px}.form-field small{display:block;color:var(--muted);margin-top:4px}.choice-fieldset{border:0;padding:0;margin:0 0 15px}.choice-fieldset legend{font-weight:800;margin-bottom:8px}.choice-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card{position:relative}.choice-card input{position:absolute;opacity:0}.choice-card>span,.choice-card>strong{display:block}.choice-card{border:1px solid #d7e0db;border-radius:14px;padding:12px;text-align:center;cursor:pointer}.choice-card:has(input:checked){border-color:var(--primary);background:#edf4f1;box-shadow:0 0 0 2px rgba(1,55,57,.07)}.choice-card>span{font-size:1.4rem}.consent-line{display:flex;align-items:flex-start;gap:9px;margin:15px 0;color:var(--muted);font-size:.88rem}.consent-line input{margin-top:5px}.secure-note{text-align:center;color:var(--muted);font-size:.8rem}
.content-main{padding:50px 0 80px}.content-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:clamp(24px,5vw,50px);box-shadow:var(--shadow-sm)}.content-card h1{font-family:"Alexandria",sans-serif;font-size:2.3rem;margin:14px 0}.content-card h2{font-family:"Alexandria",sans-serif;font-size:1.2rem;margin:30px 0 7px}.content-card p{color:#53625e}.updated{font-size:.84rem}
.qr-main{padding:48px 0 80px}.qr-card{text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,5vw,50px);box-shadow:var(--shadow)}.qr-card h1{font-family:"Alexandria",sans-serif;font-size:2rem}.qr-card>p{color:var(--muted)}.qr-frame{position:relative;width:min(370px,85vw);aspect-ratio:1;margin:28px auto;background:#fff;border:14px solid #fff;border-radius:24px;box-shadow:0 15px 45px rgba(1,55,57,.15)}#qrCanvas,#qrCanvas svg{width:100%;height:100%}.qr-center-logo{position:absolute;width:48px;height:48px;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;border-radius:9px;padding:3px;box-shadow:0 0 0 5px #fff}.qr-target{font-size:.78rem;word-break:break-all}.qr-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.qr-sources{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.qr-sources h2{font-family:"Alexandria",sans-serif;font-size:1.2rem}.qr-sources .category-nav{justify-content:center;flex-wrap:wrap}
.cookie-banner{position:fixed;right:20px;left:20px;bottom:20px;z-index:400;background:#fff;border:1px solid var(--line);box-shadow:0 20px 60px rgba(1,55,57,.22);border-radius:18px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px}.cookie-banner[hidden]{display:none}.cookie-banner strong{font-family:"Alexandria",sans-serif}.cookie-banner p{margin:3px 0 0;color:var(--muted);font-size:.84rem}.cookie-actions{display:flex;gap:8px;flex-shrink:0}
@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:34px}.hero-card{max-width:650px}.items-grid,.featured-grid{grid-template-columns:repeat(3,1fr)}.checkout-layout{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.info-strip-grid{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(100% - 22px,1180px)}.header-inner{height:72px}.brand img{width:52px;height:52px}.brand small{display:none}.brand strong{font-size:.9rem}.top-actions .icon-btn:not(.cart-toggle){display:none}.hero-section{padding:48px 0}.hero-copy h1{font-size:2.15rem}.hero-card{padding:20px}.hero-logo-wrap{height:135px}.hero-logo-wrap img{height:145px;width:160px}.hero-steps{gap:6px}.hero-steps div{padding:10px 5px}.section-heading{align-items:flex-start;flex-direction:column}.desktop-cart-btn{display:none}.items-grid,.featured-grid{grid-template-columns:repeat(2,1fr);gap:11px}.card-copy{padding:12px;min-height:96px}.card-copy h3{font-size:.9rem}.add-btn{margin:0 10px 10px;padding:9px 8px;font-size:.82rem}.card-media{aspect-ratio:1.12/1}.status-badge{font-size:.62rem;top:8px;right:8px}.food-icon{font-size:2.7rem}.category-section{padding:25px 0}.category-title-row{align-items:flex-start}.count-pill{display:none}.info-strip-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:22px}.form-grid.two-cols,.choice-row{grid-template-columns:1fr}.checkout-card{padding:17px}.modal-panel{max-height:94vh;border-radius:22px}.modal-media{height:180px}.modal-body{padding:18px}.cookie-banner{right:10px;left:10px;bottom:10px;align-items:stretch;flex-direction:column}.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.site-footer{padding-top:34px}}
@media(max-width:390px){.items-grid,.featured-grid{grid-template-columns:1fr 1fr}.card-copy h3{font-size:.84rem}.category-chip{padding:8px 12px}.hero-copy h1{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.site-header,.site-footer,.back-link,.qr-actions,.qr-sources,.cookie-banner,.qr-center-logo{display:none!important}.qr-main{padding:0}.qr-card{box-shadow:none;border:0}.qr-frame{width:135mm;box-shadow:none}.qr-target{display:none}}

/* v2.0 professional enhancements */
.favorite-btn{position:absolute;top:10px;left:10px;z-index:4;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:#6a7773;font-size:1.45rem;line-height:1;box-shadow:0 5px 16px rgba(0,0,0,.12)}.favorite-btn.active{color:#c34747;background:#fff3f3}.modal-action-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:10px}.ai-image-note,.image-disclaimer{display:block;color:var(--muted);font-size:.75rem;line-height:1.7;margin-top:12px}.floating-whatsapp{position:fixed;left:18px;bottom:20px;z-index:80;background:#0b7a4b;color:#fff;border-radius:999px;padding:12px 17px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.22);display:flex;align-items:center;gap:8px}.floating-whatsapp:hover{transform:translateY(-2px)}.floating-whatsapp span{font-size:1.1rem}.card-media img{background:#e8eeeb}.menu-card{content-visibility:auto;contain-intrinsic-size:360px}.modal-media img{width:100%;height:100%;object-fit:cover}@media(max-width:680px){.modal-action-grid{grid-template-columns:1fr}.floating-whatsapp{bottom:84px;padding:10px 14px;font-size:.82rem}}

/* v2.2.0 — bilingual controls, appearance modes, mobile contact save and admin access */
html[data-theme="light"]{color-scheme:light}html[data-theme="dark"]{color-scheme:dark}html[dir="ltr"] body{font-family:"IBM Plex Sans Arabic",Arial,sans-serif}html[dir="ltr"] .card-main{text-align:left}html[dir="ltr"] .admin-table th,html[dir="ltr"] .admin-table td{text-align:left}html[dir="ltr"] .modal-close{left:auto;right:14px}html[dir="ltr"] .floating-whatsapp{left:auto;right:18px}html[dir="ltr"] .skip-link{right:auto;left:16px}
.header-inner{position:relative}.top-actions{align-items:center}.header-admin-btn{min-height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:0 13px;display:flex;align-items:center;justify-content:center;gap:7px;font-family:"Alexandria",sans-serif;font-size:.78rem;font-weight:800;color:var(--primary);white-space:nowrap}.header-admin-btn:hover,.icon-btn:hover{border-color:var(--primary);box-shadow:0 7px 18px rgba(1,55,57,.1)}.header-admin-btn span{font-size:1rem}.site-tools-toggle[aria-expanded="true"]{background:var(--primary);color:#fff;border-color:var(--primary)}
.site-tools-panel{position:absolute;z-index:120;inset-inline-end:0;top:calc(100% - 4px);width:min(380px,calc(100vw - 22px));background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px rgba(1,55,57,.22);padding:18px;display:grid;gap:15px}.site-tools-panel[hidden]{display:none}.tool-group{display:grid;gap:8px}.tool-group>strong{font-family:"Alexandria",sans-serif;font-size:.82rem}.segmented-control{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;background:#eef3f0;border-radius:13px;padding:4px}.segmented-control.theme-control{grid-template-columns:repeat(3,1fr)}.segmented-control button{border:0;background:transparent;border-radius:10px;padding:9px 8px;color:var(--muted);font-weight:800;font-size:.8rem}.segmented-control button.active{background:#fff;color:var(--primary);box-shadow:0 3px 12px rgba(1,55,57,.1)}.tool-action{border:1px solid var(--line);background:#f8faf8;border-radius:14px;padding:12px;display:flex;align-items:center;gap:11px;text-align:start;width:100%;color:var(--ink)}.tool-action>span:first-child{width:34px;height:34px;border-radius:10px;background:#e8f0ec;display:grid;place-items:center;font-size:1.15rem}.tool-action>span:last-child{display:flex;flex-direction:column}.tool-action b{font-family:"Alexandria",sans-serif;font-size:.82rem}.tool-action small{color:var(--muted);font-size:.72rem;line-height:1.45}.tool-action:hover{border-color:var(--primary);background:#f0f6f3}.footer-quick-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.contact-save-hero{gap:8px}
:focus-visible{outline:3px solid rgba(242,153,61,.65);outline-offset:3px}

html[data-theme="dark"]{--ink:#edf5f2;--muted:#a9bbb5;--line:#284647;--white:#122f30;--shadow:0 18px 50px rgba(0,0,0,.35);--shadow-sm:0 8px 24px rgba(0,0,0,.28)}
html[data-theme="dark"] body{background:#071f20;color:var(--ink)}html[data-theme="dark"] .site-header{background:rgba(7,31,32,.94)}html[data-theme="dark"] .site-header.scrolled{box-shadow:0 6px 24px rgba(0,0,0,.3)}html[data-theme="dark"] .brand small{color:#a9bbb5}html[data-theme="dark"] .icon-btn,html[data-theme="dark"] .header-admin-btn{background:#112f30;color:#f1f7f5;border-color:#315051}html[data-theme="dark"] .cart-badge{border-color:#071f20;color:#173435}html[data-theme="dark"] .site-tools-panel{background:#0f2b2c;border-color:#315051;box-shadow:0 24px 70px rgba(0,0,0,.48)}html[data-theme="dark"] .segmented-control{background:#071f20}html[data-theme="dark"] .segmented-control button.active{background:#1b3a3b;color:#fff}html[data-theme="dark"] .tool-action{background:#102d2e;border-color:#315051;color:#edf5f2}html[data-theme="dark"] .tool-action>span:first-child{background:#1a3b3b}html[data-theme="dark"] .menu-tools-section,html[data-theme="dark"] .featured-section,html[data-theme="dark"] .all-sections,html[data-theme="dark"] .checkout-main,html[data-theme="dark"] .content-main,html[data-theme="dark"] .qr-main{background:#071f20}html[data-theme="dark"] .search-box,html[data-theme="dark"] .category-chip,html[data-theme="dark"] .menu-card,html[data-theme="dark"] .count-pill,html[data-theme="dark"] .checkout-card,html[data-theme="dark"] .content-card,html[data-theme="dark"] .qr-card,html[data-theme="dark"] .cookie-banner,html[data-theme="dark"] .drawer-panel,html[data-theme="dark"] .modal-panel{background:#102b2c;border-color:#284647;color:#edf5f2}html[data-theme="dark"] .category-chip:hover,html[data-theme="dark"] .category-chip.active{background:var(--accent);border-color:var(--accent);color:#173435}html[data-theme="dark"] .search-box input,html[data-theme="dark"] .modal-body textarea,html[data-theme="dark"] .form-field input,html[data-theme="dark"] .form-field textarea,html[data-theme="dark"] .form-field select,html[data-theme="dark"] .option-pills label span{background:#0a2425;border-color:#315051;color:#edf5f2}html[data-theme="dark"] .search-box button,html[data-theme="dark"] .btn-ghost{background:#1a3a3a;color:#edf5f2}html[data-theme="dark"] .btn-outline{border-color:#446364;color:#edf5f2}html[data-theme="dark"] .eyebrow.dark{background:#173536;color:#f6b56d;border-color:#3d5b59}html[data-theme="dark"] .card-copy small,html[data-theme="dark"] .modal-category{color:#f6b56d}html[data-theme="dark"] .category-icon-large,html[data-theme="dark"] .checkout-item-number{background:#173536;color:#f6b56d}html[data-theme="dark"] .info-strip{background:#0c292a;border-color:#284647}html[data-theme="dark"] .info-strip-grid>div{background:#102f30;border-color:#284647}html[data-theme="dark"] .site-footer{background:#031819}html[data-theme="dark"] .drawer-head,html[data-theme="dark"] .drawer-footer{background:#102b2c;border-color:#284647}html[data-theme="dark"] .drawer-item{border-color:#284647}html[data-theme="dark"] .choice-card{border-color:#315051}html[data-theme="dark"] .choice-card:has(input:checked){background:#173b3c;border-color:var(--accent)}html[data-theme="dark"] .content-card p{color:#bdcbc7}html[data-theme="dark"] .qr-frame{background:#fff;border-color:#fff}html[data-theme="dark"] .favorite-btn{background:rgba(12,39,40,.94);color:#d7e3df}html[data-theme="dark"] .favorite-btn.active{background:#4a2428;color:#ff9aa1}html[data-theme="dark"] .status-badge{background:#0b2829}html[data-theme="dark"] .app-toast{background:#edf5f2;color:#0a292a}

@media(max-width:900px){.header-admin-btn b{display:none}.header-admin-btn{width:44px;padding:0}.top-actions{gap:6px}}
@media(max-width:720px){.top-actions .optional-action{display:none!important}.top-actions .site-tools-toggle,.top-actions .header-admin-btn,.top-actions .cart-toggle{display:flex!important}.site-tools-toggle,.cart-toggle{width:41px;height:41px}.header-admin-btn{width:41px;min-width:41px;min-height:41px}.site-tools-panel{position:fixed;top:78px;right:11px;left:11px;width:auto;max-height:calc(100vh - 92px);overflow:auto}.contact-save-hero{width:100%}.hero-actions .btn{flex:1 1 150px}.brand{min-width:0}.brand span{min-width:0}.brand strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:42vw}}
@media(max-width:420px){.header-inner{gap:6px}.brand img{width:47px;height:47px}.brand strong{max-width:34vw;font-size:.78rem}.top-actions{gap:4px}.site-tools-toggle,.cart-toggle,.header-admin-btn{width:38px!important;height:38px!important;min-width:38px;min-height:38px;border-radius:11px}.site-tools-panel{top:72px}.segmented-control button{font-size:.72rem;padding:8px 5px}}
@media print{.site-tools-panel,.site-tools-toggle,.header-admin-btn,.contact-save-hero,.footer-quick-actions{display:none!important}}

/* v2.2.1 — persistent mobile shortcuts and verified image presentation */
.mobile-action-bar{display:none}
.card-media img{width:100%;height:100%;object-fit:cover}
@media(max-width:720px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .mobile-action-bar{position:fixed;z-index:110;inset-inline:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);min-height:64px;padding:5px 7px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--line);box-shadow:0 -10px 32px rgba(1,55,57,.14);backdrop-filter:blur(14px)}
  .mobile-action-bar a,.mobile-action-bar button{border:0;background:transparent;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:54px;border-radius:12px;text-decoration:none;font:inherit}
  .mobile-action-bar a:active,.mobile-action-bar button:active{background:#eef3f0}
  .mobile-action-bar span{font-size:1.16rem;line-height:1}
  .mobile-action-bar b{font-family:"Alexandria",sans-serif;font-size:.64rem;line-height:1.35;white-space:nowrap}
  html[data-theme="dark"] .mobile-action-bar{background:rgba(7,31,32,.97);border-color:#315051;box-shadow:0 -10px 32px rgba(0,0,0,.38)}
  html[data-theme="dark"] .mobile-action-bar a:active,html[data-theme="dark"] .mobile-action-bar button:active{background:#173b3c}
  .floating-whatsapp{bottom:calc(78px + env(safe-area-inset-bottom))}
  .cookie-banner{bottom:calc(74px + env(safe-area-inset-bottom))}
}
@media print{.mobile-action-bar{display:none!important}}