@font-face{font-family:Roboto;src:url(./Roboto-Regular-ia0dPpEo.ttf) format("truetype");font-weight:400;font-style:normal;font-display:fallback}@font-face{font-family:Roboto;src:url(./Roboto-Bold-CM98DFac.ttf) format("truetype");font-weight:700;font-style:normal;font-display:fallback}@font-face{font-family:Roboto;src:url(./Roboto-Light-BW8nAIZg.ttf) format("truetype");font-weight:300;font-style:normal;font-display:fallback}@font-face{font-family:Roboto;src:url(./Roboto-Italic-CPH5wpff.ttf) format("truetype");font-weight:400;font-style:italic;font-display:fallback}@font-face{font-family:Roboto;src:url(./Roboto-BoldItalic-Cj1Fcf4Z.ttf) format("truetype");font-weight:700;font-style:italic;font-display:fallback}.preview-notice,.demo-notice{padding:2rem;border-radius:8px;text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.preview-notice h2{color:var(--color-primary);margin-bottom:.5rem}.preview-notice p{margin:.5rem 0;color:var(--color-text)}.demo-qr-container{text-align:center;margin-top:1.5rem}.demo-qr-code{width:100%;max-width:320px;height:auto;margin:0 auto;display:block}.demo-qr-label{font-size:.9rem;margin-top:1rem;color:var(--color-text-muted)}.qr-code-section,.customer-menu{max-width:800px;margin:1rem auto 3rem;overflow-x:hidden;padding:0 16px;box-sizing:border-box}.qr-code-section{padding:2rem 20px;background:transparent;border:none;box-shadow:none;text-align:center}.qr-code-section img{display:block;margin:0 auto;width:100%;max-width:256px;height:auto}.customer-menu-section{margin-bottom:40px;position:relative}.customer-menu-section-header h2{margin:0}.customer-menu-section-header{color:var(--color-text);font-size:1.5rem;border-bottom:1px solid var(--color-background-dark);background:var(--color-background);top:0;z-index:10;border-radius:8px;padding:.5rem 1rem;transition:background-color .3s ease}.customer-menu-section p{color:var(--color-text-muted);font-size:.9rem;margin-bottom:20px;font-style:italic}.customer-menu-footer,.customer-menu-header,.customer-menu-section-header,.customer-menu-item{padding:18px;margin:0 auto 6px;max-width:800px}.customer-menu-item{background:var(--color-background-light);border-radius:12px;overflow:hidden;box-shadow:0 6px 3px -3px #0000001a}.customer-menu-item .item-header{display:flex;justify-content:space-between;align-items:center;gap:9px}.customer-menu-item.has-image .item-header,.customer-menu-item.has-image p{width:50%;padding-right:19px}.customer-menu-item.has-image .item-header,.customer-menu-item.has-image p{margin-bottom:9px}.customer-menu-item.has-image h4{position:absolute;bottom:8px;right:50%;padding-right:19px}.customer-menu-item .item-image img{position:absolute;display:block;right:0;top:0;height:100%;width:50%;object-fit:cover;object-position:center center;border-radius:12px 0 0 12px;z-index:-1}.customer-menu-item-footer{display:flex;justify-content:space-between;align-items:end;gap:8px}.customer-menu-item h3,.customer-menu-item h4{font-size:1.4rem;color:var(--color-text);font-weight:300;margin:0;min-width:0}.customer-menu-item h3{flex:1;font-weight:400}p{color:var(--color-text-muted);font-size:1.2rem;font-weight:300}.customer-menu-item p{margin:0;clear:both}@media (max-width: 480px){.customer-menu{padding:16px 8px;margin:8px 0;border-radius:8px;width:auto}.customer-menu>p{padding:0 8px}.customer-menu-section{margin-bottom:25px}.customer-menu-header h1{font-size:2.1rem;margin-bottom:.5rem}.customer-menu-section-header h2{font-size:1.5rem;margin:0 0 .5rem;border-radius:0;width:auto;min-width:100%}.customer-menu-item{padding:4px 8px;margin-bottom:10px;border-radius:8px}.customer-menu-item .item-header{flex-wrap:wrap;gap:5px}.customer-menu-item h3{font-size:1.1rem;width:100%}.customer-menu-item h4{font-size:1rem;margin-left:auto}.customer-menu-item p{font-size:.9rem;line-height:1.4;margin-top:6px}}html{scroll-behavior:smooth}html:lang(ar){direction:rtl}html:lang(ar) body{text-align:right}html:lang(ar) .customer-menu-item .item-header{flex-direction:row-reverse}html:lang(ar) .customer-menu-item.has-image .item-header,html:lang(ar) .customer-menu-item.has-image p{padding-right:0;padding-left:19px}html:lang(ar) .customer-menu-item.has-image h4{right:auto;left:50%;padding-right:0;padding-left:19px}html:lang(ar) .customer-menu-item .item-image img{right:auto;left:0;border-radius:0 12px 12px 0}html:lang(ar) .customer-menu-social-links{flex-direction:row-reverse}html:lang(ar) .language-switcher{right:auto;left:1rem}html:lang(ar) .language-switcher-dropdown{right:auto;left:0}html:lang(ar) .allergene-item{flex-direction:row-reverse;text-align:right}@media (max-width: 480px){html:lang(ar) .customer-menu-item h4{margin-left:0;margin-right:auto}}@media print{.qr-code-section,.customer-menu{background:none;box-shadow:none;padding:0;margin:0}.customer-menu-section h2{color:#000;border-bottom-color:#000;page-break-after:avoid;position:relative;background:none}.customer-menu-section{page-break-inside:avoid}.customer-menu-item{background:none;box-shadow:none;border-bottom:1px solid #eee;padding:10px 0;page-break-inside:avoid}.customer-menu-item h3,.customer-menu-item h4,.customer-menu-item p{color:#000}.qr-code-section{display:block;padding:1rem 0;page-break-before:always;text-align:center}}h1{margin-top:0}.customer-menu-section-header{margin:0 auto;padding:3rem 16px 0;z-index:10}.customer-menu-header{margin-bottom:1.5rem;text-align:center}.customer-menu-address{padding-top:1.5rem}.customer-menu-header h1{padding-bottom:1rem}.customer-menu-footer{margin-top:3rem;margin-bottom:3rem}.customer-menu-header p,.customer-menu-footer p{margin:0}@media (max-width: 480px){.customer-menu-header,.customer-menu-footer{margin:1rem auto;padding:1rem}.customer-menu-header p,.customer-menu-footer p{font-size:1rem}.customer-menu-section-header{margin:0 auto;padding:1.5rem 16px 0;z-index:10}}@media print{.customer-menu-header,.customer-menu-footer{background:none;box-shadow:none;border-top:1px solid #eee;border-bottom:1px solid #eee;padding:1rem 0;margin:2rem 0}}.allergenes{font-size:.7em;color:var(--color-text-muted)}.allergenes span{cursor:help}.allergenes-legend{max-width:800px;margin:2rem auto 3rem;padding:1.5rem}.allergenes-legend h2{margin-bottom:1rem;font-size:1.3rem;color:var(--color-text)}.allergenes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.5rem}.allergene-item{display:flex;align-items:baseline;gap:.5rem}.allergene-key{font-weight:700;min-width:1.5em}.allergene-value{color:var(--color-text-muted);font-size:.9em}@media print{.allergenes-legend{page-break-before:always;background:none;box-shadow:none}.allergenes,.allergene-value{color:#000}}@media (max-width: 480px){.allergenes-legend{margin:1rem auto;padding:1rem}.customer-menu-item-footer{display:block}.allergenes-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.3rem}}@media (prefers-color-scheme: dark){.customer-menu-item{box-shadow:0 6px 3px -3px #0003}}.attribution{text-align:center;margin:2rem auto;font-size:.8rem;opacity:1;max-width:800px}.attribution .logo{height:50px;width:auto;margin-bottom:.5rem}.attribution .legal-links{margin-top:.5rem}.attribution .legal-links a{color:var(--color-text-muted);text-decoration:none;margin:0 .5rem;font-weight:400}.attribution .legal-links a:hover{color:var(--color-text)}.attribution .light-mode-logo{display:inline}.attribution .dark-mode-logo{display:none}@media (prefers-color-scheme: dark){.attribution .light-mode-logo{display:none}.attribution .dark-mode-logo{display:inline}}@media print{.attribution{display:none}}.customer-menu-social-links{display:flex;justify-content:center;align-items:center;gap:1.25rem;padding:1.25rem;margin:0 auto 2rem;max-width:800px}.customer-menu-social-links a{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.customer-menu-social-links a:hover{color:var(--color-text)}.customer-menu-social-links svg{width:100%;height:100%}@media print{.customer-menu-social-links{display:none}}.customer-menu-prefix{display:block;position:relative;padding-bottom:.25rem;min-height:60px}.customer-menu-prefix:after{content:"";display:block;position:absolute;bottom:-1px;left:0;width:100%;height:2rem;border-radius:2rem 2rem 0 0;background:var(--color-background)}.customer-menu-prefix>*{position:relative;z-index:1}.customer-menu-header-image{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}.customer-menu-header-image img{width:100%;height:100%;display:block;object-fit:cover}.customer-menu-header-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#ffffffb3;z-index:0}.customer-menu-prefix.with-header-image{text-shadow:0 0 8px rgba(255,255,255,1)}.customer-menu-prefix.with-header-image p{color:var(--color-text)}@media (prefers-color-scheme: dark){.customer-menu-header-image:before{background:#000000b3}.customer-menu-prefix.with-header-image{text-shadow:0 0 8px rgb(80,35,35)}}.language-switcher{position:absolute;top:1rem;right:1rem;z-index:200}.language-switcher-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-background-light);border:1px solid var(--color-background-dark);border-radius:8px;cursor:pointer;color:var(--color-text);text-decoration:none;transition:all .2s ease;font-size:.9rem;box-shadow:0 2px 4px #0000001a}.language-switcher-toggle:hover{background:var(--color-background);box-shadow:0 4px 8px #00000026}.language-flag{font-size:1.2em;line-height:1}.language-name{font-weight:500}.language-chevron{width:12px;height:12px;transition:transform .2s ease}.language-switcher.open .language-chevron{transform:rotate(180deg)}.language-switcher-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--color-background-light);border:1px solid var(--color-background-dark);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:140px;display:none;z-index:21}.language-switcher.open .language-switcher-dropdown{display:block}.language-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;color:var(--color-text);text-decoration:none;transition:background-color .2s ease;font-size:.9rem}.language-option:hover{background:var(--color-background)}.language-option:first-child{border-radius:8px 8px 0 0}.language-option:last-child{border-radius:0 0 8px 8px}.language-option.current-language{background:var(--color-background);cursor:default;font-weight:600}.current-indicator{color:var(--color-primary);font-weight:700;margin-left:auto}.language-option{justify-content:space-between}@media (max-width: 768px){.language-switcher{position:relative;top:auto;right:auto;display:flex;justify-content:flex-end;padding:.75rem 1rem 0;z-index:200}.customer-menu-prefix{min-height:auto}.language-switcher-toggle{padding:.6rem .8rem;font-size:.9rem;box-shadow:0 3px 6px #0003}.language-switcher-dropdown{min-width:140px;right:0;box-shadow:0 6px 16px #0003}.language-option{padding:.6rem .8rem;font-size:.9rem}.language-flag{font-size:1.3em}}@media (max-width: 480px){.language-switcher{position:relative;top:auto;right:auto;display:flex;justify-content:center;padding:.5rem 1rem 0;z-index:200}.language-switcher-toggle{padding:.5rem .7rem;font-size:.85rem;gap:.4rem}.language-switcher-dropdown{min-width:130px;right:0;left:auto}.language-option{padding:.5rem .7rem;font-size:.85rem;gap:.4rem}.language-flag{font-size:1.2em}.language-name,.current-indicator{font-size:.8rem}}.customer-menu-item.has-image{min-height:8rem}@media print{.language-switcher{display:none}}.translation-loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:none;justify-content:center;align-items:center;z-index:10000;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-transform:translateZ(0);transform:translateZ(0);will-change:opacity,transform}.translation-loading-overlay.show{display:flex}.translation-loading-content{background:var(--color-background-light);border-radius:12px;padding:2rem;text-align:center;box-shadow:0 8px 24px #0000004d;max-width:300px;width:90%;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.translation-loading-content p{margin:1rem 0 0;color:var(--color-text);font-size:1rem;font-weight:500}.translation-spinner{width:40px;height:40px;margin:0 auto;border:4px solid var(--color-background-dark);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.translation-loading-overlay{background:#000c}.translation-loading-content{background:var(--color-background-light);box-shadow:0 8px 24px #00000080}}@media (max-width: 480px){.translation-loading-content{padding:1.5rem;border-radius:8px}.translation-spinner{width:32px;height:32px;border-width:3px}.translation-loading-content p{font-size:.9rem}}@media print{.translation-loading-overlay{display:none!important}}.human-id{display:inline-block;background:var(--color-background-dark);color:var(--color-text-muted);font-size:.75em;font-weight:500;padding:.2em .5em;border-radius:4px;margin-right:.5em;text-transform:uppercase;letter-spacing:.05em}@media (prefers-color-scheme: dark){.human-id{background:var(--color-background);color:var(--color-text-muted)}}html:lang(ar) .human-id{margin-right:0;margin-left:.5em}@media print{.human-id{background:#f0f0f0;color:#666}}:root{--cart-bg-primary: var(--color-background-light, #ffffff);--cart-bg-secondary: var(--color-background, #f8f8f8);--cart-bg-overlay: rgba(255, 255, 255, .9);--cart-bg-overlay-strong: rgba(255, 255, 255, .95);--cart-text-primary: var(--color-text, #161616);--cart-text-secondary: var(--color-text-muted, #666);--cart-text-muted: var(--color-text-muted, #666);--cart-border: var(--color-background-dark, #dadada);--cart-border-light: var(--color-background-dark, #dadada);--cart-shadow: rgba(0, 0, 0, .1);--cart-shadow-strong: rgba(0, 0, 0, .15);--cart-primary: var(--color-primary, #224eab);--cart-primary-dark: var(--color-primary-dark, #224eab);--cart-success: var(--color-correct, #10b981);--cart-success-dark: var(--color-correct-dark, #059669);--cart-error: var(--color-error, #ef4444);--cart-error-dark: var(--color-error-dark, #dc2626)}@media (prefers-color-scheme: dark){:root{--cart-bg-primary: var(--color-background-light, #242424);--cart-bg-secondary: var(--color-background-dark, #121212);--cart-bg-overlay: rgba(36, 36, 36, .9);--cart-bg-overlay-strong: rgba(36, 36, 36, .95);--cart-text-primary: var(--color-text, #e1e1e1);--cart-text-secondary: var(--color-text-muted, #a1a1a1);--cart-text-muted: var(--color-text-muted, #a1a1a1);--cart-border: var(--color-background-dark, #121212);--cart-border-light: var(--color-background-light, #242424);--cart-shadow: rgba(0, 0, 0, .3);--cart-shadow-strong: rgba(0, 0, 0, .4);--cart-primary: var(--color-primary, #4c7be0);--cart-primary-dark: var(--color-primary-dark, #3666d6);--cart-success: var(--color-correct, #10b981);--cart-success-dark: var(--color-correct-dark, #059669);--cart-error: var(--color-error, #ef4444);--cart-error-dark: var(--color-error-dark, #dc2626)}}.customer-menu-item{position:relative;padding-bottom:9px;margin-bottom:18px}.order-controls{display:flex;align-items:center;gap:.5rem;z-index:10}.quantity-controls{display:flex;align-items:center;gap:.25rem;background:var(--cart-border);border-radius:20px;padding:2px 40px 2px 2px;position:relative;left:40px;box-shadow:0 2px 8px var(--cart-shadow);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s ease;opacity:0}.quantity-btn{width:38px;height:38px;border-radius:50%;border:none;background:var(--cart-primary);color:#fff;font-weight:300;font-size:28px;line-height:40px;text-align:center;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none;box-shadow:0 2px 4px var(--cart-shadow);transform:scale(1);padding:0;margin:0}.quantity-btn:hover{transform:scale(1.1);background:var(--cart-primary-dark);box-shadow:0 3px 6px var(--cart-shadow-strong)}.quantity-btn:active{transform:scale(.9)}.quantity-add{position:relative;z-index:10;background:var(--cart-success)}.quantity-add:hover{background:var(--cart-success-dark)}.quantity-decrease{background:var(--cart-error)}.quantity-decrease:hover{background:var(--cart-error-dark)}.quantity-input{width:40px;height:28px;border:none;background:transparent;text-align:center;font-weight:700;font-size:14px;color:var(--cart-text-primary);outline:none;border-radius:4px}.quantity-input:focus{background:var(--cart-bg-overlay-strong)}.dish-comment-input{width:120px;height:28px;background:var(--cart-border);border:none;text-align:left;font-size:12px;color:var(--cart-text-primary);outline:none;border-radius:14px;padding:0 8px;margin-right:4px;transition:all .2s ease}.dish-comment-input:focus{border-color:var(--cart-primary);box-shadow:0 0 0 2px #3b82f61a}.dish-comment-input::placeholder{color:var(--cart-text-muted);font-size:11px}.customer-menu-item .item-header{align-items:center;gap:1rem;min-height:40px}.customer-menu-item h3{flex:1;min-width:0}.customer-menu-item h4{flex-shrink:0}@media (max-width: 480px){.customer-menu-item .item-header{flex-wrap:wrap;gap:.5rem}.order-controls{order:3;margin-left:0;margin-top:.5rem;width:100%;justify-content:flex-end}.customer-menu-item h3{width:100%;order:1}.customer-menu-item h4{order:2;margin-left:auto}.quantity-btn{width:36px;height:36px;font-size:22px;font-weight:300}.quantity-input{width:44px;height:32px;font-size:16px}.dish-comment-input{width:100px;font-size:11px}.order-notification{top:10px;right:10px;left:10px;max-width:none}}.quantity-controls.active{transform:scaleX(1);opacity:1}.order-panel.showing{animation:cartSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes cartSlideIn{0%{opacity:0;transform:translateY(100%) scale(.8)}60%{opacity:1;transform:translateY(-10px) scale(1.1)}to{opacity:1;transform:translateY(calc(100% - 42px)) scale(1)}}.quantity-btn:focus{outline:2px solid var(--cart-primary);outline-offset:2px}.quantity-input:focus{outline:2px solid var(--cart-primary);outline-offset:1px}.order-panel{position:fixed;z-index:1000;background:var(--cart-bg-primary);border-radius:12px 12px 0 0;box-shadow:0 -4px 20px var(--cart-shadow-strong);transition:all .5s cubic-bezier(.4,0,.2,1);max-width:800px;margin:0 auto;opacity:1}.order-panel.hidden{opacity:0;pointer-events:none}.panel-toggle-btn{width:100%;background:var(--cart-primary-dark);color:#fff;border:none;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-size:18px;border-radius:12px 12px 0 0;transition:all .2s ease}.panel-toggle-btn:hover{transform:translateY(-1px)}.panel-toggle-btn svg{width:20px;height:20px;transform:rotate(180deg);transition:transform .3s ease}.panel-toggle-btn.expanded svg{transform:rotate(0)}.order-panel{bottom:0;left:0;right:0;max-height:90vh;transform:translateY(calc(100% - 42px)) scale(1)}.order-panel.expanded{transform:translateY(0) scale(1)}.order-panel.hidden{transform:translateY(100%) scale(.95)}html .order-header{display:none}@media (min-width: 1620px){html .order-header{display:flex}.order-panel{inset:20px 20px 20px auto;width:380px;max-width:none;border-radius:12px;box-shadow:0 4px 20px var(--cart-shadow-strong);display:flex;flex-direction:column;transform:translate(0) scale(1);max-height:none}.order-panel.hidden{transform:translate(100%) scale(.95)}.order-panel .order-summary{display:none}.order-panel .order-details{display:flex;flex-direction:column;height:100%}.order-panel .panel-toggle-btn,.order-panel .close-btn{display:none}.order-panel .order-header{justify-content:center}}.order-details{display:flex;flex-direction:column;height:100%;max-height:calc(90vh - 60px);overflow-x:hidden;overflow-y:auto}@media (min-width: 769px){.order-details{display:flex!important;max-height:none}}.order-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--cart-border)}.order-header h3{margin:0;color:var(--cart-text-primary)}.close-btn{background:none;border:none;padding:8px;cursor:pointer;border-radius:50%;transition:background-color .2s ease}.close-btn:hover{background:var(--cart-border-light)}.close-btn svg{width:20px;height:20px;color:var(--cart-text-secondary)}.order-items{flex:1;overflow-y:auto;padding:16px 20px;min-height:100px;max-height:calc(90vh - 200px)}.empty-cart{text-align:center;font-style:italic;margin:20px 0;color:var(--cart-text-secondary)}.order-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--cart-border-light)}.order-item:last-child{border-bottom:none}.item-info{flex:1}.item-name{display:block;font-weight:500;color:var(--cart-text-primary);margin-bottom:4px}.item-quantity{font-size:14px;color:var(--cart-text-secondary)}.item-comment{font-size:12px;color:var(--cart-primary);font-style:italic;display:block;margin:2px 0}.item-total{font-size:24px;font-weight:200;align-self:flex-end}.cart-quantity-controls{display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:var(--cart-border);border-radius:12px}.cart-quantity-btn{width:24px;height:24px;border-radius:50%;border:none;color:#fff;font-weight:300;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;user-select:none;transform:scale(1.2);box-shadow:0 1px 3px var(--cart-shadow);padding:0;margin:0}.cart-quantity-btn:hover{transform:scale(1.3);box-shadow:0 2px 4px var(--cart-shadow-strong)}.cart-quantity-btn:active{transform:scale(1.1)}.cart-quantity-increase{background:var(--cart-success)}.cart-quantity-increase:hover{background:var(--cart-success-dark)}.cart-quantity-decrease{background:var(--cart-error)}.cart-quantity-decrease:hover{background:var(--cart-error-dark)}.cart-quantity-display{font-weight:600;font-size:14px;color:var(--cart-text-primary);min-width:20px;text-align:center}.order-form{padding:16px 20px;border-top:1px solid var(--cart-border);background:var(--cart-bg)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:var(--cart-text-primary);margin-bottom:6px}.form-group input,.form-group textarea{width:100%;padding:10px 12px;border-radius:6px;font-size:14px;border:none;background:var(--cart-border);color:var(--cart-text-primary);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group.single-line{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.form-group.single-line label{margin-bottom:0}.form-group input:read-only,.form-group textarea:read-only{background:var(--cart-border-light)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--cart-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:none;min-height:60px;max-height:120px}.order-total{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:8px 16px;background:var(--cart-bg-primary);border-radius:8px;border:1px solid var(--cart-primary)}.total-label{font-size:20px;color:var(--cart-primary)}.total-amount{font-size:28px;font-weight:200;color:var(--cart-primary)}.place-order-btn{width:100%;background:var(--cart-primary-dark);color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1.25rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.place-order-btn:hover:not(:disabled){background:var(--cart-primary-dark);transform:translateY(-1px)}.place-order-btn:disabled{background:var(--cart-text-muted);cursor:not-allowed;transform:none}.order-notification{position:fixed;top:20px;right:20px;z-index:1100;background:var(--cart-bg-primary, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;padding:16px;animation:slideInNotification .3s ease;border:1px solid #e1e5e9}.order-notification.success{border-left:4px solid var(--cart-success, #10b981);background:var(--cart-bg-primary, #ffffff);box-shadow:0 4px 12px #00000026}.order-notification.error{border-left:4px solid var(--cart-error, #ef4444);background:var(--cart-bg-primary, #ffffff);box-shadow:0 4px 12px #00000026}@media (prefers-color-scheme: dark){.order-notification{background:var(--cart-bg-primary, #2a2a2a);border-color:#404040;box-shadow:0 4px 12px #0000004d}.order-notification.success,.order-notification.error{background:var(--cart-bg-primary, #2a2a2a);box-shadow:0 4px 12px #0000004d}.notification-text h4{color:var(--cart-text-primary, #e1e1e1)}.notification-text p{color:var(--cart-text-secondary, #a1a1a1)}}.notification-content{display:flex;align-items:flex-start;gap:12px}.success-icon{width:24px;height:24px;color:var(--cart-success);flex-shrink:0;animation:checkmarkPop .5s ease}.error-icon{width:24px;height:24px;color:var(--cart-error);flex-shrink:0;animation:errorShake .5s ease}.notification-text h4{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--cart-text-primary)}.notification-text p{margin:0;font-size:14px;color:var(--cart-text-secondary);line-height:1.4}@keyframes slideInNotification{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes slideOutNotification{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(100%) scale(.9);opacity:0}}.order-notification.notification-fadeout{animation:slideOutNotification .3s ease forwards}@keyframes checkmarkPop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.order-notification:nth-child(n+2){top:calc(20px + (80px * var(--notification-index, 1)))}@media (max-width: 480px){.order-notification{top:10px;right:10px;left:10px;max-width:none;font-size:14px}.notification-text h4{font-size:15px}.notification-text p{font-size:13px}}html:lang(ar) .add-button,html:lang(ar) .remove-button{direction:ltr}html:lang(ar) .cart-toggle{right:auto;left:20px}html:lang(ar) .cart-sidebar{right:auto;left:0;transform:translate(-100%)}html:lang(ar) .cart-sidebar.open{transform:translate(0)}html:lang(ar) .cart-header{flex-direction:row-reverse}html:lang(ar) .cart-item{flex-direction:row-reverse;text-align:right}html:lang(ar) .cart-item-controls{flex-direction:row-reverse}html:lang(ar) .cart-close{right:auto;left:0}@media (max-width: 768px){html:lang(ar) .cart-toggle{left:10px;right:auto}html:lang(ar) .cart-sidebar{left:0;right:auto}}.cart-human-id{display:inline-block;background:var(--cart-border);color:var(--cart-text-muted);font-size:.7em;font-weight:600;padding:.15em .4em;border-radius:3px;margin-right:.4em;text-transform:uppercase;letter-spacing:.05em;vertical-align:middle}@media (prefers-color-scheme: dark){.cart-human-id{background:var(--cart-border-light);color:var(--cart-text-secondary)}}html:lang(ar) .cart-human-id{margin-right:0;margin-left:.4em}h1{font-size:3.2rem;margin:0}h2{font-size:2.4rem;margin:0 0 1rem}h3{font-size:1.6rem;margin:0 0 1rem}h4{font-size:1.4rem;margin:0 0 .5rem}h5{font-size:1.2rem;margin:0 0 .5rem}h6{font-size:1rem;margin:0 0 .25rem}h1,h2,h3{font-family:var(--header-font-family);font-weight:300}body{font-family:var(--font-family)}p{font-size:1em;line-height:1.35em;margin:0 0 .5rem}a{text-decoration:none;color:var(--color-primary-dark);font-weight:700}a:focus,a:hover{color:var(--color-primary)}.section-nav-container-wrapper{margin:0 auto;width:100%;position:sticky;top:0;overflow:hidden;background-color:var(--color-background)}.section-nav-container{padding:0;margin:0 auto;width:100%;box-sizing:border-box;background-color:var(--color-background);max-width:800px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;gap:1rem;align-items:center;justify-content:flex-start;transition:box-shadow .2s ease-in-out;&::-webkit-scrollbar{display:none}}.section-nav-item{flex:0 0 auto;cursor:pointer}.section-nav-item a{display:block;padding:.5rem 1rem;text-decoration:none;font-weight:300;font-size:1.3rem;font-weight:500;color:var(--color-text-muted);background-color:var(--color-background);border-radius:2rem;white-space:nowrap;transition:color .2s ease-in-out,transform .2s ease-in-out}.section-nav-item a:hover,.section-nav-link.active{color:var(--color-text)}.search-container{position:sticky;top:0;z-index:101;background:var(--color-background, #ffffff);padding:1rem;margin-bottom:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000000d}.search-wrapper{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;font-size:1rem;border:2px solid var(--border-color, #e0e0e0);border-radius:2rem;background:var(--input-bg, #ffffff);color:var(--text-color, #333333);outline:none;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.search-input:focus{border-color:var(--primary-color, #007bff);box-shadow:0 4px 12px #007bff26}.search-input::placeholder{color:var(--placeholder-color, #999999)}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--icon-color, #666666);pointer-events:none}.search-clear{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--icon-color, #666666);cursor:pointer;opacity:0;transition:opacity .3s ease;background:none;border:none;padding:0;display:flex;align-items:center;justify-content:center}.search-clear.visible{opacity:1}.search-clear:hover{color:var(--primary-color, #007bff)}.search-results-info{text-align:center;padding:1rem;font-style:italic;color:var(--muted-color, #666666);font-size:1.1rem;font-weight:500;background:var(--color-background, #ffffff);z-index:99;position:sticky;top:0;width:100%;box-sizing:border-box;margin:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.search-results-info.no-results{color:var(--error-color, #dc3545);font-weight:600;font-size:1.2rem;background:var(--error-bg, #fff5f5);border-color:var(--error-border, #fecaca)}.customer-menu-item.search-hidden{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;margin:0;padding:0;transition:opacity .3s ease,transform .3s ease,max-height .3s ease,margin .3s ease,padding .3s ease}.customer-menu.search-section-hidden{opacity:0;transform:translateY(-15px);max-height:0;overflow:hidden;margin:0;padding:0;transition:opacity .4s ease,transform .4s ease,max-height .4s ease,margin .4s ease,padding .4s ease}.customer-menu-section-header.search-section-hidden{opacity:0;transform:translateY(-10px);max-height:0;overflow:hidden;margin:0;padding:0;transition:opacity .3s ease,transform .3s ease,max-height .3s ease,margin .3s ease,padding .3s ease}.search-input.loading{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.section-nav-container-wrapper{z-index:100;width:100%;box-sizing:border-box;margin:0;-webkit-transform:translateZ(0);transform:translateZ(0)}@media (prefers-color-scheme: dark){.search-container{background:var(--color-background, #1a1a1a)}.search-input{background:var(--input-bg-dark, #2a2a2a);color:var(--text-color-dark, #ffffff);border-color:var(--border-color-dark, #333333)}.search-input::placeholder{color:var(--placeholder-color-dark, #888888)}.search-icon,.search-clear{color:var(--icon-color-dark, #cccccc)}.search-results-info{color:var(--muted-color-dark, #aaaaaa);background:var(--color-background, #1a1a1a)}.search-results-info.no-results{color:var(--error-color-dark, #ff6b6b);background:var(--error-bg-dark, #2a1f1f);border-color:var(--error-border-dark, #664444)}}@media (max-width: 768px){.search-container{padding:.75rem;width:100vw;margin-left:calc(-50vw + 50%);position:sticky;top:0;z-index:101}.search-input{padding:.75rem 1rem .75rem 2.75rem;font-size:1rem;border-radius:2rem;width:100%;max-width:none}.search-icon{left:1rem;width:1.1rem;height:1.1rem}.search-clear{right:1rem;width:1.1rem;height:1.1rem}.section-nav-container-wrapper{width:100vw;margin-left:calc(-50vw + 50%);transition:top .2s ease;position:sticky;z-index:100}.search-results-info{padding:1rem;font-size:1rem;width:100vw;margin-left:calc(-50vw + 50%);position:sticky;z-index:99;margin-top:0;margin-bottom:0;border-top:none;-webkit-transform:translate3d(0,0,0);transform:translateZ(0)}.search-results-info.no-results{font-size:1.1rem;font-weight:700;padding:1.25rem 1rem}}@media (max-width: 480px){.search-container{padding:.5rem}.search-input{padding:.65rem .9rem .65rem 2.5rem;font-size:1rem}.search-results-info{padding:.75rem .5rem;font-size:.95rem}.search-results-info.no-results{font-size:1.05rem;padding:1rem .5rem}}.customer-menu-item,.customer-menu,.customer-menu-section-header{transition:opacity .3s ease,transform .3s ease,max-height .3s ease,margin .3s ease,padding .3s ease}.customer-menu-item:not(.search-hidden){opacity:1;transform:translateY(0);max-height:none}.customer-menu:not(.search-section-hidden){opacity:1;transform:translateY(0);max-height:none}.customer-menu-section-header:not(.search-section-hidden){opacity:1;transform:translateY(0);max-height:none}.first-search-result{animation:highlightFirstResult .6s ease-out}@keyframes highlightFirstResult{0%{transform:scale(.98);box-shadow:0 0 #007bff00}50%{transform:scale(1.01);box-shadow:0 4px 20px #007bff26}to{transform:scale(1);box-shadow:0 2px 10px #007bff1a}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--content-width: 1200px;--content-padding: 2rem;--content-padding-half: 1rem;--content-padding-quarter: .5rem;--font-family: "Roboto", Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--header-font-family: "Roboto", Avenir, Montserrat, Corbel, "URW Gothic", source-sans-pro, sans-serif;--color-text: #161616;--color-text-muted: #666;--color-background: #f8f8f8;--color-background-light: #fff;--color-background-dark: #f0f0f0;--color-primary: #224eab;--color-primary-dark: #224eab;--color-primary-light: #224eab;--color-primary-rgb: 34, 78, 171;--color-primary-text: #fff;--color-secondary: #2d93fa;--color-secondary-dark: #2d93fa;--color-secondary-light: #2d93fa;--color-secondary-rgb: 45, 147, 250;--color-secondary-text: #242424}@media (prefers-color-scheme: dark){:root{--color-text: #e1e1e1;--color-text-muted: #a1a1a1;--color-background: #1a1a1a;--color-background-light: #242424;--color-background-dark: #121212;--color-primary: #4c7be0;--color-primary-dark: #3666d6;--color-primary-light: #6b93e8;--color-primary-text: #fff;--color-secondary: #5ba7fa;--color-secondary-dark: #4190e8;--color-secondary-light: #75b8ff;--color-secondary-text: #fff}}*{box-sizing:border-box}body{margin:0;padding:0;display:block;height:100vh;background:var(--color-background);color:var(--color-text);font-family:var(--font-family)}.light-only{display:block!important}.dark-only{display:none!important}@media (prefers-color-scheme: dark){.light-only{display:none!important}.dark-only{display:block!important}}.landing-page-demo{-webkit-scrollbar:none;scrollbar-width:none;-ms-overflow-style:none}