*{margin:0;padding:0;box-sizing:border-box;font-family:tahoma;}body{background:#f5e9ff;direction:rtl;color:#333;}header{display:flex;justify-content:flex-end;padding:20px;background:#fff;box-shadow:0 5px 20px rgba(0,0,0,.08);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:15px}.logo img{width:70px;height:70px;border-radius:50%;border:3px solid #d6b3ff;object-fit:cover;background:#eee;animation:floatLogo 3s ease-in-out infinite}h1{text-align:center;margin:35px 0;color:#8a4fd8}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:20px;padding:20px}.card{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:.3s;box-shadow:0 8px 20px rgba(0,0,0,.08);animation:fadeUp .8s ease both}.card img{width:100%;height:200px;object-fit:cover}.card h3{padding:15px;text-align:center}.soon{height:260px;display:flex;align-items:center;justify-content:center}.product{display:none;max-width:700px;margin:40px auto;background:#fff;padding:25px;border-radius:20px}.product img{width:100%;border-radius:20px}button{background:#b57cff;color:#fff;border:none;padding:12px 25px;border-radius:12px}@keyframes fadeUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes floatLogo{50%{transform:translateY(-6px)}}