@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;600;700;900&display=swap";:root{--red:#c8102e;--red-dark:#a00e25;--red-light:#e8193e;--gold:#d4a017;--gold-light:#f0c040;--bg:#0d0d0d;--bg-card:#1a1a1a;--bg-card2:#242424;--border:#2e2e2e;--text:#f0f0f0;--text-muted:#888;--white:#fff;--green:#25d366;--radius:14px;--radius-sm:8px;--shadow:0 4px 24px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text);direction:rtl;min-height:100vh;font-family:Cairo,sans-serif;overflow-x:hidden}#root{min-height:100vh}.carousel-section{background:#0d0d0d;width:100%;height:320px;position:relative;overflow:hidden}@media (width>=600px){.carousel-section{height:420px}}@media (width>=900px){.carousel-section{height:520px}}.carousel-track{height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);display:flex}.carousel-slide{min-width:100%;height:100%;position:relative;overflow:hidden}.carousel-slide img{object-fit:contain;object-position:center center;width:100%;height:100%;display:block}.carousel-overlay{background:linear-gradient(#0000001a 40%,#000000bf 100%);position:absolute;inset:0}.carousel-brand{text-align:center;padding:0 16px;position:absolute;bottom:20px;left:0;right:0}.carousel-brand h1{color:var(--white);text-shadow:0 2px 12px #000c;letter-spacing:.01em;font-size:clamp(1.4rem,5vw,2.2rem);font-weight:900}.carousel-brand p{color:var(--gold-light);margin-top:4px;font-size:clamp(.8rem,3vw,1rem)}.carousel-dots{justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:0;right:0}.carousel-dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.carousel-dot.active{background:var(--red);border-radius:4px;width:22px}.splash-container{flex-direction:column;align-items:center;gap:24px;max-width:680px;margin:0 auto;padding:30px 20px;animation:.8s cubic-bezier(.34,1.56,.64,1) fadeInUp;display:flex}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.splash-title{color:var(--white);text-shadow:0 2px 10px #00000080;margin-bottom:10px;font-size:1.6rem;font-weight:900;animation:2.5s ease-in-out infinite alternate pulseTitle}@keyframes pulseTitle{0%{opacity:.9;transform:scale(1)}to{opacity:1;text-shadow:0 4px 15px #d4a01799;transform:scale(1.05)}}.branch-btn{cursor:pointer;background-size:200%;border:2px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;gap:12px;width:100%;padding:24px 20px;font-family:Cairo,sans-serif;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);animation:4s ease-in-out infinite floatButton;display:flex;position:relative;overflow:hidden}.branch-btn:before{content:"";background:linear-gradient(90deg,#fff0 0%,#fff3 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shimmer;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shimmer{0%{left:-100%}20%{left:200%}to{left:200%}}@keyframes floatButton{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.branch-btn-icon{filter:drop-shadow(0 2px 4px #0006);font-size:2.2rem;animation:2s ease-in-out infinite bounceIcon}@keyframes bounceIcon{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(8deg)}}.branch-btn-text{color:var(--white);text-shadow:0 2px 6px #0009;font-size:1.5rem;font-weight:900}.imbaba-btn{background-image:linear-gradient(135deg,#c8102e 0%,#ff4b68 50%,#c8102e 100%);animation-delay:0s;box-shadow:0 10px 30px #c8102e80}.zayed-btn{background-image:linear-gradient(135deg,#b8860b 0%,#f0c040 50%,#b8860b 100%);animation-delay:1s;box-shadow:0 10px 30px #d4a01780}.branch-btn:hover{background-position:100%;transform:translateY(-6px)scale(1.03)}.imbaba-btn:hover{box-shadow:0 15px 40px #c8102eb3}.zayed-btn:hover{box-shadow:0 15px 40px #d4a017b3}.branch-btn:active{animation:none;transform:translateY(2px)scale(.96)}.menu-header-top{background:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.change-branch-btn{color:var(--white);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-family:Cairo,sans-serif;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.change-branch-btn:hover{background:#ffffff26;transform:translate(-2px)}.change-branch-btn:active{transform:translate(0)scale(.95)}.current-branch-title{color:var(--gold);font-size:1.1rem;font-weight:900}.search-container{max-width:680px;margin:16px auto 0;padding:0 12px}.search-input{background:var(--bg-card2);border:1px solid var(--border);width:100%;color:var(--text);direction:rtl;border-radius:999px;outline:none;padding:14px 20px;font-family:Cairo,sans-serif;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #c8102e26}.search-input::placeholder{color:var(--text-muted)}.menu-content{max-width:680px;margin:0 auto;padding:16px 12px 120px}.category-section{margin-bottom:28px}.category-header{border-bottom:2px solid var(--border);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:8px;display:flex}.category-header h2{color:var(--red);font-size:clamp(1rem,4vw,1.15rem);font-weight:700}.category-icon{font-size:1.2rem}.item-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;padding:14px;transition:border-color .2s,transform .15s;display:flex}.item-card:active{transform:scale(.98)}.item-card:hover{border-color:var(--gold-dim);background:var(--surface)}.item-card.in-cart{border-color:var(--gold);background:var(--surface)}.item-card.out-of-stock{opacity:.6;pointer-events:none;filter:grayscale(80%);cursor:not-allowed}.item-info{flex:1;min-width:0}.item-name{color:var(--text);font-size:clamp(.9rem,3.5vw,1rem);font-weight:700;line-height:1.3}.item-desc{color:var(--text-muted);margin-top:3px;font-size:clamp(.72rem,2.5vw,.82rem);line-height:1.4}.item-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.item-price{color:var(--gold);white-space:nowrap;font-size:clamp(.9rem,3.5vw,1rem);font-weight:700}.qty-controls{background:var(--bg-card2);border-radius:999px;align-items:center;gap:8px;padding:2px 6px;display:flex}.qty-btn{background:var(--red);width:28px;height:28px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;transition:background .2s,transform .1s;display:flex}.qty-btn:active{transform:scale(.9)}.qty-btn.minus{background:var(--bg-card2);color:var(--text);border:1px solid var(--border)}.qty-val{text-align:center;min-width:18px;font-size:.95rem;font-weight:700}.add-btn{background:var(--red);width:32px;height:32px;color:var(--white);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;transition:background .2s,transform .1s;display:flex}.add-btn:active{transform:scale(.9)}.add-btn:hover{background:var(--red-light)}.cart-bar{z-index:200;background:linear-gradient(to top, var(--bg) 80%, transparent);pointer-events:none;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.cart-btn{background:var(--red);width:100%;max-width:480px;color:var(--white);cursor:pointer;pointer-events:all;border:none;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:14px 20px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .15s;display:flex;box-shadow:0 4px 20px #c8102e80}.cart-btn:active{transform:scale(.97)}.cart-count{background:var(--white);color:var(--red);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.85rem;font-weight:900;display:flex}.cart-total{opacity:.9;font-size:.9rem}.cart-drawer-overlay{z-index:300;background:#000000b3;align-items:flex-end;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{background:var(--bg-card);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:680px;max-height:90vh;margin:0 auto;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.drawer-header h2{font-size:1.1rem;font-weight:700}.drawer-close{background:var(--bg-card2);color:var(--text-muted);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;display:flex}.drawer-items{flex:1;padding:12px 20px;overflow-y:auto}.drawer-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.drawer-item-name{flex:1;font-size:.9rem;font-weight:600}.drawer-item-subtotal{color:var(--gold);white-space:nowrap;font-size:.9rem;font-weight:700}.drawer-footer{border-top:1px solid var(--border);flex-shrink:1;min-height:0;padding:16px 20px;overflow-y:auto}.drawer-total{justify-content:space-between;margin-bottom:16px;font-size:1.05rem;font-weight:700;display:flex}.drawer-total span:last-child{color:var(--gold)}.checkout-form{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.checkout-form input,.checkout-form textarea{background:var(--bg-card2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);direction:rtl;outline:none;padding:12px 14px;font-family:Cairo,sans-serif;font-size:.95rem;transition:border-color .2s}.checkout-form input:focus,.checkout-form textarea:focus{border-color:var(--red)}.checkout-form textarea{resize:none;height:80px}.checkout-form input::placeholder,.checkout-form textarea::placeholder{color:var(--text-muted)}.toggle-address-btn{border:1px dashed var(--gold);color:var(--gold);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;margin-top:4px;margin-bottom:4px;padding:12px;font-family:Cairo,sans-serif;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.toggle-address-btn:hover,.toggle-address-btn.active{background:#d4a0171a}.toggle-address-btn.active{border-style:solid}.whatsapp-btn{background:var(--green);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-family:Cairo,sans-serif;font-size:1rem;font-weight:700;transition:background .2s,transform .15s;display:flex;box-shadow:0 4px 16px #25d36659}.whatsapp-btn:active{transform:scale(.97)}.whatsapp-btn:hover{background:#1eb856}.whatsapp-btn:disabled{opacity:.5;cursor:not-allowed}.butchery-badge{background:linear-gradient(135deg, var(--gold-dark,#b8860b), var(--gold));color:#000;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}