@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Cairo:wght@300;400;600;800&family=Tajawal:wght@300;400;500;700;800&display=swap";@font-face{font-family:Cocon;src:url(/fonts/CoconNextArabic%20fonts/CoconNextArabic-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Cocon;src:url(/fonts/CoconNextArabic%20fonts/CoconNextArabic-Bold.ttf)format("truetype");font-weight:700;font-style:normal}[dir=rtl]{font-family:var(--ar-font,"Cairo"), sans-serif}[dir=rtl] .category-nav{direction:rtl}[dir=rtl] .header{flex-direction:row-reverse}[dir=rtl] .item-info{text-align:right}[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] .modal-body,[dir=rtl] .modal-title,[dir=rtl] .modal-desc{text-align:right}.lang-toggle{border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.35rem .8rem;font-family:Outfit,Cairo,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.lang-toggle:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}:root{--bg-color:#fff;--text-color:#333;--accent-color:#007bff;--card-bg:#f9f9f9;--glass-bg:#ffffffb3;--glass-border:#ffffff4d}.theme-dark{--bg-color:#1a1a1a;--text-color:#f4f4f4;--accent-color:#d4af37;--card-bg:#2a2a2a;--glass-bg:#1e1e1eb3;--glass-border:#ffffff1a}.theme-vibrant{--bg-color:#fff9f5;--text-color:#2c1a12;--accent-color:#ee3123;--card-bg:#fff;--glass-bg:#ffffffd9;--glass-border:#ee312333}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--en-font,"Outfit"), sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s;overflow-x:hidden}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{z-index:50;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.brand{color:var(--accent-color);text-transform:uppercase;font-size:1.5rem;font-weight:800}.category-nav{scrollbar-width:none;gap:1rem;padding:1rem;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.cat-btn{border:1px solid var(--glass-border);color:var(--text-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:20px;padding:.5rem 1.2rem;font-family:Outfit,sans-serif;font-weight:600;transition:color .3s;position:relative}.cat-btn.active{color:#fff}.cat-active-bg{background-color:var(--accent-color);z-index:-1;border-radius:20px;position:absolute;inset:0}.item-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;padding:1rem;display:grid}.item-card{background:var(--card-bg);cursor:pointer;border-radius:16px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}.item-img-container{aspect-ratio:1;background:#eee;width:100%;overflow:hidden}.item-img-container img{object-fit:cover;width:100%;height:100%}.item-info{flex-direction:column;flex-grow:1;padding:.8rem;display:flex}.item-name{margin-bottom:.2rem;font-size:1.1rem;font-weight:700}.item-price{color:var(--accent-color);margin-top:auto;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);border-radius:24px;flex-direction:column;width:100%;max-width:400px;display:flex;position:relative;overflow:hidden}.modal-img{aspect-ratio:4/3;object-fit:cover;width:100%}.modal-body{padding:1.5rem}.modal-title{margin-bottom:.5rem;font-size:1.5rem;font-weight:800}.modal-desc{color:var(--text-color);opacity:.8;margin-bottom:1.5rem;font-size:.95rem;line-height:1.4}.modal-footer{justify-content:space-between;align-items:center;display:flex}.modal-price{color:var(--accent-color);font-size:1.4rem;font-weight:800}.add-btn{background:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-weight:700}.close-btn{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:1rem;right:1rem}.cart-modal{flex-direction:column;max-height:85vh;display:flex}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}