*{margin:0;padding:0;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}body.rtl{direction:rtl}body.rtl .brand-info{text-align:right}body.rtl .header-content{flex-direction:row-reverse}body.rtl .language-menu{left:auto;right:0}body.rtl .language-menu button{text-align:right}header{background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.5)) center,url('../bg.8256ddcc.webp') center;color:#fff;padding:10px;height:180px}.header-content{display:flex;justify-content:space-between;align-items:flex-start}.logo-container{display:flex;align-items:center;gap:12px}.logo{width:70px;height:70px;background-color:#fff;border-radius:8px;padding:5px}.brand-info h1{font-size:1.1rem;margin-bottom:4px}.brand-info p{font-size:.85rem;opacity:.9}.language-dropdown{position:relative;display:inline-block;margin-bottom:10px}.language-btn{background:rgba(255,255,255,.2);border:1px solid #fff;color:#fff;padding:4px 10px;border-radius:8px;font-size:.8rem;cursor:pointer}.language-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:90px;background:#fff;border-radius:8px;box-shadow:0 8px 20px rgba(0,0,0,.15);list-style:none;padding:8px 0;margin:0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,transform .2s;z-index:10}.language-dropdown:focus-within .language-menu,.language-dropdown:hover .language-menu{opacity:1;visibility:visible;transform:translateY(0)}.language-menu li{padding:0}.language-menu button{width:100%;border:none;background:0 0;text-align:left;padding:6px 14px;font-size:.9rem;color:#333;cursor:pointer}.language-menu button:hover{background:#f1f1f1}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scroll-smooth{scroll-behavior:smooth}#active-category{background-color:#fff!important;color:#ef4444!important;font-weight:700;position:relative}#active-category::before{content:"";position:absolute;left:0;top:25%;height:50%;width:4px;background-color:#ef4444}body{background-color:#f8f9fa;color:#333;line-height:1.6;display:flex;flex-direction:column;min-height:100vh}main{max-height:calc(100vh - 180px);flex:1;display:flex;overflow:hidden}#sidebar{width:96px;background-color:#f8f9fa;overflow-y:auto;border-right:1px solid #e9ecef}#main-content{flex:1;overflow-y:auto}.cat-item{padding:16px 8px;font-size:12px;color:#6b7280;text-align:center;word-break:break-word;cursor:pointer;border-bottom:1px solid #e5e7eb;transition:.2s}.cat-item:hover{background-color:#f9fafb}.category-header{padding:8px 12px;font-size:12px;font-weight:700;background-color:#eee;margin-bottom:4px}.menu-item{padding:8px 10px;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;align-items:center}.item-image{width:80px;height:80px;background-color:#f3f4f6;border-radius:8px;overflow:hidden;flex-shrink:0}.item-image img{width:100%;height:100%;object-fit:cover}.item-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;min-height:80px}.item-name{font-size:14px;font-weight:700;color:#1f2937;line-height:1.4;margin:0}.item-footer{display:flex;justify-content:space-between;align-items:center}.item-price{color:#dc2626;font-weight:700;font-size:14px;margin:0}#lightbox{display:none;position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:100;align-items:center;justify-content:center;cursor:pointer}#lightbox.active{display:flex}#lightbox-img{max-width:min(500px,90vw);max-height:90vh;border-radius:12px;object-fit:contain;pointer-events:none}