@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&display=swap";:root{--primary-color:#dc3545;--secondary-color:#198754;--bg-color:#f9fafb;--text-primary:#1a1a1a;--text-secondary:#6c757d;--glass-bg:#ffffff80;--glass-border:#ffffffb3;--glass-shadow:0 10px 20px -5px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);direction:rtl;min-height:100vh;font-family:Cairo,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}.mesh-bg{z-index:-1;background-color:var(--bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.mesh-bg:before{content:"";filter:blur(80px);background-color:#2196f314;border-radius:50%;width:400px;height:400px;animation:8s ease-in-out infinite alternate floatBlue;position:absolute;top:-100px;left:-100px}.mesh-bg:after{content:"";filter:blur(80px);background-color:#ff40810d;border-radius:50%;width:500px;height:500px;animation:9s ease-in-out infinite alternate floatPink;position:absolute;bottom:-150px;right:-50px}@keyframes floatBlue{0%{transform:translate(0)scale(1)}to{transform:translate(150px,100px)scale(1.3)}}@keyframes floatPink{0%{transform:translate(0)scale(1)}to{transform:translate(-100px,-150px)scale(1.2)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:15px}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-container{flex-direction:column;min-height:100vh;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:14px 24px;font-family:inherit;font-size:1rem;font-weight:700;transition:all .3s;display:inline-flex}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#c82333}input.search-input{background-color:Colors.white;border:1px solid #ccc;border-radius:8px;padding:12px 16px;font-family:inherit}input.search-input:focus{border-color:var(--primary-color);outline:none}.loader{border:3px solid #0000001a;border-top:3px solid var(--primary-color);border-radius:50%;width:40px;height:40px;margin:2rem auto;animation:1s linear infinite spin}.loader-blue{border:4px solid #448aff33;border-top-color:#448aff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-glow{justify-content:center;align-items:center;display:flex;position:relative}.avatar-glow:before{content:"";z-index:1;background-color:#2196f326;border-radius:50%;width:140px;height:140px;animation:3s infinite glow-pulse;position:absolute}@keyframes glow-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes search-appear{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes search-breathe{0%{transform:scale(1)}to{transform:scale(1.01)}}@keyframes pulse-glow{0%{border-color:#4caf5033;box-shadow:0 0 16px 2px #4caf501a,inset 0 0 6px -2px #4caf500d}to{border-color:#4caf5080;box-shadow:0 0 16px 2px #4caf5040,inset 0 0 6px -2px #4caf5026}}@keyframes pulse-opacity{0%{opacity:.6}to{opacity:1}}h1,h2,h3,h4{color:var(--text-primary);margin-bottom:.5rem;font-weight:700}.products-grid{box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;display:grid}@media (width>=360px){.products-grid{gap:12px}}@media (width>=480px){.products-grid{gap:16px}}@media (width>=600px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media (width>=850px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}}