*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tajawal,Arial,sans-serif;color:#29221e;background:#f6efcc}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ffa800;outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 20px;background:#e10f0f;color:#fff;font-weight:800;cursor:pointer}.menu-root{--brand:#e10f0f;--cream:#f6efcc;--accent:#ffa800;container-type:inline-size;font-family:var(--menu-font),Arial,sans-serif;font-size:var(--font-size);background:var(--cream);color:#29221e;min-height:100vh}.brand-header{background-color:var(--brand);background-image:linear-gradient(125deg,transparent 60%,#00000008 60%),linear-gradient(25deg,transparent 50%,#00000009 50%);color:var(--cream);display:flex;align-items:center;flex-direction:column;padding:28px 16px 24px;text-align:center}.brand-header>img{width:160px;height:93px;object-fit:contain}.brand-header h1{font:60px Archivo,Arial,sans-serif;margin:10px}.brand-tagline{font-size:14px;margin:8px 0 12px}.brand-header>img+.brand-tagline{display:none}.brand-header>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;font-size:14px}.brand-header>div>span,.brand-header a{border-radius:30px;padding:8px 13px;background:#00000012}.brand-header a{background:var(--cream);color:var(--brand);font-weight:800}.lunch-banner{width:100%;padding:11px 18px;background:#ffa80030;color:#8e0909;border:0;text-align:center;font-size:14px}.lunch-banner b{margin-right:12px}.menu-nav{position:sticky;top:0;z-index:10;background:var(--cream);box-shadow:0 6px 16px #00000009;border-bottom:1px solid #0000000c}.nav-inner{max-width:1050px;margin:auto;padding:12px 22px 0}.menu-search{background:#fffdf4;border:1px solid #00000015;border-radius:40px;display:flex;gap:12px;align-items:center;padding:9px 15px}.menu-search input{width:100%;border:0;background:transparent;outline:0;color:#40302b;font-size:16px}.menu-search>span{font-size:23px;line-height:1}.menu-nav nav{display:flex;overflow-x:auto;gap:8px;padding:12px 0;scrollbar-width:thin}.menu-nav nav button{white-space:nowrap;border:0;border-radius:30px;padding:9px 17px;background:#00000006;color:#55473e;font-weight:800;font-size:14px}.menu-nav nav button.active,.menu-nav nav button:hover{background:var(--brand);color:var(--cream)}.menu-section{padding:var(--section-gap) 22px;scroll-margin-top:130px}.section-inner{max-width:1000px;margin:auto}.with-photo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr);gap:40px;align-items:center}.menu-section h2{font-family:var(--heading-font),Tajawal,sans-serif;font-weight:400;font-size:38px;line-height:1.2;margin:0;color:var(--brand)}.english{font-family:Archivo,Arial,sans-serif;font-size:19px;font-weight:800;text-align:right;margin:4px 0 0}.category-description{font-size:15px;line-height:1.6;opacity:.8;margin:8px 0 14px}.menu-items{margin-top:14px}.menu-item{width:100%;display:flex;gap:12px;text-align:right;padding:var(--item-gap) 0;border:0;border-bottom:1px dashed #00000024;background:none;color:inherit;align-items:start}.menu-item:last-child{border-bottom:0}.menu-item:hover{background:#00000004}.item-description{flex:1;min-width:0}.item-description>b{display:block;line-height:1.5;font-size:1em}.item-description>span{display:block;font-size:.86em;line-height:1.7;opacity:.88;margin-top:4px}.item-description>small{display:block;font-size:.76em;margin-top:3px}.item-description em{font-size:10px;font-style:normal;padding:3px 6px;border-radius:20px;background:var(--accent);color:#3b1f00}.money{display:flex;gap:15px;flex-shrink:0;color:var(--brand);font-weight:900;font-size:1.08em;text-align:center}.money small{display:block;font-size:10px;line-height:1.5;font-weight:500;white-space:nowrap}.item-photo{width:64px;height:64px;object-fit:contain;border-radius:10px;background:#ffffff0c}.category-photo{width:100%;height:var(--image-size);object-fit:contain;filter:drop-shadow(0 12px 12px #0002)}.featured{background:var(--brand);color:var(--cream)}.featured h2,.featured .money{color:var(--accent)}.featured .menu-item{border-color:#ffffff35}.unavailable{opacity:.65}.sold-out{color:inherit;text-decoration:underline}.menu-footer{padding:35px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;border-top:1px solid #0001;gap:5px}.menu-footer>strong{font-size:36px;font-family:Archivo,Arial}.menu-footer small{font-size:12px;margin-top:15px}.menu-footer p{margin:10px}.admin-link{font-size:11px;opacity:.6;margin-top:15px}.pasta-block{margin-top:20px}.step-caption{font-size:16px;font-weight:800;display:flex;gap:9px;align-items:center;margin-bottom:10px}.step-caption>b{border-radius:50%;background:var(--brand);color:var(--cream);width:24px;height:24px;display:grid;place-items:center;font-size:13px}.step-caption small{font-size:11px;font-weight:400;opacity:.7;margin-right:auto}.shapes{display:flex;gap:12px;overflow-x:auto;padding:3px 0 14px}.shapes button{background:transparent;border:1px solid transparent;border-radius:12px;padding:6px 10px;min-width:85px;color:inherit;display:flex;flex-direction:column;align-items:center;font-weight:700}.shapes img{width:68px;height:58px;object-fit:contain}.shapes span{font-size:14px;margin-top:5px}.shapes small{font-size:10px}.pasta-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.sauces{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sauces button{border:1px solid #00000015;border-radius:10px;background:#ffffff50;color:inherit;padding:12px 9px;text-align:right;display:flex;gap:10px;justify-content:space-between;align-items:center;font-size:14px}.sauces strong{font-size:17px;color:var(--brand)}.sauces small{font-size:10px;padding-right:3px}.pasta-block button.selected{border-color:var(--brand);background:#e10f0f0e;color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.protein-row,.protein-head{display:grid;grid-template-columns:1fr 60px 60px;gap:7px;align-items:center}.protein-head{font-size:11px;text-align:center;margin-bottom:5px;opacity:.7}.protein-row{font-size:14px;margin:6px 0}.protein-row button{background:#ffffff50;border:1px solid #00000015;border-radius:7px;padding:6px;color:var(--brand);font-weight:800}.protein-row small{font-size:10px;display:block}.no-protein{border:0;background:transparent;color:inherit;font-size:12px;padding:7px 0;text-decoration:underline}.pasta-total{margin-top:16px;background:#00000006;border:1px solid #00000010;border-radius:12px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px}.pasta-total small{display:block;font-size:11px;opacity:.7;margin-top:5px}.pasta-total>strong{font-size:26px;color:var(--brand);white-space:nowrap}.pasta-total>strong small{font-size:11px;text-align:center}.featured .pasta-block button{color:var(--cream);background:#ffffff0a;border-color:#ffffff50}.featured .pasta-block button.selected{background:var(--cream);color:var(--brand)}.featured .sauces strong,.featured .protein-row button,.featured .pasta-total>strong{color:var(--accent)}.featured .sauces button.selected strong,.featured .protein-row button.selected{color:var(--brand)}.featured .step-caption>b{background:var(--cream);color:var(--brand)}.compact .shapes img{height:45px;width:55px}.compact .shapes button{padding:4px 8px;min-width:75px}.compact .pasta-block{margin-top:14px}.compact .sauces button{padding:9px}.compact .item-description>span{margin-top:2px}.menu-root dialog{max-width:500px;width:calc(100% - 30px);max-height:85vh;border:0;border-radius:20px;padding:30px;background:var(--cream);color:#29221e}.menu-root dialog::backdrop{background:#230909aa;backdrop-filter:blur(3px)}.menu-root dialog h2{font-family:var(--heading-font),Tajawal;font-size:32px;color:var(--brand);margin:20px 0 10px}.menu-root dialog p{line-height:1.8}.menu-root dialog .money{font-size:28px;justify-content:start}.menu-root dialog>a{margin:20px 0}.menu-root dialog>small{display:block}.close-modal{position:absolute;left:12px;top:10px;border:0;background:transparent;font-size:30px;color:var(--brand)}.detail-image{width:100%;height:180px;object-fit:contain}.empty{text-align:center;padding:50px}@container (max-width: 650px){.brand-header{padding:20px 12px}.brand-header>img{height:80px;width:140px}.nav-inner{padding:10px 16px 0}.menu-section{padding-left:18px;padding-right:18px}.menu-section h2{font-size:31px}.english{font-size:17px}.with-photo{grid-template-columns:1fr;gap:12px}.with-photo .category-photo{grid-row:1;max-height:180px}.section-content{min-width:0}.pasta-columns{grid-template-columns:1fr;gap:16px}.shapes{gap:4px}.shapes button{flex:1}.compact .shapes button{min-width:58px;padding:3px}.compact .shapes img{width:48px;height:43px}.compact .shapes span{font-size:12px}.compact .sauces{grid-template-columns:repeat(3,1fr);gap:6px}.compact .sauces button{padding:8px 6px;flex-direction:column;gap:3px;text-align:center;font-size:12px}.compact .sauces strong{font-size:16px}.pasta-total{padding:12px}.pasta-total>b{font-size:13px}.item-photo{width:48px;height:48px}.category-photo{height:min(var(--image-size),200px)}}.access{max-width:600px;margin:60px auto;padding:35px;background:#fff;border-radius:18px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.access img{background:#e10f0f;width:160px;padding:15px;border-radius:12px}.access h1{margin:0}.admin-shell{background:#f5f4f0;min-height:100vh;color:#292621;font-family:Tajawal,Arial,sans-serif}.admin-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;padding:18px 30px;border-bottom:1px solid #e4e0d9}.admin-top>div{display:flex;gap:18px;align-items:center}.mini-logo{font:800 30px Archivo,Arial;color:#e10f0f}.admin-top h1{margin:0 0 5px;font-size:23px}.admin-top span{font-size:12px;color:#7c756d}.admin-shell button:not(.menu-root *),.admin-shell .upload-btn{border:1px solid #ded9d2;background:#fff;padding:9px 14px;border-radius:8px;font-weight:700;color:#4c4038}.admin-shell button:not(.menu-root *).btn,.admin-shell a.btn{background:#e10f0f;color:#fff;border-color:#e10f0f}.admin-tabs{display:flex;gap:8px;padding:15px 30px;background:#fff;overflow-x:auto;border-bottom:1px solid #e4e0d9}.admin-tabs button{white-space:nowrap;border:0;background:#f5f4f0}.admin-tabs button.active{background:#fee9e6;color:#b40d0d}.preview-toggle{margin-right:auto}.admin-workspace{max-width:1600px;margin:auto;display:grid;grid-template-columns:minmax(400px,1.1fr) minmax(360px,1fr);gap:24px;padding:26px 30px}.admin-workspace.no-preview{grid-template-columns:minmax(0,900px);justify-content:center}.editor{min-width:0}.editor h2{font-size:26px;margin:0 0 15px}.editor h3{margin:0;font-size:19px}.editor p{line-height:1.8}.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:10px 0 18px}.editor-heading h2{margin:0}.editor-heading small{color:#8f8076}.editor-card{background:#fff;padding:22px;border:1px solid #e4ded5;border-radius:14px;margin:18px 0}.field{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;margin:0 0 16px}.field input,.field select,.field textarea,.image-field>input{width:100%;padding:11px 12px;border:1px solid #dcd5cc;background:#fff;border-radius:8px;min-width:0;color:#30251e}.field textarea{min-height:90px;resize:vertical}.field input[type=color]{padding:4px;height:44px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.three-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.checks{display:flex;gap:18px;flex-wrap:wrap;margin:8px 0 18px}.check{display:flex;gap:8px;align-items:center;font-size:14px}.check input{accent-color:#e10f0f;width:17px;height:17px}.category-list{display:flex;flex-wrap:wrap;gap:8px}.category-list>div{display:flex;border:1px solid #ddd6cd;border-radius:9px;background:#fff;overflow:hidden}.category-list button{border:0;padding:9px 10px;border-radius:0}.category-list>div.current{border-color:#e10f0f;box-shadow:0 0 0 1px #e10f0f}.category-list .current .cat-name{color:#d20e0e;background:#fff4ed}.cat-name{text-align:right;flex:1}.admin-items{background:#fff;border:1px solid #e3ddd5;border-radius:12px;overflow:hidden}.admin-items>div{display:flex;padding:5px 8px;border-bottom:1px solid #ede9e3;gap:5px}.admin-items>div:last-child{border:0}.admin-items button{border:0}.admin-items .current{background:#fff1eb}.admin-items .current button{background:transparent}.admin-items small{display:block;font-size:11px;font-weight:500;color:#8b7b6c;margin-top:4px}.group-tabs{display:flex;gap:8px;margin:22px 0}.group-tabs button.active{color:#d00b0b;background:#fff0e9;border-color:#d00b0b}.selected-editor{border:1px solid #e10f0f55;scroll-margin-top:100px}.selected-editor h3{margin-bottom:20px}.image-field{border-top:1px solid #eee6dd;padding-top:16px;margin-top:14px}.image-field>label{font-weight:700;font-size:14px}.image-controls{display:flex;gap:14px;align-items:center;margin:12px 0}.image-controls img{height:80px;width:90px;object-fit:contain;background:#f6f0e5;border-radius:8px}.image-controls small{display:block;font-size:11px;color:#8b7b6c;margin-top:8px}.upload-btn{display:inline-block;cursor:pointer;font-size:13px;line-height:1.4}.upload-btn input{display:none}.admin-shell button:not(.menu-root *).subtle{border:0;color:#9a2419;font-size:12px;padding:6px}.admin-shell button:not(.menu-root *).danger-link{background:transparent;border:0;color:#b1211d;padding:12px 0 0;font-size:13px}.editor-tip{font-size:13px;color:#817569;line-height:1.8}.range-field{display:block;margin:24px 0}.range-field>span{display:flex;justify-content:space-between;font-size:14px}.range-field b{font-size:12px;color:#b00}.range-field input{width:100%;accent-color:#e10f0f;margin-top:12px}.preview-panel{position:sticky;top:100px;align-self:start;background:#e9e5df;border-radius:18px;padding:14px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin:0 5px 12px;font-size:14px}.preview-frame{height:calc(100vh - 235px);min-height:400px;overflow:auto;border-radius:16px;box-shadow:0 8px 30px #0001;margin:auto;background:#f6efcc;scroll-behavior:smooth}.preview-frame.phone-frame{max-width:390px}.preview-panel>small{display:block;text-align:center;color:#817569;font-size:11px;margin-top:12px}.admin-notice{background:#e6f5e8;color:#21542d;margin:15px 30px 0;padding:14px 20px;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.error{color:#a30e13!important;background:#fff0ee}.admin-notice.error{border:1px solid #e5b4ac}.image-field .error{padding:8px;border-radius:6px;font-size:12px}.qr-card{text-align:center;display:flex;align-items:center;flex-direction:column;gap:16px}.qr-card>img{width:240px;height:240px;max-width:100%;object-fit:contain}.qr-card>p{font-size:12px;word-break:break-all}.qr-actions{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}.qr-actions a{font-size:14px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid #ddd}.history-row span{font-size:13px}.print-card{background:#fff;margin:30px auto;max-width:500px;padding:45px;text-align:center;border:1px solid #ddd;border-radius:20px}.print-card .qr{width:300px;max-width:100%}.print-card .logo{background:#e10f0f;padding:12px;width:150px}.print-card h1{font-family:Lalezar;font-size:40px;color:#e10f0f}.print-card p{font-size:19px}.print-controls{text-align:center;margin:30px}.print-controls button{margin:10px}.print-card small{font-size:10px;word-break:break-all;display:block}.admin-shell h1,.admin-shell h2,.admin-shell h3{font-family:Tajawal,Arial}.admin-shell .menu-root h2{font-family:var(--heading-font),Tajawal}@media(max-width:1000px){.admin-workspace{grid-template-columns:minmax(0,1fr);padding:20px}.preview-panel{position:relative;top:auto}.preview-frame{height:650px;max-height:80vh}.admin-top{padding:14px 18px}.admin-tabs{padding:12px 18px}.admin-notice{margin:12px 20px 0}}@media(max-width:600px){.admin-top{flex-wrap:wrap;gap:12px}.admin-top>div.admin-actions{width:100%;gap:10px}.admin-actions button{flex:1;font-size:13px}.admin-top h1{font-size:20px}.two-fields{grid-template-columns:1fr;gap:0}.three-fields{gap:6px}.admin-workspace,.editor-card{padding:16px}.editor-heading h2{font-size:22px}.editor-heading button{font-size:12px}.qr-card>img{width:220px;height:220px}.admin-notice{display:block}.preview-frame{min-height:350px}.print-card{margin:16px;padding:25px}}@media print{body{background:#fff}.print-controls{display:none}.print-card{border:0;margin:0 auto;box-shadow:none}.print-card .qr{width:75mm}.admin-shell{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.menu-section h2{font-size:var(--title-size);font-weight:var(--title-weight)}.item-description>b,.shapes span,.sauces button>span,.protein-row>span{font-size:var(--item-name-size);font-weight:var(--item-weight)}.item-description>span,.category-description,.menu-root dialog p{font-size:var(--description-size);font-weight:var(--description-weight)}.money,.menu-root dialog .money,.sauces strong,.compact .sauces strong,.protein-row button{font-size:var(--price-size);font-weight:var(--price-weight)}.access form{width:100%;text-align:right}.access .field{width:100%}.pdf-menu{max-width:1000px;margin:24px auto;padding:36px;background:var(--cream);color:#29221e}.pdf-brand{background:var(--brand);color:var(--cream);padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pdf-brand img{width:150px;height:90px;object-fit:contain}.pdf-brand p{margin:0 0 8px}.pdf-brand small{display:block;margin-top:8px}.pdf-columns{column-count:var(--columns);column-gap:28px}.pdf-section{padding:10px 0 16px}.pdf-section h2{color:var(--brand);font-size:var(--title-size);font-weight:var(--title-weight);line-height:1.3;margin:12px 0 6px;break-after:avoid}.pdf-section h3{font-size:15px;color:var(--brand);break-after:avoid;margin:16px 0 5px}.pdf-row{display:flex;align-items:start;gap:10px;padding:8px 0;border-bottom:1px dashed #0003;break-inside:avoid}.pdf-row>div{flex:1;min-width:0}.pdf-row b{font-size:var(--item-name-size);font-weight:var(--item-weight)}.pdf-row p,.pdf-description{font-size:var(--description-size);font-weight:var(--description-weight);line-height:1.5;margin:4px 0}.pdf-row strong{font-size:var(--price-size);font-weight:var(--price-weight);color:var(--brand);white-space:nowrap}.pdf-row small{display:block;font-size:11px}.pdf-row img{width:48px;height:48px;object-fit:contain}.pdf-lunch{text-align:center;padding:10px;border-bottom:1px solid var(--brand)}.pdf-footer{display:flex;align-items:center;justify-content:center;gap:16px;border-top:1px solid #0002;margin-top:15px;padding-top:15px;font-size:13px;break-inside:avoid}.pdf-footer img{width:70px;height:70px}.print-controls label{display:inline-block;margin:8px}.print-controls select{padding:8px}.print-controls{padding:0 16px}@media(max-width:650px){.pdf-menu{padding:16px}.pdf-columns{column-count:1}.pdf-brand{flex-wrap:wrap}}@media print{@page{size:A4;margin:10mm}.pdf-menu{margin:0;padding:0;max-width:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.pdf-columns{column-count:var(--columns)}.pdf-brand{break-inside:avoid}.print-controls{display:none!important}}.pdf-section{break-inside:avoid-column}.pdf-section>small{display:block;break-after:avoid}@media print{.pdf-section{break-inside:avoid}}